:root {
  --hvoffice1: #fbc02d;	/* R:251, G:192, B:45 */
  --hvoffice2: #fddf96; /* R:253, G:223, B:150 */
  --hvoffice3: #582DAB; 
  --hvoffice4: #227C9E; 
  --hvoffice5: #3144AC; 
  --hvoffice6: #ffb600; 
}

/* Fonts
   ========================================================================== */
/* nunito-200 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200;
  src: url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-200.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-300 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-300.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-regular - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-500 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-500.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-600 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-600.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-700 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-700.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-800 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-800.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-900 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  src: url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-900.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-200italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200;
  src: url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-200italic.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-300italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 300;
  src: url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-300italic.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-italic.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-500italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 500;
  src: url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-500italic.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-600italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 600;
  src: url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-600italic.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-700italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 700;
  src: url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-700italic.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-800italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 800;
  src: url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-800italic.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-900italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 900;
  src: url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/hvoffice/fonts/nunito/nunito-v25-latin-900italic.svg#Nunito') format('svg'); /* Legacy iOS */
}







/* Breakpoints
   ========================================================================== */
/*
@media only screen and (max-width: 768px) {
*/


/* Body
   ========================================================================== */
	html{
		font-size:0.8vw;
	}
	
	@media only screen and (max-width: 768px) {
				html{
					font-size:3.5vw;
				}
	}		

	body{
		font-family: 'Nunito', sans-serif;
		background: rgb(255,255,255);
		/*background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(230,230,230,1) 100%); */
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center; 
		height:100vh;
		overflow-x: hidden;
	}

	header.site-header {
		z-index:10;
		position:fixed;
		width:50vw;
		height:100vh;
		left:0px;
		top:0px;
		background-color:grey;
		overflow:hidden;
	}
	
	@media only screen and (max-width: 768px) {
			header.site-header {
				width:100vw;
				height:100vw;
				position:relative;
			}
	}
	
	div.site-info{
		display:none;
	}




/*  Hero-Image
    ========================================================================== */
	   
	div.hero-image-container, div.hero-verlauf-container{
		position:absolute;
		top:0px;
		left:0px;
		width:50vw;
		height:100vh;
		overflow:hidden;
	}

	header.site-header div.hero-image-container img{
		width:50vw;
		height:100vh;	
		object-fit:cover;
		animation-name: hero-animation;
		animation-duration: 50s;
		animation-iteration-count: infinite;	
	}

	@keyframes hero-animation {
		0% {
			transform: scale(1) rotate(0deg) perspective(9cm);
		}

		50%	{
			transform: scale(1.3) rotate(5deg) perspective(0cm);
		}

		100% {
			transform: scale(1) rotate(0deg) perspective(9cm);
		}
	}

	header.site-header img.hero-verlauf{
		right:0px;
		width:50vw;
		min-height:100vh;
	}
	
	@media only screen and (max-width: 768px) {
				div.hero-image-container, div.hero-verlauf-container{
					width:100vw;
					height:100vw;	

				}

				header.site-header div.hero-image-container img{
					width:100vw;
					height:100vw;	
				}
				
				header.site-header img.hero-verlauf{
					right:0px;
					width:100vw;
					min-height:100vw;
				}
	}		




/* Logo HV-Office
   ========================================================================== */
	header.site-header div.hv-logo-container{
		z-index:101;
		position:absolute;
		top:11.5vh;
		left:130px;
	}

	header.site-header img.custom-logo{
		height:15vh;
		width:auto;
		max-width:none;
	}
	
	@media only screen and (max-width: 768px) {
		
			header.site-header div.hv-logo-container{
				position:absolute;
				z-index:1001;
				left:20px;
				top:5px;
			}
			
			header.site-header img.custom-logo{
				height:65px;
				width:auto;
			}
			
	}
	
	




