body {
    padding-top: 30px !important;
    padding-right: 0 !important;
}

@media (min-width: 768px) {
    body {
        padding-top: 101px !important;
    }
}

.content a {
    color: #024f9b !important;
}

.content a.mail {
    white-space: nowrap;
}

#stage,
#teaser,
#website-wrapper {
    top: -5px !important;
}

#stage {
    margin-bottom: 25px;
}

#stage .website-inner {
    width: auto !important;
}

#stage .textbox,
.stage .textbox {
    width: auto !important;
    max-width: 440px;
}

#stage .textbox,
.stage .textbox {
    background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
    border: 5px solid #edf2f8;
    left: 0;
    padding: 30px 20px 40px;
    position: absolute;
    top: 60px;
    width: 440px;
    z-index: 10;
}

#stage h1,
.stage h1 {
    font-family: "Times New Roman", Times, serif;
    color: #005aa9;
    font-size: 28px;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 0;
}

#stage .roofline,
.stage .roofline {
    color: #a8a8a8;
}

@media (min-width: 768px) {
    #stage .website-inner,
    .stage .website-inner {
        width: 750px !important;
    }

    #stage .textbox,
    .stage .textbox {
        left: 20px;
    }
}

@media (min-width: 992px) {
    #stage .website-inner,
    .stage .website-inner {
        width: 970px !important;
    }

    #stage .textbox,
    .stage .textbox {
        left: 60px;
    }
}

@media (min-width: 1200px) {
    #stage .website-inner,
    .stage .website-inner {
        width: 1170px !important;
    }

    #stage .textbox,
    .stage .textbox {
        left: 60px;
    }
}

#content {
    padding-left: 0;
}

#footer {
    margin-left: 0 !important;
}

#footer > p:first-of-type {
    margin-bottom: 0;
}

.website-inner {
    width: auto !important;
}

@media (min-width: 768px) {
    .website-inner {
        width: 750px !important;
    }
}

@media (min-width: 992px) {
    .website-inner {
        width: 970px !important;
    }
}

@media (min-width: 1200px) {
    .website-inner {
        width: 1170px !important;
    }
}

.navbar {
    margin-bottom: 0;
    border-width: 0;
    background-color: #005aa9;
    border-bottom: 1px solid #ffffff;
}

.navbar-collapse.in {
}

.navbar .website-inner {
    width: auto !important;
}

.navbar-brand {
    padding-left: 10px;
}

.navbar h1 {
    clear: both;
    margin: 0;
    padding-left: 0;
    padding-top: 0;
    white-space: nowrap;
    background-color: inherit;
    color: #FFFFFF;
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
}

.navbar p {
    display: none;
}

#imprint {
    display: none;
}

@media (min-width: 768px) {
    .navbar {
        background-color: #fff;
        border-width: 0;
    }

    .navbar-brand {
        padding: 5px 15px;
    }

    .navbar h1 {
        color: #005aa9;
        padding-left: 15px;
        padding-top: 0px;
        font-size: 18px;
    }

    .navbar p {
        display: block;
        padding-left: 15px;
    }

    #imprint {
        display: block;
    }
}

.navbar .blue {
    background-color: #005aa9;
}

.navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.nav > li > a {
    color: #fff;
    text-decoration: none;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus,
.nav > li > a:hover, .nav > li > a:focus,
.nav > li.active > a {
    background-color: #90b3d5;
}

.dropdown-menu {
    border-width: 0;
}

.dropdown-menu > li > a {
    text-decoration: none;
    color: #fff;
}

@media (min-width: 768px) {
    .dropdown-menu > li > a {
        color: #333;
    }
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #d6e6f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #005aa9;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

@media (min-width: 768px) {
    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.active.dropdown-submenu > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

#breadnav > span {
    display: block;
    float: left;
    padding: 9px 15px 7px 0;
    line-height: 155%;
    font-size: 90%;
}

#breadnav li {
    font-size: 90%;
    line-height: 155%;
}

#breadnav ol::after {
    clear: left;
}

.breadcrumb {
    background-color: #fff;
}

.breadcrumb > li + li::before {
    content: "/";
}

.content h1, .content h2, .content h3, .content h4 {
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    background-color: #FFFFFF;
    color: #005aa9;
}

.content h1 {
    margin: 0 0 5px 0;
    padding: 0px 10px;
    font-size: 28px;
    font-weight: normal;
}

.content h2 {
    margin: 15px 0 5px 0;
    padding: 3px 10px;
    font-size: 22px;
}

.content h3 {
    margin: 3px 0 3px 0;
    padding: 3px 10px;
    font-size: 18px;
}

.content h4 {
    margin: 3px 0 3px 0;
    padding: 3px 10px;
    font-size: 16px;
    font-weight: bold;
}

.tx-hgva-troopmeeting legend {
    width: auto;
    border-style: none;
    margin-bottom: 0;
    font-size: 11px;
}

