@font-face {
    font-family: "frutiger";
    font-weight: 300;
    src:         url("../font/frutiger-light.eot?#iefix");
    src:         url("../font/frutiger-light.eot?#iefix") format("eot"),
                 url("../font/frutiger-light.woff2") format("woff2"),
                 url("../font/frutiger-light.woff") format("woff"),
                 url("../font/frutiger-light.ttf") format("truetype");
}

@font-face {
    font-family: "frutiger";
    font-weight: 400;
    src:         url("../font/frutiger-regular.eot?#iefix");
    src:         url("../font/frutiger-regular.eot?#iefix") format("eot"),
                 url("../font/frutiger-regular.woff2") format("woff2"),
                 url("../font/frutiger-regular.woff") format("woff"),
                 url("../font/frutiger-regular.ttf") format("truetype");
}

@font-face {
    font-family: "frutiger";
    font-weight: 600;
    src:         url("../font/frutiger-bold.eot?#iefix");
    src:         url("../font/frutiger-bold.eot?#iefix") format("eot"), url("../font/frutiger-bold.woff2") format("woff2"),
                 url("../font/frutiger-bold.woff") format("woff"),
                 url("../font/frutiger-bold.ttf") format("truetype");
}

body, html, header {
    padding: 0;
    margin:  0;
    border:  0;
}

body {
    font-size:   24px;
    font-family: "frutiger", serif;
}

body .body-bg {
    position:   absolute;
    right:      0;
    left:       calc(100% - 100vw);
    width:      100vw;
    z-index:    0;
    top:        0;
    background: rgb(0, 83, 160);
    height:     80px;
}

header {
    position: relative;
    z-index:  7;
}

p {
    font-weight: 300;
}

nav.navbar {
    /*position:                    absolute;*/
    width:                       100%;
    /*height:                      70px;*/
    -webkit-transition:          all .4s ease;
    transition:                  all .4s ease;
    padding:                     0;
    margin-bottom:               15px;
    background:                  rgb(0, 83, 160);
    transform:                   translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility:         hidden;
    z-index:                     29;
    border-radius:               0;
}

.main-logo {
    background:      url("../../images/iza-logo-footer.png");
    background-size: 126px 46px;
    width:           126px;
    height:          46px;
    margin-top:      17px;
}

main {
    z-index:  5;
    overflow: hidden;
}

header .navbar .container {
    margin-left: calc((100vw - 1140px) / 2);
}

.footer {
    background-color: rgb(36, 54, 80);
    padding:          15px 0;
}

.footer--top {
    margin-bottom: 110px;
}

.footer--top--logos a {
    position:  absolute;
    bottom:    0;
    margin:    0 15px;
    max-width: calc(100% - 30px);
}

.footer--top .dps-logo-footer, .footer--top--logos a {
    background: no-repeat center bottom;
}

.footer--top .dps-logo-footer {
    background-image: url("../../images/dps-logo-footer.png");
    width:            398px;
    height:           200px;
    display:          block;
    background-size:  100% auto;
    max-width:        100%;
}

.footer--top .iza-logo-footer {
    background-image: url("../../images/iza-logo-footer.png");
    width:            204px;
    height:           70px;
    display:          block;
    background-size:  100% auto;
}

.footer--top .briq-logo-footer {
    background-image: url("../../images/briq-logo-footer.png");
    width:            206px;
    height:           66px;
    display:          block;
    background-size:  100% auto;
}

.footer--top .sun-logo-footer {
    background-image: url("../../images/sun-logo-footer.png");
    width:            204px;
    height:           66px;
    display:          block;
    background-size:  100% auto;
}

.footer--bottom {
    color:     rgb(255, 255, 255);
    font-size: 18px;
}

.footer--bottom--links a, .footer--bottom--links span, .footer--bottom > div span {
    opacity: 0.5;
}

.footer--bottom a {
    color: rgb(255, 255, 255);
}

.footer--bottom a:hover {
    text-decoration: none;
    opacity:         1;
}

.container, main {
    position: relative;
}

.container {
    padding:     0 15px !important;
    margin-left: calc((100vw - 1140px) / 2);
}

.breadcrumb::after {
    border:     5px solid rgb(0, 83, 160);
    border-top: 0;
}

.breadcrumb::after, .breadcrumb::before {
    display: block;
    width:   445px;
    height:  222px;
    content: '';
}

.breadcrumb::after {
    content: "";
    display: table;
    clear:   both;
}

.breadcrumb::before {
    background-color: rgb(0, 83, 160);
}

.breadcrumb::before {
    border:        5px solid rgb(255, 255, 255);
    border-bottom: 0;
}

.breadcrumb {
    display: inline-block;
}

.breadcrumb {
    width:         445px;
    height:        445px;
    background:    0 0;
    display:       block;
    position:      relative;
    top:           58px;
    padding:       0;
    margin:        0 0 200px;
    border-radius: 0;
}

.breadcrumb span {
    left:           37px;
    bottom:         30px;
    font-size:      62px;
    line-height:    75px;
    mix-blend-mode: screen;
}

