.panel{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	padding: 3rem;
}
.kirche_locations_list_header,.kirche_locations_list_data{
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(6, 1fr);
	grid-column: 1/7;
}
.Community-header h2{
	font-size: 1.7rem;
}
.hidden {
  display: none;
}
.link_community_details {
	display: block;
	max-height: 1000px;
	opacity: 1;
	transform: translateY(0);
	overflow: hidden;
	transition: opacity 180ms ease, transform 180ms ease, max-height 220ms ease;
}
.link_community_details.is-filtered-out {
	opacity: 0;
	transform: translateY(-6px);
	max-height: 0;
	pointer-events: none;
}
.kk-label {
	background-color: var(--color-attention);
	display: inline-block;
	padding: 0.2rem 0.5rem;
	color: #fff;
	margin-block-start: .5rem;
	border-bottom-right-radius: 10px;
  	border-top-left-radius: 10px;
  }
  .content .frame-type-nachtderkirchen_community .Community-Churches header{
	display: flex;
	padding: 0;
	margin-block-start: 0;
	align-items:center;
	gap:1rem;
	justify-content: space-between;
	margin-block-end: 2rem;
  }
  .content .frame-type-nachtderkirchen_community .c-card header{
	justify-content: center;
  	background-color: var(--color-primary);
  	color: var(--color-background);
  	padding-block: 1rem;
  	text-align: center;
  }
  

  .button-back{
	position: absolute;
	outline: 3px solid currentcolor;
	margin: 0;
	padding: 0;
	color: #333333;
	margin-block: 1rem;
  }

  .button-edit:hover{
	background-color: transparent;
	color: inherit;
  }
  
  .footer-actions{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-block-start: 2rem;
	justify-content: center;
	align-items: center;
  }
  .footer-actions .button-edit{
	display:inline-block;
	width: 150px;
	text-align: center;
  }
  .footer-actions .button-edit img{
	position: relative;
	margin: 0 5px;
	top: 5px;
  }
  header h1{
	font-size: 1.5rem;
  }
  header p{
	margin-block-start: 3rem;
	max-width: 80ch;
	line-height: 1.2;
	font-size: 1.2rem;
  }
  .formcontainer form{
	padding: 1rem;
	display: grid;
	gap: .3rem;
	grid-template-columns: 1fr;
	align-items: center;
  }
  .formcontainer form input, .formcontainer form textarea{
	background-color: var(--color-background);
	color: #000000;
	outline: 2px solid var(--color-dark-plum);
	font-size: 1.2rem;
	padding: .5rem;
	border: none;
	
  }
  .formcontainer form textarea{
	margin-block-start: .3rem;
  }
  .eventdetails input{
	margin-block-start: .3rem;
  }
  .formcontainer input[type='checkbox']{
	outline: none;
  }
  .formcontainer input[type='time']{
	background-color: var(--color-dark-plum);
	color: #ffffff;
	outline: none;
  }
  .formcontainer form textarea{
	margin-block-start: .3rem;
  }
  #description, #sublocation, .sublocationlabel, .descriptionlabel {
	grid-column: 1/4;
  }
  .programm input, .programm textarea{
	width: 100%;
	
	}
	.programm input{
		margin-block-end: .5rem;
	}

  .formcontainer form input{
	height: 2.5rem;
  }
  .formcontainer form textarea{
	height: 15rem;
	min-height:15rem;
  }
  .new-church{
	padding-block-end: 3rem;
  }
  
  
  .form-fields-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: .5rem;
	
  }
  .show-communitiy-details .c-card .church-events {
	display: block;
  }
  
  .categories {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	margin-block-start: 3rem;
  }
  .eventdetails {
	display: grid;
	label{
		margin-block-start: .5rem;
	}
	
	grid-template-columns: 1fr;
	margin-block-start: 3rem;
  }
  .date-container {
	display: grid;
	gap: 2rem;
	grid-template-columns: 1fr;
  }
  .eventdetails h3{
	grid-column: 1/5;
	font-size: 1.3rem;
  }
  .eventdetails .categories{
	grid-column: 1/5;
  }
  .catblock-header{
	width: 100%;
	margin-block: 2rem .5rem; 
  }
  .date-block {
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr;
  }
  
  
  
  .cat_entertainment{
	columns: 2;
  }
  .catblock-field{
	display: grid;
	grid-template-columns: 25px 1fr;
	align-items: center;
	gap: 1rem;
  }
  .community_overview {
	position:relative;
	margin-block-start: 3rem;
	max-width: 1048px;
	width: 80%;
	background-color: #e0e0e0;
	padding: 2rem;
	a{
		text-decoration: none;
		color:var(--color-primary);
	} 
	a h2{
		font-size: 1.5rem;
		margin-block: 1rem;;	
	}
  }
  .community-forward{
	position: absolute;
	top: 20%;
	right: 20%;
	border: 3px solid var(--color-primary);
	padding: 1rem 3rem;
	font-weight: 800;
  }
 

  .fullsize-container{
	position: absolute;
	z-index: 99999;
	inset: 0;
	padding: 5rem;
	background-color: rgba(20,20,20,0.8);
	
  }
  .fullsize{
	margin-top: 5rem;
	display: block;
	margin-inline: auto;
	max-width: 40%;
	width: 100%;
	height: auto;
	background-color: #ffffff;
	}
	
	.fullsize-imageWrap{
		margin-inline: auto;
		isolation: isolate;
		position: relative;
		
	}
	
	.download_image, .close-fullsize {
		position: absolute;
		top: 3rem;
		right: 30%;
		width: 30px;
		height:30px;
		background-color: #ffffff;
		border-radius:50%;
		margin: 1rem;
		cursor: pointer;
	  }
	  .download_image{
		bottom: 0px;
		right: calc(30% + 3rem);
		top:unset;
		padding: 5px;
	  }
	  .download_image svg,.close-fullsize svg{
		max-width: 100%;
		height: auto;
	  }
	  .close-fullsize{
		z-index: 20;
	  }
	  .fullsize-inner {
		display: inline;
		text-align: center;
		display: flex;
		align-content: center;
		justify-content: center;
	  }
	  .fullsize-nav.nav-back{
		position: absolute;
		left: 30%;
		padding: 0.3rem;
		display: flex;
		align-content: center;
		align-items: center;
		background-color: rgba(250,250,250,0.5);
		z-index: 18;
		top:5rem;
		width: 3rem;
		height: calc(100% - 5rem);
	  }
	  .fullsize-nav.nav-forward{
		position: absolute;
		right: 30%;
		padding: 0.3rem;
		display: flex;
		align-content: center;
		align-items: center;
		background-color: rgba(250,250,250,0.5);
		z-index: 18;
		top:5rem;
		width: 3rem;
		height: calc(100% - 5rem);
	  }

	  
	 
	  #upload_image{
		margin-block-end: 1rem;
	  }
	  
	  .topevent_container {
		position: absolute;
		top: 0rem;
		right: 4rem;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: .5rem;
	  }
	  .tx-nacht-der-kirchen{
		position: relative;
	  }

	  select {
		
		appearance: none;
		background-color: var(--color-primary);
		border: none;
		padding: 0 1em 0 0;
		margin: 0;
		width: 100%;
		font-family: inherit;
		font-size: inherit;
		cursor: inherit;
		line-height: inherit;
		color: #ffffff;
		option{
			border-radius: 0;
		}
	  }
	  select::-ms-expand {
		display: none;
	  }

	  .select {
		display: grid;
		grid-column: 1;
		grid-template-areas: "select";
		align-items: center;
		position: relative;
		width: 100%;
		min-width: 15ch;
		max-width: 30ch;
		border: none;
		border-radius: 0em;
		padding: 0.25em 0.5em;
		font-size: 1.25rem;
		cursor: pointer;
		line-height: 1.1;
		background-color: var(--color-primary);
		color: #ffffff;
	  }


	  .select::after {
		content: "";
		width: 0.8em;
		height: 0.5em;
		background-color: #ffffff;;
		clip-path: polygon(100% 0%, 0 0%, 50% 100%);
		justify-self: end;
	  }
	select,
	.select:after {
  		grid-area: select;
	}
	select:focus + .focus {
		position: absolute;
		top: -1px;
		left: -1px;
		right: -1px;
		bottom: -1px;
		border: 2px solid var(--color-attention);
		border-radius: inherit;
	  }


	  
	  
	  .formaction{
		display: grid;
  		grid-template-columns: repeat(12,1fr);
		margin-block-start: 3rem;
		
		.button{
			background-color: var(--color-primary);
  			color: var(--color-background);
  			display: block;
  			text-align: center;
			position: static;
			padding: .8rem;
		}
		.backbutton{
			grid-column: 2/4;
		}
		input[type="submit"]{
			grid-column: 5/8;
			margin-block: 2rem;
			font-size: inherit;
			cursor: pointer;
		}
		.deletebutton{
			grid-column: 9/12;
		}
	  }
.hint_confirmation{
	font-size: 1.3rem;
	padding: 5rem 3rem;
	h3{
		margin: 2rem 0;
	}
	p{
		padding: 1.2rem 0;
	}
	a{
		color: var(--color-primary);
	}
}