/* Main Content
   ========================================================================== */
	main#primary{
		padding-left:50vw;
	}
	
	main#primary article{
		margin:11vh 5.5vw 0px 5.5vw;
		padding-bottom:5em;
	}
	

	
	@media only screen and (max-width: 768px) {
			main#primary{	
				padding-left:0vw;
			}
			
			main#primary article{
				margin-top:2vh;
			}
	}




/* Navigation Main Menue
   ========================================================================== */
	.main-navigation ul{
		display:block;
	}
	
	.main-navigation ul ul{
		float:none;
		position:relative;
	}
	
	#site-navigation #menueTab{
		position: fixed;
		background:rgba(251,192,45,0.9);
		width: 96px;
		height: 70vh;
		top: 15vh;
		z-index: 1000;
	}
	
	a#menueToggleButton{
		position: absolute;
		left: 28px;
		cursor: pointer;
		bottom:35vh;
	}
	
	a#menueToggleButton img{
		width:38px;
	}
	
	.menu-main-menu-container {
	  border: 2px solid var(--main);
	  width: 800px;
	  top: 15vh;
	  position: fixed;
	  left: 96px;
	  height: 70vh;
	  background-color: #ffffff;
	  box-sizing: border-box;
	  overflow-y: auto;
	  display:none;
	  background:rgba(251,192,45,0.9);
	  padding-top:14vh;
	  padding-left:19px;
	  left: 96px;
	  z-index: 100;
	}

	body.menueVisible .menu-main-menu-container {
	  display:block;
	}	
	
	body.menueVisible{
		position:fixed;
	}
	
	.menu-main-menu-container ul{
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		padding-left:2rem;
	}
	
	.menu-main-menu-container ul a{
		color:#ffffff;
		text-decoration:none;
	}	
	
	.menu-main-menu-container ul li{
		text-transform:uppercase;
		margin-bottom:1.5rem;
		list-style-type: none;
		font-weight:500;
		letter-spacing: 0.2rem;
		font-size: 1.5rem;
		break-inside: avoid;
		-webkit-break-inside: avoid;
		-moz-break-inside: avoid;
	}
	
	/* 2nd Level */
	.menu-main-menu-container ul li ul{
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
		break-inside: avoid;
		-webkit-break-inside: avoid;
		-moz-break-inside: avoid;		
		display:block;
		left:0px;
		box-shadow: none;	
		padding-left:1.5rem;
	}
	
	.menu-main-menu-container ul li ul li{
		text-transform:none;
		margin-top:0.4rem;
		margin-bottom:0.2rem;
		list-style-type: none;
		font-weight:400;
		letter-spacing: 0rem;
		font-size: 1.25rem;
	}		
	
	/* Underline Animation */
	.menu-main-menu-container a {
	  display: inline-block;
	  position: relative;
	}
	.menu-main-menu-container a:after {    
	  background: none repeat scroll 0 0 transparent;
	  bottom: 0;
	  content: "";
	  display: block;
	  height: 2px;
	  left: 0%;
	  position: absolute;
	  background: #fff;
	  transition: width 0.3s ease 0s, left 0.3s ease 0s;
	  width: 0;
	}
	.menu-main-menu-container a:hover:after { 
	  width: 100%; 
	  left: 0; 
	}	
	
	
	@media only screen and (max-width: 768px) {
		
			.menu-main-menu-container ul{
				columns:1;
			}
		
			#site-navigation #menueTab{
				width:100%;
				height:72px;
				margin-top:0px;
				top:0px;
				text-align:center;
			}
			
			a#menueToggleButton{
				bottom:auto;
				right:25px;
				top:2px;
				left: auto;
				position: fixed;
				font-size: 3rem;
			}
			
			a#menueToggleButton img, a#searchToggleButton img{
				width:1.75rem;
			}	

			.menu-main-menu-container{
				left:0px;
				top:72px;
				height:calc(100vh - 73px);
			}

	}
	

	
	
	
	
