/*!
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
   

@font-face {
    font-family: 'Arkitech-Light';
    src:url('Arkitech-Light.ttf.woff') format('woff'),
        url('Arkitech-Light.ttf.svg#Arkitech-Light') format('svg'),
        url('Arkitech-Light.ttf.eot'),
        url('Arkitech-Light.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
/* jaldi-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jaldi';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/jaldi-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



html {
    width: 100%;
    height: 100%;
}
body {
    width: 100%;
    height: 100%;
  


font-family: 'Jaldi', sans-serif;
font-size:16px;
}


.impressum-div {
	bottom:0px;
	vertical-align:bottom;
	position:fixed;
	width:100%;
	margin-bottom:0px;
	padding: 8px;
	background-color:#D1C7C2;
z-index: 20;}

	
.impressum {

	text-transform:uppercase;
	letter-spacing:2px;
	font-size:12px;
	border:#FFF thin solid;
	padding-left:6px;
		padding-right:6px;
	 margin-right: 30px;
	float:right;}
.imp a {
color:#fff !important;
	}
	
	
	
	.ueber {
  
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:12px;
	border:#FFF thin solid;
	padding-left:6px;
		padding-right:6px;
	 margin-right: 10px;
float:right;
	
	}
	
	
.kontakt-section {
    height: 100%;
    padding-top: 5px;
    text-align: center;
    background: none;
}

.rand {border-bottom:dashed #999 thin; min-height:410px; margin-bottom:40px; text-align:center;}


h1 {font-family:'Arkitech-Light', sans-serif;
font-size:30px;
color:#A49086;
text-transform:uppercase;
padding-bottom:20px;
letter-spacing:2px;
display: block;
padding-right:40px;}

.pad30 {padding-right:30px;}
.pad20 {padding-right:20px;}
h2 {font-family: 'Arkitech-Light', sans-serif;

font-size:20px;
color:#808082;

padding-bottom:20px;
text-transform:uppercase;
letter-spacing:2px;}



a:focus, a:hover {
    color: rgba(255,255,255,0.69);
	text-decoration:none;
	
}

a  {
    color: #A49086;
}


.intro-section {
	width: 100%;
    height: 100%;
    top:40px;
	right:0;
	/*background-image:url("../bilder/christmann-bauwerk-logo23.png");
	background-position:right top;
	background-repeat: no-repeat;*/
	position: fixed;
	overflow:visible;
	
	
	
}
.inhalt {margin-left: 5%; width:75%; padding-top:250px; z-index:0 !important;}
	
 /* The sidebar menu */
.sidenav {
  height: 100vh; /* Full-height: remove this if you want "auto" height */
  width: 235px;  /*Set the width of the sidebar */
  position: relative;/* Fixed Sidebar (stay in place on scroll) */
  /*z-index: 1;  Stay on top */
 /*  top: 349px; Stay at the top */
  right: 0px;
  background-color: rgba(255,255,255,0.79);
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 20px;
	margin-right:0px !important;
	float: right;
}

/* The navigation menu links */
.sidenav a {
font-family:'Jaldi', sans-serif;
  padding: 6px 8px 6px 16px;
  text-decoration: none;
	width: 100%;
	text-align: right;
  font-size: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
  color: #808081;
  display: block;
	padding-right:30px;
	
	
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color:#BCAEA7;
	background-color: rgba(209,199,194,0.29);
	border-bottom: none;}
/* When you mouse over the navigation links, change their color */

.aktiv {
  	color: #BCAEA7;
	background-color:none;
	display: block;
	border-bottom: dashed #BCAEA7 thin;}

	
/* Style page content */
.main {
  margin-left: 160px; /* Same as the width of the sidebar */
  padding: 0px 10px;
}



p {
    font-family: 'Jaldi', sans-serif;
	font-size:16px;
	color:#808082;
	line-height:20px;
	padding-right: 55px;
	padding-bottom:0px;
	}


.adresse {
  height: auto; /* Full-height: remove this if you want "auto" height */

  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  /*z-index: 1;  Stay on top */
  top: 35px; /* Stay at the top */
  right: 0;
 z-index: 20 !important;
  overflow: hidden; /* Disable horizontal scroll */
	padding-right: 15px;
	padding-left: 35px;
  
}
.adresse a {
 color:#808082;
  
}
.adresse a:hover {
 color:#BCAEA7;
  
}.adresse a:active {
 color:#808082;
  
}
	
.logo {
animation:fadein 1.5s;-moz-animation:fadein 3.0s;-webkit-animation:fadein 1.5s;

}


.balken-oben {
	width: 100%; 
	padding:0; 
	margin:0; 
	height:40px; 
	z-index:30;
	position: fixed;
	background-color: #d1c7c2;

	
	}



@keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}








@-webkit-keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }

.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}

.fade-in.one {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}

.fade-in.two {
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;
}

.fade-in.three {
-webkit-animation-delay: 2.1s;
-moz-animation-delay: 2.1s;
animation-delay: 2.1s;
}

/*animationen-ende*/




@media (max-width: 600px) {
	

	p {
    font-family: 'Jaldi', sans-serif;
	font-size:15px;
	color:#808082;
	line-height:17px;
	padding-right: 40px;
		padding-bottom:5px;
	}
	
		.sidenav {
  height: 100vh; /* Full-height: remove this if you want "auto" height */
  width: 140px; /* Set the width of the sidebar */
 /* position: fixed;  Fixed Sidebar (stay in place on scroll) */
  /*z-index: 1;  Stay on top */
  /*top: 230px;  Stay at the top */
  right: 0;
  background-color:rgba(255,255,255,0.69);
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 20px;}
		.sidenav a {
  	font-size: 14px;
	padding-right:10px;
			letter-spacing:0;
}
		.inhalt {margin-left: 5%; width:55%; padding-top:250px; z-index:0 !important;}
	
	.impressum {

	
	 margin-right: 10px;
	}
	
}