* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    max-height: 999999px;
}

html, body {
    font-family: 'Helvetico', Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: rgb(32, 32, 32);
    line-height: 1.5em;
    font-size: 14px;
    background: rgb(245, 245, 245);
}

html.size-lg, html.size-lg body {
    font-size: 16px;
}

html.size-xl, html.size-xl body {
    font-size: 18px;
}

::selection {
    color: rgb(245, 245, 245);
    background: rgb(24, 81, 145);
}

::-moz-selection {
    color: rgb(245, 245, 245);
    background: rgb(24, 81, 145);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin-bottom: 1em;
}

h1 {
    font-size: 3em;
    line-height: 1.1em;
}

h2 {
    font-size: 2.4em;
    line-height: 1.1em;
}

p {
    line-height: 1.5em;
    -ms-word-break: normal;
    word-break: normal;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin: 0 0 1.5em;
}

li {
    margin-left: 1.5em;
}

a, a:visited {
    color: rgb(7, 161, 226);
    outline: none;
    text-decoration: none;
}

a:hover, a:active, a:focus {
    color: rgb(24, 81, 145);
}

a[href$=".pdf"]:after, a[href$=".PDF"]:after {
    content: "PDF";
    vertical-align: bottom;
    font-size: calc(1em - 6px);
    margin-left: 3px;
    font-weight: bold;
    color: white;
    background-color: rgb(7, 161, 226);
    padding: 1px 3px;
    border-radius: 2px;
}

.hn-link-download a[href$=".pdf"]:after, .hn-link-download a[href$=".PDF"]:after {
    content: initial;
    background: initial;
    color: initial;
}


/******************************************************************************
 * GRID
 *****************************************************************************/
.row {
    /*max-width: 1132px;*/
    max-width: 1084px;
    margin: auto;
}

.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
.col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.hn-layout-3-3-3-3 > div,
.hn-layout-4-4-4 > div,
.hn-layout-6-6 > div {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;

    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}


.slick-slide {
    height: auto;
}

.fancybox-caption {
    max-width: 700px;
    margin: auto;
}

/******************************************************************************
 * LIGHT BOX
 ******************************************************************************/
.lb-cancel {
    background: url(../Images/loading.gif) no-repeat;
}

.lb-nav a.lb-prev {
    background: url(../Images/arrow-left-white.png) 0.75em 48% no-repeat;
    opacity: 1;
    filter: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.lb-nav a.lb-next {
    background: url(../Images/arrow-right-white.png) calc(100% - 0.75em) 48% no-repeat;
}

.lb-data .lb-close {
    background: url(../Images/icon-close-white.png) top right no-repeat;
}

.lb-nav a.lb-prev,
.lb-nav a.lb-next,
.lb-data .lb-close {
    opacity: 1;
    filter: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

/******************************************************************************
 * LAYOUT
 *****************************************************************************/
#hn-header {
    background-color: rgb(231, 231, 231);
    max-width: 1332px;
    margin: auto;
}

#hn-section {
    max-width: 1332px;
    margin: auto;
}

#hn-footer {
    background: rgb(65, 65, 65);
    padding: 4.5em 0 3em;
    color: rgb(245, 245, 245);
    max-width: 1332px;
    margin: auto;
}

#hn-footer > .row:first-child {
    border-bottom: 2px solid rgb(32, 32, 32);
    padding: 3em 0;
}

#hn-footer > .row:last-child {
    padding: 3em 0;
}

#hn-footer a {
    color: rgb(245, 245, 245);
    text-decoration: none;
}

#hn-footer a:hover {
    color: rgb(210, 210, 210);
}

/*#hn-cooperations img {
    margin: 1.5em;

}

#hn-cooperations a {
    display: block;
    width: 100%;
    text-align: center;
}*/

#hn-cooperations .content {
    width: 100%;
}

#hn-cooperations img {
    width: auto;
}

#hn-cooperations a {
    display: block;
    width: auto;
    margin: 3em 1.5em;
}

#hn-cooperations {
    width: 100%;
}

#hn-cooperations .content .slick-slide {
    transition: opacity 1s, filter 1s;
}

#hn-cooperations .content .slick-slide img {
    transition: transform 1s;
}

#hn-cooperations .content .slick-slide {
    opacity: 30%;
    filter: grayscale(100%);
    /*transform: scale(0.8);*/
}

#hn-cooperations .content .slick-current {
    opacity: 100%;
    filter: none;
    position: relative;
    z-index: 2;

}

#hn-cooperations .content .slick-current img {
    transform: scale(1.5);
}

#hn-cooperations nav {
    padding: 0.75em;
    padding-bottom: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    min-height: 4.5em;
    margin: 0;
    margin-top: -1.51em;
}

#hn-cooperations nav .prev,
#hn-cooperations nav .next {
    display: block;
    width: 20px;
    height: 20px;

    align-self: center;

}

#hn-cooperations nav .prev {
    background: url('../Images/arrow-left.png') no-repeat center center;
}

#hn-cooperations nav .prev:hover {
    background: url('../Images/arrow-left-active.png') no-repeat center center;
}

#hn-cooperations nav .next {
    background: url('../Images/arrow-right.png') no-repeat center center;
}

#hn-cooperations nav .next:hover {
    background: url('../Images/arrow-right-active.png') no-repeat center center;
}

#hn-cooperations nav .pagination {
    align-items: center;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

    align-self: center;
}

#hn-cooperations nav li {
    display: inline-block;
    margin-left: 0;
}

#hn-cooperations nav li button {
    display: block;

    height: 0.8em;
    margin: 0 0.4em;
    width: 0.8em;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: rgb(210, 210, 210) none repeat scroll 0 0;

    border-radius: 0.4em;
}

#hn-cooperations nav li.slick-active button {
    background: rgb(7, 161, 226) none repeat scroll 0 0;
}

#hn-socialnav {
    margin-top: 1.5em;
}

#hn-to-top {
    border-radius: 3px;
    width: 40px;
    height: 40px;
    right: 30px;
    bottom: 30px;

    background-color: rgb(24, 81, 145);
    background-image: url(../Images/arrow-up-white.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: fixed;

    opacity: 0;
    cursor: pointer;


    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.fixed #hn-to-top {
    opacity: 0.6;
}

.fixed #hn-to-top:hover {
    opacity: 1;
}

/******************************************************************************
 * DISCLAIMER
 ******************************************************************************/
#hn-disclaimer {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1000;

    display: flex;
    align-items: center;
    justify-content: center;
}

#hn-disclaimer > div {
    max-width: 100%;
    background-color: #fff;
    padding: 1.5em;
    margin: 1.5em;
}

#hn-disclaimer header {
    display: flex;
}


#hn-disclaimer header h1 {
    width: 100%;
    margin: 0 0 1em;
    color: rgb(24, 81, 145);
    font-weight: bold;
    line-height: 1em;
    font-size: 2em;
}

#hn-disclaimer footer {
    text-align: right;
    margin-top: 1.5em;
}

#hn-disclaimer button.cancel {
    border-radius: 0.25em;
    display: inline-block;
    width: 4.5em;
    height: 2.5em;
    margin: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    border: 0;
    background-image: url(../Images/icon-close.png);
}

#hn-disclaimer button.ok {
    border: 0;
    background-color: rgb(24, 81, 145);
    color: #fff;
    border-radius: 0.25em;
    height: 2.5em;
    padding: 0 0.75em;
    cursor: pointer;
}

/******************************************************************************
 * NEWS
 ******************************************************************************/
.hn-news-box {
    margin-bottom: 1.5em !important;
}

