/*  Author:   Martin Stettler (https://dieweberei.ch/)
    Version:  22/11/2019 // BS v4.3.1
*/

/* ==========================================================================
   BASE STYLES
   ========================================================================== */

/* ==========================================================================
   HEADER
   ========================================================================== */
.fullsize-image img {
      height: 500px;
  }

.claim {
    position: absolute;
    background-color: transparent;
    color: #4c4c4c;
    top: 20%;
    left: 10%;
    width: 50%;
    text-align: left;
    margin: 0;
 }

.claim-box {
  border: 0;
  display: block;
}

.layout-content .claim {
    top: 25%;
    left: 45%;
    color: #fff;
    background-color: rgba(0,0,0, 0.6);
    padding-left: 20px;
    padding-right: 20px;
}

a.header-link {
    background-color: #fff;
    color: #4c4c4c;
    border: 1px solid #fff;
}

a.header-link:hover {
    background-color: transparent;
    color: #fff;
}

.navbar-brand {
    font-size: 18px;
}

.navbar-brand .logo-text i {
    display: inline-block;
}
/* ==========================================================================
   NAVIGATION from 768px
   ========================================================================== */

@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 8px;
        padding-left: 8px; }
}

/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */
.main {
    padding-top: 50px; /* 5vw */
    padding-bottom: 50px; /* 5vw */
    padding-left: 30px;
    padding-right: 30px;
}

.unit {
    margin-top: 50px; /* 5vw */
    margin-bottom: 50px; /* 5vw */
}

.bg-green {
    padding: 100px 50px 50px 50px;
}

@media (min-width: 768px) {
  .mb-30:nth-last-child(2) {
      margin-bottom: 0;
   }
}

/* ==========================================================================
   FORM
   ========================================================================== */

/* ==========================================================================
   FOOTER
   ========================================================================== */

.footer {
    margin-top: 50px;
    margin-bottom: 20px;
}

#return-to-top {
    right: 30px; }