@import "//font.nicdn.de/asap.css";
@import "//lib.nicdn.de/fa/4.7.0/css/font-awesome.css";
@import "/assets/wehrdich/lib/bootstrap/4.0.0/css/bootstrap.min.css";


body {
    font-family: 'Asap',sans-serif;
    color: #444444;
    /* hyphens */
    /*   -moz-hyphens: auto;
       -o-hyphens: auto;
       -webkit-hyphens: auto;
       -ms-hyphens: auto;
       hyphens: auto;*/
}



@media (max-width: 768px) {
    .profile_information {
        width:150px !important;
    }
}




#webpage_home {
    background-color: #f5f5f5;
}



header {
    background-color: white;
}
.navbar {
    position: inherit;
}

.navbar-brand {
    position:absolute;
    top:3px;
    margin-left:-5px;
}

.navbar-brand img {
    width:150px;
}

.navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.rounded-circle {
    float: left;
    max-width: 50px;
    margin-right: 15px;
}


.main-root {
    background: #ffffff url("/uploads/tx_niimg/1527972611_wehrdich.jpg") no-repeat left center;
    background-size: cover;
}


:root {
    --jumbotron-padding-y: 3rem;
}

.jumbotron {
    /*
      padding-top: var(--jumbotron-padding-y);
      padding-bottom: var(--jumbotron-padding-y);
    */
    margin-bottom: 0;
    background-color: #fff;
}
.jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y) * 2);
}
.main-root .jumbotron {
    background-color: transparent;
    background: rgba(0,0,0,0.2);
}

/*
@media (min-width: 768px) {
  .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 4);
    padding-bottom: calc(var(--jumbotron-padding-y) * 4);
  }
}
*/

.jumbotron p:last-child {
    margin-bottom: 0;
}

.jumbotron-heading {
    font-weight: 300;
}

.jumbotron .container {
    max-width: 40rem;
    padding-top: 25px;
    padding-bottom: 25px;
}
#webpage_home .jumbotron .container {
    margin-right: 10px;
}
footer {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: white;
    border-top: 1px solid #e9e9e9;
    margin-top:25px;
}

footer p {
    margin-bottom: .25rem;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }



#closeNav {
    float:right;
}
#closeBtn {
    color:rgba(0,0,0,0.125);
    font-weight: 100;
    font-size:3rem;
    line-height:3rem;
    margin-right: 1rem;
    margin-top:1rem;
}
#closeBtn:hover {
    color:#fff;
    color:rgba(0,0,0,0.25);
    text-decoration: none;
}


.nav1 a,
.nav2 a,
.nav3 a {
    padding:15px;
}
.nav1 a,
.nav2 a,
.nav3 a {
    color: black;
}

.nav1 a:hover,
.nav2 a:hover,
.nav3 a:hover {
    text-decoration: none;
    color: white;
}

.nav1 h5 {
    color:#84B326;
}
.nav1 a {
    display:block;
    min-height:200px;
}
.nav1 a:hover {
    background-color:#84B326;
}

.nav2 h5 {
    color:#FFCC01;
}
.nav2 a {
    display:block;
    min-height:200px;
}
.nav2 a:hover {
    background-color:#FFCC01;
}


.nav3 h5 {
    color:#FF4901;
}
.nav3 a {
    display:block;
    min-height:200px;
}
.nav3 a:hover {
    background-color:#FF4901;
}

.active a {
    color:gray;
}

#map {
    height: 240px;
    margin-bottom:25px;
}

.profile {
    max-width:100px;
}

@media (max-width: 768px) {
    .pagetop {
        max-width:100%;
        width:100%;
        flex: 0 0 100%;
        border-top: 1px solid #e9e9e9;
        padding-top:10px;
    }
    .pagetop p {
        width:100%;
        text-align:center;
    }
}