.hn-news-box h4 {
    font-size: 2em;
    font-weight: bold;
    margin: 0 0 1em;
    background-image: url(../Images/icon-news.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 2em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 0 0px;
    -ms-flex: 1 0 0px;
    flex: 1 0 0px;
    min-height: 2em;
    align-items: center;
    color: rgb(24, 81, 145);
    line-height: 1em;
}

.hn-news-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.hn-news-box li {
    margin-left: 0;
}

.hn-news-box li a {
    color: rgb(32, 32, 32);
    text-decoration: none;
    outline: none;
}

.hn-news-box li a:hover {
    color: rgb(24, 81, 145);
}

.hn-news-box li a p {
    margin: 0 0 1.5em;
}

.hn-news-box > a {
    padding: 0 2em 0 0;
    background: url('../Images/arrow-right.png') no-repeat right center;
    display: inline-block;
    text-decoration: none;
    color: rgb(7, 161, 226);
    outline: none;
}

.hn-news-box > a:hover {
    background: url('../Images/arrow-right-active.png') no-repeat right center;
    color: rgb(24, 81, 145);
}


/******************************************************************************
 * NEWS BOX IMAGE
 ******************************************************************************/
.hn-news-box-image h4 {
    font-size: 2em;
    font-weight: bold;
    margin: 0 0 1em;
    background-image: url(../Images/icon-news.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 2em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 0 0px;
    -ms-flex: 1 0 0px;
    flex: 1 0 0px;
    min-height: 2em;
    align-items: center;
    color: rgb(24, 81, 145);
    line-height: 1em;
}

.hn-news-box-image .item {
    background-color: #fff;
    margin-bottom: 1.5em;
}

.hn-news-box-image .item .content {
    padding: 1.5em;
}

.hn-news-box-image .item .content .link {
    border-top: 2px solid rgb(235, 235, 235);
    text-align: center;
    padding-top: 1.5em;
}

.hn-news-box-image .item .content .link a {
    padding: 0 2em 0 0;
    background: url('../Images/arrow-right.png') no-repeat right center;
    display: inline-block;
    text-decoration: none;
    color: rgb(7, 161, 226);
    outline: none;
}

.hn-news-box-image .item .content .link a:hover {
    background: url('../Images/arrow-right-active.png') no-repeat right center;
    color: rgb(24, 81, 145);
}

.hn-news-box-image .item img {
    height: auto;
    width: 100%;
}


/******************************************************************************
 * NEWS ITEM
 ******************************************************************************/
.row .hn-news {
    margin-left: -0.75em;
    margin-right: -0.75em;
}

.hn-news > .row > .col-md-6 {
    display: flex;
    flex-direction: column;
}

.hn-news h4 {
    font-size: 1.5em;
    margin: 0 0 1em;
    color: rgb(24, 81, 145);
    font-weight: bold;
    /*padding: 0 0 0 2em;*/
    line-height: 1em;
}

.hn-news-item {
    margin-bottom: 1.5em !important;
    background: rgb(255, 255, 255);
    padding: 1.5em;
    padding-bottom: 0;
    flex-grow: 1;
}

.hn-news-item h5 {
    font-size: 1.5em;
}

.hn-news-item .thumbnail {
    margin-bottom: 1.5em;
}

.hn-news-item .thumbnail > img {
    height: auto;
    width: 100%;
}

.hn-news-item .thumbnail > div {
    text-align: right;
    color: #999;
}

.hn-news-item .thumbnail .video {
    position: relative;
    padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0px;
    height: 0;
    overflow: hidden;
    /*margin-bottom: 1.5em;*/
}

.hn-news-item .thumbnail .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hn-news-item .text .teaser {
    padding-bottom: 0.75em;
}

.hn-news-item .link {
    border-top: 2px solid rgb(235, 235, 235);
    text-align: center;
    width: 85%;
    margin: auto;
}

.hn-news-item .link a {
    font-size: 1.5em;
    padding: 0em 2em 0em 0em;
    margin: 1.5em 0em;
    background: url('../Images/arrow-right-active.png') no-repeat right center;
    display: inline-block;
    text-decoration: none;
    outline: none;
    color: rgb(24, 81, 145);
}

.hn-news-item .link a:hover {
    background: url('../Images/arrow-right.png') no-repeat right center;
    color: rgb(7, 161, 226);
}


/******************************************************************************
 * NEWS Tags
 *****************************************************************************/
.row .hn-news-tags {
    margin-left: -0.75em;
    margin-right: -0.75em;
}

.hn-news-tags select {
    display: block;
    width: 100%;
    padding: 0.75em;
    margin-bottom: 0.75em;
    border: 0;
}


/******************************************************************************
 * NEWS DETAIL
 *****************************************************************************/
.hn-news-detail {
    max-width: 1084px;
    margin: auto;
    margin-bottom: 1.5em;
}

.hn-news-detail .article {
    background-color: #fff;
    padding: 0.75em;
    padding-top: 1.5em;
    margin: auto 0.75em;
}

.hn-news-detail .article .header h3 {
    font-size: 1.5em;
    margin: 0 0 1em;
    color: rgb(24, 81, 145);
    font-weight: bold;
    line-height: 1em;
}

.hn-news-detail .teaser-text {
    font-weight: bold;
}

.hn-news-detail .hn-gallery > .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
}

.hn-news-detail .hn-gallery {
    margin-left: -0.75em;
    margin-right: -0.75em;
}

.hn-news-detail .news-image {
    margin-bottom: 0.75em;
}

.hn-news-detail .news-image img {
    max-width: 100%;
    height: auto;
}

.hn-news-detail .news-image > div {
    text-align: left;
    color: #999;
}

.hn-news-detail .news-related-links {
    margin-top: 1.5em;
}

.hn-news-detail .news-related-links h4 {
    font-weight: bold;
    margin-bottom: 0;
}

.hn-news-detail .news-related-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hn-news-detail .news-related-links li {
    /*padding-left: 1em;*/
    text-indent: -1.5em;
}

.hn-news-detail .news-related-links li:before {
    content: "► ";
    color: rgb(7, 161, 226); /* or whatever color you prefer */
}

.hn-news-detail .news-backlink-wrap {
    margin: 1.5em auto;
}

/******************************************************************************
 * TEXT BOX
 *****************************************************************************/
.hn-text-box {
    margin-bottom: 1.5em !important;
}

.hn-text-box h4 {
    font-size: 1.5em;
    margin: 0 0 1em;
    color: rgb(24, 81, 145);
    font-weight: bold;
    /*padding: 0 0 0 2em;*/
    line-height: 1em;
}

.hn-text-box > div.text {
    margin-bottom: 1.5em;
}

.hn-text-box .pulldowns {
    /*margin-top: 1.5em;*/
}


/******************************************************************************
 * TEXT IMAGE SLIDER
 *****************************************************************************/
.hn-text-image {
    margin-bottom: 1.5em !important;
    background: rgb(255, 255, 255);
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex !important;
    /*-ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
    padding: 0.75em;

    flex-grow: 1;
    width: 100%;
}

.hn-text-image > div.thumbnail {
    padding: 0.75em;
    /*-webkit-flex: 1;
    -webkit-box-flex: 0;
    -ms-flex: 1;
    flex: 1;*/
}

.hn-text-image > div.thumbnail > img {
    height: auto;
    width: 100%;
}

.hn-text-image > div.content {
    padding: 0.75em;
    /*-webkit-flex: 1;
    -webkit-box-flex: 0;
    -ms-flex: 1;
    flex: 1;*/
}

.hn-text-image > div.content > h5 {
    font-size: 1.2em;
    color: rgb(7, 161, 226);
    line-height: 1.1em;
    font-weight: normal;
    margin-bottom: 1em;
}

.hn-text-image > div.content > h6 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1em;
}

.hn-text-image > div.content > a {
    padding: 0 2em 0 0;
    background: url('../Images/arrow-right.png') no-repeat right center;
    display: inline-block;
    text-decoration: none;
    color: rgb(7, 161, 226);
    outline: none;
}

.hn-text-image > div.content > a:hover {
    background: url('../Images/arrow-right-active.png') no-repeat right center;
    color: rgb(24, 81, 145);
}


/******************************************************************************
 * SLIDER
 *****************************************************************************/
.row .hn-slider > .col-xs-12 {
    padding: 0;
}

.hn-slider h4 {
    font-size: 1.5em;
    margin: 0 0 1em;
    color: rgb(24, 81, 145);
    font-weight: bold;
    /*padding: 0 0 0 2em;*/
    line-height: 1em;
}

.hn-slider > .content > .hn-text-image {
    margin-bottom: 0;
}

.hn-slider {
    margin-bottom: 1.5em !important;
    padding-bottom: 0.75em;
    width: 100%;
}

.hn-slider .content {
    background: rgb(255, 255, 255);
    padding-bottom: 0.75em;
}

.hn-slider nav {
    padding: 0.75em;
    padding-bottom: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    min-height: 4.5em;
    margin: 0;
    margin-top: -1.51em;
    background: rgb(255, 255, 255);
}

.hn-slider nav .prev,
.hn-slider nav .next {
    display: block;
    width: 20px;
    height: 20px;

    align-self: center;

}

.hn-slider nav .prev {
    background: url('../Images/arrow-left.png') no-repeat center center;
}

.hn-slider nav .prev:hover {
    background: url('../Images/arrow-left-active.png') no-repeat center center;
}

.hn-slider nav .next {
    background: url('../Images/arrow-right.png') no-repeat center center;
}

.hn-slider nav .next:hover {
    background: url('../Images/arrow-right-active.png') no-repeat center center;
}

.hn-slider nav .pagination {
    align-items: center;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

    align-self: center;
}

.hn-slider nav li {
    display: inline-block;
    margin-left: 0;
}

.hn-slider nav li button {
    display: block;

    height: 0.8em;
    margin: 0 0.4em;
    width: 0.8em;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: rgb(210, 210, 210) none repeat scroll 0 0;

    border-radius: 0.4em;
}

.hn-slider nav li.slick-active button {
    background: rgb(7, 161, 226) none repeat scroll 0 0;
}

/******************************************************************************
 * PULLDOWN
 *****************************************************************************/
.hn-pulldown-container > h4 {
    font-size: 2em;
    margin: 0 0 1em;
    color: rgb(24, 81, 145);
    font-weight: bold;
    /*padding: 0 0 0 2em;*/
    line-height: 1em;
}

.hn-pulldown-content {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0;
    background: rgb(255, 255, 255);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 1.5em !important;
    min-height: 5em;
}

.hn-pulldown-content h3 {
    background: url('../Images/arrow-down.png') no-repeat right 1.5em center;
    color: rgb(7, 161, 226);
    padding: 1.5em;
    padding-right: 3em;
    box-sizing: content-box;
    margin: 0;
    font-size: 1.2em;
    /*height: 1em;*/
    font-weight: normal;
    min-height: 1em;
    line-height: 1.1em;
}

.hn-pulldown-content h3:hover {
    background: url('../Images/arrow-down-active.png') no-repeat right 1.5em center;
    color: rgb(24, 81, 145);
}

.hn-pulldown-content.active h3 {
    background: url('../Images/arrow-up.png') no-repeat right 1.5em center;
}

.hn-pulldown-content.active h3:hover {
    background: url('../Images/arrow-up-active.png') no-repeat right 1.5em center;
}

.hn-pulldown-content {

}

.hn-pulldown-content .content {
    padding: 1.5em;
    padding-top: 0;
    display: none;
}

.hn-pulldown-content .content .thumbnail {

}

.hn-pulldown-content .content .thumbnail > img {
    height: auto;
    width: 100%;
}

.hn-pulldown-content .content .thumbnail .description {
    text-align: right;
    color: #999;
}

.hn-pulldown-content .content h4 {
    margin: 1.5em 0;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.1em;
    color: #000;
}

.hn-pulldown-content .content .hn-persons h4 {
    margin: 0;
    color: #000;
}

.hn-pulldown-content .content .hn-persons .element .content {
    padding: 0;
}

.hn-pulldown-content .content .hn-persons .element .heading {
    padding: 1.5em 0;
}

.hn-pulldown-content .content > a {
    padding: 0 2em 0 0;
    background: url('../Images/arrow-right.png') no-repeat right center;
    display: inline-block;
    text-decoration: none;
    color: rgb(7, 161, 226);
    outline: none;
}

.hn-pulldown-content .content > a:hover {
    background: url('../Images/arrow-right-active.png') no-repeat right center;
    color: rgb(24, 81, 145);
}

.hn-pulldown-content .content .text {
    margin-bottom: 1.5em;
}

.hn-pulldown-content .content .text ul {
    margin-bottom: 0.75em;
}

.hn-pulldown-content .content .text h3 {
    background: none;
    color: #000;
    padding: 1.5em 0;
}

.hn-pulldown-content.alert {

}