.breadcrumb span {
    position:    absolute;
    left:        40px;
    bottom:      40px;
    font-size:   70px;
    line-height: 84px;
    color:       rgb(0, 83, 160);
    font-weight: 300;
}

.logo-box {
    text-align: center;
    position:   absolute;
    bottom:     150px;
    right:      0;
    padding:    0 !important;
}

h2 {
    margin:      0;
    font-size:   3.625rem;
    color:       rgb(0, 83, 160);
    font-weight: 300;
}

h2, h3 {
    line-height:   2;
    margin-bottom: 5px;
}

.element-teaser-xs::after {
    content:  '';
    position: absolute;
    bottom:   10px;
    right:    10px;
}

.element-teaser-xs::after {
    background: url(../../images/sprite.png) -804px -700px;
    width:      34px;
    height:     34px;
}

.element-teaser-xs {
    display:  block;
    border:   5px solid rgb(0, 83, 160);
    position: relative;
    padding:  50%;
}

.element-teaser-xs:hover {
    background: rgb(0, 83, 160);
}

.element-teaser-xs:hover::after {
    width:           34px;
    height:          34px;
    background:      url(../../images/white_arrow_up.png) no-repeat;
    background-size: 100%;
}

.element-teaser-xs > p {
    font-size:   18px !important;
    line-height: 1.3 !important;
    font-weight: 700;
    color:       rgb(0, 83, 160);
    padding:     20px 20px 52px;
    position:    absolute;
    top:         0;
    left:        0;
    height:      100%;
    overflow:    hidden;
}

.element-teaser-xs:hover > p {
    color: rgb(255, 255, 255);
}

.element-teaser-xs.red::after {
    width:           34px;
    height:          34px;
    background:      url(../../images/red_arrow_up.png) no-repeat;
    background-size: 100%;
}

.element-teaser-xs.red {
    border: 5px solid rgb(130, 17, 34);
}

.element-teaser-xs.red:hover {
    background: rgb(130, 17, 34);
}

.element-teaser-xs.red > p {
    color: rgb(130, 17, 34);
}

.element-teaser-xs.red:hover > p {
    color: rgb(255, 255, 255);
}

.element-teaser-xs.red:hover > p {
    color: rgb(255, 255, 255);
}

.element-teaser-xs.red:hover::after {
    width:           34px;
    height:          34px;
    background:      url(../../images/white_arrow_up.png) no-repeat;
    background-size: 100%;
}

.element-teaser-xs.green::after {
    width:           34px;
    height:          34px;
    background:      url(../../images/green_arrow_up.png) no-repeat;
    background-size: 100%;
}

.element-teaser-xs.green {
    border: 5px solid rgb(185, 181, 99);
}

.element-teaser-xs.green:hover {
    background: rgb(185, 181, 99);
}

.element-teaser-xs.green > p {
    color: rgb(185, 181, 99);
}

.element-teaser-xs.green:hover > p {
    color: rgb(255, 255, 255);
}

.element-teaser-xs.green:hover > p {
    color: rgb(255, 255, 255);
}

.element-teaser-xs.green:hover::after {
    width:           34px;
    height:          34px;
    background:      url(../../images/white_arrow_up.png) no-repeat;
    background-size: 100%;
}

.module-copy-type-4 {
    margin-bottom: 140px;
}

#map {
    height:        1000px;
    margin-bottom: 15px;
    border:        1px solid #aaa;
}

html {
    height:     100%;
    position:   relative;
    min-height: 100%;
}

body {
    margin:  0;
    padding: 0;
}

strong {
    font-weight: 700;
}

#content {
    width:  300px;
    height: 120px;
}

#content ul {
    list-style-type: none;
    margin:          0;
    padding:         0;
}

#content ul li {
    list-style-type: none;
    margin:          0;
    padding:         0;
}

#cookiebar {
    display: none;
}

#cookie-bar {
    background:  #e6e6e6;
    height:      auto;
    line-height: 18px;
    color:       #000;
    text-align:  justify;
    padding:     25px 0;
    font-size:   13px;
}

#cookie-bar.fixed {
    position: fixed;
    top:      0;
    left:     0;
    width:    100%;
    z-index:  2000;
}

#cookie-bar.fixed.bottom {
    bottom: 0;
    top:    auto;
}

#cookie-bar p {
    margin:  0;
    padding: 0;
}

#cookie-bar a {
    color:   #0050a1;
    display: inline-block;
    margin:  0;
    padding: 0;
}

#cookie-bar a:hover {
    color: #f13832;
}

#cookie-bar .cb-enable {
    background:      #333;
    border:          4px solid #333;
    color:           #e6e6e6;
    font-size:       15px;
    padding:         8px 20px;
    font-weight:     bold;
    text-decoration: none;
    display:         inline-block;
    float:           right;
}

#cookie-bar .cb-enable:hover {
    background: #e6e6e6;
    color:      #333;
}

#cookie-bar .cb-disable {
    background: #900;
}

#cookie-bar .cb-disable:hover {
    background: #b00;
}

#cookie-bar .cb-policy {
    background: #03b;
}

#cookie-bar .cb-policy:hover {
    background: #05d;
}