/*
	Grundlegende Einstellungen bei Eigenen-Klassen
*/

* {
	box-sizing: border-box;
	padding:0;
	margin:0;
	position: relative;
	word-break: break-word;
    color:var(--colorFont);
    font-family:var(--fontFamily);
	line-height: var(--lineHeightHeadline);
}

span, strong, sup, li, em{
	color: inherit;
    font-family: inherit;
	line-height:  inherit;  
}


.has-text-color .wp-block-column > *,
.has-text-color > *,
.has-text-color i{
	color: inherit;
}

.has-small-font-size > *,
.has-medium-font-size > *,
.has-large-font-size > *,
.has-x-large-font-size > *{
	font-size: inherit;
}

.pin-spacer *,
.pin-spacer,
canvas{
	transition: none;
}

/*Grundaufbau*/
html, body, #mb-container{
	height: 100%;
	width: 100%;
	background: var(--backgroundBody);
	}

	#mb-container{
		display: flex;
		flex-direction: column;
		}
		.alignwide,
		.alignwide .wp-block-button,
		.alignwide .wp-block-button .wp-block-button__link,
		#mb-container > header,
		#mb-container > main,
		#mb-container > footer{
			width: 100%;
		}
		#mb-container > main{
			flex: 1 0 auto;
			background: var(--backgroundBody);
			padding-top: var(--headerHeight);
		}


/*die standard Flucht*/
.alignfull > div,
.satzspiegel{
	max-width: var(--containerMaxWidth);
	margin: 0 auto;
	padding:0 var(--abstandSeiten);
	width: 100%;
	}
	.satzspiegel .satzspiegel{
		padding:0;
	}

/*make Fullwidth - .alignfull*/
.alignfull {
	width: calc(100vw - var(--scrollbarWidth));
	margin-left: -50vw;
	left: 50%;
	overflow: hidden;
	}
	.alignfull .alignfull{
		width: calc(100vw - var(--scrollbarWidthInner));
	}

/*make Widewidth - .alignwide*/
.alignwide{
	/*width = nutze 50% des freien raums bei alignwide*/
	width: calc((((100vw - 100%) * 0.5) + 100%) - var(--scrollbarWidth));
	left: 50%;
	transform: translateX(-50%);
	overflow: hidden;
	max-width: 100%;
}
.alignwide .alignwide {
	width: calc((((100vw - 100%) * 0.5) + 100%) - var(--scrollbarWidthInner));
}

.alignfull .alignwide{
	left: unset;
    transform: none;
    margin-left: 0;
    margin-right: 0;
}

/*Align Element (good for inline Elements*/
.element-align-left,
.element-align-center,
.element-align-right{
	display:flex;	
}
.element-align-left{justify-content:flex-start;}
.element-align-center{justify-content:center;}
.element-align-right{justify-content: flex-end;}


/*Scrollbalken entfernen*/
.noscroll{
	/* overflow: hidden; */
	}
	
	
/*Link ohne Funktion*/
.no-link-pls a{
	cursor: default;
}


/*Overflow verhindern*/
.no-overflow{
	overflow:unset	
}

/*Outline iPad*/
button:focus {
	outline:none;
}

/*Y-Video-Template-Popup*/
.mb-template-video-popup .thumbnail{
	cursor: pointer;
}
.aufklapp-wrap{
	position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 100;
    background: #000000d1;
    display: flex;
    flex-direction: column;
	align-items: center;
    justify-content: center;
    display: none;
    justify-content: center;
}
.aufklapp-wrap:after{
	content:"\f00d";
	font-family: var(--fontAwesome);
	display: block;
    position: absolute;
    right: 30px;
    width: 40px;
    height: 40px;
    color: #ffffff;
    font-size: 40px;
    top: 20px;
    z-index: 1;
    font-weight: 600;
    cursor: pointer;
	}
	.aufklapp-wrap .video-wrap{
		position: relative;
		z-index: 2;
		display:none;
	}
	 
/*Loading Screen*
#loading-screen{
	position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #000000db;
    z-index: 11111;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    backdrop-filter: blur(5px);
	}
	#loading-spinner{
		background-repeat: no-repeat;
		background-size: contain;
		width: 100px;
		height:100px;
		-webkit-animation:pulse 1.5s linear infinite;
		-moz-animation:pulse 1.5s linear infinite;
		animation:pulse 1.5s linear infinite;
		}
		
		@keyframes pulse {
		  0% {
		    transform: scale(0.4); /* scaling to 0 *
		  }
		  50% {
		    transform: scale(1.2); /* increasing the size *
		  }
		  70% {
		    transform: scale(0.65); /* decreasing the size *
		  }
		  100% {
		    transform: scale(0.4); /* seeting back to initial size *
		  }
		}

/*Search-Page*/
.search-form {
	max-width: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto;
	}
	.search-form .suchen-label{
		margin-right: 5px;
		display:none;
	}
	.search-form .search-field{
		flex-grow: 1;
		border:var(--inputBorder);
		padding:20px;
		background: var(--inputBackground);
	}
	.search-form .search-button {
		margin-left:10px;		
		font-size: 22px;
		}
	.search-form .search-button:hover {
		color:var(--colorLinkHover);
		cursor: pointer;
		}
		.search-form #suche-start{
			display: none;
		}

/*Selectbox*/
select{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

/*Hide Element*/
.mb-hide{
	display:none !important;
}
/*
	Mobile / Desktop Only
*/
.hide-phone,
.only-desktop{
	display:flex !important;
}
.only-mobile{
	display:none !important;	
}
.only-phone{
	display:none !important;
}

@media (max-width: 1024px) {
	.only-mobile{
		display:flex !important;
	}
	.only-desktop{
		display:none !important;	
	}	
}
@media (max-width: 480px) {
	.only-phone{
		display:flex !important;
	}
	.hide-phone{
		display: none !important;
	}	
}