.hn-pulldown-content.alert h3,
.hn-pulldown-content.alert h3:hover {
    background-image: url(../Images/alert.png);
    color: rgb(7, 161, 226);
    background-position: 1em center;
    padding-left: 3.5em;
}

.hn-pulldown-content.alert .text {
    padding: 1.5em;
    padding-top: 0;
}

.hn-pulldown-content.alert .text p:last-child {
    margin-bottom: 0;
}

.hn-pulldown-content.gallery .thumbs {
    margin: 0;
    margin-top: 0.75em;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.hn-pulldown-content.gallery .thumbs .thumbnail {
    flex-wrap: wrap;
    width: auto;
    max-width: 20%;
    flex: 0.2 1 auto;
    margin: 0 0.75em 0 0 !important;
    flex-basis: 0;
}

.hn-pulldown-content.gallery .thumbs .thumbnail:nth-child(5n) {
    margin: 0 !important;
}

.hn-pulldown-content.gallery .thumbs .thumbnail div {
    padding: 50%;
    background-size: auto 100%;
    background-position: center center;
}

.hn-pulldown-content.downloads .downloads > div:nth-child(odd) {
    padding-left: 0;
}

.hn-pulldown-content.downloads .downloads > div:nth-child(even) {
    padding-right: 0;
}

.hn-pulldown-content.downloads .downloads {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    margin: 0 0 1.5em;

}

/*.hn-pulldown-content.downloads .downloads {
  list-style: none;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  margin: 1.5em 0;
}

.hn-pulldown-content.downloads .downloads li {
  width: calc(50% - 15px);
  margin-right: 15px;
  margin-bottom: 15px;
  border: 2px solid #ccc;
  border-radius: 5px;
}

.hn-pulldown-content.downloads .downloads li a {
  display:inline-block;
  text-decoration: none;
  padding: 5px 15px;
  color: #999;
}

.hn-pulldown-content.downloads .downloads li:nth-child(5n) {

}

.hn-pulldown-content.downloads .downloads li img {
  height: 100%;
  width: 100%;
}*/

#hn-section > .hn-pulldown-content.link {
    max-width: 1084px;
    margin: auto;
    background-color: transparent;
    padding-left: 0.75em;
    padding-right: 0.75em;
}

.hn-pulldown-content.link a {
    background: url('../Images/arrow-right.png') no-repeat right 1.5em center;
    color: rgb(7, 161, 226);
    padding: 1.5em;
    box-sizing: content-box;
    margin: 0;
    font-size: 1.2em;
    min-height: 1em;
    font-weight: normal;
    /*min-height: 20px;*/
    line-height: 1.1em;
    text-decoration: none;
    padding-right: 3em;
    background-color: #fff;
}

.hn-pulldown-content.link a:hover {
    background: url('../Images/arrow-right-active.png') no-repeat right 1.5em center;
    color: rgb(24, 81, 145);
    background-color: #fff;
}


/******************************************************************************
 * HEADER SECTION
 *****************************************************************************/
.hn-header-section {
    margin-bottom: 4.5em !important;
    margin-top: 4.5em !important;
    background: rgb(7, 161, 226);
}

.hn-header-section .image {
    min-height: 16em;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.hn-header-section .banner {
    padding: 1.5em 0;

}

.hn-header-section .banner h1 {
    margin: 0;
    color: rgb(245, 245, 245);
    font-size: 1.8em;
    white-space: pre-line;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 0 0px;
    -ms-flex: 1 0 0px;
    flex: 1 0 0px;
    align-items: center;
}

.hn-header-section .banner h1 img {
    width: 60px;
    height: auto;
    margin-right: 0.25em;
}

.hn-header-section .banner .col-sm-6:nth-child(2) {
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: flex;
}

.hn-header-section .banner a {
    text-decoration: none;
    font-size: 1.375em;
    color: rgb(255, 255, 255);
    padding: 0 1.5em 0 0;
    background: url('../Images/arrow-right-details.png') no-repeat right center;
}

.hn-header-section .banner a:hover {
    color: rgb(24, 81, 145);
    background: url('../Images/arrow-right-active.png') no-repeat right center;
}


/******************************************************************************
 * HEADER STANDARD
 *****************************************************************************/
.hn-header-standard {
    margin-bottom: 4.5em !important;
    background: rgb(7, 161, 226);
}

.hn-header-standard > .image {
    min-height: 16em;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
}

.hn-header-standard > .image h1 {
    color: rgb(245, 245, 245);
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.6);
    font-size: 1.7em;
}

.hn-header-standard > .image .row {
    height: 16em;
    z-index: 1;
    position: relative;
}

.hn-header-standard > .image > .gradient {
    -webkit-box-shadow: inset 0px -200px 100px -100px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px -200px 100px -100px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px -200px 100px -100px rgba(0, 0, 0, 0.75);
    display: block;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.hn-header-standard > .banner,
.hn-header-standard > .sticky {
    padding: 0 1.5em;
    color: rgb(245, 245, 245);
    line-height: 1.2em;
}

.hn-header-standard .text-link {
    border-left: none;
    border-top: 2px solid rgb(5, 140, 198);
    padding: 0.75em 0;
}

.hn-header-standard .text-link a {
    margin: 0.75em 0;
    display: block;
}

.hn-header-standard .icon-link {
    border-left: none;
    border-top: 2px solid rgb(5, 140, 198);
    padding: 0;
}

.hn-header-standard .icon-link .content {
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.hn-header-standard .icon-link .content .title {
    text-align: left;
    padding: 0;
    padding-left: 1em;
}

.hn-header-standard .icon-link .icon {
    text-align: center;
}

.hn-header-standard .icon-link .icon img {
    width: 60px;
    height: auto;
}

.hn-header-standard .icon-link .title {
    padding: 0 0.5em;
    font-size: 1.2em;
}

.hn-header-standard > .banner > .col-xs-12:first-child,
.hn-header-standard > .sticky > .col-xs-12:first-child {
    border-left: none;
    border-top: none;
}

.hn-header-standard > .banner a,
.hn-header-standard > .sticky a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    /*padding: 0 1.5em 0 0;*/

}

.hn-header-standard > .banner a:hover,
.hn-header-standard > .sticky a:hover {
    color: rgb(24, 81, 145);
}

.hn-header-standard .person {
    color: rgb(24, 81, 145);
    display: none;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.hn-header-standard .person .image {

}

.hn-header-standard .person .content {
    margin-left: 1.5em;
}


.hn-header-standard .your-way {
    padding: 10px 20px;
    background-color: rgb(24, 81, 145);
    text-align: right;
    max-width: 100%;
    color: white;
    font-weight: bold;
}


/******************************************************************************
 * HEADER SLIDER
 *****************************************************************************/
.hn-header-slider {
    margin-bottom: 1.5em;
    position: relative;
}

.hn-header-slider > nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
}

.hn-header-slider > nav > a.prev,
.hn-header-slider > nav > a.next {
    background-color: rgba(0, 0, 0, 0.5);
    height: 3em;
    width: 3em;
    border-radius: 1.5em;
    position: absolute;
    top: 6em;

    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: all;
}

.hn-header-slider > nav > a.prev {
    left: 6em;
    background-image: url(../Images/arrow-left-white.png);
}

.hn-header-slider > nav > a.next {
    right: 6em;
    background-image: url(../Images/arrow-right-white.png);
}

.hn-header-slider > nav > .pagination {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.5em;

    text-align: center;

    pointer-events: all;
}

.hn-header-slider > nav li {
    display: inline-block;
    margin-left: 0;
}

.hn-header-slider > nav li button {
    display: block;

    height: 0.8em;
    margin: 0 0.4em;
    width: 0.8em;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: rgb(210, 210, 210) none repeat scroll 0 0;

    border-radius: 0.4em;
}

.hn-header-slider > nav li.slick-active button {
    background: rgb(7, 161, 226) none repeat scroll 0 0;
}


.hn-header-slider .video {
    position: relative;
    padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0px;
    height: 0;
    overflow: hidden;
    /*margin-bottom: 1.5em;*/
}

.hn-header-slider .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hn-header-slider .image img {
    width: 100%;
    height: auto;
}

.hn-header-slider .image > div {
    text-align: right;
    color: #999;
}


/******************************************************************************
 * QUICK ACCESS
 *****************************************************************************/
.hn-quick-access {
    background-color: rgb(7, 161, 226);
    margin-bottom: 1.5em;
}

.hn-quick-access > .iam {
    padding: 2em;
    padding-bottom: 1.5em;
}

.hn-quick-access > .isearch {
    padding: 2em;
    padding-top: 0;
}

.hn-quick-access select {
    border: 0;
    border-radius: 2px;
    width: 100%;
    padding: 0.75em;
    font-style: italic;
}

.hn-quick-access .bottom {
    background-color: #fff;
    padding: 1.5em;
    padding-bottom: 0;
    text-align: center;
}

.hn-quick-access .bottom button {
    width: 100%;
    border: 0;
    border-top: 2px solid rgb(235, 235, 235);
    background-color: transparent;
    color: rgb(7, 161, 226);
    padding: 1.5em;
    background-image: url(../Images/arrow-right.png);
    background-repeat: no-repeat;
    background-position: right 4em center;
    cursor: pointer;
}

.startpage .hero-content .col-sm-4 {
    z-index: 1;
}


/******************************************************************************
 * TEXT LINK BOX
 *****************************************************************************/
.hn-text-link-box {
    margin-bottom: 1.5em !important;
    background: rgb(255, 255, 255);
    flex-grow: 1;
    height: auto;
}

.hn-text-link-box .thumbnail {
    width: 100%;
}

.hn-text-link-box .thumbnail img {
    height: auto;
    width: 100%;
}

.hn-text-link-box .thumbnail > div {
    text-align: right;
    color: #999;
    padding-right: 10px;
}

.hn-text-link-box .content {
    padding: 1.5em;
}

.hn-text-link-box .content h5 {
    font-size: 1.5em;
    color: rgb(7, 161, 226);
    margin-bottom: 0.75em;
    line-height: 1.1em;
}

.hn-text-link-box .content h6 {
    font-size: 1.2em;
    line-height: 1.1em;
}

.hn-text-link-box .content .text {
    border-top: 2px solid rgb(235, 235, 235);
}

.hn-text-link-box .content .text p {
    color: rgb(105, 105, 105);
    padding-top: 0.75em;
}

.hn-text-link-box .content .text ul {
    margin-top: 0.75em;
}

.hn-text-link-box .content a {
    padding: 0 2em 0 0;
    background: url('../Images/arrow-right.png') no-repeat right center;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: rgb(7, 161, 226);
    outline: none;
}

.hn-text-link-box .content a:hover {
    background: url('../Images/arrow-right-active.png') no-repeat right center;
    color: rgb(24, 81, 145);
}

.hn-text-link-box .content .text a,
.hn-text-link-box .content .text a:hover {
    background-image: none;
    padding: 0;
}

/******************************************************************************
 * TEXT VIDEO BOX
 *****************************************************************************/
.hn-text-video-box {
    margin-bottom: 1.5em !important;
    background: rgb(255, 255, 255);
    flex-grow: 1;
    height: auto;
}

.hn-text-video-box .video {
    position: relative;
    padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0px;
    height: 0;
    overflow: hidden;
    /*margin-bottom: 1.5em;*/
}

.hn-text-video-box .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hn-text-video-box .image {
    width: 100%;
}

.hn-text-video-box .image img {
    width: 100%;
    height: auto;
}

.hn-text-video-box .image > div {
    text-align: right;
    color: #999;
    padding-right: 10px;
}

.hn-text-video-box .content {
    padding: 1.5em;
}

.hn-text-video-box .content h5 {
    font-size: 1.5em;
    color: rgb(7, 161, 226);
    margin-bottom: 0.75em;
    line-height: 1.1em;
}

.hn-text-video-box .content h6 {
    font-size: 1.2em;
    line-height: 1.1em;
}

.hn-text-video-box .content .text {
    border-top: 2px solid rgb(235, 235, 235);
}

.hn-text-video-box .content .text p {
    color: rgb(105, 105, 105);
    padding-top: 0.75em;
}

.hn-text-video-box .content .text ul {
    margin-top: 0.75em;
}

.hn-text-video-box .content a {
    padding: 0 2em 0 0;
    background: url('../Images/arrow-right.png') no-repeat right center;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: rgb(7, 161, 226);
    outline: none;
}

.hn-text-video-box .content a:hover {
    background: url('../Images/arrow-right-active.png') no-repeat right center;
    color: rgb(24, 81, 145);
}

.hn-text-video-box .content .text a,
.hn-text-video-box .content .text a:hover {
    background-image: none;
    padding: 0;
}


/******************************************************************************
 * TEXTBOX WHITE
 *****************************************************************************/
#hn-section > .hn-text-box-white {
    max-width: 1084px;
    margin: auto;
    padding-left: 0.75em;
    padding-right: 0.75em;
    margin-bottom: 1.5em;
}

