/* Author:   Martin Stettler (https://dieweberei.ch/)
   Version:  07/05/2021 // based on BS v5.0
*/

/* ==========================================================================
   BASE STYLES
   ========================================================================== */
.global-links button {
    padding: 10px 20px;
    margin-left: 30px;
    margin-right: 30px;
}

.buttons-center p.link-element {
    padding: 15px 50px;
    letter-spacing: 2px;
}
/* old style
a[href$=".pdf"] {
    border:  1px solid #006039;
    color:  #006039;
    font-weight: 800;
    padding:  10px 100px 10px 20px;
    margin-top: 50px;
    margin-bottom: 60px;
    letter-spacing: 2px;
    border-radius: 10px;
    text-decoration: none;
    background: url(../img/file-icon.svg) no-repeat;
    background-position: center right;
    background-size: 50px 50px;
}

a[href$=".pdf"]:hover {
    color:  #FFF !important;
    background-color: #006039;
}

.main.bg-dark a[href$=".pdf"] {
    border:  1px solid #FFF;
    color:  #FFF;
    background: url(../img/file-icon2.svg) no-repeat;
    background-position: center right;
    background-size: 50px 50px;
}
*/

.anchor {
    height: 40px;
    margin-top: -40px;
}
/* ==========================================================================
   HEADER
   ========================================================================== */
.logo {
    margin: 35px 50px;
}

header {
    height: 100vh;
}

.header-image-container {
    width: calc(100% - 100px);
    height: 70vh;
}

.header-slogan {
    bottom: -60px;
}

@media (orientation: landscape) {
      .header-image-container {
        height: 60vh;
        width: calc(100% - 30vw);
    }

    .header-slogan {
        left: -12.5vw;
        bottom:  auto;
    }
}

/* ==========================================================================
   NAVIGATION from 768px
   ========================================================================== */

.hamburger {
    top: 30px;
    right: 50px;
}

.icon {
    padding: 35px 50px;
}

.border-end {
    border-right: 1px solid #FFF !important;
}

.ps-50 {
    padding-left: 50px;
}

.overlay .main-nav {
    margin-top: 0;
}

/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */
.main {
    padding-left: 10vw;
    padding-right: 10vw;
}

.main-s35 {
    padding-left:  35px;
    padding-right:  10vw;
}

.main-e35 {
    padding-left:  10vw;
    padding-right:  35px;
}

.main.bg-bright,
.main.bg-dark,
.main-e35.bg-dark,
.unit {
    margin-top: 50px;
    margin-bottom: 50px;
}

.main.bg-bright {
    border-top:  10px solid #006039;
    padding-top: 50px;
    padding-bottom: 50px;
}

.bg-bright {
    background:  #e4edf3 !important;
}

.lead .unit {
    margin-top: 25px;
}

.mt-150 {
    margin-top: 150px;
}

.gx-9 {
  --bs-gutter-x: 9vw;
}

.container-article-half .article-half:nth-child(odd) {
    padding-right: 0;
}

.container-article-half .article-half:nth-child(odd) img {
    padding-right: 4.5vw;
    /* border-right: 1px solid #FFF; */
}

.container-article-half .article-half:nth-child(even) {
    padding-left: 0;
}

.container-article-half .article-half:nth-child(even) {
    padding-left: 4.5vw;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}

.buttons-center p.link-element {
    padding: 15px 5vw;
}

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

/* ==========================================================================
   FOOTER
   ========================================================================== */
footer .bg-dark {
    padding-bottom: 0;
}

.layout-home .team-teaser {
    padding-bottom: 0;
}

.layout-content .team-teaser {
    display: block;
}