@charset "UTF-8";
/* CSS Document */

body {
    background-image: url(../img/bg.png);
    font-family: 'Raleway', sans-serif;
    line-height: 22px;
    letter-spacing: 1.3px;
    color: rgb(102, 102, 102);
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: bold;
    line-height: inherit;
    color: inherit
}

h4, .h4, h5, .h5 {
    color: #000!important;
    border-bottom: none;
    text-transform: none;
    margin-bottom: 1em
}

h1 {
    margin: .67em 0;
}

h2 {
    margin: .83em 0;
    border-bottom: rgb(0, 0, 0);
    border-bottom: dotted;
    border-bottom-width: 1px;
}

h3 {
    margin-top: 35px;
    margin-bottom: 10px;
}

h4 {
    margin: 1.33em 0;
    border-bottom: rgb(0, 0, 0);
    border-bottom: dotted;
    border-bottom-width: 1px;
    text-transform: uppercase;
}

h5 {
    margin: 1.67em 0;
    font-size: 36px;
    color: rgb(219, 87, 77);
    border-bottom: rgb(0, 0, 0);
    border-bottom: dotted;
    border-bottom-width: 1px;
    text-transform: uppercase;
}

h6 {
    margin: 2.33em 0;
    font-weight: bold;
}

h1, .h1 {
    padding-top: 35px;
    font-size: 12px;
    text-decoration: underline;
    text-transform: uppercase;
}

h2, .h2 {
    margin-bottom: 20px;
    line-height: 1.5;
    font-size: 16px;
}

h3, .h3 {
    font-size: 16px;
}

h5, .h5 {
    font-size: 28px;
}

h6, .h6 {
    font-size: 10px;
    margin-top: -2px;
    margin-bottom: -2px;
}

.glow img:hover {
    opacity: 1;
    /*Reflection*/
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0, 0, 0, 0.4)));
    /*Glow*/
    -webkit-box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
}

#willkommen {
    font-size: 16px;
    text-align: center;
    font-weight: 200;
    line-height: 40px;
    letter-spacing: 1.3px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(238, 238, 238);
    width: 100%;
    padding: 6px;
    margin: 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#security-note {
    font-size: 16px;
    text-align: center;
    font-weight: 200;
    line-height: 40px;
    letter-spacing: 1.3px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(255, 0, 0);
    color: white;
    width: 100%;
    padding: 6px;
    margin: 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.crumbs {
    font-size: 12px;
    background-color: rgb(238, 238, 238);
    width: 100%;
    padding: 6px;
    margin: 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#nav1 {
    position: fixed;
    top: 2px;
    right: 10px;
    float: right;
    padding: 20px;
    font-weight: 500;
}

id {
    padding-top: 50px;
}

a {
    cursor: pointer;
    color: #666;
    text-decoration: underline;
}

a.link {
    text-decoration: none;
}

a.nav {
    color: rgb(102, 102, 102);
    text-decoration: none;
}

a.nav:hover, a.nav:focus {
    color: rgb(213 211 211);
    text-decoration: none;
}

a {
    color: rgb(102, 102, 102);
    text-decoration: underline;
}

a:hover, a:focus {
    color: rgb(0, 0, 0);
    text-decoration: underline;
}

a.list-group-item {
    text-decoration: none;
}

a.list-group-item-document {
    text-decoration: none;
    color: rgb(102, 102, 102);
}

p.list-group-item em {
    color: rgb(180, 180, 180);
    font-style: normal;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    background-color: #a1a1a1;
    border-color: #a1a1a1;
}

p.list-group-item.active, p.list-group-item.active:hover, p.list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #c7c6c6;
    border-color: #c7c6c6;
}

#newsbox p.list-group-item {
    cursor: pointer;
}

#newsbox p.list-group-item.active_laufend:hover, #newsbox p.list-group-item.active_laufend:active {
    background-color: rgb(0, 0, 0);
    color: #ffffff;
    cursor: default;
}

#newsbox p.list-group-item:hover, #newsbox p.list-group-item:active {
    background-color: #f5f5f5;
}

p.list-group-item.active_laufend, p.list-group-item.active_laufend:hover, p.list-group-item.active_laufend:focus {
    z-index: 2;
    color: #ffffff;
    background-color: rgb(0, 0, 0);
    border-color: #a1a1a1;
}

span.rp {
    text-transform: lowercase;
    font-style: italic;
}

#nav1 a, #nav1 span.a {
    padding: 0 10px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#nav1 a:hover {
    color: rgb(171 229 135);
}

#hauptnav {
    margin-left: auto;
    margin-right: auto;
    padding: 1px 0 0 0;
}

.navbar {
    min-height: 80px
}

.navbar-header table {
    display: none;
}

.navbar-inverse {
    background: #000;
    background-repeat: no-repeat;
    background-size: contain;
    border-top: none;
    box-shadow: none;
}

.navbar-logo {
    background-image: url(../img/logo-raumplus_white.png);
    background-size: cover;
    height: 80px;
    width: 160px;
    position: fixed;
    left: 0px;
}

@media print {
    .navbar {
        display: block;
    }
    .navbar-header {
        display: none;
    }
}

tr .navhorizont {
    border-bottom: 5px;
    border-bottom-style: solid;
    border-color: rgb(219, 87, 77);
    text-wrap: none;
    padding-top: 20px;
    padding-left: 10px;
}

.panel-footer {
    background-color: #fff;
}

#footer {
    background: #000;
}

.jumbotron {
    font-size: 19px;
    font-weight: 600;
    line-height: 2.1428571435;
    background-color: #fff;
    padding-top: 75px;
}

.jumbotron hr {
    background: #ACE688!important;
}

.well-flex-col,
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well-flex-col{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.auf {
    background-image: url(../img/arrow-down.png);
    background-position: right;
    background-repeat: no-repeat;
}

.zu {
    background-image: url(../img/arrow-up.png);
    background-position: right;
    background-repeat: no-repeat;
}

hr {}

.legende {
    font-size: 10px;
    font-style: italic;
}

.scrollToTop {
    z-index: 100;
    font-size: 10px;
    width: 50px;
    height: 50px;
    display: block;
    position: fixed;
    right: 50px;
    bottom: 10px;
    margin: 0;
    text-decoration: none;
    text-align: center;
    margin-bottom: 7px;
    background: #ddd url('../img/arrow-up.png') no-repeat center center;
    /* rounded corners */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

.scrollToTop:hover {
    text-decoration: none;
}

.form-control:focus {
    border-color: rgb(0, 0, 0);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(219, 87, 77, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(219, 87, 77, 0.6);
}

@media (min-width: 768px) {
    .navbar-header {
        float: none;
    }
}

.map {
    background-color: #fff;
}