.hn-text-box-white {
    margin-bottom: 1.5em;

    flex-grow: 1;
}

.hn-text-box-white .content {
    padding: 1.5em 0.75em 0em 0.75em;
    background-color: #fff;
}

.hn-text-box-white .content h4 {
    font-size: 1.5em;
    margin: 0 0 1em;
    color: rgb(24, 81, 145);
    font-weight: bold;
    /*padding: 0 0 0 2em;*/
    line-height: 1em;
}

.hn-text-box-white .content .text {
    margin-top: 1.5em;
}


/******************************************************************************
 * MAILTO
 *****************************************************************************/
.row .hn-mailto {
    /*margin-left: -0.75rem;
    margin-right: -0.75rem;*/
}

.hn-mailto {
    margin-bottom: 1.5em !important;
    background: rgb(255, 255, 255);
    padding: 1.5em;
}

.hn-mailto .content {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}

.hn-mailto .icon {
    background: rgb(245, 245, 245) no-repeat center center;
    background-size: 62px;
    width: 80px;
    height: 80px;
    margin-right: 1.5em;
    text-align: center;
    vertical-align: center;
    background-image: url(../Images/icon-mail.png);
}

.hn-mailto .mail a {
    font-size: 1.5em;
    padding: 0em 2em 0em 0em;
    margin: 1.5em 0em;
    background: url('../Images/arrow-right-active.png') no-repeat right center;
    display: inline-block;
    text-decoration: none;
    outline: none;
    color: rgb(24, 81, 145);
}

.hn-mailto .mail a:hover {
    background: url('../Images/arrow-right.png') no-repeat right center;
    color: rgb(7, 161, 226);
}

.hn-mailto .text {
    margin-top: 1.5em;
}


/******************************************************************************
 * MEDIA
 *****************************************************************************/

.row .hn-media > .col-xs-12 {
    padding: 0;
}

.hn-media {
    margin-bottom: 1.5em;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: flex-start;
    align-content: flex-start;
}

.hn-layout-8-4 .hn-media {
    height: auto;
}

.hn-media > h4 {
    font-size: 2em;
    margin: 0 0 1em;
    color: rgb(24, 81, 145);
    font-weight: bold;
    /*padding: 0 0 0 2em;*/
    line-height: 1em;
}

.hn-media .video {
    position: relative;
    padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0px;
    height: 0;
    overflow: hidden;
    /*margin-bottom: 1.5em;*/
}

.hn-media .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hn-media .video .youtube-wrapper,
.hn-text-video-box .video .youtube-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;

    align-self: stretch;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.hn-media .video .youtube-wrapper > div,
.hn-text-video-box .video .youtube-wrapper > div {
    -webkit-backdrop-filter: blur(20px) brightness(90%);
    backdrop-filter: blur(20px) brightness(90%);
    width: 100%;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.hn-media .video .youtube-wrapper div > div,
.hn-text-video-box .video .youtube-wrapper div > div {
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 1.5em;
    display: block;
    text-align: center;
    padding: 20px;
    color: #000;
}

.hn-text-video-box .video .youtube-wrapper div > div {
    font-size: 1.2em;
}

.hn-media .image img {
    width: 100%;
    height: auto;
}

.hn-media .image > div {
    text-align: right;
    color: #999;
}


/******************************************************************************
 * PERSONS
 *****************************************************************************/
.row .hn-persons {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}

.hn-layout-8-4 > .col-sm-3 .hn-persons .person .heading .no-image {
    display: none;
}

.hn-persons {
    margin-bottom: 1em;
    flex-grow: 1;
}

.hn-persons .person {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.75em;
}

.hn-persons select {
    display: block;
    width: 100%;
    padding: 0.75em;
    margin-bottom: 0.75em;
    border: 0;
}

.hn-persons .element {
    background-color: #fff;
    margin-bottom: 0.75em;
    color: rgb(105, 105, 105);
    flex-grow: 1;
}

.hn-persons .element .heading {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding: 1.5em;
}

.hn-persons .element .heading img,
.hn-persons .element .heading .no-image {
    /*-ms-flex: 0;
    -webkit-flex: 0;
    flex: 0;*/
    height: 6em;
    width: auto;
}

.hn-persons .element .heading img {
    padding-right: 1.5em;
}

.hn-persons .element .heading h5 {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    margin: 0;
    color: rgb(7, 161, 226);
    font-size: 1.17em;
}

.hn-persons .element .heading h5 a {
    background: rgba(0, 0, 0, 0) url("../Images/arrow-right.png") no-repeat right center;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 0 1.5em 0 0;
    text-decoration: none;
    color: rgb(7, 161, 226);
    box-sizing: content-box;
    margin: 0;
}

.hn-persons .element .heading h5 a:hover {
    background: url('../Images/arrow-right-active.png') no-repeat right center;
    color: rgb(24, 81, 145);
}

.hn-persons .element .content {
    padding: 0 1.5em 1.5em 1.5em;
    display: block;
}

.hn-persons .element .content h6 {
    font-weight: bold;
    font-size: 1em;
    white-space: pre-line;
}

.hn-persons .element .content ul {
    list-style: none;
}

.hn-persons .element .content ul li {
    margin: 0;
    /*white-space: pre-line;*/
}

.hn-persons .element .content ul li p {
    margin: 0;
    white-space: pre-line;
}

.hn-persons .hn-pulldown-content {
    flex-grow: 1;
    margin-bottom: 0.75em !important;
}

.hn-persons > h4 {
    font-size: 2em;
    margin: 0 0 1em;
    color: rgb(24, 81, 145);
    font-weight: bold;
    /*padding: 0 0 0 2em;*/
    line-height: 1em;
}

/**
 * Fix für Referenzen, die ansonsten in den schmalen Spalten zweispaltig dargestellt werden
 */
.hn-layout-8-4 > .col-sm-3 > .hn-persons > .person,
.hn-layout-3-3-3-3 > .col-sm-3 > .hn-persons > .person {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    max-width: 100% !important;
}


/******************************************************************************
 * JOBS
 *****************************************************************************/
/*.row .row .hn-jobs {
    margin-left: -1rem;
    margin-right: -1rem;
}*/

#hn-section > .hn-jobs {
    margin-left: 0.75em;
    margin-right: 0.75em;
}

.hn-jobs {
    padding: 1.5em;
    padding-bottom: 0;
    background-color: #fff;
    margin-bottom: 1.5em;

    flex-grow: 1;
}

.hn-jobs h4 {
    font-size: 1.5em;
    color: rgb(0, 0, 0);
    line-height: 1.1em;
}

.hn-jobs .content {
    margin-bottom: 0.75em;
}

.hn-jobs .job {
    margin-bottom: 1.5em;
}

.hn-jobs .hn-slider {
    margin-bottom: 0 !important;
}

/*.hn-jobs > .hn-slider {
    padding: 0;
}*/


/******************************************************************************
 * LINK BOX
 *****************************************************************************/
#hn-section > .hn-link-box {
    margin-left: 0.75em;
    margin-right: 0.75em;
}

.hn-link-box {
    padding: 1.5em;
    padding-bottom: 0;
    background-color: #fff;
    margin-bottom: 1.5em;

    flex-grow: 1;
}

.hn-link-box h4 {
    font-size: 1.5em;
    color: rgb(0, 0, 0);
    line-height: 1.1em;
}

.hn-link-box .content {
    margin-bottom: 0.75em;
}

.hn-link-box .item {
    margin-bottom: 1.5em;
}

