/*
	Grundlegende Einstellungen bei Gutenberg-Klassen
*/

/*Standard Abstand nach untent*/
main iframe,
main .navigation.pagination,
main .wp-block-quote,
main .post-content > ul,
main .post-content > ol,
main .wp-block-group__inner-container ul,
main .wp-block-group__inner-container ol,
main .wp-block-verse,
main .wp-block-table,
main .wp-block-image,
main .wp-block-cover,
main .wp-block-separator,
main .wp-block-buttons,
main .wp-block-gallery,
main .wp-block-media-text,
main .wp-block-table,
main .distanceBottom,
main .thumb-wrap,
main .social-media-buttons,
main .kommentar-container,
main .archive-after,
main .single-after,
main .page-after,
main .index-after,
main .loop{
	margin-bottom:var(--abstandUntenTxtElement);	
}
	/*Abstand nach untent Reset*/
	main .wp-block-group__inner-container > div.wp-block-spacer,
	main .wp-block-spacer,
	main .thumb-wrap p,
	main .wp-block-buttons .wp-block-button,
	main .wp-block-column > *:last-child,
	main .wp-block-cover__inner-container > *:last-child,
	main .wp-block-group__inner-container > *:last-child,
	main .wp-block-gallery ul{
		margin-bottom:0;
	}
	.text-distance{
		margin-bottom:var(--abstandUntenTxtElement) !important;
	}
	main .wp-block-group__inner-container ul:last-child,
	main .wp-block-group__inner-container ol:last-child,
	main .wp-block-group__inner-container > p:last-child,
	main .post-content > div:last-child,
	main .post-content > p:last-child,
	main .post-content > ul:last-child,
	main .post-content > ol:last-child,
	.no-distance-bottom{
		margin-bottom:0 !important;
	}
	.text-distance-2{
		margin-bottom:calc(var(--abstandUntenTxtElement)/2) !important;
	}

main .wp-block-columns,
main .wp-block-group,
main .mb-block,
main .wp-block-post-template{
	margin-bottom:var(--abstandUntenContainer);	
}
.block-distance{
	margin-bottom:var(--abstandUntenContainer) !important;
}

main .post-content{
	margin-bottom:var(--abstandUntenPostContent);	
}
/*
	Spalten (ohne Abstand)
*/
/*.alignwide .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child),
.alignfull .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child),*/
.slick-initialized .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child),
footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child),
header .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child),
.no-gap.wp-block-columns>.wp-block-column
{
	margin-left:0 !important;
}


/*Beitragsbild*/
main .thumb-wrap{
	overflow: hidden;;
	}
	main .thumbnail{
		padding-bottom: var(--bildformat169);
	    height: 0;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
		}
	main .thumb-wrap .copyright{
		font-size: var(--smallFont);
	}


/*Listen*/
main ol,
main ul{
	padding-left: var(--einrueckenListe);
	}
	main li{
		line-height: var(--lineHeightList);
		padding-bottom: 10px;
		}
		main li ol,
		main li ul{
			padding-top: 10px;
			}
			main li ul li:last-child{
				padding-bottom: 0;
			}

/*Trenner*/
.wp-block-separator{
	
}

/*Hintergrundfarbe*/
.has-background{
	padding-top: 2rem;
	padding-bottom: 2rem;
}

/*Vers*/
main .wp-block-verse{
	font-style: italic;	
}


/*Pullquote*/
main .wp-block-pullquote p{
	font-size:var(--headline-4);
	line-height: var(--lineHeightHeadline-4);
}


/*Tabelle*/
.wp-block-table{
	overflow-x: initial;
	}
	main table{
		border: 1px solid var(--colorBorderTable);
		margin-bottom:var(--abstandUntenParagraph);
		}
		main table tr:not(:last-child){
				border-bottom: 1px solid var(--colorBorderTable);		
			}
			main table td:not(:last-child){
				border-right: 1px solid var(--colorBorderTable);		
			}
			main table td{
				padding: 10px;
				}
			main table tr:nth-child(odd){
				background: var(--colorTableRow);
			}
			main table tfoot tr:first-child,
			main table thead tr:first-child{
				background: var(--colorTableHead);
				font-weight: 700;
			}
		
		   
/*Button*/
.loop + .pagination-wrap .more .more-link,
#submit,
.wp-block-button__link{
	background-color:var(--colorButton);
	color:var(--colorButtonText);
	font-size: var(--headline-3);
	border-radius: var(--borderRadius);
    padding: var(--buttonInner);
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}
.loop + .pagination-wrap .more .more-link:hover,
#submit,
.wp-block-button__link:hover{
	background-color:var(--colorButtonHover);
	color:var(--colorButtonTextHover);
}
	
	.wp-block-button.download-button a{
		display: flex;
	    align-items: center;
	}
	.wp-block-button.download-button a:before{
		content:"\f019";
		font-family: var(--fontAwesome);
		font-weight: 600;
		font-size: var(--lineHeightHeadline-5);
		margin-right: 20px;
		}