/* Navigation Contact Menue Top right
   ========================================================================== */	
	nav#contact-navigation{
		top:0px;
		right:0px;
		position:fixed;
		background:var(--hvoffice1);
		width:auto;
		-webkit-box-shadow: 0px 0px 18px 8px rgba(0,0,0,0.1); 
		box-shadow: 0px 0px 18px 8px rgba(0,0,0,0.1);
	}
	
	nav#contact-navigation ul{
		padding:0px;
		margin:0.5rem 1rem 0.5rem 1.5rem;
	}	
   
	nav#contact-navigation li {
		display: inline;
		list-style-type: none; 
		margin-right:0.75rem;
	}
	
	nav#contact-navigation a {
		color:#ffffff;
		font-size:1.5rem;
		transition:color 0.5s;
	}
	
	nav#contact-navigation a:hover {
		color:var(--hvoffice2);
	}
	
	@media only screen and (max-width: 768px) {
			nav#contact-navigation{
				top:auto;
				right:auto;
				bottom:0px;
				left:0px;
			}
	}

   
		
		
		
		
/* Typography
   ========================================================================== */		
   
    /* Überschriften */
	h1{
		font-weight:400;
		color:#555;
		font-size:3.25rem;
		text-transform:uppercase;
	}	

	h2{
		color:var(--hvoffice6);
		text-align:right;
		font-weight:300;
		font-size:1.5rem;
		margin-bottom:2.5rem; 
	}
	
	h3{
		font-weight:400;
		color:#555;
		font-size:1.75rem;
		margin-top:2.5rem;
	}		

	
	/* Zitate */
	blockquote{
		border-left: 2px solid var(--hvoffice1);
		padding-left: 1.5rem;
		font-style: italic;
		font-size: 1rem;
		color: var(--hvoffice1);
	}
	
	blockquote cite{
		color:#888;
	}
	
	blockquote p{
		margin-bottom:0.5rem;
	}
	
	/* Hyperlinks */
	article p a{
		color:var(--hvoffice6);
		text-decoration:underline;
		font-weight:bold;
	}
	
	article p a:hover{
		color:var(--hvoffice2);
		text-decoration:none;
	}
	
	article p a:visited{
		color:var(--hvoffice2);
		text-decoration:none;
	}
	
	a.wp-block-button__link:visited{
		color:inherit !important;
	}
	
	
	/* Listen */
	article ul{
		margin-left:1.5rem;
		padding-left:0rem;
		list-style: none;
	}
	
	article ul li:before{
		content: "\25A0";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
		color: var(--hvoffice1); /* Change the color */
		font-weight: bold; /* If you want it to be bold */
		display: inline-block; /* Needed to add space between the bullet and the text */
		width: 1.5em; /* Also needed for space (tweak if needed) */
		margin-left: -1.5em; /* Also needed for space (tweak if needed) */
	}
	
	.wp-block-group.has-hvoffice-1-background-color ul li:before{
		color: #ffffff;
	}
	
	article ol{
		margin-left:1.15rem;
		padding-left:0rem;
	}

	/* Quellcode */
	pre.wp-block-code,
	pre.wp-block-preformatted{
		border:1px solid var(--hvoffice2);
	}
	
	kbd{	
		background-color:#7b7b7b;
		/*padding:0.2rem 0.1rem 0.2rem 0.4rem;*/
	}
	
	/* Trenner */
	hr{
		margin-top: 2.5rem;
		color: var(--hvoffice1);
		opacity:1;
	}
	
	/* Tabellen */
	.wp-block-table thead{
		background-color:var(--hvoffice2);
	}
	
	.wp-block-table td,
	.wp-block-table th{
		padding:0.4rem 0.2rem 0.2rem 0.4rem
	}
	
	.wp-block-table td{
		border-bottom:1px dotted #888;
	}
	
	.wp-block-table.hvoffice1 thead{
		background-color:var(--hvoffice1);
	}
	
	.wp-block-table.hvoffice2 thead{
		background-color:var(--hvoffice2);
	}
	
	.wp-block-table.hvoffice3 thead{
		background-color:var(--hvoffice3);
	}
	
	.wp-block-table.hvoffice4 thead{
		background-color:var(--hvoffice4);
	}
	
	.wp-block-table.hvoffice5 thead{
		background-color:var(--hvoffice5);
	}	
	
	/* Datei Download */
	.wp-block-file a.wp-block-file__button{
		background-color:var(--hvoffice1);
	}
	
	a.has-hvoffice-1-background-color{
		background-color:var(--hvoffice1);
	}
	

	

