@font-face
	{
		font-family:"DIN";
		src:url("/fonts/d-din-bold.otf") format("opentype");
	}

html, body
	{
		width:100vw;
		height:100vh;
		border:0;
		margin:0;
		font-family:Garamond, serif;
		font-size:18px;
		line-height:125%;
		hyphens:auto;
		-webkit-hyphens:auto;
		background-image:url(/media/gras.jpg);
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
		background-attachment:fixed;
	}

body
	{
		overflow-x:hidden;
	}

.header
	{
		position:relative;
		width:calc(100vw - 40px);
		margin:0 auto;
		text-align:center;
		color:white;
		hyphens:none;
		line-height:200%;
		z-index:999999 !important;
	}

.bottom-menu
	{
		position:relative;
		width:calc(100vw - 20px);
		padding:50px 20px 150px 20px;
		text-align:center;
		letter-spacing:5px;
		font-size:14px;
		line-height:200%;
		box-sizing:border-box;
		hyphens:none;
	}

a, a:active, a:visited
	{
		color:white;
		text-decoration:none;
		opacity:1;
		transition:opacity 1s;
	}

a:hover
	{
		opacity:1;
	}

.bottom-menu a, a:active, a:visited
	{
		color:white;
		text-decoration:none;
		opacity:0.5;
		transition:opacity 1s;
	}

.bottom-menu a:hover
	{
		opacity:1;
	}

.header a, a:active, a:visited
	{
		color:white;
		text-decoration:none;
		opacity:1;
		transition:opacity 1s;
	}

.header a:hover
	{
		text-decoration:none;
		opacity:0.5;
	}

.content_columns h1, h2, h3
	{
		font-size:inherit;
	}

.content_columns a, a:active, a:visited
	{
		color:white;
		text-decoration:underline;
		transition:color 1s;
	}

.content_columns a:hover
	{
		color:lightgray;
	}

.wrapper
	{
		color:white;
	}

#overlay
	{
		position:fixed;
		width:100vw;
		height:100vh;
		text-align:center;
		top:0;
		left:0;
		z-index:999999999;
		background-color:rgba(0, 0, 0, 0.75);
		display:none;
	}

#query
	{
		width:500px;
		max-width:calc(100vw - 40px);
		border-radius:2px;
		border:0;
		outline:0;
		font-family:inherit;
		font-size:inherit;
		padding:20px;
		box-sizing:border-box;
	}

.dropdown
	{
		position:absolute;
		display:none;
		width:calc(100vw - 40px);
		margin:20px 20px 20px 20px !important;
		background-color:rgba(0, 0, 0, 0.75);
		padding:0 20px;
		box-sizing:border-box;
		border-radius:3px;
		color:white;
		z-index:99999999;
	}

.dropdown a, a:active, a:visited
	{
		color:white;
		text-decoration:none;
		opacity:1;
		transition:opacity 1s;
	}

.dropdown a:hover
	{
		text-decoration:none;
		opacity:0.5;
	}

#slider
	{
		width:1000px;
		max-width:100%;
		aspect-ratio:1000/125;
		box-sizing:border-box;
		overflow:hidden;
		border-radius:3px;
	}

#slider .slider
	{
		position: absolute;
	}

#slider .slider:nth-of-type(1)
	{
		animation-name:fader;
		animation-delay:3s;
		animation-duration:0.5s;
		z-index:20;
	}

#slider .slider:nth-of-type(2)
	{
		z-index:10;
	}

#slider .slider:nth-of-type(n+3)
	{
		display:none;
	}

@keyframes fader
	{
		from
			{
				opacity:1.0;
			}
		to
			{
				opacity: 0.0;
			}
	}

.social-media
	{
		position:fixed;
		right:10px;
		top:50%;
		transform:translateY(-50%);
		z-index:999999;
	}

.social-media p
	{
		margin:5px 0;
	}

.social-media #facebook
	{
		animation:rotation 5s infinite linear;
	}

.social-media #instagram
	{
		animation:rotation 3s infinite linear;
	}

.social-media #linkedin
	{
		animation:rotation 7s infinite linear;
	}

.social-media #google-mymap
	{
		animation:rotation 2s infinite linear;
	}

@keyframes rotation
	{
		0%
			{
				transform:rotate(0deg) scale(1);
			}
		50%
			{
				transform:rotate(180deg) scale(0.75);
			}
		100%
			{
				transform:rotate(359deg) scale(1);
			}
	}

.social-media a:hover
	{
		opacity:0.5;
	}

