:root {
    --jolanda-bordeau:#952456;
    --jolanda-orange: #F39200;
    --jolanda-gruen: #3FA535;
    --jolanda-hellgrau:#A8A8A8;
    --jolanda-dunkelgrau: #707070;
}

h3 {
    color:var(--jolanda-bordeau);
}

h5 {
    color: var(--jolanda-bordeau);
    font-weight: 300;
}

a {
    color:var(--jolanda-orange);
}

.mt-8 {
    margin-top:5rem;
}

#start {
    height:100vh;
    display: flex;
flex-direction: column;
align-items: center;
}

#logo {
    width:460px;
}

.navbar-custom {
  padding: 0;
    position: inherit;
}
.navbar-custom.impressum {
    position:inherit;
}
.navbar-brand {
    background-color: #fff;
padding-bottom: 6rem;
margin: auto;
}
.home-2-bg {
    background-image: url(../images/ol_1413476288_jolanda_rothfuss_header.jpg);
    background-color:#fff;
}
.container_navi {
    margin:auto;
    display:flex;
}
.navbar-custom .navbar-nav li .nav-link {
text-transform: none;
font-weight: 500;
}
.nav-sticky.navbar-custom {
background-color: #fff;
    box-shadow: 0 0 14px 0 rgba(0,0,0,.1)!important;
}
[data-bs-theme="dark"] .nav-sticky {
    background-color: var(--bs-bg-navbar);
}
.nav-sticky .navbar-nav li a {
color: var(--jolanda-orange) !important;
}
.navbar-light.nav-sticky.navbar-custom .navbar-nav li.active a, .navbar-light.nav-sticky.navbar-custom .navbar-nav li a:hover, .navbar-light.nav-sticky.navbar-custom .navbar-nav li a:active {
color: var(--jolanda-bordeau) !important;
}
.navbar-light.nav-sticky.navbar-custom .nav-item .nav-link::after {
    background: var(--jolanda-bordeau)!important;
}

.nav-sticky.navbar-custom {
    box-shadow: none;
}

.mode-btn {
background-color: var(--jolanda-orange);
border-color: var(--jolanda-orange);
}

.home-2-title {
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
display: inline;
background-color: var(--jolanda-bordeau);
padding: .5rem 1.5rem;
border-radius: .5rem;
line-height: 1.4;
    text-shadow: none;
}
.home-2-title + div p {
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
display: inline;
background-color: #fff;
padding: .5rem 1.5rem;
border-radius: .3rem;
line-height: 2;
text-shadow: none;
color: var(--jolanda-bordeau);
font-weight: 500;
}

.zitat {
    color: var(--jolanda-gruen);
    font-style: italic;
}
.zitat:last-child {
    font-style: normal;
}

.title-border-simple::after {
background-color: var(--jolanda-orange);
}
.title-border-simple::before {
background-color: #000;
}

.service-box, .service-box:hover {
    height:100%;
    border-color:var(--jolanda-bordeau);
}
.service-box.orange, .service-box.orange:hover {
    border-color:var(--jolanda-orange);
}
.service-box h5 {
    color:var(--jolanda-bordeau);
}

.navbar-custom {
position: fixed;
padding: 1rem;
}
#navbar .mdi::before, #navbar .mdi-set {
    color: var(--jolanda-bordeau)!important;
}
.navbar-custom .navbar-nav li a {
font-size: .8rem;
}
.navbar-custom.navbar-light .navbar-nav li a:hover {
    color: var(--jolanda-orange)!important;
    transition:0.3;
}
.navbar-light .navbar-nav .nav-link {
    color:var(--jolanda-bordeau);
}

.error-msg {
padding: 5px 15px;
background-color: transparent;
border: 1px solid var(--jolanda-orange);
color: #000;
}

#simple-msg {
color: var(--jolanda-orange);
margin-bottom: 20px;
}

#success_page {
background-color: transparent;
padding: 20px 20px 10px 20px;
border: 1px solid var(--jolanda-gruen);
margin-bottom: 10px;
}
#success_page h3 {
    color: var(--jolanda-gruen);
}
#success_page p, .footer-bg a {
   color:#000;
}

.footer-bg.impressum{
    position: absolute;
width: 100%;
    bottom:0;
}
.text-muted {
    transition: .3s;
}
.text-muted:hover {
    color:#000!important;
transition:.3s;
}

.hide-robot {
    display:none
}

@media (max-width: 992px) {
  .navbar-custom {
    background-color: #fff !important;
  }
    .navbar-light .nav-item .nav-link {
       color: var(--jolanda-bordeau)!important; 
    }
}


/* ------ SCROLL-DOWN ------ */
.scrollDown {
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 20' enable-background='new 0 0 50 20' xml:space='preserve'%3E%3Cg id='scroll_down' transform='translate(0.602 0.799)'%3E%3Cpath id='Pfad_6742' fill='none' stroke='%23952456' stroke-width='2' d='M48.3,0.2l-15.9,12l-8,6L0.5,0.2'/%3E%3C/g%3E%3C/svg%3E%0A");
width: 50px;
height: 20px;
top: calc(100vh - 70px);
z-index: 10;
left: calc(50% - 25px);
cursor: pointer;
   transition: all .25s ease-in-out;
  padding: 1rem 0.5rem;
background-repeat: no-repeat;
background-position: center;
}

.scrollDown:hover {
top: calc(100vh - 60px);
   transition: all .25s ease-in-out;
}