/*SocialMediaButtons*/
.home .social-media-buttons{
	display:none;
}
.social-media-buttons a:not(:last-child){
	padding-right: 15px;	
	}
	.social-media-buttons a i{
		font-size: var(--headline-3);
	}


/*Fixes Margins*/
main .publish-date,
main .wp-block-quote p,
main .wp-block-pullquote p{
	margin-bottom:var(--abstandUntenParagraph);
}


/*Comment-Section / Kommentare*/
#kommentar_formular{
	}
	#kommentar_formular #comment{
		display:block;
		width: 100%;
	}
	#kommentar_formular .distanceBottom{
		margin-bottom:var(--abstandUntenTxtElement);
	}
	#kommentar_formular .name-email-wrap{
		display: grid;
		grid-template-columns: 1fr 1fr;
	    column-gap: var(--abstandSeiten);
		}
		#kommentar_formular .name-email-wrap input{
			width: 100%;
			}
	#kommentar_formular #submit{
		color: var(--colorButtonText);
	    background-color: #32373c;
	    border-radius: 9999px;
	    box-shadow: none;
	    cursor: pointer;
	    display: inline-block;
	    font-size: 1.125em;
	    padding: calc(0.667em + 2px) calc(1.333em + 2px);
	    text-align: center;
	    text-decoration: none;
	    word-break: break-word;
	    box-sizing: border-box;
    }
    

/*Ninja-Form*/
.post-content .nf-form-content{
	max-width: 100%;
	padding:0;
	}
	.post-content .nf-before-form-content{
		padding-left:5px;
		font-size:var(--smallFont);
		margin-bottom:10px;
	}


/*weitere GT-Elemente*/
.post-content .wp-block-preformatted,
.post-content .wp-block-code{
	margin-bottom: var(--abstandUntenTxtElement);
}

figure{
	margin-block:0;
	margin-inline: 0;
}



/* mb-lightbox */
#mb-lightbox-container{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	backdrop-filter: blur(10px);
	padding: 60px;
	}
#mb-lightbox-container.active{
	display: block;
	}
	#mb-lightbox-container .lightbox-wrap{
		width: 100%;
		height: 100%;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	#mb-lightbox-container .arrows,
	#mb-lightbox-container .close{
		position: absolute;
		cursor: pointer;
		right: 20px;
		top: 20px;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		background-color: transparent;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 30px;
		}
		#mb-lightbox-container .close i{
			color:white;
		}
	#mb-lightbox-container .arrows{
		top: 50%;
		right: 0;
		width: 100%;
		justify-content: space-between;
		transform: translateY(-50%);
		padding: 0 20px;
		}
		#mb-lightbox-container .arrows .left,
		#mb-lightbox-container .arrows .right{
			display: flex;
			justify-content: center;
			align-items: center;
			/* background-color: var(--colorArrowButton); */
			width: 50px;
			height: 50px;
			border-radius: 50%;
		}
		#mb-lightbox-container .arrows .left{
			left: -15px;
		}
		#mb-lightbox-container .arrows .right{
			right: -15px;
		}
			#mb-lightbox-container .arrows .right:before,
			#mb-lightbox-container .arrows .left:before{
				content: "\F284";
				font-family: "bootstrap-icons";
				font-size: 30px;
				cursor: pointer;
				color:white;
			}
			#mb-lightbox-container .arrows .right:before{
				content: "\F285";
			}

.wp-block-gallery.mb-lightbox{
	display:flex;
	flex-wrap: wrap;
    justify-content: flex-start;
	gap: 20px !important;
	margin-bottom: var(--abstandUntenContainer);
	}
	.wp-block-gallery.mb-lightbox figure{
		width:20% !important;
		max-width: 20% !important;
		}
		.wp-block-gallery.mb-lightbox figure img{
			object-fit: scale-down !important;
			}

		.wp-block-gallery.mb-lightbox.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{
			flex-grow: initial;
		}
		.wp-block-gallery.mb-lightbox.has-nested-images figure.wp-block-image figcaption{
			position: relative;
			flex-basis: content;
			flex-grow: initial;
			margin: 0 0;
			padding: 5px 10px;
			bottom: 23px;
		}
		
/*Shadow Classes*/
.shadow-1{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.shadow-2{
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.shadow-3{
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.shadow-4{
	box-shadow: rgba(0, 0, 0, 0.2) 0px 30px 40px -7px;
}
.shadow-5{
	box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
}
.shadow-6{
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}