/* general styles */
html, body {
  height: 100%;
  width: 100%;
  padding-top: 25px;
}
@media (min-width: 980px) {
    body {
      padding-top: 0px;      
    }
}

/* navbar */
.nav {
  background-color: #000;
}
.navbar-default .navbar-nav>li>a{
  color: #fff;
}
.navbar-default .navbar-brand {
  color: #fff;
}
.navbar-default .navbar-brand:focus {
  color: #fff;
}
.navbar-default .navbar-brand:hover {
  color: #C5C5C5;
}
.navbar-default .navbar-nav>li>a:hover {
  color: #C5C5C5;
}
.navbar>.container-fluid .navbar-brand {
 margin-left: 0px; 
}
.nav a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  text-transform: uppercase;
  background-color: #000;
}
.nav li {
    display: inline;
}
.navbar-brand {
  color: #fff;
  display: inline;
  vertical-align: bottom;
  font-family: 'Cambria', serif; 
  font-size: 14px;  
/*   background-color: #000; */
}
.container-fluid {
  background-color: #000;
}
.navbar-collapse {
  background-color: #000;
}
/* padded section */
.pad-section {
  padding: 10px 0;
}
.pad-section img {
  width: 100%;
}
/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
.text-vcenter .quote {
  color: #000;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
}
.text-vcenter .quote q{ 
  font-weight: bold;
  font-style: italic;  
}
.text-vcenter .text{   
  padding: 0px;
  text-align: left;
  vertical-align: middle;
}
.panel {
  opacity: 0.85;
  text-align: left;
}
.panel ul{
  list-style-type: none;
}
.header {
/*   background-color: #306d9f; */
  background-color: #000;
  color: #fff;  
/*   border: 1px solid red; */
}
.noresize {
  resize: none;
}
.btn-default {
  background-color: #ddd;
}
.btn-default:hover{
  background-color: #aaa;
}
a.anchor{
  display: block;
  position: relative;
  top: -70px;  
  visibility: hidden;      
}
/* different pages */
#home {
  background: url(../images/landing.jpg) no-repeat center center fixed; 
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#personal-page {
  background: url(../images/over.jpg) no-repeat center center fixed; 
  display: table;
  height: 800px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#kosten-page {
  background: url(../images/kosten.jpg) no-repeat center center fixed; 
  display: table;
  height: 800px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#contact-page {
  background: url(../images/contact.jpg) no-repeat center center fixed; 
  display: table;
  height: 700px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#location-page {
  background: url(../images/location.jpg) no-repeat center center fixed; 
  display: table;
  height: 700px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* additional sections */
#osm_map {
  height: 500px;
}
.card {
  width: 400px;
  display: flex;
  align-items: center;
}
footer {
  padding: 20px 0;
  font-size: 12px;
  font-weight: bold;
}
footer ul {
  list-style-type: none;
}