/* main css */
* {
	box-sizing: border-box;
}
/*:target:before {  offset for header height 
    content: "";
    display: inline-block;
    height: 90px;
    margin: -90px 0 0 0;
}*/
body, html {
	margin: 0;
	padding: 0;
	background-color: #F2F2F2;
}
/* img handling ##################### */
/* backgroung image start ########### */
img#bgimg {
	width: 100%;
	height: auto;
}
/* parallax ######################### */
.wrapper {
  /* The height needs to be set to a fixed value for the effect to work.
   * 100vh is the full height of the viewport. 100vh */
  height: 100%;
  /* The scaling of the images would add a horizontal scrollbar, so disable x overflow. */
  overflow-x: hidden;
  /* Enable scrolling on the page. */
  overflow-y: auto;
  /* Set the perspective to 2px. This is essentailly the simulated distance from the viewport to transformed objects.*/
  perspective: 2px;
}

.section {
  /* Needed for children to be absolutely positioned relative to the parent. */
  position: relative;
  /* The height of the container. Must be set, but it doesn't really matter what the value is. */
  height: 100vh;
  
  /* For text formatting. */
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-shadow: 0 0 5px #000;
}

.parallax::after {
  /* Display and position the pseudo-element */
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  
  /* Move the pseudo-element back away from the camera,
   * then scale it back up to fill the viewport.
   * Because the pseudo-element is further away, it appears to move more slowly, like in real life. */
  transform: translateZ(-1px) scale(1.5);
  /* Force the background image to fill the whole element. */
  background-size: 100%;
  /* Keep the image from overlapping sibling elements. */ 
  z-index: -1;
}

/* The styling for the static div. */
.static {
  background: red;
}

/* Sets the actual background images to adorable kitties. This part is crucial. */
.bg1::after {
	background-image: url('../../user_upload/bkg_img/AKH-Exelberg_breit.jpg');
	background-repeat: no-repeat;
	background-size: 85vw auto;
}

.bg2::after {
	background-image: url('../../user_upload/bkg_img/AKH-Richtfunk_breit.jpg');
	background-repeat: no-repeat;
	background-size: 85vw auto;  
}
/* parallax end ##################### */
hr.gline {
	border: 1px solid #B0A060;
}
table.contenttable {
	width: 80%;
}


/* contact form ##################### */
form#kontakt input, form#kontakt textarea {
	font-family: 'Roboto', Helvetica, sans-serif;
	font-weight: 300;
	font-size: 14px;
	border: 1px solid #999999;
	padding: 4px;
	margin: 2px 0px;
}
form#kontakt textarea {
	font-family: 'Roboto', Helvetica, sans-serif;
	font-weight: 300;
	font-size: 14px;
	width: 80%;
	height: 15vh;	
}
form#kontakt input::placeholder, form#kontakt textarea::placeholder {
	font-family: 'Roboto', Helvetica, sans-serif;
	font-weight: 300;
	font-size: 14px;
}
form#kontakt button[type=submit] {
	border: 1px solid #000000;
	font-family: 'Roboto', Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	margin: 4px 0px;
	padding: 4px 8px;
}
form#kontakt button[type=submit]:hover {
	border: 2px solid #666666;
	font-size: 14px;
	padding: 3px 7px;
	margin: 5px 1px;	
}
form#kontakt nav {
	float: unset; 
	right: unset;
	margin: 10px 0px;
}
div.form-group label {
	display: none;
}
/* contact form end ################# */
/* images startpage ################# */
div#r1l img, div#r1m img, div#r1r img, div#r2l img, div#r2m img, div#r2r img,  
div#r3l img, div#r3m img, div#r3r img, div#r4l img, div#r4m img, div#r4r img {
	width: 100%;
	height: auto;
	border-radius: 12px;
}
div#r1l figcaption, div#r1m figcaption, div#r1r figcaption, div#r2l figcaption, div#r2m figcaption, div#r2r figcaption,  
div#r3l figcaption, div#r3m figcaption, div#r3r figcaption, div#r4l figcaption, div#r4m figcaption, div#r4r figcaption {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #6B001A;
	padding: 4px 12px;
	background-color: #6B001A;
	color: #FFFFFF;
	font-weight: 500;
	letter-spacing: .1em;
}

/* images startpage end ############# */
#sd-lightbox {
	background: rgba(0,0,0,.7);
}