/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40pt;
  padding-left:3pt;
  padding-right:3pt;
  background-image: url("assets/img/hintegrund.jpg");
  background-size: 100%;
  background-attachment: fixed;
  background-position: center;
}

h1,h2,h3,tr,td {
	color: rgba(255,255,255,1);
}

p,ul,li {
	color: rgba(255,255,0,1);
}

a:link, a:visited {
	color: rgba(255,255,255,1);
    text-decoration: bold;
    cursor: auto;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

.navbar-wrapper a:link {
	color: rgba(255,255,255,2);
	text-decoration: none;
    cursor: auto;
}

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15pt;
  padding-left: 15pt;
}
.navbar-wrapper .navbar .container {
  width: auto;
  height: auto;
}
.navbar{
/*   z-index should be above .close-navbar-toggler */
  z-index:2;
}
.close-navbar-toggler{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:1;
  cursor:pointer;
}
.close-navbar-toggler.collapsed{
  z-index:-1;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 300px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 300px;
  background-color: rgba(100,100,100,0.75);
}
.carousel-inner > .carousel-item > img {
	margin: 0 auto;
  height: 300px;
}


/* Jumbotron
------------------------- */

.container-fluid table,th,td{
	 border: 1pt dotted white;
	 border-collapse: collapse;
	 padding: 2pt;
}

.container-fluid table{
 width: 250pt;
}


 .container-fluid {
	 padding-left: 2pt;
	 padding-right: 2pt;
 }
 
 .container-footer {
	 color: rgba(255,255,0,1);
	 background-color: rgba(100,100,100,0.75);
	 padding-left: 3px;
	 padding-right: 3px;
 }
 
 
 /* Add WA floating button CSS */
.floating {
 position: fixed;
 width: 50px;
 height: 50px;
 bottom: 20pt;
 right: 20pt;
 background-color: #25d366;
 color: #fff;
 border-radius: 50px;
 text-align: center;
 font-size: 27px;
 box-shadow: 2pt 2pt 3pt #999;
 z-index: 100;
}
 
/* RESPONSIVE CSS
-------------------------------------------------- */

@media only screen and (min-width: 768px) {
	
	  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15pt;
    padding-left: 15pt;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4pt;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

    .container-fluid {
	 padding-left: 100px;
	 padding-right: 100px;
	}

	.container-footer {
	padding-left: 50px;
	padding-right: 50px;
	}
 
	.container-fluid table, th, td{
	 border: 1pt dotted white;
	 border-collapse: collapse;
	 padding: 5pt;
	}
	.container-fluid table{
	 width: 250pt;
	}
	
	.floating {
		bottom: 40pt;
		right: 60pt;
	}


}