.hn-link-box .hn-slider {
    margin-bottom: 0 !important;
}


/******************************************************************************
 * LINKLIST PULLDOWN
 *****************************************************************************/
.hn-linklist-pulldown {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 1.5em !important;
    border-bottom: 2px solid rgb(105, 105, 105);
}

.hn-linklist-pulldown h3 {
    background: url('../Images/arrow-right-black.png') no-repeat right 1em center;
    color: rgb(0, 0, 0);
    padding: 0.75em 2.5em 0.75em 0;
    box-sizing: content-box;
    margin: 0;
    font-size: 1.2em;
    font-weight: normal;
    min-height: 20px;
    line-height: 1.1em;
}

.hn-linklist-pulldown h3:hover {
    background: url('../Images/arrow-right-active.png') no-repeat right 1em center;
    color: rgb(24, 81, 145);
}

.hn-linklist-pulldown.active h3 {
    background: url('../Images/arrow-down-black.png') no-repeat right 1em center;
}

.hn-linklist-pulldown.active h3:hover {
    background: url('../Images/arrow-down-active.png') no-repeat right 1em center;
}

.hn-linklist-pulldown .content {
    padding: 0 0 1.5em;
}

.hn-linklist-pulldown ul.list {
    list-style: none;
}

.hn-linklist-pulldown ul.list li {
    line-height: 1.75em;
}

.hn-linklist-pulldown ul.list li a {
    text-decoration: none;
    color: rgb(7, 161, 226);
    outline: none;
}

.hn-linklist-pulldown ul.list li a:hover {
    color: rgb(24, 81, 145);
}


/******************************************************************************
 * LINKLIST DOWNLOAD
 *****************************************************************************/
.hn-linklist-downloads {
    margin-bottom: 1.5em;
}

.hn-linklist-downloads h3 {
    font-size: 2em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    min-height: 2em;
    line-height: 1em;
    margin-bottom: 0.25em;
    color: rgb(24, 81, 145);
}

.hn-link-download {
    color: rgb(32, 32, 32);
    border: 2px solid rgb(35, 35, 35);
    border-radius: 0.25em;
    background: url('../Images/icon-download.png') no-repeat right 1em center;
    margin-bottom: 0.75em;
}

.hn-link-download a {
    color: rgb(32, 32, 32);
    text-decoration: none;
    outline: none;
    padding: 0.75em 3em 0.75em 0.75em;
    display: block;
}

.hn-link-download a:hover {
    color: rgb(24, 81, 145);
}

/******************************************************************************
 * Gallery
 ******************************************************************************/
.row .hn-gallery {
    margin-left: -0.75rem !important;
    margin-right: -0.75rem !important;
}

.hn-gallery > h4 {
    font-size: 2em;
    margin: 0 0 1em;
    color: rgb(24, 81, 145);
    font-weight: bold;
    /*padding: 0 0 0 2em;*/
    line-height: 1em;
}

.hn-gallery .content .thumbs {
    background-color: #fff;
    padding-top: 0.75em;
    padding-right: 0.75rem;
}

.hn-gallery nav {
    /*margin-top: 1.5em;*/
    padding-top: 1.5em;
    margin-top: 0em;
    padding-bottom: 1.5em;
}

.hn-gallery .content .thumbs .thumbnail {
    max-width: 20%;
    padding-right: 0;
}

.hn-gallery .content .thumbs .thumbnail img {
    max-width: 100%;
    height: auto;
}


/******************************************************************************
 * Formulare
 ******************************************************************************/
.row .hn-form.row > div {
    padding: 0;
}

.hn-form {
    margin-bottom: 1.5em;
    width: 100%;
    /*height: 100%; */ /* wird die Höhe auf 100% gesetzt fliegt die Pflichtfelder-Information in den Footer */
}

.hn-form .parsley-custom-error-message {
    color: darkred;
}

.hn-form h3 {
    font-size: 1.5em;
    margin: 1.5em 0;
    color: rgb(24, 81, 145);
    font-weight: bold;
    line-height: 1em;
    padding: 0;
}

.hn-form fieldset {
    padding: 0;
    border: 0;
    margin: 0;
    background-color: #fff;
}

.hn-form .form-control {
    /*background-color: rgb(255,255,255);*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.75em;
    /*border-bottom: 1px solid rgb(91, 91, 90);
    border-top: 1px solid rgb(115, 115, 115);*/

    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

/*.hn-form .form-control:hover {
    background-color: #333;
}*/

.hn-form .form-control.form-control-input {

}

.hn-form .form-control > div {
    /*-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;*/
}

.hn-form .form-control > label {
    min-width: 10em;
    color: rgb(0, 0, 0);
    /*font-weight: bold;*/
    /*text-transform: uppercase;*/
    /*align-self: center;*/
    font-size: 0.75em;
    border-top: 1px solid rgb(115, 115, 115);
    display: block;
}

.hn-form .form-control.form-control-radio,
.hn-form .form-control.form-control-check {
    /*color: #fff;*/
}

.hn-form .form-control.form-control-radio input,
.hn-form .form-control.form-control-check input {
    width: auto;

}

.hn-form .form-control.form-control-radio label,
.hn-form .form-control.form-control-check label {
    padding: 0.75em 0;
    display: block;
}

.hn-form .form-control.form-control-radio div label,
.hn-form .form-control.form-control-check div label {
    color: rgb(24, 81, 145);
}

.hn-form .form-control.form-control-textarea > label {
    -ms-flex-item-align: auto;
    align-self: auto;
}

.hn-form .form-control textarea,
.hn-form .form-control select,
.hn-form .form-control input {
    width: 100%;
    background-color: transparent;
    border: 0;
    color: rgb(24, 81, 145);
    padding: 0.75em 0;
}

.hn-form .form-control.form-control-submit {
    background-color: transparent;
    /*text-align: center;*/
    border-bottom: 0;
}

.hn-form .form-control.form-control-submit input,
.hn-form .btn-group input {
    width: auto;
    background-color: rgb(0, 0, 0);
    color: #fff;
    /*font-size: 2em;*/
    /*text-transform: uppercase;*/
    border: 0;
    padding: 1em 2em;
    font-weight: bold;
}

.hn-form .inline-block {
    display: inline-block !important;
}

.hn-form .confirmation h1 {
    font-size: 2em;
}

.hn-form .table {
    width: auto;
}

.hn-form .btn-group {
    margin-top: 1.5em;
}


/******************************************************************************
 * Search
 ******************************************************************************/
.hn-search {

}

.hn-search ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hn-search ul li {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.hn-search .sorting {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

.hn-search .sorting a {
    margin: 0 1.5em 0 0;
    line-height: 1.75em;
    padding: 0 1em 0 0;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

.hn-search .sorting .title {
    font-weight: bold;
}

.hn-search .sorting .active a {
    color: rgb(24, 81, 145);
}

.hn-search .sorting .sorting-asc {
    background: url('../Images/arrow-down-small.png') no-repeat right center;
}

.hn-search .sorting .sorting-desc {
    background: url('../Images/arrow-up-small.png') no-repeat right center;
}

.hn-search .searchinfo {
    margin-bottom: 1.5em;
}

/*.hn-search .results-list .results-entry .results-teaser .result-content .results-highlight*/
.hn-search .results-list .results-highlight {
    /*color: rgb(24, 81, 145);*/
    color: rgb(7, 161, 226);
    font-weight: bold;
}

.hn-search .results-list .entry {
    background-color: #fff;
    padding: 1.5em;
    margin-bottom: 1.5em;
}

.hn-search .results-list .entry p {
    margin: 0;
}

.hn-search .results-list .entry .heading {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}

.hn-search .results-list .entry .heading h3 {
    width: 100%;
}

.hn-search .results-list .entry .heading h3.topic a {
    color: rgb(24, 81, 145);
    font-weight: bold;
    text-decoration: underline;
}

.hn-search .results-list .entry .heading h3.topic a:hover {
    color: rgb(7, 161, 226);
}

.hn-search .results-list .relevance .progress {
    border: 1px solid #ccc;
}

.hn-search .results-list .relevance .progress .progress-bar {
    background-color: rgb(7, 161, 226);
    height: 3px;
}

.hn-search .pagination {
    margin-bottom: 1.5em;
}

.hn-search .pagination a {
    background-color: #fff;
    padding: 0.75em;
}

.hn-search .pagination .active a {
    color: #fff;
    background-color: rgb(7, 161, 226);
}


/******************************************************************************
 * Calendar
 ******************************************************************************/
.row .hn-calendar {
    margin-left: -0.75em;
    margin-right: -0.75em;
    padding: 0;
}

.hn-calendar {
    max-width: 1084px;
    margin: auto;
    margin-bottom: 1.5em;
    padding-left: 0.75em;
    padding-right: 0.75em;
}

.hn-calendar h4 {
    margin: 0 0 1em;
    color: rgb(24, 81, 145);
    font-weight: bold;
    line-height: 1em;
    font-size: 2em;
}

.hn-calendar .row {
    /*background-color: #e5e5e5;*/
    border-bottom: 1px solid #eee;
}

.hn-calendar .weekdays {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8em;
    color: rgb(0, 0, 0);
}

.hn-calendar .day .short {
    font-weight: bold;
    font-size: 2em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    color: rgb(0, 0, 0);
}

.hn-calendar .col-sm {
    background-color: #fff;
    border-right: 1px solid #eee;

}

.hn-calendar .row .col-sm:last-child {
    border-right: none;
}

.hn-calendar .col-sm.current {
    background-color: #e5e5e5;
}

.hn-calendar .col-sm.current .short {
    color: rgb(0, 0, 0);
}

.hn-calendar .col-sm {
    max-width: calc(100% / 7);
}

.hn-calendar ul {
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hn-calendar ul li {
    margin: 0;
    padding: 0;
    line-height: 1.3em;
    hyphens: auto;
    word-spacing: 0;
    letter-spacing: 0;
    margin-bottom: 1.5em;
}

.hn-calendar .day .short {
    display: block;
}

.hn-calendar .day .long {
    display: none;
}

#hn-section > .hn-calendar .col-xs-12 {
    padding: 0;
}

.hn-calendar .month-nav {
    text-transform: uppercase;
    color: rgb(7, 161, 226);
    margin-bottom: 1.5em;
}


/******************************************************************************
 * Calendar DETAIL
 *****************************************************************************/
.hn-calendar-event {
    max-width: 1084px;
    margin: auto;
    margin-bottom: 1.5em;
}

.hn-calendar-event .article {
    background-color: #fff;
    padding: 0.75em;
    padding-top: 1.5em;
    margin: auto 0.75em;
}

.hn-calendar-event .article .header h3 {
    font-size: 1.5em;
    margin: 0 0 1em;
    color: rgb(24, 81, 145);
    font-weight: bold;
    line-height: 1em;
}

.hn-calendar-event .teaser-text {
    font-weight: bold;
}

.hn-calendar-event .hn-gallery > .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
}

.hn-calendar-event .hn-gallery {
    margin-left: -0.75em;
    margin-right: -0.75em;
}

.hn-calendar-event .event-image {
    margin-bottom: 0.75em;
}

.hn-calendar-event .event-image img {
    max-width: 100%;
    height: auto;
}

.hn-calendar-event .event-downloads {
    margin-top: 1.5em;
}

.hn-calendar-event .event-downloads h4 {
    font-weight: bold;
    margin-bottom: 0;
}

.hn-calendar-event .event-downloads ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hn-calendar-event .event-downloads li {
    /*padding-left: 1em;*/
    text-indent: -1.5em;
}

.hn-calendar-event .event-downloads li:before {
    content: "► ";
    color: rgb(7, 161, 226); /* or whatever color you prefer */
}

.hn-calendar-event .event-backlink-wrap {
    margin: 1.5em auto;
}

/******************************************************************************
 * Calendar LIST
 *****************************************************************************/
.hn-calendar-list h4 {
    margin: 0 0 1em;
    color: rgb(24, 81, 145);
    font-weight: bold;
    line-height: 1em;
    font-size: 2em;
}

.hn-calendar-list {
    margin-bottom: 0.75em;
}

.hn-calendar-list .event.col-sm {
    min-width: 270px;
    max-width: 270px;
    margin-bottom: 0.75em;
}

.hn-calendar-list .event a {
    color: rgb(32, 32, 32);
}

.hn-calendar-list .event a:hover {
    color: rgb(24, 81, 145);
}


/******************************************************************************
 * Sports
 ******************************************************************************/
#hn-section > .hn-sports {
    max-width: 1084px;
    margin: auto;
    background-color: transparent;
    padding-left: 0.75em;
    padding-right: 0.75em;
}

.hn-sports {
    margin: 0;
    margin-bottom: 0.75em;
}

.hn-sports > .col-xs-12 {
    padding: 0;
}

.hn-sports > h4 {
    font-size: 2em;
    margin: 0 0 1em;
    color: rgb(24, 81, 145);
    font-weight: bold;
    /*padding: 0 0 0 2em;*/
    line-height: 1em;
}

.hn-sports .entry {
    margin-bottom: 1.5em;
    border-bottom: 1px solid #ccc;
}

.hn-sports .entry:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.hn-sports .entry .times ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.hn-sports .entry .times ul li {
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.hn-sports .entry .times {
    margin-bottom: 0.75em;
}

.hn-sports .entry .contacts {
    margin-bottom: 1.5em;
}

.hn-sports .entry .contacts .contact {
    margin-bottom: 0.75em;
}


/******************************************************************************
 * Library
 ******************************************************************************/
#hn-section > .hn-library {
    max-width: 1084px;
    margin: auto;
    padding-left: 0.75em;
    padding-right: 0.75em;
    margin-bottom: 1.5em;
}

.hn-library {
    margin-bottom: 1.5em;

    flex-grow: 1;
}

.hn-library > h4 {
    font-size: 2em;
    margin: 0 0 1em;
    color: rgb(24, 81, 145);
    font-weight: bold;
    /*padding: 0 0 0 2em;*/
    line-height: 1em;
}

.hn-library .note {
    margin-bottom: 0.75em;
}

.hn-library .query {
    width: 100%;
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #ccc;
    color: rgb(24, 81, 145);
    padding: 0.75em;
    margin-bottom: 0.75em;
}

.hn-library button {
    background-color: rgb(7, 161, 226);
    color: #fff;
    border: 0;
    padding: 0.75em 0;
    cursor: pointer;
    width: 100%;
}

.hn-library .button-1,
.hn-library .button-2 {
    margin-bottom: 0.75em;
}

.hn-library .button-1,
.hn-library .button-2,
.hn-library .button-3 {
    padding: 0
}

#hn-socialbar {
    position: fixed; top: 196px; right: 60px;
    z-index: 999;
    display: block;
}

#hn-socialbar ul {
    list-style: none; padding: 0; margin: 0; text-align: right;
}

