/*koenig.digital*/

/*
@import url("https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css");
*/

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-300italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v25-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v25-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

html {
	overflow-y: scroll;
}

main {
	margin: 0px auto 0px auto;
	overflow: hidden;
	max-width: 1920px;

	min-height: calc(100vh - 80px);
}

h1 {
	font-family: 'Roboto Condensed', sans-serif;
	color: #4e4743;
	font-size: 52px;
	font-weight: 700;
	margin-bottom: 35px;
}

h2 {
	font-family: 'Roboto Condensed', sans-serif;
	color: #4e4743;
	font-size: 45px;
	font-weight: 700;
	margin-bottom: 35px;
}

h3 {
	font-family: 'Roboto Condensed', sans-serif;
	color: #4e4743;
	font-size: 28px;
	font-weight: 400;
	margin-bottom: 35px;
}

p {
	font-family: 'Roboto', sans-serif;
	color: #4e4743;
	font-size: 19px;
	font-weight: 400;
}

a,
a:hover {
	text-decoration: none;
}

.in_viewport {
	opacity: 0;
	/*bottom: -35px;*/
	position: relative;

    -webkit-transition: bottom 1.5s ease, opacity 1.5s ease;
    -moz-transition: bottom 1.5s ease, opacity 1.5s ease;
    -o-transition: bottom 1.5s ease, opacity 1.5s ease;
    transition: bottom 1.5s ease, opacity 1.5s ease;
}
.in_viewport_show {
	opacity: 1;
	/*bottom: -0px;*/
}


/* header ----------------------------------------------------------------- */

header {
	height: 125px;
	display: block;
	z-index: 9999;
	position: fixed;
	top:0px;
	width: 100%;
	background: none;

	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
header .container {
	position: relative;
	z-index: 999;
}
.header_bg {
	background: #ffffff;
}

.navlogo {
	height: 160px;
    width: auto;
}
.navlogo_lp {
	cursor: pointer;

}

.nav_menu_btn {
	display: none;
}

.menu_btn {
	border: none;
	position: relative;
	height: 40px;
	width: 45px;
	margin: 0px 10px 16px 0px;
	overflow: hidden;
	background: none;
}

.menu_btn:focus {
	outline:0;
}

.btn_span {
    width: 35px;
  	height: 4px;
  	background: #4e4743;
  	left: 5px;
	top: 18px;
  	display: block;
	position: absolute;
	overflow: hidden;
	border-radius: 2px;
	opacity: 1;

    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

@media (hover: hover) and (pointer: fine) {
  	.menu_btn:hover .btn_span {
  		background: #837e7b;
	}
}


.menu_btn .btn_span:first-child {
	top: 8px;
}
.menu_btn .btn_span:last-child {
	top: 28px;
}
.menu_btn .menu_btn_active:nth-last-child(2) {
	transform: rotate(45deg);
}
.menu_btn .menu_btn_active:nth-last-child(3) {
	transform: rotate(-45deg);
}
.menu_btn .menu_btn_active:first-child {
	top: 0px;
	opacity: 0;
}

.menu_btn .menu_btn_active:last-child {
	top: 40px;
	opacity: 0;
}


.nav_menu {
	display: block;

	-webkit-transition: right 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
    -moz-transition: right 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
    -o-transition: right 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
    transition: right 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
}

.nav_menu ul {
	margin: 0px;
    padding: 0px;
    list-style: none;
	text-align: right;
}
.nav_menu ul li {
	display: inline-block;
}

.nav_menu a {
	font-family: 'Roboto Condensed', sans-serif;
	color: #4e4743;
	font-size: 24px;

	margin: 0px 25px;

	-webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
}
.nav_menu a:hover {
	color: #837e7b;
}

.nav_menu_bg {
	opacity: 0;
	visibility: hidden;
 }



/* main  ----------------------------------------------------------------- */

.lp_text {
	margin-top: 250px;
}

.landing_page h3 {
	width: 75%;
}
.landing_page p {
	width: 75%;
}

#animation_container {
	background-color:rgba(255, 255, 255, 1.00);
	width:1064px !important;
	height:1080px !important;
	display: block;
	overflow: hidden;
	position: relative;
}

#canvas {
	width:1064px !important;
	height:1080px !important;
	position: absolute;
	display: block;
	background-color:rgba(255, 255, 255, 1.00);
}
#dom_overlay_container {
	pointer-events:none;
	overflow:hidden;
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
}

