* {
    position: relative;
}

a {
    cursor: pointer;
}

a, a:link, a:focus, a:active, a:visited {
    color: black;
    outline: none;
    text-decoration: none;
}

a:hover {
    color: #302f7b;
}

a.in-progress:hover:after {
    background-color: #e34625;
    content: "im Aufbau";
    height: 100%;
    right: 0;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    width: 100%;
}

a.in-progress.invert:hover:after {
    background-color: white;
}

a.in-progress {
    cursor: not-allowed;
}

a.in-progress i {
    display: none;
}

a.in-progress:hover i {
    display: inline;
    left: 36px;
    position: absolute;
    right: -26px;
    top: 6px;
}

hr {
    border-color: #e34625;
    border-style: dotted;
}

header {
    margin-bottom: 40px;
}

header > * {
    display: inline-block;
    vertical-align: top
}

header .logo {
    top: 10px;
}

header .logo:first-child img {
    float: right;
}

header .logo:last-child img {
    float: left;
}

header h1 {
    font-family: "Times";
    margin: 20px 40px;
}

header .noto {
    height: 55px;
    margin-left: -100%;
    margin-right: -100%;
}

header .official > * {
    display: inline-block;
}

header .official img {
    box-shadow: 2px 2px 2px #555;
    margin-left: 25px;
    vertical-align: text-bottom;
    width: 80px;
}

header .alert-danger {
    background-color: #e34625;
    color: white;
}

header .alert-danger .close {
    color: black;
}

header a:hover {
    color: inherit;
}

.background-row {
    background-color: #e34625;
    height: 140px;
    position: absolute;
}

nav {
    padding-top: 10px;
}

.nav > li > a {
    border: 0;
    border-radius: 0;
    border-right: 3px solid transparent;
    color: #222;
    font-size: 16px;
    padding: 4px 10px;
    text-align: right;
    text-transform: uppercase;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover,
.nav > li > a:focus,
.nav > li > a:hover {
    background-color: transparent;
    border-color: white;
    color: white;
}

.nav-pills > li.active > a.invert,
.nav-pills > li.active > a.invert:focus,
.nav-pills > li.active > a.invert:hover,
.nav > li > a.invert:focus,
.nav > li > a.invert:hover {
    border-color: #e34625;
    color: #e34625;
}

.content-main {
    background-color: rgba(255, 255, 255, 0.95);
    border: 2px solid #e34625;
    margin: -20px 5% 10px;
    padding: 0 15px;
}

footer {
    height: 120px;
    padding: 40px 0 20px;
    text-align: left;
}

footer .props-to {
    font-size: smaller;
}

.align-bottom {
    height: 100%;
}

.align-bottom:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
    width: 0;
}

.lightbox-image-caption {
    margin: 0;
    padding: 0.5em 0.9em;
    visibility: hidden;
    width: 100%;
    word-wrap: break-word;
    z-index: 1;
}

.lightbox-image-container:hover .lightbox-image-caption {
    visibility: visible;
}

.loader {
    margin: 10px;
}