/* Block Images
   On Document load, fadeIn Images
   ========================================================================== */		
	figure.wp-block-image{
		opacity:0;
		transition:opacity 1s ease;
	}
   
    /* Bugfix bei Galerie letztes Bild in Zeile riesengross*/
	/* https://wpjohnny.com/gutenberg-fix-image-gallery-item-too-big/*/
	.blocks-gallery-grid .blocks-gallery-image, 
	.blocks-gallery-grid .blocks-gallery-item, 
	.wp-block-gallery .blocks-gallery-image, 
	.wp-block-gallery .blocks-gallery-item,
	.wp-block-gallery .wp-block-image {
	   flex-grow: 0 !important; 
	} 
	
	figure.wp-block-image figcaption{
		font-size: 0.9rem;
		color: #666;
		margin-top: 0.75rem;
		font-style: italic;
	}
	/*
	figure.wp-block-gallery{
		position:relative;
		z-index:-1;
	}*/
	
	
	
/* Block Group
   ========================================================================== */		
	.wp-block-group.has-hvoffice-1-background-color,
	.wp-block-group.has-hvoffice-2-background-color{
		margin:3rem -5.5vw 0px -5.5vw;
		padding:0px 5.5vw 2vw 5.5vw;
		
		background-position: top;
		background-size: 100% auto;
		background-repeat: no-repeat;
		
		border-bottom: 20px solid transparent;
		-moz-border-image:url("/wp-content/themes/hvoffice/img/group-background-hvoffice-border-bottom.svg") 20 20 stretch; /* Old firefox */
		-webkit-border-image:url("/wp-content/themes/hvoffice/img/group-background-hvoffice-border-bottom.svg") 20 20 stretch; /* Safari */
		-o-border-image:url("/wp-content/themes/hvoffice/img/group-background-hvoffice-border-bottom.svg") 20 20 stretch; /* Opera */
		border-image:url("/wp-content/themes/hvoffice/img/group-background-hvoffice-border-bottom.svg") 20 20 stretch;		
	} 
	
	.wp-block-group.has-hvoffice-1-background-color > .wp-block-columns,
	.wp-block-group.has-hvoffice-2-background-color > .wp-block-columns{
		gap:2em;
	}
	
	.wp-block-group.has-hvoffice-1-background-color{
		background-image:url("/wp-content/themes/hvoffice/img/group-background-hvoffice-1.svg");
	}
	
	.wp-block-group.has-hvoffice-2-background-color{
		background-image:url("/wp-content/themes/hvoffice/img/group-background-hvoffice-2.svg");
	}
	
	.wp-block-group.has-hvoffice-1-background-color p,
	.wp-block-group.has-hvoffice-1-background-color h4,
	.wp-block-group.has-hvoffice-1-background-color li{
		color:#ffffff;
	}
		
	.wp-block-group.has-hvoffice-1-background-color h4,
	.wp-block-group.has-hvoffice-2-background-color h4{
		margin-top:3.5vw;
	}
	
	.wp-block-group.has-hvoffice-1-background-color img,
	.wp-block-group.has-hvoffice-2-background-color img{
		border:2px solid var(--hvoffice1);
	}
	
	.wp-block-group.has-hvoffice-1-background-color figure.wp-block-image,
	.wp-block-group.has-hvoffice-2-background-color figure.wp-block-image{
		margin:0px 0px 0px 0px;
	}
	
	.has-hvoffice-1-background-color p a,
	.has-hvoffice-1-background-color p a:visited,
	.has-hvoffice-1-background-color li a,
	.has-hvoffice-1-background-color li a:visited
	{
		color:#ffffff;
		font-weight:bold;
		text-decoration:underline;
	}
	
	.has-hvoffice-2-background-color p a,
	.has-hvoffice-2-background-color p a:visited,
	.has-hvoffice-2-background-color li a,
	.has-hvoffice-2-background-color li a:visited
	{
		color:#000000;
		font-weight:bold;
		text-decoration:underline;
	}
	
	.has-hvoffice-1-background-color p a:hover,
	.has-hvoffice-2-background-color p a:hover,
	.has-hvoffice-1-background-color li a:hover,
	.has-hvoffice-2-background-color li a:hover
	{
		filter:invert(0.5);
	}
	
	@media only screen and (max-width: 768px) {
			.hv-column-reverse > div > div.wp-block-columns{
				flex-direction: column-reverse;
			}
	}
	



