/*
	Grundlegende Einstellungen bei Gutenberg-Klassen
*/

/*Standard Abstand nach untent*/
#sb_instagram,
main .post-content p:has(+ hr),
main .wp-block-details,
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-separator,
main .wp-block-buttons,
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.is-nowrap p.distanceBottom,
	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;
	}
	.txt-distance-bottom,
	.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-gallery,
main .wp-block-image,
main .post-content p:has(+ .wp-block-heading, + div, + table, + .wp-block-table, + hr, +.wp-block-image),
main .wp-block-cover,
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:not(.wp-block-media-text){
	padding-top: var(--abstandUntenContainer);
    padding-bottom: var(--abstandUntenContainer);
}

/*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: auto;
	}
	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 .wp-block-table td,
			main table td{
				padding: 3px 10px;
				border: 1px solid var(--colorBorderTable);
				}
			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;
			}
		
/*Small*/	   
sub{
	font-size: var(--smallFont);
	line-height: 0
}

/*Button*/
#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram .sbi_follow_btn.sbi_custom a,
.nf-form-content button, .nf-form-content input[type=button], 
.nf-form-content input[type=submit],
.loop + .pagination-wrap .more .more-link,
#submit, .wp-block-search__button,
.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;
    cursor: pointer;
    line-height: 100%;
    border:none;
}
#sb_instagram .sbi_follow_btn.sbi_custom a:hover,
.nf-form-content button, .nf-form-content input[type=button]:hover, 
.nf-form-content input[type=submit]:hover,
.loop + .pagination-wrap .more .more-link:hover,
#submit, .wp-block-search__button:hover,
.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;
		}
		/*Standards*/
		.nf-form-fields-required{
			display:none
		}
		.nf-error-msg, .ninja-forms-req-symbol {
		    color: #e80000;
		}
		.nf-form-hp {
		    position: absolute;
		    visibility: hidden;
		}
		#ninja_forms_required_items, 
		.nf-field-container {
		    clear: both;
		    position: relative;
		    margin-bottom: 25px;
		}

		.field-wrap .pikaday__container, 
		.field-wrap .pikaday__display, 
		.field-wrap>div input, .field-wrap select, 
		.field-wrap textarea {
		    width: 100%;
		}
		.nf-form-content .list-select-wrap .nf-field-element>div, 
		.nf-form-content input:not([type=button]):not([type=submit]), 
		.nf-form-content textarea {
		    background: var(--tertiaerfarbe);
		    border: 1px solid #c4c4c4;
		    border-radius: 0;
		    box-shadow: none;
		    color: #787878;
		    transition: all .5s;
	    }
	    .nf-form-content .listselect-wrap .nf-field-element div, 
	    .nf-form-content input.ninja-forms-field, 
	    .nf-form-content select.ninja-forms-field:not([multiple]) {
		    height: 50px;
		}
		.nf-error .ninja-forms-field {
		    border-color: #e80000!important;
		}
		.nf-form-content .listselect-wrap .nf-field-element div, 
		.nf-form-content .ninja-forms-field {
		    font-size: 16px;
		    margin: 0;
		    padding: 12px;
		}
		
		.nf-form-content button, .nf-form-content input[type=button]:hover, 
		.nf-form-content input[type=submit]:hover{
			background: var(--colorButtonHover);
			color: var(--colorMenuItem);
		}
		
		/*Label*/
		.post-content .nf-field div.field-wrap:not(.listcheckbox-wrap) .nf-field-label{
			position: absolute;
		    z-index: 1;
		    top: 14px;
		    left: 15px;
		    opacity: 0.6;
		    transition: all 0.3s ease;
			}	
		.post-content .nf-field .focus-input .nf-field-label{
			top: -25px !important;
		    left: 0px !important;   
			}
			.post-content .nf-field label{
				font-weight: 100;
				}
			.post-content .nf-field .focus-input label{
				font-size: 80%
				}
		.post-content .nf-form-content nf-fields-wrap nf-field:last-child > div{
			margin-bottom: 0;
		}

		/*Checkbox/Description*/
		.nf-form-cont .field-wrap.checkbox-wrap input{
			height: 30px;
			position: absolute;
		}
		.nf-form-cont .field-wrap.checkbox-wrap .nf-field-description{
			margin-right: 0;
			margin-left: 60px;
			margin-top:5px;
			}
		
		/*Input*/	
		.nf-form-content .list-select-wrap .nf-field-element>div:focus, 
		.nf-form-content input:not([type=submit]):not([type=button]):focus,
		.nf-form-content textarea:focus,
		.nf-form-content .list-select-wrap .nf-field-element>div, 
		.nf-form-content input:not([type=button]):not([type=submit]),
		.nf-form-content textarea{
			color:var(--standardtextfarbe);
			background: var(--tertiaerfarbe);
		}
		/*Submit*/
		.nf-form-content input[type=submit]{
			border:1px solid var(--standardtextfarbe);
		}
		
		/*Overflow-Fixer by Group/Alignwide if first-child*/
		.alignfull div>.nf-form-cont:first-child{
			    margin-top: 18px;
		}

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

.post-content .wp-block-code{
	border-radius: 3px;
	border: 1px solid var(--colorFont);
	padding: 20px;
}

figure{
	margin-block:0;

}

main .wp-block-details summary{
	overflow: auto;	
}