.landing_page img {
	width: auto;
	height: 1080px;
}

.main_content h3 {
	width: 90%;
}
.main_content p {
}
.projektentwicklung,
.unternehmensberatung,
.venture_capital {
	padding-top: 125px;
}

.projektentwicklung img,
.unternehmensberatung img,
.venture_capital img {
	height: 650px;
	width: auto;
	margin: 150px 0px 35px 0px;
	position: relative;
	z-index: 99;
}
.projektentwicklung .main_img::after {
	content: "";
	background: url("../img/projektentwicklung_bg2x.jpg");
	height: 835px;
	width: 800px;
	top: 0px;
	right: 160px;
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 9;
}

.unternehmensberatung .main_img::after {
	content: "";
	background: url("../img/unternehmensberatung_bg2x.jpg");
	height: 835px;
	width: 800px;
	top: 0px;
	left: 160px;
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 9;
}

.venture_capital .main_img::after {
	content: "";
	background: url("../img/venturecapital_bg2x.jpg");
	height: 835px;
	width: 800px;
	top: 0px;
	right: 160px;
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 9;
}

#kontakt {
    padding-top: 175px;
}
#maps {
	margin-bottom: 0px;
}

.kontakt_bg {
	background: #4e4743;
}

#kontakt h2,
#kontakt p {
	color: #ffffff;
}

#kontakt a {
	color: #ffffff;

	-webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
}
#kontakt a:hover {
	color: #837e7b;
}

.kontakt_img {
	height: 650px;
	width: 1062px;
	display: block;
	position: relative;

	background: url("../img/kontakt.jpg");
	background-repeat: no-repeat;
	background-size: cover;

	background-position: center 0px;
}
/*
#kontakt img {
	height: 650px;
	width: auto;
}
*/
.gmaps {
	max-height: 395px;
    transform: translateX(-276px);
}
.gmaps iframe {
	width: 1922px;
	height: 395px;
	border: 0;
}

/* Impressum / Datenschutz */

#impressum,
#datenschutz {
	margin-top: 310px;
	margin-bottom: 150px;
}
#impressum a,
#datenschutz a {
	color: #4e4743;

	-webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
}
#impressum a:hover,
#datenschutz a:hover {
	color: #837e7b;
}
#impressum p {
	margin-bottom: 35px;
}
#datenschutz ul {
list-style-type: square;
    padding-left: 18px;
}
#datenschutz ul li::before {
  	color: #4e4743;
}
#datenschutz ul li {
	font-family: 'Roboto', sans-serif;
	color: #4e4743;
	font-size: 19px;
	font-weight: 400;
}
#datenschutz button {
	border-radius: 5px;
	padding: 0px 25px;
	border: 2px solid #837e7b;
	background: #ffffff;
	color: #4e4743;
}


/* footer ----------------------------------------------------------------- */
footer {
	background: #ffffff;
	width: 100%;
	height: auto;
}

footer span {
	font-family: 'Roboto Condensed', sans-serif;
	color: #4e4743;
	font-size: 21px;
    padding: 24px 0px;
    display: block;
    line-height: 32px;
}

footer a {
	font-family: 'Roboto Condensed', sans-serif;
	color: #4e4743;
	font-size: 21px;
	line-height: 1.5;
	margin: 0px 10px;

	-webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
}
footer a:hover {
	color: #837e7b;
}




/* Responsive -------------------------------------------------------------- */

@media (min-width: 1501px){

	.container {
    	max-width: 1400px;
  	}

}

@media (max-width:1937px) {

	.gmaps {
		max-height: 350px;
		padding: 0px;
    	transform: translateX(calc(((100vw - 16px) - 1400px) / 2 * -1));
	}
	.gmaps iframe {
		width: calc(100vw - 15px);
	}

}

@media (max-width:1500px) {

  	.nav_menu a {
   		margin: 0px 20px;
  	}

	#animation_container {
		width: 828px !important;
		height: 840px !important;
		transform: translateX(95px);
	}
	#canvas {
		width: 828px !important;
		height: 840px !important;
	}
	.landing_page img {
   		width: auto;
    	height: 840px;
    	transform: translateX(95px);
	}

	.kontakt_img {
		height: 550px;
    	width: 825px;
		background-position: center 0px;
}

	.gmaps {
    	transform: translateX(calc(((100vw - 16px) - 1140px) / 2 * -1));
	}

}


