/* 1. Custom style / Juni 2021
--------------------------------------------------------------------------------------------------------*/

html { 
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
   font-smoothing: antialiased !important;
	text-rendering: optimizeLegibility !important;
	overflow-x: hidden;
}

img.mainimage { width: 100vw; }

/* 
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(45,45,50,0.5);
	z-index: 3;
}
*/

#contact-items a { color: #fff !important; }
#contact-items a:hover { color: rgba(255, 255, 255, 0.70) !important; }

/* light-tooltip -------------------------------------------------------------------------------*/
.div-tooltip {
	display: none; position: absolute; padding: 0.625rem 1.25rem; 
	border: solid 1px #999; border-radius: 6px; background: #f1f1f1; 
	color: #666; font-size: 13px; line-height: 19px; max-width: 260px; 
	z-index: 10000; opacity: 0.9;
}

/* scrollbar -------------------------------------------------------------------------------*/
::-webkit-scrollbar {width:12px}
::-webkit-scrollbar-track {background:#eaedef;}
::-webkit-scrollbar-thumb {background:#ef6c00}
::-webkit-scrollbar-thumb:hover {background:#2196f3}
::-webkit-scrollbar-thumb:window-inactive {background:#ccc}

/* Cookie Infotext -------------------------------------------------------------------------------*/
.cc_container { 
	animation-duration: 1.8s !important;
	background: #1565c0 !important; 
}
.cc_container p { 
	font-family: "Open Sans", sans-serif !important; 
	font-size: 14px !important; 
	line-height: 21px !important; 
	color: #fff !important; 
	font-weight: 400;
	text-align: left !important;
	margin-top: 5px !important; 
	margin-bottom: 20px; 
	width:90%;
}
/* Cookie Textlink Datenschutz ------*/
.cc_container p a {
	color:#fff !important;
	font-weight: 700;
}
.cc_container p a:hover {
	color:#ccc !important;
}
/* Cookie Button ------*/
.cc_container .cc_btn {
	background-color:#ef6c00 !important;
	font-size: 14px !important;
	font-weight: 600;
	color:#fff !important;
	margin-top:8px !important; 
}
.cc_container .cc_btn:hover {
	background-color:#ee8539 !important;;
}

/* 2. Responsive Media Queries
--------------------------------------------------------------------------------------------------------*/
@media (max-width: 1279.98px) {
	.container .page-header-block-height .w-100 { width: 85% !important; }
	footer .w-100 { width: 100% !important; }
}

@media (max-width: 991.98px) {
	#profil, #kompetenzen, #leistungen, #projekte, #kunden, #kontakt {
		margin-top: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	#leistungen div { text-align: center !important;}
	#leistungen .text-left { text-align: center !important;}

	.navik-menu ul li.active > a,
	.navik-menu ul li:hover > a { background-color: #f6f6f6; }
	.small-display-none { display: none !important; }
	.small-display-none-border { background-color: #1565c0; box-shadow: none !important; }
	.shadow { box-shadow: none !important; }
	.map-info-box { text-align: center !important; }
	.icon-info-1 .icon-element { display: none !important; }
	.icon-info-1 .icon-info-text { width:660px; padding-left:15px; text-align:center !important;}
}

@media (max-width: 767.98px) {
	#profil .profil-images { display: none !important; }
}

@media (max-width: 498.98px) {
	.extrasmall-display-none { display: none !important; }
}

@media (max-width: 374.98px) {
  .navik-header .logo { margin-right: 40px !important; }
}

/* 3. Google Webfonts / open-sans / 300 / 400 / 600 / 700 / 800 
--------------------------------------------------------------------------------------------------------*/
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v18-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}