main .wp-block-pullquote,
main .wp-block-quote{
	border-color:var(--colorLink);
}

main .wp-block-gallery{
	display:flex;
	flex-wrap: wrap;
}
main .wp-block-columns{
	justify-content: center; /*wegen spalten-overlap*/
}


/* 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*/
figure.shadow-1 img,
.shadow-1:not(figure) {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
figure.shadow-2 img,
.shadow-2:not(figure) {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
figure.shadow-3 img,
.shadow-3:not(figure) {
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
figure.shadow-4 img,
.shadow-4:not(figure) {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 30px 40px -7px;
}
figure.shadow-5 img,
.shadow-5:not(figure) {
	box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
}
figure.shadow-6 img,
.shadow-6:not(figure) {
	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;
}

/*Blur Classes*/
.blur-v-bright{
	background: #ffffff4d;
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
.blur-v-dark{
	background: #7070704d;
    -webkit-backdrop-filter: blur(9px);
    -moz-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
}
.blur-v-middle{
	background: #ffffff4d;
    -webkit-backdrop-filter: blur(7px);
    -moz-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}
.blur-v-other{
	background:#b7b7b74d;
	-webkit-backdrop-filter: blur(13px);
	-moz-backdrop-filter: blur(13px);
	backdrop-filter: blur(13px);
}
.blur-v-bright,
.blur-v-dark,
.blur-v-middle,
.blur-v-other{
	padding: 15px;	
}


/*Hero*/
.mbfse-hero{
	height: calc(100vh - var(--headerHeight));
	}
	body:not(.mb-transp-header) .mbfse-hero .wp-block-cover__inner-container{
		margin-top: calc(var(--headerHeight)*(-1));
		}

/*Price Tabelle*/
.pricing-charts{
	
	}
	.pricing-charts>div{
		position: relative;
	    align-self: stretch !important;
	    margin: 40px 0;
	    background-color: #ecf0f7;
	    padding: 40px;
		}
	.pricing-charts>div:nth-child(2){
		margin:0 20px
		}
		/*Price*/
		.pricing-charts>div> .wp-block-buttons {
		    position: absolute;
		    top: -25px;
		    right: 25px;
			}
			.pricing-charts>div> .wp-block-buttons:after {
			    content: "Jetzt bestellen";
			    opacity: 0;
			    position: absolute;
				background-color: var(--hauptfarbe);
			    color: var(--menufarbe);
		        display: flex;
			    width: 100%;
			    height: 100%;
			    transition: all .3s ease-in-out;
			    justify-content: center;
			    align-items: center;
			}
			.pricing-charts>div> .wp-block-buttons:hover:after {
			    opacity: 1;
			}
				.pricing-charts>div .wp-block-button a{
					font-size: var(--headline-4)
				}

		/*mehr erfahren*/
		.pricing-charts>div> p:last-of-type {
		    position: absolute;
		    bottom: 0;
		    width: 100%;
		    background-color: var(--hauptfarbe);
		    padding: 10px 40px;
		    color: var(--tertiaerfarbe);
		    left: 0;
		    overflow: hidden;
			}
			.pricing-charts>div> p:last-of-type a {
			    position: absolute;
				top:0;
			    left: 0;
			    width: 100%;
			    transform: translateX(-100%);
			    background: red;
			    padding: 10px 40px;
			    background-color: var(--hauptfarbe);
			    transition: all 0.3s ease;
			    color: var(--menufarbe);
			    font-size: 16px;
			}
			.pricing-charts>div> p:last-of-type a:hover {
				color: var(--menufarbe);
			}
			.pricing-charts>div> p:last-of-type:hover a {
				transform: translateX(0%);
			}
			
			
.mb-scrollHorizontal {
	display: flex;
	flex-direction: row;
	gap: 20px;
	}
	.mb-scrollHorizontal > * {
		min-width: 33%;
		margin-bottom: 0 !important;
		}
		
picture{
	width:100%;
	height:100%;
	display: inline-block;
}


/* *************************
	Social-Media Feeds
*/
/*Instagram*/
	/*Logo*/
	.sb_instagram_header .sbi_header_hashtag_icon{
		background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4);	
		}
		#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img, 
		.sb_instagram_header.sbi_medium .sbi_header_img{
			width:50px;
			height:50px;
			}
			#sb_instagram .sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo path{
				fill:white
				}
	/*Grid*/			
	#sb_instagram #sbi_images{
		gap: var(--wp--style--block-gap) !important;
		}
		#sb_instagram #sbi_images .sbi_item{
			box-shadow: 0px 0px 30px #00000029;			
			}
	/*Button*/
	#sb_instagram .sbi_follow_btn.sbi_custom a{
		background-color: var(--colorButton) !important;
		font-size: var(--paragraph);
	}
	#sb_instagram .sbi_follow_btn.sbi_custom a:hover{
		background-color:var(--colorButtonHover) !important;
		box-shadow: none;
	}
		#sb_instagram svg:not(:root).svg-inline--fa{
			top: -2px;
			position: relative;
			}
			#sb_instagram svg:not(:root).svg-inline--fa path{
				fill: var(--colorButtonText);
			}
			#sb_instagram .sbi_follow_btn.sbi_custom a:hover svg:not(:root).svg-inline--fa path{
				fill: var(--colorButtonTextHover);
			}