#hn-socialbar ul li {
    padding: 0; margin: 0;
}

#hn-socialbar ul li a {
    display: inline-block; border-radius: 3px; width: 40px;height: 40px; background-color: rgb(24, 81, 145);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 5px;
}

#hn-socialbar ul li a:hover {
    background-color: rgb(7, 161, 226);
}

#hn-socialbar ul li.facebook a {
    background-image: url('../Images/icon_facebook.svg')
}

#hn-socialbar ul li.youtube a {
    background-image: url('../Images/icon_youtube.svg')
}

#hn-socialbar ul li.twitter a {
    background-image: url('../Images/icon_twitter.svg')
}

#hn-socialbar ul li.linkedin a {
    background-image: url('../Images/icon_linkedin.svg')
}

#hn-socialbar ul li.instagram a {
    background-image: url('../Images/icon_instagram.svg')
}

#hn-socialbar ul li.xing a {
    background-image: url('../Images/icon_xing.svg')
}

#hn-socialbar ul li.fifty a {
    display: inline-block; border-radius: 3px; width: 70px;height: 70px; background-color: rgb(231, 231, 231); background-image: url('../Images/icon_ukraine.svg');
    margin-bottom: 10px;
}

#hn-socialbar ul li.fifty a:hover {
    background-color: rgb(231, 231, 231);
    background-image: url('../Images/icon_ukraine_hover.svg');
}


@media only screen and (min-width: 48em) {
    .hn-library .button-1,
    .hn-library .button-2,
    .hn-library .button-3 {
        margin-bottom: 0;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .hn-library .button-1 {
        padding-left: 0;
    }

    .hn-library .button-3 {
        padding-right: 0;
    }
}


/******************************************************************************
 * Media Queries
 ******************************************************************************/
@media only screen and (min-width: 48em) {
    /*#hn-topbar {
        display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background-color: rgb(231, 231, 231);
		max-width: 1332px;
		margin: auto;
		z-index: 999999;
		padding-top: 35px;

		-webkit-transition: padding-top 0.3s ease-out;
		-moz-transition: padding-top 0.3s ease-out;
		-o-transition: padding-top 0.3s ease-out;
		transition: padding-top 0.3s ease-out;
	}

	#hn-logo {
		height: 57px;
		width: 212px;
	}

	#hn-topbar #hn-zoom {
		max-width: 65px;
	}

	#hn-topbar.fixed {
		padding-top: 0px;
	}

	#hn-topbar.fixed #hn-logo {
		max-width: 47px;
	}

	#hn-topbar #hn-topbar-nav > div {

	}

	#hn-topbar-nav {
		overflow: hidden;
	}

	#hn-topbar-nav #hn-basenav ul li {
		color: rgb(24, 81, 145);
	}*/
    /*#hn-topbar #hn-topbar-nav > div {

        transform: translate3d(-100%, 0px, 0px);
        -webkit-transition: transform 0.3s ease-out 0s;
        -moz-transition: transform 0.3s ease-out 0s;
        -o-transition: transform 0.3s ease-out 0s;
        transition: transform 0.3s ease-out 0s;
    }*/
    /*.fixed#hn-topbar #hn-topbar-nav > div {
        transform: translate3d(0px, 0px, 0px);
        -webkit-transition: transform 0.3s ease-out 0.3s;
        -moz-transition: transform 0.3s ease-out 0.3s;
        -o-transition: transform 0.3s ease-out 0.3s;
        transition: transform 0.3s ease-out 0.3s;
    }*/
    /*#hn-topbar.fixed #hn-logo .small,
    #hn-topbar #hn-logo .big	{
        display: inline;
    }

    #hn-topbar.fixed #hn-logo .big,*/
    /*
#hn-topbar #hn-logo .big  {
    position: absolute;
    width: 212px;
    height: 57px;
    top: 20px;
}

#hn-topbar #hn-logo .small {
    position: absolute;
    width: 42px;
    height: 42px;
    top: 20px;
}*/
    /*#hn-topbar.fixed #hn-topbar-nav > div {
        display: block;
    }*/
    /*
    #hn-topbar > .row {
        max-width: 1132px;
    }

    #hn-stickynav {
        margin-top: 113px;
    }

    #hn-topbar-end {
        min-width: 325px;
    }

    #hn-search {
        padding-right: 0;
    }

    #hn-search input {
        padding: 0 2em 0 1em;
        margin: 0 1em 0 0;
        background: url('../Images/icon-search.png') no-repeat right 1em center rgb(255, 255, 255);
        width: 15em;
        border: none;
        border-radius: 0.25em;
        height: 2.5em;
        font-size: 1em;

        -webkit-transition: width 0.3s ease-out 0.1s;
            -moz-transition: width 0.3s ease-out 0.1s;
            -o-transition: width 0.3s ease-out 0.1s;
            transition: width 0.3s ease-out 0.1s;
    }

    .active #hn-search input {
        width: 9.5em;
    }

    #hn-zoom {
        padding-left: 0;
    }

    #hn-zoom button {
        background: url('../Images/icon-eye.png') center center no-repeat rgb(24, 81, 145);
        border: 0;
        vertical-align: middle;
        border-radius: 0.25em;
        display: inline-block;
        width: 4.5em;
        height: 2.5em;
        cursor: pointer;
    }

    #hn-blue-menu {
        width: 0;
        padding: 0;
        min-width: 0;
        max-width: 0;
        overflow: hidden;

        -webkit-transition: max-width 0.3s ease-out;
            -moz-transition: max-width 0.3s ease-out;
            -o-transition: max-width 0.3s ease-out;
            transition: max-width 0.3s ease-out;
    }

    #hn-blue-menu button {
        background: url('../Images/icon-menu-white.png') center center no-repeat rgb(7, 161, 226);
        border: 0;
        vertical-align: middle;
        border-radius: 0.25em;
        display: none;
        width: 4.5em;
        height: 2.5em;
        cursor: pointer;
    }

    .active #hn-blue-menu {
        width: inherit;
        padding-left: 0.75em;
        padding-right: 0.75em;
        min-width: inherit;
        max-width: 75px;
    }

    .active #hn-blue-menu button {
        display: inline-block;
    }*/



    /*#hn-cooperations img {
        width: auto;
    }

    #hn-cooperations a {
        display: inline;
        width: auto;
    }*/



    /* #hn-basenav {
         display: block;
     }

     #hn-logo-small {
         display: none;
     }*/
    /*#hn-stickynav > .row {
        padding: 2em 0;
    }*/
    .hn-news h4 {
        font-size: 2em;
    }

    .hn-text-box > div.text {
        /*-webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;*/
    }

    .hn-text-box > div.text ul {
        margin: 0 0 1.5em;
    }

    .hn-text-box h4 {
        font-size: 2em;
    }

    .hn-header-section .image,
    .hn-header-standard > .image {
        min-height: 29.6em;
    }

    .hn-header-standard > .image .row {
        height: 29.6em;
    }

    .hn-header-standard .icon-link .icon img {
        width: 80px;
        height: auto;
    }

    .hn-header-section .banner {
        min-height: 10em;
    }

    .hn-header-section .banner h1 img {
        width: 90px;
    }

    .hn-header-section .banner h1 {
        font-size: 2em;
    }

    .hn-header-standard .icon-link .content .title {
        text-align: center;
        padding: 0;
    }
}

@media only screen and (min-width: 62em) {
    #hn-socialnav {
        margin-top: 0;
    }
}

