@charset "utf-8";
/* CSS Document */

:root{
/*	----------------------------------------------------------  SIZES  */	
	--full-width: 100%;
	--inner-width: 1100px;
	
/*	----------------------------------------------------------  FONTS  */	
	--preissler-blue: rgba(87,145,170,1);	
	--preissler-grey: rgba(0,0,0,0.75);	
	
/*	----------------------------------------------------------  FONTS  */	
	--montserrat: 'Montserrat', 'Arial Black', sans-serif;
	
	--light: 	300;
	--regular: 	400;
	--medium: 	500;
	--semibold: 600;
	--bold: 	700;
}


*{
	box-sizing: border-box;
}

html, body {
	width:100%;
	height:auto;
	min-height:100vh;
	position:relative;
	
	padding:0;
	margin:0;
	
	font-family:'Montserrat','Arial',sans-serif; 
	font-style:normal;
	font-weight: 300;
	font-size:93.75%;
	color:rgba(0,0,0,1);
	
	background-color: var(--bg-color-light);
}

html{
	/*	force scrollbars  */
	overflow-y:scroll;
	scroll-behavior: smooth;	
}

body{
	overflow: hidden;
}

	h1, h2, h3, h4, h5, h6, p, td, ul, li, figure, button {
		margin:0;
		padding:0;
		font-weight:normal;
		border:0;
		outline:0;
		background-color:transparent;
	}

	a { 
		font-style: normal;
		font-weight: 600;
		text-decoration: none; 
	}

	a:link, a:visited { color: var(--preissler-blue); }
	a:hover, a:active { color: rgba(0,0,0,1); text-decoration: underline; }

	strong{
		font-style:normal;
		font-weight:600;
	}

	.yellow { color:rgba(255,204,0,1); }


	.flxR{
		display:flex;
		flex-flow:row;
		flex-wrap:nowrap;
	}
	.flxC{
		display:flex;
		flex-flow:column;
		flex-wrap:nowrap;
	}
	.flxi{
		display: inline-flex;
	}
	.flxJCA	{ justify-content:space-around; }
	.flxJCB	{ justify-content:space-between; }
	.flxJCC	{ justify-content:center; }
	.flxJCE	{ justify-content:flex-end; }
	.flxJCS	{ justify-content:flex-start; }

	.flxAIC	{ align-items:center; }
	.flxAIE	{ align-items:flex-end; }
	.flxAIS	{ align-items:flex-start; }
	.flxAIX	{ align-items:stretch; }

	.flxWrp	{ flex-wrap:wrap; }

	.fllW{
		width:100%;
		height:auto;
	}
	.fllH{
		height:100%;
		width:auto;
	}
	.fllWH{
		width:100%;
		height:100%;
	}

	.innerWidth{
		width:100%;
		max-width: var(--inner-width);
		margin:0 auto;
	}

	.innerstWidth{
		width:100%;
		max-width: var(--innerst-width);
		margin:0 auto;
	}

	.scrH{
		height: auto;
		min-height: 100vh;
	}

	.centered{
		text-align: center;
	}	

/*	-------------------------------------------------------------------------------  COMMON CLASSES  */

	h1,
	h2.likeH1{
		width: 100%;
		
		padding:0 0 2rem;

		font-size: 2.5rem;
		font-weight: 400;
		text-transform: uppercase;
		text-align: center;
		color: var(--preissler-blue);
		letter-spacing: 0.25rem;
	}

	p, ul, ol{
		padding: 0 0 1rem;
		
		font-size: 1.15rem;
		line-height: 1.5;
	}



/*	----------------------------------------------------------------------------------  THE FIXATIV  */
	.fixativ{

	}