@media (max-width: 1199px) {

	header {
		height: 104px;
	}
  	.navlogo {
		height: 128px;
  	}
  	.nav_menu a {
    	margin: 0px 10px;
  	}
	#animation_container {
		width: 709px !important;
		height: 720px !important;
		transform: translateX(50px);
	}
	#canvas {
		width: 709px !important;
		height: 720px !important;
	}
	.landing_page img {
   		width: auto;
    	height: 720px;
    	transform: translateX(50px);
	}


	.projektentwicklung,
	.unternehmensberatung,
	.venture_capital {
		padding-top: 0px;
		margin-top: 125px;
	}
	.projektentwicklung img,
	.venture_capital img {
		height: 550px;
		width: auto;
		right: 0%;
		margin: 150px 0px 35px 0px;
	}
	.unternehmensberatung img {
		height: 550px;
		width: auto;
		left: 0%;
		margin: 150px 0px 35px 0px;
	}

	.projektentwicklung .main_img::after {
   		height: 700px;
    	width: 600px;
    	top: 35px;
	}

	.unternehmensberatung .main_img::after {
   		height: 700px;
    	width: 600px;
    	top: 35px;
	}

	.venture_capital .main_img::after {
   		height: 700px;
    	width: 600px;
    	top: 35px;
	}


	#kontakt {
    	padding-top: 145px;
	}

	.kontakt_img {
    	height: 475px;
    	width: 660px;
	}

	.gmaps {
    	transform: translateX(calc(((100vw - 16px) - 960px) / 2 * -1));
	}

	#impressum,
	#datenschutz {
    	margin-top: 275px;
	}

}

@media (max-height: 991px) and (orientation: landscape) {

	header {
		background: #ffffff;
	}

	.lp_text {
    	margin-top: 60px;
	}
	#animation_container {
		width: 887px !important;
		height: 900px !important;
	}
	#canvas {
		width: 887px !important;
		height: 900px !important;
	}
	.landing_page img {
    	width: auto;
    	height: 900px;
	}

	.projektentwicklung,
	.unternehmensberatung,
	.venture_capital {
    	margin-top: 125px;
		padding-top: 0px;
	}
	.projektentwicklung img,
	.unternehmensberatung img,
	.venture_capital img {
    	height: 650px;
    	width: auto;
    	margin: 125px 0px 35px 0px;
    	position: relative;
    	z-index: 99;
	}

	.kontakt_img {
   		height: 500px;
    	width: 1062px;
    	display: block;
    	position: relative;
    	background: url(../img/kontakt.jpg);
    	background-repeat: no-repeat;
    	background-size: cover;
    	background-position: center 0px;
	}

	#impressum,
	#datenschutz {
    	margin-top: 250px;
	}
}