.tx-hgva-troopmeeting dl {
    padding: 0 5px;
    margin-bottom: 5px;
}

.tx-hgva-troopmeeting dt {
    margin-top: 8px;
}

.tx-hgva-troopmeeting dt:first-of-type {
    margin-top: 0;
}

.tx-hgva-troopmeeting dt span {
    font-weight: normal;
}

div.box {
    border: 7px solid #edf2f8;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 3px 10px;
}

div.box h3 {
    color: #005aa9;
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 12px 0;
}

div.box div h3 {
    margin: 0 0 2px 0;
}

div.box p.paragraph,
div.box ul.paragraph {
    padding: 0 0 5px 0;
}

nav ~ .container {
    margin-top: 25px;
}

/* @group Teaser */
.teaser {
    background-color: #005AA9;
    color: #FFFFFF;
    width: 100%;
    margin-top: 20px;
}

.teaser .col-md-4 {
    display: none;
    overflow: hidden;
    padding: 0;
}

.teaser .col-md-4 img {
    height: 100%;
    margin: 0 15px;
}

@media (min-width: 768px) {
    .teaser {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .teaser .col-md-4 {
        display: block;
        overflow: hidden;
        padding-right: 30px;
    }

    .teaser .col-md-4 img {
        width: 100%;
        height: auto;
    }
}

.teaser h2 {
    color: #FFFFFF;
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    padding-left: 10px;
}

.teaser p {
    padding: 5px 0 0 0;
    color: #FFFFFF;
    font-family: "Times New Roman", Times, serif;
    font-size: 17px;
    line-height: normal;
}

/* @end */

.box p.paragraph,
.content p.paragraph,
.content p.paragraphTitle,
.content li,
.content table.formed th,
.content table.formed td,
.content table.gruppenstunden th,
.content table.gruppenstunden td {
    font-size: 14px;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #F4F4F4;
}

.csc-default > table {
    margin-left: 10px;
}

/* @group Carousel */
.carousel {
    position: relative;
}

.carousel-inner {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.carousel-inner > .item {
    display: none;
    position: relative;
    transition: left 0.6s ease-in-out 0s;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    line-height: 1;
}

@media not all, (-webkit-transform-3d) {
    .carousel-inner > .item {
        backface-visibility: hidden;
        perspective: 1000px;
        transition: transform 0.6s ease-in-out 0s;
    }

    .carousel-inner > .item.next, .carousel-inner > .item.active.right {
        left: 0;
        transform: translate3d(100%, 0px, 0px);
    }

    .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
        left: 0;
        transform: translate3d(-100%, 0px, 0px);
    }

    .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
        left: 0;
        transform: translate3d(0px, 0px, 0px);
    }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
    left: 0;
}

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    background-color: rgba(0, 0, 0, 0);
    bottom: 0;
    color: #fff;
    font-size: 20px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 0;
    width: 15%;
}

.carousel-control.left {
    background: none;
}

.carousel-control.right {
    background: none;
    left: auto;
    right: 0;
}

.carousel-control:hover, .carousel-control:focus {
    color: #fff;
    opacity: 0.9;
    outline: 0 none;
    text-decoration: none;
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    display: inline-block;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    z-index: 5;
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    margin-right: -10px;
    right: 50%;
}

.carousel-control .icon-prev, .carousel-control .icon-next {
    font-family: serif;
    height: 20px;
    line-height: 1;
    width: 20px;
}

.carousel-control .icon-prev::before {
    content: "‹";
}

.carousel-control .icon-next::before {
    content: "›";
}

.carousel-indicators {
    bottom: 10px;
    left: 50%;
    list-style: outside none none;
    margin-left: -30%;
    padding-left: 0;
    position: absolute;
    text-align: center;
    width: 60%;
    z-index: 15;
}

.carousel-indicators li {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    width: 10px;
}

.carousel-indicators .active {
    background-color: #fff;
    height: 12px;
    margin: 0;
    width: 12px;
}

.carousel-caption {
    bottom: 20px;
    color: #fff;
    left: 15%;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    right: 15%;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    z-index: 10;
}

.carousel-caption .btn {
    text-shadow: none;
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        font-size: 30px;
        height: 30px;
        margin-top: -10px;
        width: 30px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px;
    }

    .carousel-caption {
        left: 20%;
        padding-bottom: 30px;
        right: 20%;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

/* @end */

.carousel,
.carousel .item {
    height: 400px;
}

.carousel .item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


.tx-filelist {
    padding: 0 10px;
}

.tx-filelist ol.breadcrumb {
    padding: 0;
    margin: 0 0 10px 0;
}

.tx-filelist ol.breadcrumb li {
    font-size: 12px;
}

.tx-filelist table a {
    text-decoration: none;
}

.tx-filelist table a:hover:nth-of-type(2) {
    text-decoration: underline;
}