/* montserrat-regular - latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 400;
      src: url('../fonts/montserrat-v12-latin/montserrat-v12-latin-regular.eot'); /* IE9 Compat Modes */
      src: local('Montserrat Regular'), local('Montserrat-Regular'),
           url('../fonts/montserrat-v12-latin/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts/montserrat-v12-latin/montserrat-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('../fonts/montserrat-v12-latin/montserrat-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
           url('../fonts/montserrat-v12-latin/montserrat-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts/montserrat-v12-latin/montserrat-v12-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
        /* lato-regular - latin */
    @font-face {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 400;
      src: url('../fonts/lato-v14-latin/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
      src: local('Lato Regular'), local('Lato-Regular'),
           url('../fonts/lato-v14-latin/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts/lato-v14-latin/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('../fonts/lato-v14-latin/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
           url('../fonts/lato-v14-latin/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts/lato-v14-latin/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
    }    
    body {
      font: 400 15px/1.8 Lato, sans-serif;
      color: #555;
    }
    /* This is what makes the background right here. */
    body::after {
      content: ' ';
      position:fixed; /* stretch a fixed position to the whole screen */
      top: 0;
      height: 100vh; /* fix for mobile browser address bar appearing disappearing */
      height: 100%;
      left: 0;
      right: 0;
      z-index: -1; /* needed to keep in the background */
      background: url('../images/Ana-Almeida.jpg') top right;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    @media only screen and (max-width: 767px) {
      body::after {
      content: ' ';
      position:fixed; /* stretch a fixed position to the whole screen */
      top: 50px;
      height: 100vh; /* fix for mobile browser address bar appearing disappearing */
      left: 0;
      right: 0;
      z-index: -1; /* needed to keep in the background */
      background: url('../images/Ana-Almeida-85.jpg') top right;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    }

    img.bga {
      /* Set rules to fill background */
      min-height: 100%;
      min-width: 1024px;
      
      /* Set up proportionate scaling */
      width: 100%;
      height: auto;
      
      /* Set up positioning */
      position: fixed;
      top: 0;
      right: 0;
      
      z-index: -1; /* needed to keep in the background */
      }
      * html img.bga {
        position:absolute;
      }
      @media screen and (max-width: 1024px){
        img.bga {
          left: 50%;
          margin-left: -512px; }
      }

    h1 {
        margin: 10px 0 30px 0;
        letter-spacing: 10px;      
        font-size: 20px;
        color: #111;
    }
    h2 {
        margin: 40px 0 15px 0;
        letter-spacing: 4px;      
        font-size: 18px;
        color: #111;
    }
    h3 {
        margin: 30px 0 15px 0;
        font-size: 16px;
        color: #222;
    }
    h3 small { letter-spacing: 2px; font-size: 75%; }
    .container {
        padding: 7% 9%;
    }
    @media (max-width: 600px) {
      .container {
        padding-top: 80px; /* when the screen is less than 600 pixels wide */
      }
    }
    @media (min-width: 768px) and (max-width: 1300px) {
      .container {
        padding-top: 150px; /* when the screen is more than 768 and less than 1112 pixels wide */
      }
    }    
    .carousel-inner img {
        -webkit-filter: grayscale(90%);
        filter: grayscale(30%); /* make all photos black and white */ 
        width: 100%; /* Set width to 100% */
        margin: auto;
        padding-top: 50px;
        opacity: 0.1 !important;
    }
    .carousel-caption h3 {
        color: #fff !important;
    }
    @media (max-width: 600px) {
      .carousel-caption {
        display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
      }
    }
    .bg-1 {
        background: rgba(45, 45, 48, 0.6);
        color: rgb(189, 189, 189, 0.6);
    }
    .bg-1 h3 {color: #fff;}
    .bg-1 p {font-style: italic;}
    .bg-2 { color: rgb(189, 189, 189, 0.9); }
    .bg-3 { color: rgb(209, 209, 209); }
    .opac06 {opacity: 0.6;}
    textarea#comments.form-control, input#name.form-control, input#email.form-control {
        opacity: 0.6;
    }
    ul li.list-group-item { list-style-type: disc; }
    h5.list-group-item-heading { font-size: 16px; }
    h3.list-group-item-heading { letter-spacing: 6px; }
    .list-group-item {
        color: #777;
        padding: 8px 15px;
    }
    .list-group-item:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
    .list-group-item:last-child {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .thumbnail {
        padding: 0 0 0 0;
        border: none;
        border-radius: 0;
    }
    .thumbnail p {
        margin-top: 15px;
        color: #555;
    }
    .btn {
        margin-bottom: 15px;
        padding: 10px 20px;
        background-color: #333;
        color: #f1f1f1;
        border-radius: 0;
        transition: .2s;
    }
    .btn:hover, .btn:focus {
        border: 1px solid #333;
        background-color: #fff;
        color: #000;
    }
    .modal-header, h4, .close {
        background-color: #333;
        color: #fff !important;
        text-align: center;
        font-size: 30px;
    }
    .modal-header, .modal-body {
        padding: 40px 50px;
    }
    .nav-tabs li a {
        color: #777;
    }
    #googleMap {
        width: 100%;
        height: 400px;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }  
    .navbar {
        font-family: Montserrat, sans-serif;
        margin-bottom: 0;
        background-color: #584e49;
        border: 0;
        font-size: 11px !important;
        letter-spacing: 3.5px;
        opacity: 0.9;
    }
    .navbar li a, .navbar .navbar-brand { 
        color: #d5d5d5 !important;
    }
    .navbar-nav li a:hover {
        color: #fff !important;
    }
    .navbar-nav > .active > a, .navbar-nav .open .dropdown-menu>.active>a {
        color: #fff !important;
        background-color: #29292c !important;
    }
    .navbar-default .navbar-toggle {
        border-color: transparent;
    }
    .navbar-header {
    padding-left: 15px !important;
}
    @media (max-width: 600px) { .navbar-header  { padding-top: 7px !important; } }
    .navbar-brand {
    float: inherit;
    height: 50px;
    padding: 15px 0px !important;
    font-size: 18px;
    letter-spacing: 4px;
}
    .open .dropdown-toggle {
        color: #fff;
        background-color: #555 !important;
    }
    .dropdown-menu li a {
        color: #000 !important;
    }
    .dropdown-menu li a:hover {
        background-color: #584e49 !important;
    }
    @media only screen and (max-width: 767px) {
      .open .dropdown-toggle {
        background-color: #584e49 !important;
      }
    .dropdown-menu li a {
        color: #d5d5d5 !important;
      }
    .dropdown-menu li a:hover {
        background-color: #584e49 !important;
      }
}
    footer {
        background-color: #584e49;
        color: #f5f5f5;
        padding: 12px 32px 32px 32px;
        opacity: 0.9;
    }
    footer a {
        color: #f5f5f5;
    }
    footer a:hover {
        color: #777;
        text-decoration: none;
    }  
    .form-control {
        border-radius: 0;
    }
    .container_noscroll {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
    @media (max-width: 767px) { .line { border-top: 1px solid transparent; border-color: #e7e7e7; } }
    .flaggen { background:url('../images/vielfalt.gif'); height: 9px; width: 100%; margin: 50px 0 60px 0; }
    .abst21 { margin-left: 21px; }
    .help-block { font-style: italic; }
    .red { color: #a94442; }
    .wwwebsite {
    z-index:999;
    position:absolute;
    height:0;
    width:0;
    border:none;
    background:none;
    margin:0;
    top:0;
    left:0;
    clear:both;
    font-size:0px;
    line-height:0px;
}
    .highlight { display:none; }
    .terms { display:none; }