@media (max-width:991px) {

	header {
		background: #ffffff;
	}
  	.nav_menu_btn {
		display: block;
  	}

  	.nav_menu {
		position: absolute;
		right: -50vw;
		opacity: 0;
		visibility: hidden;
  	}
	.nav_menu ul {
		padding-top: 75px;
	}
  	.nav_menu ul li {
		display: block;
		margin-bottom: 50px;
  	}

  	.nav_menu a {

  	}

  	.nav_menu_show {
		opacity: 1 !important;
		visibility: visible !important;
		right: 35px;
  	}

  	.nav_menu_bg {
    	background: rgba(255,255,255, 0.9);
		height: 100vh;
		width: 50vw;
		top:  0px;
		left: 50vw;
		position: absolute;
		z-index: 9;
		opacity: 0;
		visibility: hidden;

	   	-webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
    	-moz-transition: opacity 0.2s ease, visibility 0.2s ease;
    	-o-transition: opacity 0.2s ease, visibility 0.2s ease;
    	transition: opacity 0.2s ease, visibility 0.2s ease;
  	}
	.nav_menu_bg_show {
		opacity: 1;
		visibility: visible;
	}

	main {
		margin: 104px auto 0px auto;
		min-height: calc(100vh - 184px);
	}
	#animation_container {
		width: 690px !important;
		height: 700px !important;
		transform: translateX(0px);
	}
	#canvas {
		width: 690px !important;
		height: 700px !important;
	}
	.landing_page img {
		width: 100%;
    	height: auto;
		transform: translateX(0);
	}
	.lp_text {
    	margin-top: 60px;
	}


	.projektentwicklung,
	.unternehmensberatung,
	.venture_capital {
		padding-top: 0px;
		margin-top: 175px;
	}
	.projektentwicklung img,
	.venture_capital img {
		height: auto;
		width: 60%;
		right: 0%;
		margin: 0px 0px 50px 0px;
	}
	.unternehmensberatung img {
		height: auto;
		width: 60%;
		left: 0%;
		margin: 0px 0px 50px 0px;
	}

	.projektentwicklung .main_img::after {
   		height: 600px;
    	width: 630px;
    	top: -75px;
    	left: 15px;
	}

	.unternehmensberatung .main_img::after {
   		height: 600px;
    	width: 630px;
    	top: -75px;
    	left: auto;
   	 	right: 15px;
	}

	.venture_capital .main_img::after {
   		height: 600px;
    	width: 630px;
    	top: -75px;
    	left: 15px;
	}


	.kontakt_inner_bg {
		background: #4e4743;
	}

	.kontakt_inner_bg h2 {
		padding: 35px 60px 0px 60px;
	}
	.kontakt_inner_bg p {
		padding: 0px 60px 35px 60px;
		margin-bottom: 0px;
	}
	.kontakt_inner_bg p:last-child {
		padding: 0px 60px 100px 60px;
	}

	.kontakt_bg {
		background: none;
	}

	.kontakt_img {
		height: 350px;
		width: 100%;
		transform: translateX(0px);

		background-position: center 0px;
	}

	.gmaps {
		padding: 0px 15px;
		max-height: 350px;
    	transform: translateX(0px);
	}
	.gmaps iframe {
		width: 100%;
		height: 350px;
	}

	#impressum,
	#datenschutz {
    	margin-top: 150px;
	}

}

@media (max-width:767px) {

	.nav_menu ul {
		max-height: calc(100vh - (104px + 75px));
		overflow-y: auto;
	}
	.nav_menu_bg {
		width: 100vw;
		left: 0vw;
  	}

	#animation_container {
		width: 510px !important;
		height: 518px !important;
	}
	#canvas {
		width: 510px !important;
		height: 518px !important;
	}

	.projektentwicklung,
	.unternehmensberatung,
	.venture_capital {
		padding-top: 0px;
		margin-top: 150px;
	}
	.projektentwicklung img,
	.venture_capital img {
		height: auto;
		width: 60%;
		right: 0%;
		margin: 0px 0px 50px 0px;
	}
	.unternehmensberatung img {
		height: auto;
		width: 60%;
		left: 0%;
		margin: 0px 0px 50px 0px;
	}

	.projektentwicklung .main_img::after {
   		height: 450px;
    	width: 450px;
    	top: -60px;
    	left: 15px;
	}

	.unternehmensberatung .main_img::after {
   		height: 450px;
    	width: 450px;
    	top: -60px;
    	left: auto;
   	 	right: 15px;
	}

	.venture_capital .main_img::after {
   		height: 450px;
    	width: 450px;
    	top: -60px;
    	left: 15px;
	}
	#impressum,
	#datenschutz {
    	margin-top: 100px;
		margin-bottom: 0px;
	}

}