/*@media only screen and (min-width: 62em) {*/
@media only screen and (min-width: 48em) {
    p {
        /*text-align: justify;*/
    }

    #hn-to-top {
        right: 60px;
        bottom: 70px;
    }

    .hn-header-standard > .image h1 {
        font-size: 3em;
    }

    .hn-header-standard .icon-link {
        border-top: none;
        border-left: 2px solid rgb(5, 140, 198);
        display: block;
        padding: 0 0.75em;
    }

    .hn-header-standard .icon-link .content {
        display: block;

    }

    .hn-header-standard .icon-link a {
        padding: 0 1.5em 0 0;
    }

    .hn-header-standard .text-link {
        border-top: none;
        border-left: 2px solid rgb(5, 140, 198);
        padding: 0 0.75em;

    }

    .hn-header-standard .icon-link .icon {
        text-align: center;
    }

    .hn-header-standard .icon-link .title {
        padding: 0 0.5em;
        font-size: 1.2em;
    }

    .hn-header-standard > .banner {
        padding: 1.5em 0;
        color: rgb(245, 245, 245);
        line-height: 1.2em;
    }

    .hn-header-standard .person {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
    }


    .hn-quick-access {
        margin-top: -9em;
    }

    .hn-header-slider > nav > .pagination {
        bottom: 9em;
    }

    .hn-header-standard .your-way {
        padding: 10px 100px;
    }
}


@media only screen and (max-width: 62em) {
    .hn-calendar .col-sm {
        padding-bottom: 1.5em;
        background-color: #fff;
    }

    .hn-calendar .col-sm {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .hn-calendar .weekdays {
        display: none;
    }

    .hn-calendar .empty {
        display: none;
    }

    .hn-calendar .day .short {
        display: none;
    }

    .hn-calendar .day .long {
        display: block;
    }

    .hn-calendar .col-sm {
        border: none;
    }

    .hn-calendar .row {
        border: none;
    }

    .hn-calendar .row:last-child {
        border: none;
    }

    .hn-calendar .row .col-sm:last-child {
        border: none;
    }

    .hn-calendar ul {
        font-size: 1em;
        border-bottom: 1px solid #ccc;
    }

    .hn-calendar ul li {
        border-top: 1px solid #ccc;
        margin-bottom: 0px;
        /*                border-bottom: none;*/
        padding: 0.75em;
    }

    .hn-calendar .day .long {
        font-weight: bold;
        font-size: 1em;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
        text-transform: uppercase;
        color: rgb(24, 81, 145);
    }

    .hn-calendar .col-sm.current {
        background-color: transparent;
    }

    .hn-calendar .col-sm.current ul {
        background-color: #fff;
    }
}


#hn-topbar {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(231, 231, 231);
    max-width: 1332px;
    width: 100%;
    margin: auto;
    z-index: 500;
    padding: 1.5em 0;
    padding-top: 35px;

    -webkit-transition: padding-top 0.3s ease-out;
    -moz-transition: padding-top 0.3s ease-out;
    -o-transition: padding-top 0.3s ease-out;
    transition: padding-top 0.3s ease-out;
}

.fixed #hn-topbar {
    padding-top: 0px;
}

#hn-topbar .logo {
    height: 57px;
    /*width: 212px;*/
    max-width: 235px;
}

.fixed #hn-topbar .logo {
    max-width: 60px;
}

#hn-topbar .nav {
    overflow: hidden;
}

#hn-topbar .nav ul {
    list-style: none;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

#hn-topbar .nav ul li {
    color: rgb(24, 81, 145);
    margin: 0 1.5em 0 0;
    line-height: 1.75em;
    padding: 0 1em 0 0;
    background: url('../Images/arrow-down-small.png') no-repeat right center;
    font-size: 1.2em;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

#hn-topbar .nav ul li,
.size-lg #hn-topbar .nav ul li,
.size-xl #hn-topbar .nav ul li {
    font-size: 17px;
}

#hn-topbar .nav ul li:hover {
    color: rgb(24, 81, 145);
    background: url('../Images/arrow-down-small-active.png') no-repeat right center;
}

#hn-topbar .nav ul {

    /*display: none;
    margin-left: -1000px;*/
    transform: translate3d(-200%, 0px, 0px);
    -webkit-transition: transform 0.3s ease-out 0s;
    -moz-transition: transform 0.3s ease-out 0s;
    -o-transition: transform 0.3s ease-out 0s;
    transition: transform 0.3s ease-out 0s;
}

.fixed #hn-topbar .nav ul {
    /*display: block;
    margin-left: 0;*/
    transform: translate3d(0px, 0px, 0px);
    -webkit-transition: transform 0.3s ease-out 0.3s;
    -moz-transition: transform 0.3s ease-out 0.3s;
    -o-transition: transform 0.3s ease-out 0.3s;
    transition: transform 0.3s ease-out 0.3s;
}

#hn-topbar .controls .search {

}

#hn-topbar .controls .zoom {

}

#hn-topbar .controls .menu-heading {

}

#hn-topbar .logo .big {
    position: absolute;
    width: 212px;
    height: 57px;
    top: 20px;
}

#hn-topbar .logo .small {
    position: absolute;
    width: 42px;
    height: 42px;
    top: 20px;
}

#hn-topbar .controls {
    /*max-width: 285px;*/
}

#hn-topbar .controls .row {
    /*max-width: 325px;*/
}

#hn-topbar .controls .row > .col-xs {
    /*padding: 0;*/
}

#hn-topbar .controls .search {
    /*padding-right: 0;*/
    -webkit-transition: width 0.3s ease-out 0.3s;
    -moz-transition: width 0.3s ease-out 0.3s;
    -o-transition: width 0.3s ease-out 0.3s;
    transition: width 0.3s ease-out 0.3s;
}

#hn-topbar .controls .search form {
    display: flex;
    max-width: 140px;
}

#hn-topbar .controls .search input {
    padding: 0 1em 0 1em;
    margin: 0;
    max-width: 100px;
    border: none;
    border-top-left-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
    height: 2.5em;
    font-size: 1em;
}

#hn-topbar .controls .search button {
    padding: 0 2em 0 1em;
    /*margin: 0 1em 0 0;*/
    background: url('../Images/icon-search.png') no-repeat right 1em center rgb(255, 255, 255);
    /*width: 1em;*/
    border: none;
    border-top-right-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
    height: 2.5em;
    font-size: 1em;
}

.sticky #hn-topbar .controls .search {
    /*width: 9.5em;*/
}

#hn-topbar .controls .menu-heading {
    padding-left: 0;
}

#hn-topbar .controls .zoom,
#hn-topbar .controls .search,
#hn-topbar .controls .menu-heading,
#hn-topbar .controls .menu,
#hn-topbar .controls .flag {
    padding-right: 0;
}

#hn-topbar .controls .zoom,
.sticky #hn-topbar .controls .menu-heading,
#hn-topbar .controls .menu,
#hn-topbar .controls .flag {
    display: inline-block;
    max-width: 5.5em;
    /*padding-left: 0;*/
}

#hn-topbar .controls .zoom button,
#hn-topbar .controls .menu-heading button,
#hn-topbar .controls .menu button,
#hn-topbar .controls .flag button {
    border: 0;
    vertical-align: middle;
    border-radius: 0.25em;
    display: inline-block;
    width: 100%;
    height: 2.5em;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
}

#hn-topbar .controls .zoom button {
    background: url('../Images/icon-eye.png') center center no-repeat rgb(24, 81, 145);
}

#hn-topbar .controls .menu-heading {
    /*max-width: 0;*/
    /*padding: 0;*/
    overflow: hidden;
    vertical-align: middle;
    /*max-width: 75px;
    width: auto;*/
    /*max-width: 0;*/
    max-width: 0;

    -webkit-transition: max-width 0.3s ease-out;
    -moz-transition: max-width 0.3s ease-out;
    -o-transition: max-width 0.3s ease-out;
    transition: max-width 0.3s ease-out;
}


#hn-topbar .controls .menu-heading button {
    background: url('../Images/icon-menu-white.png') center center no-repeat rgb(7, 161, 226);
    opacity: 0;

}

.sticky #hn-topbar .controls .menu-heading {
    padding-left: 0.75em;
}

.sticky #hn-topbar .controls .menu-heading button {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    opacity: 1;
}


#hn-menubar {
    margin-top: 113px;
}