/* Figcaption onClick visibility (Referenzen)
   ========================================================================== */	
   .hv-onclick-caption figure figcaption{
	   display:none;
   }
   
   #hoverCaptionContainer{
		display:none;
		position: fixed;
		width: 100vw;
		max-width: 600px;
		height: calc(90vh - 72px);
		top: 72px;
		left: 0;
		background-color: rgba(255, 255, 255, 0.95);
		left: 50%;
		transform: translate(-50%, 0);
		border: 2px solid var(--hvoffice1);
   }
   
   #hoverCaptionContainer .imageContainer{
		width: 80%;
		margin-left: 10vw;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0px auto;
   }

	#hoverCaptionContainer .descriptionContainer{
		width: 100%;
		margin-top: 1em;
		padding: 0px 10% 0px 10%;
	}
	
	#hoverCaptionContainer .closeButton{
		text-align:right;
	}
	
	#hoverCaptionContainer .closeButton span{
		cursor:pointer;
		font-size: 3rem;
		margin-right: 1rem;
	}
	
	body > #page{
		transition: opacity 0.5s ease 0s;
	}
	
	body > .pageHover{
		opacity:0.25;
		transition: opacity 0.5s ease 0s;
	}
	
	
	
	
	
/* Contact Form
   ========================================================================== */		
   .wpcf7-form-control-wrap{
	   position:static;
   }
   
   input.wpcf7-submit{
		border-radius: 9999px;
		box-shadow: none;
		cursor: pointer;
		display: inline-block;
		font-size: 1.125em;
		padding: calc(.667em + 2px) calc(1.333em + 2px);
		text-align: center;
		text-decoration: none;
		word-break: break-word;
		box-sizing: border-box;
		background-color:var(--hvoffice1);
		color:#ffffff;
		font-weight:bold;
   }
   
   
   
   
/* Helpers
   ========================================================================== */	   
   
	.clickable{
		cursor:pointer;
	}	




/* Blog
   ========================================================================== */
	nav.navigation.post-navigation, 
	nav.navigation.posts-navigation{
		margin:11vh 5.5vw 0px 5.5vw;
		padding-bottom:5em;
	}	
	
	div.nav-links a, 
	div.nav-links a:visited {
		color:var(--hvoffice6);
		text-decoration:none;
	}
	
	div.nav-links span.nav-subtitle{
		font-weight:bold;
	}
	
	div.nav-links span.nav-title{
		font-weight:regular;
	}
	
	/* Navigations-Button "Ältere Beiträge" als Button darstellen */
	nav.navigation.posts-navigation a{
		color: #fff;
		background-color: var(--hvoffice1);
		border-radius: 9999px;
		box-shadow: none;
		text-decoration: none;
		padding: calc(.667em + 2px) calc(1.333em + 2px);
		font-size: 1.125em;
	}