@import url('https://fonts.googleapis.com/css?family=Open+Sans');


html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9rem;
    padding-top: 80px;  /* space for stickky navbar */
}


.navbar {
    background-color: #fff;
}


#startpage{
    position: absolute;
    width: 100%;
    padding-right: 50px;
    padding-left: 50px;
}

#startpage .img-area {
    margin-top: 10%;
    width: 100%;
}


#gallery{
    display: none;
}


a:hover {
    text-decoration: none;
}



.title-font {
	opacity: 0.7;
	font-size: 2.5rem;
        margin: 20px 0 30px 0;
}
.subtitle-font {
	font-size: 2rem;
}
.nav-item{
        font-size: 1.2rem;
}
.nav-item .dropdown-item {
	font-size: 1.1rem;
        color: rgba(0, 0, 0, 0.6);
}
.dropdown-item.active{
        background-color: rgba(76, 176 , 118, 0.7);
}

.navbar-brand img{
        width: 10%;
        height: auto;
}



/* Contact form */
#contactForm h3{
    margin-bottom: 60px;
}
#contactForm input, textarea{
    font-size: 0.9rem;
}
#contactForm textarea {
    height: 7rem;
}
#contactForm .with-errors {
    color: red;
}
#contactForm #msgSubmit{
    font-size: 0.8em;
    font-style: bold;
    padding-top: 10px;
}
#contactForm .row p{
    font-style: italic;
}

/* ---------------------------------------------------------
   Responsive Styles
   ---------------------------------------------------------*/
@media (max-width: 991px) {
  h6 {
      font-size: 12px;
  }
  .title-font {
      font-size: 2rem;
  }
  
  .subtitle-font {
      font-size: 1.5rem;
  }  
  .nav-item{
        font-size: 0.9rem;
  }
  .nav-item .dropdown-item {
	font-size: 0.8rem;
  }
  .navbar-brand img{
        width: 5%;
        height: auto;
  }
}

/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
        background:transparent !important;
    }
    html { background-color:#fff; }
    /* Navigation ausblenden */
    nav{ 
      display:none; 
    }

    /* Link Ziele in eckigen Klammern anzeigen */
    /*
    a[href]:after { content: " (" attr(href) ") "; }
    a[href] {
        font-weight:bold;
        text-decoration:underline;
        color:#06c;
        border:none;
    }
    */
    /* Keine Linkziele für Javascript und interne Links anzeigen */ 
    a[href^="javascript:"]:after, a[href^="#"]:after {
      content:""; 
    }
    
    /* Show abbr title value in brackets after the text */
    abbr[title]:after { 
      content: " (" attr(title) ")"; 
    }

    figure { 
        margin-bottom:1em; 
        overflow:hidden;
    }

    figure img { 
      border:1px solid #000; 
    }
}