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

/* ==========================================================================
   BASE STYLES
   ========================================================================== */
.anchor {
    display: block;
    height: 90px;
    margin-top: -90px;
    visibility: hidden; 
}

p.link-element a {
    font-size: 20px;
    padding: 20px 35px;
    line-height: 80px;
}
/* ==========================================================================
   HEADER
   ========================================================================== */
.navbar-brand span {
    width: 180px;
    height: 84px;
}

.fullsize-image {
    margin-bottom: 3.2vw;
}
/* ==========================================================================
   NAVIGATION from 768px
   ========================================================================== */

.navbar {
   padding: 2vw 2vw 0px 2vw;
}

.navbar.shrink {
   height: 0;
   padding: 0px 2vw 0px 2vw;
   border-bottom: 1px solid #003333;
}

.hamburger {
    top: 2vw;
    right: 2vw;
}

   /* ==========================================================================
   MAIN CONTENT
   ========================================================================== */
body {
    padding-top: 60px;
}

header,
.main {
   padding-left: 8px;
   padding-right: 8px;
}

.bg-brown {
    margin-top: 3.2vw;
    margin-bottom: 10px;
    padding-top: 4.5vw;
    padding-bottom: 40px;
}

.unit {
    margin-top: 3.2vw;
    margin-bottom: 3.2vw;
}

.webservices {
    bottom: 15%;
}

.webservices .phone-btn,
.webservices .weather-btn,
.webservices .webcam-btn {
    padding: 10px 25px 5px 10px;
    margin-bottom: 5px;
}

.webservices .phone-btn span,
.webservices .webcam-btn span {
    width: 30px;
    height: 30px;
}

.webservices .weather-btn span {
    width: 35px;
    height: 30px;
}

/* Modules */

/* teaser image */
.fit-height img {
   object-fit: cover;
   height: 100%;
   width: auto;
}
/* ==========================================================================
   FORM
   ========================================================================== */

/* ==========================================================================
   FOOTER
   ========================================================================== */
footer {
    padding-right: 20px;
    padding-left: 20px;
}