/*
 *
 *
 *    ########   #######  ##       ##
 *    ##     ## ##     ## ##       ##
 *    ##     ## ##     ## ##       ##
 *    ########  ##     ## ##       ##
 *    ##     ## ##     ## ##       ##
 *    ##     ## ##     ## ##       ##
 *    ########   #######  ######## ########
 *
 *
 *
 *    ##        #######   ######   ####  ######  ######## #### ##    ##
 *    ##       ##     ## ##    ##   ##  ##    ##    ##     ##  ##   ##
 *    ##       ##     ## ##         ##  ##          ##     ##  ##  ##
 *    ##       ##     ## ##   ####  ##   ######     ##     ##  #####
 *    ##       ##     ## ##    ##   ##        ##    ##     ##  ##  ##
 *    ##       ##     ## ##    ##   ##  ##    ##    ##     ##  ##   ##
 *    ########  #######   ######   ####  ######     ##    #### ##    ##
 *
 *
 */

/*
 *  Notification Header for Wartungsarbeiten
 *
 */

.wartungsarbeiten_banner-wrapper {
    z-index: 9001;
    position: relative
}

.wartungsarbeiten_container .wartungsarbeiten_message {
    font-size: 0.6em;
    transition: font-size 200ms;
    margin: 0;
    padding: 0;
    line-height: 1.5em
}

@media screen and (min-width: 500px) {
    .wartungsarbeiten_container .wartungsarbeiten_message {
        font-size: 0.8em
    }
}

@media screen and (min-width: 768px) {
    .wartungsarbeiten_container .wartungsarbeiten_message {
        font-size: 1em;
        line-height: 1em
    }
}

@media screen and (min-width: 992px) {
    .wartungsarbeiten_container .wartungsarbeiten_message {
        font-size: 1em
    }
}

@media print {
    .wartungsarbeiten_banner-wrapper, .wartungsarbeiten_container {
        display: none
    }
}

.wartungsarbeiten_banner-wrapper {
    height: 66px
}

.wartungsarbeiten_container {
    padding: 15px 15px 15px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.wartungsarbeiten_container .wartungsarbeiten_message {
    display: block
}

@media screen and (min-width: 500px) {
    .wartungsarbeiten_container .wartungsarbeiten_message {
        margin-top: 0.5em
    }
}

@media screen and (min-width: 768px) {
    .wartungsarbeiten_container {
        padding: 15px 30px 15px
    }
}

.wartungsarbeiten_container {
    background: #85BD41;
    color: #fff;
    font-size: 17px;
    box-sizing: border-box;
    text-align: center;
}

.wartungsarbeiten_container ::-moz-selection {
    background: #ff5e99;
    color: #fff;
    text-shadow: none
}

@-webkit-keyframes slideDown {
    0% {
        margin-top: -66px
    }
    100% {
        margin-top: 0
    }
}

@keyframes slideDown {
    0% {
        margin-top: -66px
    }
    100% {
        margin-top: 0px
    }
}

@-webkit-keyframes growDown {
    0% {
        height: 0
    }
    100% {
        height: 66px
    }
}

@keyframes growDown {
    0% {
        height: 0
    }
    100% {
        height: 66px
    }
}

.wartungsarbeiten_container {
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-name: slideDown;
    animation-name: slideDown
}

.wartungsarbeiten_banner-wrapper {
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-name: growDown;
    animation-name: growDown
}

/*
 *  Landing Page
 *
 */

i.circle-border {
    border: 3px solid #676a6c;
    border-radius: 50%;
}

#preload {
    background: url('../img/landing/slider2025_1.jpg'), url('../img/slider2022_2.jpg'), url('../img/landing/slider3_2018.jpg'), url('../img/slider2022_5.jpg'), url('../img/slider2022_4.jpg');
}

.landing-page .header-back.one {
    background: url('../img/landing/slider2025_1.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.two {
    background: url('../img/slider2022_2.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.three {
    background: url('../img/slider2022_5.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.four {
    background: url('../img/landing/slider3_2018.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.five {
    background: url('../img/slider2022_4.jpg') 50% 0 no-repeat;
}

.landing-page .navbar-default .navbar-brand:hover, .landing-page .navbar-default .navbar-brand:focus {
    background: #85BD41 !important;
}

.landing-page .big-icon {
    font-size: 56px !important;
}

.landing-page .features .big-icon {
    color: #85BD41 !important;
}

.features-text-offline .big-icon-offline, .features-text-offline h2, .features-text-offline p {
    color: #dadada !important;
}

.landing-page .navbar-default .navbar-brand {
    background: #85BD41 !important;
}

.top-navigation .navbar-brand {
    background: #85BD41 !important;
}

.landing-page span.navy {
    color: #85BD41 !important;
}

.landing-page .social-icon a {
    background: #85BD41 !important;
}

.landing-page .social-icon a:hover {
    background: #85BD41 !important;
}

.landing-page .navy-line {
    border-bottom: 2px solid #85BD41 !important;
}

.landing-page .features small {
    color: #85BD41 !important;
}

.landing-page .navbar-default .navbar-nav>.active>a, .landing-page .navbar-default .navbar-nav>.active>a:hover {
    border-top: 6px solid #85BD41 !important;
}

.landing-page .navbar-default .navbar-nav>li>a:hover, .landing-page .navbar-default .navbar-nav>li>a:focus {
    color: #85BD41 !important;
}

@media (max-width: 768px) {
    .landing-page .carousel {
        margin-top: 65px !important;
    }
}

.landing-page .carousel-caption {
  top: 70px;
}
.landing-page .carousel-caption {
  top: 70px;
}
.landing-page .carousel-caption.blank {
  top: 70px;
}

.landing-page .carousel-caption h1 {
  text-shadow: 2px 2px #444444;
  font-size: 30px;
}

.landing-page .carousel .item {
    background: #fafafa;
}

.landing-page .carousel .item .header-back {
    mix-blend-mode: multiply;
    filter: grayscale(100%);
}

.text-boll {
    color: #85BD41 !important;
}

.text-primary {
    color: #85BD41 !important;
}

.bg-boll, .btn-primary, .bg-green {
    background-color: #85BD41 !important;
    border-color: #85BD41 !important;
    color: #ffffff !important;
}

.features-text h2 {
    text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}

.form-control:focus {
  border-color: #85BD41;
  color: #515253;
  -webkit-box-shadow: 0 0 0 0.1rem rgba(119, 187, 51, 0.15);
          box-shadow: 0 0 0 0.1rem rgba(119, 187, 51, 0.15);
}

/*
 *  Cookie Bar
 *
 */

#cookiebar p {
    text-align: center;
    color: #FFFFFF !important;
}

#cookiebar .cb-policy {
    color: #FFFFFF;
}

#cookiebar {
    font-weight: 400;
    margin: 0 0 1em 0;
    white-space: nowrap;
}
#cookiebar {
    width: 100%;
    background-color: #85BD41;
    position: fixed !important;
    z-index: 100;
    bottom: 0;
}

/*
 *  Passwort vergessen
 *
 */

.passwordBox {
    padding: 20px 20px 20px 20px !important;
}