@media (max-width:575px) {

	h2 {
		font-size: 38px;
	}

	header {
		height: 80px;
	}
	.navlogo {
		height: 96px;
	}

	main {
		margin: 80px auto 0px auto;
		min-height: calc(100vh - 160px);
	}
	#animation_container {
		width: 100vw !important;
		height: calc(100vw * 1.015038) !important;
		transform: translateX(-15px);
	}
	#canvas {
		width: 100% !important;
		height: 100% !important;
	}
	.landing_page img {
		width: 100vw;
    	height: auto;
   		transform: translateX(-15px);
	}

	h1 {
		font-size: 38px;
	}

	.landing_page h3,
	.landing_page p	{
		width: 100%;
	}

	.projektentwicklung img,
	.venture_capital img {
		height: auto;
		width: 100%;
		right: 0%;
		margin: 0px 0px 35px 0px;
	}
	.unternehmensberatung img {
		height: auto;
		width: 100%;
		left: 0%;
		margin: 0px 0px 35px 0px;
	}

	.projektentwicklung .main_img::after {
		height: 70vw;
    	width: 70vw;
    	top: -12vw;
    	left: 0;
	}

	.unternehmensberatung .main_img::after {
		height: 70vw;
    	width: 70vw;
    	top: -12vw;
    	right: 0;
	}

	.venture_capital .main_img::after {
		height: 70vw;
    	width: 70vw;
    	top: -12vw;
    	left: 0;
	}


	#kontakt {
    	padding-top: 0px;
		margin-top: 145px;
	}

	.kontakt_img {
		height: 250px;
		width: 100vw;
		transform: translateX(-15px);

		background-position: center 0px;
	}
	.kontakt_inner_bg  {
		width: 100vw;
		transform: translateX(-15px);
	}
	.kontakt_inner_bg h2 {
		padding: 35px 15px 0px 15px;
	}
	.kontakt_inner_bg p {
		padding: 0px 15px 35px 15px;
		margin-bottom: 0px;
	}
	.kontakt_inner_bg p:last-child {
		padding: 0px 15px 100px 15px;
	}

	.gmaps {
    	transform: translateX(0px);
	}
	.gmaps iframe {
		width: 100vw;
		transform: translateX(-15px);
		height: 250px;

	}

	#impressum,
	#datenschutz {
    	margin-top: 50px;
		margin-bottom: 0px;
	}

}


/* cookie */ /*

body .light.cc_dialog button.cc_b_ok, body .light.cc_dialog button.cc_b_cp, body .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button{
  	background-color: #05b32e;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 25px;
  	margin-right: 15px !important;
  	margin-bottom: 5px;
}
body .light.cc_dialog button.cc_b_cp{
  	background-color: #e4e5e4;
  	margin-left: 0px !important;
  	color: #000;
}
.light.cc_dialog .cc_dialog_headline {
    color: #49565F;
}
body .cc_dialog.simple{
  	max-width: 100%;
  	padding: 15px !important;
}
body .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer{
  	border-radius: 0px 0px 0.25rem 0.25rem;
  	padding: 10px 0px;
}
body .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head{
  	border-radius: 0.25rem 0.25rem 0px 0px;
}
body .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container{
  	background: none;
  	-webkit-box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.45);
  	-moz-box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.45);
  	box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.45);
}
body .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content a{
  	color: #49565F;
  	text-decoration: underline;
}

body .cc_css_reboot, body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu{
  	font-size: 18px;
  	line-height: 1.4em;
}
body .cookie-consent-preferences-overlay input[type="checkbox"].checkbox_cookie_consent:checked + label:before{
  	background: #05b32e;
}
body .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li a{
  	font-size: 14px;
  	line-height: 1.4em;
}*/

/* cookie */

body .light.cc_dialog button.cc_b_ok, body .light.cc_dialog button.cc_b_cp, body .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button{
  	background-color: #009fe3;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 25px;
  	margin-right: 15px !important;
  	margin-bottom: 5px;
}
body .light.cc_dialog button.cc_b_cp{
  	background-color: #e4e5e4;
  	margin-left: 0px !important;
  	color: #000;
}
.light.cc_dialog .cc_dialog_headline {
    color: #49565F;
}
body .cc_dialog.simple{
  	max-width: 100%;
  	padding: 15px !important;
}
body .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer{
  	border-radius: 0px 0px 0.25rem 0.25rem;
  	padding: 10px 0px;
}
body .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_head{
  	border-radius: 0.25rem 0.25rem 0px 0px;
}
body .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container{
  	background: none;
  	-webkit-box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.45);
  	-moz-box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.45);
  	box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.45);
}
body .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_content a{
  	color: #49565F;
  	text-decoration: underline;
}

body .cc_css_reboot, body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu{
  	font-size: 18px;
  	line-height: 1.4em;
}
body .cookie-consent-preferences-overlay input[type="checkbox"].checkbox_cookie_consent:checked + label:before{
  	background: #009fe3;
}
body .light.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_content .cc_cp_m_menu li a{
  	font-size: 14px;
  	line-height: 1.4em;
}