#hn-menubar {
    background-color: rgb(245, 245, 245);
    z-index: 100 !important;
    /*position: relative;*/
}

#hn-menubar.fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}


#hn-menubar > .row {
    padding: 1.5em 0;
}

#hn-menubar.fixed > div {
    max-width: 1332px;
    margin: auto;
    background-color: rgb(231, 231, 231);
}

#hn-menubar.fixed .logo .small {
    display: block;
    max-width: 50px;
}

#hn-menubar .nav {
    z-index: 2;
}

#hn-menubar .nav ul {
    list-style: none;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

#hn-menubar .nav ul li {
    margin: 0 1.5em 0 0;
    line-height: 1.75em;
    padding: 0 1em 0 0;
    background: url('../Images/arrow-down-small.png') no-repeat right center;
    font-size: 1.2em;
    text-decoration: none;
    color: rgb(7, 161, 226);
    outline: none;
    cursor: pointer;
}

#hn-menubar .nav ul li:hover {
    color: rgb(24, 81, 145);
    background: url('../Images/arrow-down-small-active.png') no-repeat right center;
}

#hn-menubar .flag {
    text-align: right;
    z-index: 2;
}

#hn-menubar .flag button,
#hn-menubar .menu button {
    border-radius: 0.25em;
    display: inline-block;
    width: 4.5em;
    height: 2.5em;
    margin: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgb(255, 255, 255);
    border: 0;
}

#hn-menubar .flag button.lang-en,
#hn-topbar .controls .flag button.lang-en {
    background-color: rgb(255, 255, 255);
    background-image: url(../Images/icon-flag.png);
}

#hn-menubar .flag button.lang-de,
#hn-topbar .controls .flag button.lang-de {
    background-color: rgb(255, 255, 255);
    background-image: url(../Images/icon-flag-de.png);
}

#hn-menubar .flag button.active,
#hn-topbar .controls .flag button.active {
    background-image: url(../Images/icon-close.png);
}

#hn-menubar .menu button,
#hn-topbar .controls .menu button {
    background-color: rgb(7, 161, 226);
    background-image: url(../Images/icon-menu-white.png);
}

#hn-menubar .menu button.active,
#hn-topbar .controls .menu button.active {
    background-image: url(../Images/icon-close-white.png);
}


#hn-nav-lang,
#hn-nav {
    display: none;
    background-color: rgb(255, 255, 255) !important;
    padding: 1em 0.75em 2em 0.75em;
    /*position: absolute;
    left: 0;
    right: 0;*/
}

#hn-nav-lang,
#hn-nav {
    position: absolute;
    left: 0;
    right: 0;

    overflow: auto;

    z-index: 10;
}

.fixed #hn-nav-lang,
.fixed #hn-nav {
    position: fixed;
    left: 0;
    right: 0;
    top: 78px;

    overflow: auto;
}

#hn-nav-lang h2,
#hn-nav h2 {
    padding: 0 0 1.5em 0;
    color: rgb(24, 81, 145);
    font-size: 1.5em;
    margin: 1em 0 0.5em 0;
    border-bottom: 2px solid rgb(235, 235, 235);
}

#hn-nav-lang h3,
#hn-nav h3 {
    font-weight: bold;
    margin: 1em 0;
}

#hn-nav-lang ul,
#hn-nav ul {
    list-style: none;
}

#hn-nav-lang ul li,
#hn-nav ul li {
    padding: 0.20em 0;
    margin-left: 0;
}

#hn-nav-lang ul a,
#hn-nav ul a {
    text-decoration: none;
    color: rgb(7, 161, 226);
    outline: none;
}

#hn-nav-lang ul a:hover,
#hn-nav ul a:hover {
    color: rgb(24, 81, 145);
}

.hn-header-standard .sticky {
    display: none;
    position: fixed;
    top: 78px;
    max-width: 1332px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    background-color: rgb(7, 161, 226);
    padding: 1.5em 0;
    z-index: 10;
}

#hn-nav .fifty, #hn-nav .social {
    display: none;
}

@media only screen and (min-width: 62em) {
    #hn-topbar .controls {
        max-width: 285px;
    }

    #hn-topbar .controls .row {
        max-width: 325px;
    }

    #hn-nav .close,
    #hn-nav-lang .close {
        display: none;
    }

    #hn-menubar .menu,
    #hn-topbar .controls .menu,
    #hn-topbar .controls .flag {
        display: none;
    }
}

@media only screen and (min-width: 1083px) {
    #hn-section > .hn-jobs,
    #hn-section > .hn-link-box {
        max-width: 1063px;
        margin: auto;
        margin-bottom: 1.5em;
    }
}

@media only screen and (max-width: 62em) {
    #hn-topbar {
        width: auto;
        left: 0;
        right: 0;
    }

    #hn-topbar .controls .zoom,
    #hn-topbar .controls .search input,
    #hn-topbar .controls .search button,
    #hn-topbar .controls .menu-heading,
    #hn-topbar .controls .menu,
    #hn-topbar .controls .flag,
    #hn-topbar .nav,
    #hn-menubar .nav {
        display: none !important;
    }


    .fixed #hn-topbar .controls .menu,
    .fixed #hn-topbar .controls .flag {
        display: inline-block !important;
    }

    #hn-nav,
    #hn-nav-lang {
        background: rgb(7, 161, 226) none repeat scroll 0 0 !important;
        left: 0;
        right: 0;
        top: 0 !important;
        bottom: 60px;
        z-index: 600;
    }

    #hn-nav h3,
    #hn-nav-lang h3 {
        background: rgba(0, 0, 0, 0) url("../Images/arrow-right-white.png") no-repeat scroll right 1.5em center;
        padding: 1.5rem 0;
        font-weight: normal;
        margin: 0;
        font-size: 1.5em;
        color: #fff;

    }

    #hn-nav h3:hover,
    #hn-nav-lang h3:hover {
        background: rgba(0, 0, 0, 0) url("../Images/arrow-right-active.png") no-repeat scroll right 1.5em center;
        color: rgb(24, 81, 145);
    }

    #hn-nav .active h3,
    #hn-nav-lang .active h3 {
        background: rgba(0, 0, 0, 0) url("../Images/arrow-down-white.png") no-repeat scroll right 1.5em center;
        color: #fff;

    }

    #hn-nav .active h3:hover,
    #hn-nav-lang .active h3:hover {
        background: rgba(0, 0, 0, 0) url("../Images/arrow-down-active.png") no-repeat scroll right 1.5em center;
        color: rgb(24, 81, 145);
    }

    #hn-nav .row > div,
    #hn-nav-lang .row > div {
        border-bottom: 1px solid rgb(235, 235, 235);
    }

    #hn-nav ul,
    #hn-nav-lang ul {
        max-height: 0;
        overflow: hidden;

        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    #hn-nav .active ul,
    #hn-nav-lang .active ul {
        max-height: 500px;
        margin-bottom: 1.5em;
    }

    #hn-nav ul a,
    #hn-nav-lang ul a {
        color: #fff;
        display: block;
    }

    #hn-nav ul a:hover, #hn-nav-lang ul a:hover {
        color: rgb(24, 81, 145);
    }

    #hn-nav ul li,
    #hn-nav-lang ul li {
        margin-left: 0;
        padding: 0.10em 0;
    }

    #hn-nav .close,
    #hn-nav-lang .close {
        text-align: right;
    }

    #hn-nav .close button,
    #hn-nav-lang .close button {
        border-radius: 0.25em;
        display: inline-block;
        width: 4.5em;
        height: 2.5em;
        margin: 0;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        border: 0;
        background-image: url(../Images/icon-close-white.png);
    }

    #hn-nav-lang h2 {
        display: none;
    }

    #hn-nav .fifty, #hn-nav .social {
        display: block;
    }

    #hn-nav .fifty {
        background-color: rgb(255, 255, 255);
        border-radius: 3px;
        color: rgb(7, 161, 226);
        background-image: url('../Images/icon_ukraine_hover.svg');
        background-repeat: no-repeat;
        background-position-x: 5px;
    }

    #hn-nav .fifty h3 {
        color: rgb(7, 161, 226) !important;
        padding-left: 80px;
        background: rgba(0, 0, 0, 0) url("../Images/arrow-right.png") no-repeat scroll right 2em center;
    }

    #hn-nav .fifty h3:hover {
        color: rgb(24, 81, 145) !important;
        background: rgba(0, 0, 0, 0) url("../Images/arrow-right-active.png") no-repeat scroll right 2em center;
    }

    #hn-nav .social {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        height: 78px;
        border-top: 1px solid rgb(235, 235, 235);
        padding: 20px 10px 10px;
        background: rgb(7, 161, 226) none repeat scroll 0 0 !important;
    }

    #hn-nav .social ul {
        list-style: none; padding: 0; margin: 0; max-height: 100%;
        display: flex;
    }

    #hn-nav .social ul li {
        padding: 0; margin: 0;
        flex: 1;
        text-align: center;
    }

    #hn-nav .social ul li a {
        display: inline-block; width: 40px;height: 40px;
        border-radius: 3px;
    }

    #hn-nav .social ul li a:hover {
        background-color: rgb(24, 81, 145);
    }

    #hn-nav .social ul li.facebook a {
        background-image: url('../Images/icon_facebook.svg')
    }

    #hn-nav .social ul li.youtube a {
        background-image: url('../Images/icon_youtube.svg')
    }

    #hn-nav .social ul li.twitter a {
        background-image: url('../Images/icon_twitter.svg')
    }

    #hn-nav .social ul li.linkedin a {
        background-image: url('../Images/icon_linkedin.svg')
    }

    #hn-nav .social ul li.instagram a {
        background-image: url('../Images/icon_instagram.svg')
    }

    #hn-nav .social ul li.xing a {
        background-image: url('../Images/icon_xing.svg')
    }

    #hn-socialbar {
        display: none;
    }
}

@media all and (max-width: 1312px) and (min-width: 993px) {
    #hn-socialbar {
        top: auto;
        bottom: 110px;
        opacity: 0.6;
    }

    #hn-socialbar:hover {
        opacity: 1;
    }

    #hn-socialbar li {
        display: none;
    }

    #hn-socialbar li.fifty {
        display: initial;
    }
}