/*	---------------------------------------------------------------------------------------  HEADER  */
	.svbmp_hdrWrp{
		width: var(--full-width);
		
		position: relative;
		z-index: 900;
	}

		.svbmp_hdr{
			width: 100%;
			max-width: var(--inner-width);
			
			position: relative;						
			padding: 0 25px;
		}

			.svbmp_hdrLogo{
				width: 100%;
				max-width: 450px;
				
				padding: 10% 0 0;
			}
			@media screen and (min-width:666px){
				.svbmp_hdrLogo{
					padding: 50px 0;
				}
			}


			.svbmp_navMain{
				width: 100%;
				height: 50px;
				
				display: none;

				padding: 0;

				border-top: 1px solid rgba(0,0,0,0.1);
				border-bottom: 1px solid rgba(0,0,0,0.1);
			}
			@media screen and (min-width:999px){
				.svbmp_navMain{
					display: flex;	
				}
			}

				.svbmp_navMain li{
					height: 100%;
					
					list-style: none;
				}
						.svbmp_navMain li a{
							height: 100%;
							
							display: inline-flex;
							flex-flow: row;
							align-items: center;
							
							position: relative;
							padding: 0 14px;
							
							font-size: 1.25rem;
							font-weight: 300;
							text-transform:uppercase;
							letter-spacing: 0.03rem;
							white-space: nowrap;
							text-decoration: none;
														
							transition: color 0.25s;
						}
							.svbmp_navMain li a::after{
								content: '';

								width: 100%;
								height: 0%;

								position: absolute;
								bottom: 0px;
								left: 0px;
								z-index: -1;

								background-color: var(--preissler-blue);

								transition: height 0.25s;
							}
							.svbmp_navMain .svbmp_currentPage::after{
								height: 8%;
							}
							.svbmp_navMain li a:hover::after{
								height: 100%;
							}

							.svbmp_navMain li a:link, .svbmp_navMain li a:visited{ color: black; }
							.svbmp_navMain li a:hover, .svbmp_navMain li a:active{ color: white; }


						.svbmp_navLinkLeftIntent{
							margin-left: 30px;
						}



/*	-----------------------------------------------------------------------------------------  MAIN  */
	.svbmp_mainWrp{
		width: 100%;
		max-width: var(--full-width);
		
		position: relative;
		padding: 80px 25px 100px;
		z-index: 500;
	}

		.svbmp_main{
			width: 100%;
			max-width: var(--inner-width);
			
			position: relative;						
		}






/*	-----------------------------------------------------------------  SPECIAL PAGES: 404  */

.svbmp_404background{
	height: 100dvh;
	aspect-ratio: 3 / 4;
	
	position: fixed;
	top: 0px;
	left: 50%;
	transform: translateX(-7%);
	z-index: 1;
	
/*	background-image: url("../media/images/sachverstaendigenbuero-preissler-404-mit-markern_630x1470.jpg");  */
/*	background-image: url("../media/images/sachverstaendigenbuero-preissler-404_630x1470.jpg");  */
	background-image: url("../media/images/sachverstaendigenbuero-preissler-404_1110x1480.jpg");
	background-repeat: no-repeat;
	background-size: auto 100%;
}





/*	---------------------------------------------------------------------------------------  FOOTER  */
	.svbmp_ftrWrp{
		width: 100%;
		max-width: var(--full-width);
		min-height:30px;

		position:fixed;
		bottom:0;
		left:0;
		z-index:1200;
		
		background-color: white;
	}
		.svbmp_ftr{
			width: 100%;
			min-width: 320px;
			max-width: var(--inner-width);
			
			padding: 10px 25px;
			
			border-top: 1px solid rgba(0,0,0,0.1);
		}
		@media screen and (min-width:666px){
			.svbmp_ftr{
				flex-flow:row;
				justify-content: space-between;
			}
		}

			.svbmp_ftrMenu{
				padding: 0;
			}			
				.svbmp_ftrMenu li{
					list-style: none;
					padding: 0 10px;
				}
					.svbmp_ftrMenu a{
						font-weight: 400;
						text-decoration: none;
					}