/* Cookie consent Center 

#strictly-necessary + label::before {
	background: #c8c8c8;
}

#changePreferences {
	border: none;
    padding: 8px 16px;
    margin-left: 15px;
	color: #3c3c3b;
}

body .cc_dialog.simple {
    max-width: 50vw;
    transform: translateX(-50%) translateY(50%);
    bottom: 50vh;
    height: auto;
    padding: 0px !important;
    position: fixed;
    z-index: 99999999999;
}

body .cc_dialog.simple > div {
	background: #ffffff;
    padding: 35px;
}

body .cc_dialog.simple::after {
    content: "";
    display: block;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: calc(50% - 50vh);
    left: -25vw;
    z-index: -1;
}

.light.cc_dialog {
    background-color: unset !important;
    color: #3c3c3b !important;
}

@media (max-width:1199px) {
	body .cc_dialog.simple {
    	max-width: 70vw;
    	transform: translateX(15vw) translateY(50%);
    	left: 0px;
	}
	body .cc_dialog.simple::after {
    	left: -15vw;
	}
}
@media (max-width:767px) {
	body .cc_dialog.simple {
    	max-width: 90vw;
    	transform: translateX(5vw) translateY(50%);
    	left: 0px;
	}
	body .cc_dialog.simple::after {
    	left: -5vw;
	}

	#changePreferences {
		border: none;
    	padding: 0px 0px;
    	margin-left: 0px;

	}
}
*/

#strictly-necessary + label::before {
	background: #c8c8c8;
}

#changePreferences {
	border: none;
    padding: 8px 16px;
    margin-left: 15px;
	color: #3c3c3b;
}

body .termsfeed-com---nb-simple {
    max-width: 50vw;
    transform: translateX(-50%) translateY(50%);
    bottom: 50vh;
    height: auto;
    padding: 0px !important;
    position: fixed;
    z-index: 99999999999;
	overflow: visible;
}

body .termsfeed-com---nb-simple > div {
	background: #ffffff;
    padding: 35px;
}

body .termsfeed-com---nb-simple::after {
    content: "";
    display: block;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: calc(50% - 50vh);
    left: -25vw;
    z-index: -1;
}

.termsfeed-com---palette-light .cc-pc-head-lang select:focus {
    box-shadow: 0 0 0 2px #4e4743 !important;
}

.termsfeed-com---palette-light .cc-nb-okagree:focus {
    box-shadow: 0 0 0 2px #4e474350 !important;
}
.termsfeed-com---palette-light .cc-nb-reject:focus {
    box-shadow: 0 0 0 2px #4e474350 !important;
}
.termsfeed-com---palette-light .cc-nb-changep:focus {
    box-shadow: 0 0 0 2px #4e474350 !important;
}
.termsfeed-com---palette-light .cc-cp-foot-save:focus {
    box-shadow: 0 0 0 2px #4e474350 !important;
}
.termsfeed-com---palette-light .cc-pc-head-close:active, .termsfeed-com---palette-light .cc-pc-head-close:focus {
    border: 2px solid #4e4743 !important;
}
.termsfeed-com---palette-light .cc-nb-okagree {
    color: #fff;
    background-color: #4e4743 !important;
}
.termsfeed-com---palette-light .cc-cp-foot-byline a:focus {
    box-shadow: 0 0 0 2px #4e4743 !important;
}
.termsfeed-com---palette-light .cc-cp-foot-save {
    background: #4e4743 !important;
    color: #fff;
}
.termsfeed-com---palette-light .cc-nb-reject {
    color: #fff;
    background-color: #4e4743 !important;
   /* display: none; */
}

.termsfeed-com---nb-simple {
    background-color: unset !important;
    color: #3c3c3b !important;
}

@media (max-width:1199px) {
	body .termsfeed-com---nb-simple {
    	max-width: 70vw;
    	transform: translateX(15vw) translateY(50%);
    	left: 0px;
	}
	body .termsfeed-com---nb-simple::after {
    	left: -15vw;
	}
}
@media (max-width:767px) {
	body .termsfeed-com---nb-simple {
    	max-width: 90vw;
    	transform: translateX(5vw) translateY(50%);
    	left: 0px;
	}
	body .termsfeed-com---nb-simple::after {
    	left: -5vw;
	}

	#changePreferences {
		border: none;
    	padding: 0px 0px;
    	margin-left: 0px;

	}
}