@media screen and (min-width:1040px)
	{
		#glass
			{
				width:30px;
				margin-left:20px;
				transform:translateY(7px);
			}

		.top-menu
			{
				position:absolute;
				width:100%;
				height:150px;
				display:inline-block;
				background-image:url(/media/brush-stroke.webp);
				background-size:100% 150px;
				opacity:0.75;
				mix-blend-mode:multiply;
				top:70px;
				min-height:100px;
			}

		.blog-box
			{
				position:relative;
				display:block;
				width:calc((100% - 60px) / 3);
				height:300px;
				background-color:rgba(0, 0, 0, 0.5);
				margin-right:20px;
				margin-bottom:20px;
				float:left;
				border-radius:3px;
			}

		.gallery
			{
				width:calc((100% - 120px) / 6);
			}

		.content_columns
			{
				column-count:3;
				column-gap:40px;
				column-rule:1px dotted silver;
			}

		.content_columns p:first-child
			{
				margin-top:0;
			}

		.title
			{
				font-family:"DIN";
				letter-spacing:5px;
				font-size:64px;
				line-height:100%;
				margin:-50px 0 0 0;
			}

		.content_headline
			{
				font-size:24pt;
				line-height:125%;
				letter-spacing:3px;
				font-weight:normal;
				font-style:oblique;
			}

		.content_preview
			{
				width:100%;
				margin:0 0 25px 0;
				font-size:24px;
				line-height:125%;
				letter-spacing:5px;
			}

		.splash_preview_box, .splash_preview_box_gt
			{
				position:relative;
				min-width:calc((100% - 80px) / 5);
				aspect-ratio:1/2;
				margin-top:20px;
				border-radius:5px;
				cursor:pointer;
				transition:opacity 1s;
			}

		.splash_preview_box:hover
			{
				opacity:0.5;
			}

		.splash_preview_box_gt:hover
			{
				opacity:0.5;
			}

		.splash_preview_text
			{
				position:absolute;
				display:flex;
				margin-top:20px;
				aspect-ratio:1/1;
				padding:0;
				border-radius:5px;
				opacity:0.75;
				overflow:hidden;
				min-height:0;
				letter-spacing:3px;
			}

		.wrapper
			{
				width:1000px;
				margin:50px auto;
			}
	}

@media screen and (max-width:1039px)
	{
		#glass
			{
				position:absolute;
				top:-20px;
				right:0;
				width:30px;
			}

		.top-menu
			{
				position:absolute;
				width:100%;
				height:200px;
				display:inline-block;
				background-image:url(/media/brush-stroke.webp);
				background-size:100% 200px;
				opacity:0.75;
				mix-blend-mode:multiply;
				top:50px;
				min-height:200px;
			}

		.blog-box
			{
				position:relative;
				display:block;
				width:calc(100% - 20px);
				height:auto;
				background-color:rgba(0, 0, 0, 0.5);
				margin-bottom:20px;
				border-radius:3px;
			}

		.content_headline
			{
				font-size:20pt;
				line-height:125%;
				letter-spacing:3px;
				font-weight:normal;
				font-style:oblique;
			}

		.title
			{
				font-family:"DIN";
				letter-spacing:5px;
				font-size:36px;
				line-height:100%;
				margin:-50px 0 0 0;
			}

		.gallery
			{
				width:calc((100% - 60px) / 3);
			}

		.content_preview
			{
				width:calc(100vw - 40px);
				box-sizing:border-box;
				margin:0 0 25px 0;
				font-size:18px;
				line-height:125%;
				letter-spacing:5px;
			}

		.splash_preview_box, .splash_preview_box_gt
			{
				position:relative;
				min-width:calc((100% - 20px) / 2);
				aspect-ratio:1/2;
				margin-top:20px;
				border-radius:5px;
				cursor:pointer;
				transition:opacity 1s;
			}

		.splash_preview_box:hover
			{
				opacity:0.5;
			}

		.splash_preview_box_gt:hover
			{
				opacity:0.5;
			}

		.splash_preview_box_gt:last-child
			{
				display:none;
			}

		.splash_preview_text
			{
				position:absolute;
				font-size:12px;
				display:flex;
				margin-top:20px;
				aspect-ratio:1/1;
				padding:0;
				border-radius:5px;
				opacity:0.75;
				overflow:hidden;
				min-height:0;
				letter-spacing:3px;
			}

		.wrapper
			{
				width:calc(100vw - 40px);
				margin:50px 20px;
			}
	}