/* FONTS */

@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=d83cf6e8-f4fb-4ac7-9aa4-93ba0ba51b4a");

@font-face{
    font-family:"DIN1451W02-Mittelschrif";
    src:url("/fonts/060f378c-91d1-424a-a28d-dc9d7d8d477a.eot?#iefix");
    src:url("/fonts/060f378c-91d1-424a-a28d-dc9d7d8d477a.eot?#iefix") format("eot"),url("/fonts/51d68bb1-5406-428b-a245-fbf254203de5.woff") format("woff"),url("/fonts/d8f88a07-710f-49bc-8b29-0cb76886a64a.ttf") format("truetype"),url("/fonts/4bdb9114-6506-4c0a-888d-1ddc7466d458.svg#4bdb9114-6506-4c0a-888d-1ddc7466d458") format("svg");
}
@font-face{
    font-family:"FrutigerLTW02-45Light";
    src:url("/fonts/99f761bf-9f30-4bdd-b284-ee7038dc52c9.eot?#iefix");
    src:url("/fonts/99f761bf-9f30-4bdd-b284-ee7038dc52c9.eot?#iefix") format("eot"),url("/fonts/59d9a83f-4045-4d43-af46-655f845461ee.woff") format("woff"),url("/fonts/f901b503-9104-414a-a856-af9bcc802b5c.ttf") format("truetype"),url("/fonts/e4d07d96-8993-47b9-9f1d-1e228bf1c529.svg#e4d07d96-8993-47b9-9f1d-1e228bf1c529") format("svg");
}
@font-face{
    font-family:"FrutigerLTW02-55Roman";
    src:url("/fonts/c94bd41e-23b3-4522-8237-0a0f7bd0e953.eot?#iefix");
    src:url("/fonts/c94bd41e-23b3-4522-8237-0a0f7bd0e953.eot?#iefix") format("eot"),url("/fonts/409b4bec-c67e-4764-a141-054db8df81d2.woff") format("woff"),url("/fonts/efe9def0-77d1-4c28-8fd2-371236a3c8ed.ttf") format("truetype"),url("/fonts/70b07d32-76f5-474e-83b0-7d5a3fefb15b.svg#70b07d32-76f5-474e-83b0-7d5a3fefb15b") format("svg");
}
@font-face{
    font-family:"FrutigerLTW02-56Italic";
    src:url("/fonts/b535a427-c56c-4484-b834-dde05736736c.eot?#iefix");
    src:url("/fonts/b535a427-c56c-4484-b834-dde05736736c.eot?#iefix") format("eot"),url("/fonts/97935525-8e9d-4d37-a4df-956f6656209b.woff") format("woff"),url("/fonts/1b127be3-961c-4b75-8ab4-7bec69e88c2f.ttf") format("truetype"),url("/fonts/3048f5a2-9f13-481a-b01c-22228223c00b.svg#3048f5a2-9f13-481a-b01c-22228223c00b") format("svg");
}
@font-face{
    font-family:"FrutigerLTW02-65-Bold";
    src:url("/fonts/4d38d09a-3017-4733-a624-366fb9a71388.eot?#iefix");
    src:url("/fonts/4d38d09a-3017-4733-a624-366fb9a71388.eot?#iefix") format("eot"),url("/fonts/3c514636-142f-43f9-983f-76110a86b424.woff") format("woff"),url("/fonts/f147a146-bb13-4102-a482-bbad38d9fcc0.ttf") format("truetype"),url("/fonts/10c3886a-7856-45f7-951d-24230bc1491a.svg#10c3886a-7856-45f7-951d-24230bc1491a") format("svg");
}
@font-face{
    font-family:"FrutigerLTW01-66BoldIta";
    src:url("/fonts/f334dc11-1de8-4ae2-9c2a-a1cfa665263b.eot?#iefix");
    src:url("/fonts/f334dc11-1de8-4ae2-9c2a-a1cfa665263b.eot?#iefix") format("eot"),url("/fonts/f74530f5-a39c-47e3-97d9-6821fc4df8c0.woff") format("woff"),url("/fonts/aa626e7f-57dd-4084-9486-3eeb921333c0.ttf") format("truetype"),url("/fonts/8f91ebb0-2b00-4a50-baa9-865a6502384e.svg#8f91ebb0-2b00-4a50-baa9-865a6502384e") format("svg");
}
@font-face{
    font-family:"FrutigerLTW01-76BlackIt";
    src:url("/fonts/e7f1c490-48bc-447b-ad11-6e85dd1429be.eot?#iefix");
    src:url("/fonts/e7f1c490-48bc-447b-ad11-6e85dd1429be.eot?#iefix") format("eot"),url("/fonts/eb21cbbe-83da-4d1d-bf54-e60fa03381e2.woff") format("woff"),url("/fonts/0a0bb96a-4e52-4940-9120-1cbfe63deb29.ttf") format("truetype"),url("/fonts/6ce161bf-e26e-4c38-b3d9-0abfcbfc2c6d.svg#6ce161bf-e26e-4c38-b3d9-0abfcbfc2c6d") format("svg");
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face{
        font-family: "FrutigerLTW02-45Light";
        src: url("/fonts/e4d07d96-8993-47b9-9f1d-1e228bf1c529.svg#e4d07d96-8993-47b9-9f1d-1e228bf1c529") format("svg");
    }
    @font-face{
        font-family: "FrutigerLTW02-55Roman";
        src: url("/fonts/70b07d32-76f5-474e-83b0-7d5a3fefb15b.svg#70b07d32-76f5-474e-83b0-7d5a3fefb15b") format("svg");
    }
    @font-face{
        font-family: "DIN1451W02-Mittelschrif";
        src: url("/fonts/4bdb9114-6506-4c0a-888d-1ddc7466d458.svg#4bdb9114-6506-4c0a-888d-1ddc7466d458") format("svg");
    }
    @font-face{
        font-family: "FrutigerLTW02-65-Bold";
        src: url("/fonts/10c3886a-7856-45f7-951d-24230bc1491a.svg#10c3886a-7856-45f7-951d-24230bc1491a") format("svg");
    }
    @font-face{
        font-family: "FrutigerLTW02-56Italic";
        src: url("/fonts/3048f5a2-9f13-481a-b01c-22228223c00b.svg#3048f5a2-9f13-481a-b01c-22228223c00b") format("svg");
    }
    @font-face{
        font-family: "FrutigerLTW01-66BoldIta";
        src: url("/fonts/8f91ebb0-2b00-4a50-baa9-865a6502384e.svg#8f91ebb0-2b00-4a50-baa9-865a6502384e") format("svg");
    }
    @font-face{
        font-family: "FrutigerLTW01-76BlackIt";
        src: url("/fonts/6ce161bf-e26e-4c38-b3d9-0abfcbfc2c6d.svg#6ce161bf-e26e-4c38-b3d9-0abfcbfc2c6d") format("svg");
    }
}



/* TEMPLATE */
* {
    margin: 0px;
    padding: 0px;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-font-smoothing: antialiased;
}

html, body {
    height: 100%;
    color: #333;
    font-family: 'FrutigerLTW02-55Roman';
    font-size: 12px;
}

body {
    margin: 0;
    padding: 0;
}

b {
    font-family: 'FrutigerLTW02-65-Bold';
    font-weight: normal;
}
strong {
    font-family: 'FrutigerLTW02-65-Bold';
    font-weight: normal;
}

a:active, a:focus {
    outline: none;
    ie-dummy: expression(this.hideFocus=true);
}
em {
    font-family:sans-serif;
}
.container {
    background-color: #fff;

    min-height: 100%;
    margin-bottom: -62px;
}

* html .container {
    height: 100%;
}

::-moz-selection {
    background: #555;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #555;
    color: #fff;
    text-shadow: none;
}


.inner {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 0 10px;
}

/* Christmas class */
.christmas-bg{
    background-image: url(/img/christmas-bg.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% auto;
}

/* FOOTER */
.footer_spacer {
    height: 56px;
}

.footer {
    background: url(/img/footer/bg-footer.png) repeat-x left top;
    color: #9297cb !important;
    font-size: 11px;
    overflow: hidden;
}

.footer a {
    color: #3f3f3f !important;
    text-decoration: none;
    font-weight: bold;
}

.footer p {
    line-height: 13px;
    padding-bottom: 0px;
    font-size: 11px !important;
    color: #7f7f7f;
}

.footer_left {
    float: left;
    width: 1100px;
}

.footer_right {
    float: right;
    width: 150px;
    text-align: left !important;
}

.footer_inner {
    padding-top: 7px;
    height: 55px;
}

.rb_logo {
    float: left;
    width: 95px;
    height: 55px;
}

.footer_text {
    float: left;
    padding: 19px 0 0 5px;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

.discover {
    float: right;
    width: 115px;
    background: url(/img/footer/bg-discover.png) no-repeat left top;
    color: #0b2f6d !important;
    padding: 6px 0 0 9px;
    height: 62px;
}

.discover_header {
    height: 16px;
    font-weight: bold;
    font-size: 10px;
    line-height: 16px;
    margin: 0px;
    text-transform: uppercase;
    padding: 0px;
    color: #0b2f6d !important;
}

.discover_content {
    padding: 5px 0 0 10px;
}

.ms {
    float: right;
    width: 38px;
    text-align: center;
    padding-top: 27px;
}

/* COLORBOX */
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
    overflow: hidden;
}

#cboxLoadedContent {
    overflow: auto;
}

#cboxLoadedContent iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

#cboxOverlay {
    background: #fff;
}

#colorBox {
}

#cboxTopLeft {
    width: 25px;
    height: 25px;
    background: url(/img/colorbox/border1.png) 0 0 no-repeat;
}

#cboxTopCenter {
    height: 25px;
    background: url(/img/colorbox/border1.png) 0 -50px repeat-x;
}

#cboxTopRight {
    width: 25px;
    height: 25px;
    background: url(/img/colorbox/border1.png) -25px 0 no-repeat;
}

#cboxBottomLeft {
    width: 25px;
    height: 25px;
    background: url(/img/colorbox/border1.png) 0 -25px no-repeat;
}

#cboxBottomCenter {
    height: 25px;
    background: url(/img/colorbox/border1.png) 0 -75px repeat-x;
}

#cboxBottomRight {
    width: 25px;
    height: 25px;
    background: url(/img/colorbox/border1.png) -25px -25px no-repeat;
}

#cboxMiddleLeft {
    width: 25px;
    background: url(/img/colorbox/border2.png) 0 0 repeat-y;
}

#cboxMiddleRight {
    width: 25px;
    background: url(/img/colorbox/border2.png) -25px 0 repeat-y;
}

#cboxContent {
    background: #fff;
}

#cboxLoadedContent {
    margin-bottom: 20px;
}

#cboxTitle {
    position: absolute;
    bottom: 0px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #999;
}

#cboxCurrent {
    position: absolute;
    bottom: 0px;
    left: 100px;
    color: #999;
}

#cboxSlideshow {
    position: absolute;
    bottom: 0px;
    right: 42px;
    color: #444;
}

#cboxPrevious {
    position: absolute;
    bottom: 0px;
    left: 0;
    color: #444;
}

#cboxNext {
    position: absolute;
    bottom: 0px;
    left: 63px;
    color: #444;
}

#cboxLoadingOverlay {
    background: url(/img/colorbox/loading.gif) 5px 5px no-repeat #fff;
}

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    color: #444;
}

.cboxIE #cboxTopLeft {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');
}

.cboxIE #cboxTopCenter {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');
}

.cboxIE #cboxTopRight {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');
}

.cboxIE #cboxBottomLeft {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');
}

.cboxIE #cboxBottomCenter {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');
}

.cboxIE #cboxBottomRight {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');
}

.cboxIE #cboxMiddleLeft {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');
}

.cboxIE #cboxMiddleRight {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

.clear {
    clear: both;
    margin: 0;
    padding: 0
}

a {
    color: #000;
}

/*----------------------------------------------------------------------*/
/*- STANDARD
----------------------------------------------------------------------*/

/* INDEX */
img {
    border-width: 0;
}

.container {

}

/* top */
.top {
    background: url('/img/top-fullsize.bg.jpg') center center;
    box-shadow: 0 2px 3px 1px rgba(0,0,0,0.2);

    display: block;
    width: 100%;
    height: 110px;

    position: relative;
    z-index: 205;
}
.top .inner {
    overflow: visible;
    z-index: 1;
}
.top .inner .logo {

    display: block;
    width: 406px;
    height: 109px;

    position: absolute;
    left: -70px;
    top: 0px;
    z-index: 99;
}
.top .inner .logo img {
    display: inline-block;
    padding: 26px 0 0 174px;
}
@media only screen and (max-width: 990px) {
    .top {
        background: url('/img/top-nokv.jpg') center center no-repeat;
    }
    .top .inner .logo img {
        padding: 26px 0 0 95px;
    }

    .reg_statement.rs_just_image{
        padding-bottom: 8px !important;
    }
    .reg_statement .reg_text{
        padding: 8px 10px 0 !important;
    }
    .reg_statement .reg_text p{
        font-size: 10px !important;
    }
    .reg_statement .reg_text p br{
        display: none;
    }
}
@media only screen and (max-width: 900px) {
    .top {
        height: 55px;
        background: url('/img/top-small.jpg') top left repeat-x;
    }
    .top .inner .logo {
        /*background: url('/img/logo-small.jpg') center center no-repeat;*/
        /*background-size: cover;*/

        width: 160px;
        height: 55px;

        left: 0px;
    }
    .top .inner .logo img {
        /*display:none;*/
        padding: 10px;
        max-height: 100%;
    }

    .sidenavigation {
        width: 25%;
    }

    .subnavigation > ul > li > a {
        padding-right: 10px !important;
    }

    .content {
        width: 75%;
    }

    .language-select {
        margin-right: 0;
        padding: 15px 15px 12px 30px;
    }
    .language-select-label {
        font-family: 'FrutigerLTW02-65-Bold';
    }
    .language-select-option {
        color: white;
        text-decoration: none;
        padding: 0 5px;
    }

}

/* toggle menu */
.toggle_menu {

    color: #fff;
    font-size: 32px;
    line-height: 55px;
    text-align: center;

    display: none;
    width: 44px;
    height: 55px;

    position: absolute;
    top: 0;
    right: 15px;
}

/* mainmenu */
.metamenu {
    text-align: right;

    display: block;
    height: 69px;
    margin: 0;
    padding-top: 15px;

    position: relative;
    z-index: 98;
}

.metamenu .youtube-link{
    text-decoration: none;
}

.metamenu .youtube-link img{
    display: inline;
    vertical-align: middle;
}

.metamenu .youtubeDescription {
    font-size: 1em;
    color: white;
    margin-right: 10px;
    text-align: right;
    width: 40%;
    display: inline-block;
    height: 3em;
    font-family: 'DIN1451W02-Mittelschrif';
}

.metamenu .youtubeDescription span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2em;
}

.metamenu input {
    background: url("/img/top/bg_search.png") no-repeat left top transparent;
    border: medium none;
    color: #9fa3ad;
    font-size: 12px;
    font-weight: bold;
    margin-left: 11px;
    margin-top: 7px;
    padding: 5px 10px 11px 22px;
    width: 165px;
}
.metamenu form {
    display: inline;
}

.language-select {
    display: inline-block;
    margin-right: 10px;
    color: white;
    font-size: 14px;
}
.language-select-label {
    font-family: 'FrutigerLTW02-65-Bold';
}
.language-select-option {
    color: white;
    text-decoration: none;
    padding: 0 5px;
}

.mainmenu {
    text-align: right;

    display: block;
    height: 41px;
    margin: 0;
    padding-bottom: 1px;
    padding-top: 2px;

    position: relative;
    z-index: 98;
}
.mainmenu li {
    list-style-type: none;
}
.mainmenu a {
    text-decoration: none;
}
.mainmenu > li {
    background: url('/img/nav-sep.png') top right no-repeat;

    display: inline-block;
    margin-left: -3px;
    vertical-align: top;

    position: relative;
}
.mainmenu > li > a {
    display: table-cell;
    vertical-align: middle;
    height: 38px;
    padding: 0 15px;
    line-height: 1.1;

    font-family:'DIN1451W02-Mittelschrif';
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}



.mainmenu > li > a.active,
.no-touch .mainmenu > li > a:hover {
    background: #0b6aae;
}
.mainmenu > li > a > i {
    display: none;
}
.mainmenu > li:last-child > a > i {

}
.mainmenu > li > ul {
    text-align: left;

    visibility: hidden;

    position: absolute;
    left: 0;
    /*width: 100%;*/
    width: auto;
    border-left: 1px solid #e7e7e7;
    background: #fff;
    /*height: 305px;*/
}
.mainmenu > li:hover > ul {
    /*display: block;*/
}
.mainmenu > li > ul {
    padding: 8px 0;
}
.mainmenu > li > ul > li:last-child {
    border: 0;
}
.mainmenu > li > ul > li a {
    color: #5d6068;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;

    display: block;
    height: 100%;
    padding: 5px 30px 5px 15px;
}
.mainmenu > li > ul > li:hover a {
    color: #0096ac;
}
.mainmenu > li > ul > li a i {
    display: none;
}
.dd_wide {
    position: absolute;
    top: 110px;
    background: url('/img/top/bg_dd.png') top left repeat;
    border-bottom: 1px solid #dedede;
    height: 0;
    width: 100%;
    overflow: hidden;
    visibility: hidden;
}

.mobile_mainnav {
    display: none;
}
@media only screen and (max-width: 900px) {
    .dd_wide, .mainmenu > li:hover > ul {
        display: none !important;
    }
    .mainmenu {
        height: 110px;
        padding: 0;
    }
    .metamenu {
        display: none;
    }
    .top {
        height: auto;
    }
    .top .inner {
        padding: 0;
    }
    .top .tools {
        height: 55px;
    }
    .mainmenu {
        display: none;
        background: #0096ac;
        height: auto;

        text-align: left;
        padding: 0;
    }
    .mainmenu > li {
        display: block;
        width: 100%;
        float: none;
        background: none;
        margin-left: 0;
    }
    .mainmenu > li:last-child {
        border-bottom: 3px solid #4db6c5;
    }
    .mainmenu > li > a {
        display: block;
        color: #ffffff;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.2;
        background: none;
        border-bottom: 1px solid #4db6c5;
        height: auto;
        position: relative;
        padding-left: 30px;
        text-align: left;
        padding-bottom: 0.9em;
        padding-top: 1.1em;
    }
    .mainmenu > li > a:hover {
    }
    .mainmenu > li > a > i {
        color: #4db6c5;
        display: inline-block;
        font-size: 48px;
        position: absolute;
        right: 30px;
        top: 50%;
        margin-top: -24px;
    }
    .mainmenu > li > ul ,
    .mainmenu > li:hover > ul {
        display: none;
    }

    .toggle_menu {
        display: block;
    }

    .mobile_mainnav {
        display: none;
    }

}


.searchbar {
    background: #e5e5e8;
    display: none;
    clear: both;
    overflow: hidden;
}
.searchbar .inner {
    background: #fff;
    overflow: hidden;
}
.searchbar .inner label {
    color: #0a71b9;
    font-size: 22px;
    font-weight: 300;
    text-align: right;

    display: block;
    width: 30%;
    padding: 20px 10px 20px;
    float: left;
}
.searchbar .inner input {
    border-color: #d1d1d1;
    border-width: 0 0 1px 0;
    border-style: solid;

    color: #5d6068;
    font-family: 'Signika';
    font-size: 22px;
    font-weight: 300;

    display: block;
    width: 70%;
    margin: 20px 0;
    float: left;
}


/* slider */
.container-hero {
    background: #fff;
    overflow: hidden;
}
.container-hero .slideshow {
    vertical-align: top;
    width: auto;
    position: relative;
    z-index: 1;
    height: 400px;

    -webkit-transition: height 500ms;
    transition: height 500ms;
}
.container-hero .slideshow .youtube-video {
   position:absolute;
   top: 0;
   left: 0;
}

.container-hero .slideshow .pager-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.container-hero .slideshow .pager-wrapper .cycle-pager {
    position: absolute;
    z-index: 105;
    bottom: 10px;
    left: 10px;
}
.container-hero .slideshow .pager-wrapper .cycle-pager span {
    background: #0096ac;
    border-radius: 50%;

    display: inline-block;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    cursor: pointer;
    margin: 0 3px;
}
.container-hero .slideshow .pager-wrapper .cycle-pager span.cycle-pager-active {
    background: #fff;
}
.container-hero .slideshow .cycle-prev,
.container-hero .slideshow .cycle-next {
    display: none;
}
.container-hero .slideshow .loader {
    background-image: url(/img/loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #e5f4f7;

    position: absolute;
    left: 0;
    top: 0;
    height: 101%;
    width: 100%;
    z-index: 200;
}
.container-hero .slideshow .slide {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;

    width: 100%;
    /*height: 614px;*/
    overflow: hidden;
    white-space: normal;
    vertical-align: top;
    position: absolute;

    -webkit-transition: opacity 5000ms;
    transition: opacity 5000ms;
}
.container-hero .slideshow .cycle-slide,
.container-hero .slideshow .cycle-slide-active {
    position: relative !important;
}
.container-hero .slideshow .slide .wrapper {
    padding-top: 0;
    margin-left: -8%;
    margin-right: -8%;
    text-align: center;
}
.container-hero .slideshow .slide .wrapper.wrapper-desktop {
    display: block;
}
.container-hero .slideshow .slide .wrapper.wrapper-desktop img {
    width: auto;
    max-width: 100%;
    display: inline-block;
}
.container-hero .slideshow .slide .wrapper.wrapper-mobile {
    display: none;
}
.container-hero .slideshow .slide .wrapper img {
    max-width: 100%;
    display: inline-block;
    vertical-align: bottom;
}

.container-hero .slideshow .slide .wrapper .inner-wrapper {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 30px 85px;
}
.container-hero .slideshow .slide .wrapper .inner-wrapper h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    margin: 0 0 5px 0;
}
.container-hero .slideshow .slide .wrapper .inner-wrapper h1 span {
    background: #0a71b9;
    box-shadow: 10px 0 0 #0a71b9, -10px 0 0 #0a71b9;

    line-height: 1.4;
}
.container-hero .slideshow .slide .wrapper .inner-wrapper .more_wrap .more {
    background: #fff;

    color: #0a71b9;
    font-size: 22px;
    line-height: 2;
    text-decoration: none;

    display: inline-block;
    box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;
}

.container-hero .slideshow .slide .wrapper .js-youtube-close {
    background: #fff url(/img/close.png) center center no-repeat;

    display: none;
    width: 40px;
    height: 40px;

    position: absolute;
    top: 20px;
    left: 10px;

    z-index: 1000;

    text-indent: -22222px;
    overflow: hidden;
}


@media only screen and (min-width: 1280px) {
    .container-hero .slideshow {
        margin: 0 auto;
        /*width: 1280px;*/
        overflow: visible !important;
    }
    .container-hero .slideshow .cycle-prev {
        left: 45px;
    }
    .container-hero .slideshow .cycle-next {
        right: 45px;
    }
    .container-hero .slideshow .slide {
        /*width: 1280px;*/
    }
}
@media (min-width: 1100px) {
    .container-hero .slideshow .cycle-prev,
    .container-hero .slideshow .cycle-next {
        display: block;
        width: 17px;
        height: 37px;
        cursor: pointer;
        position: absolute;
        top: 50%;
        margin-top: 10px;
        z-index: 150;
    }
    .container-hero .slideshow .cycle-prev {
        left: 45px;
    }
    .container-hero .slideshow .cycle-next {
        right: 45px;
    }
    .container-hero .slideshow .cycle-prev {
        background: url(/img/arrow-left.png) no-repeat 0px 0px;
    }
    .container-hero .slideshow .cycle-prev:hover {

    }
    .container-hero .slideshow .cycle-next {
        background: url(/img/arrow-right.png) no-repeat 0px 0px;
    }
    .container-hero .slideshow .cycle-next:hover {

    }
}
@media only screen and (max-width: 768px) {
    .container-hero .slideshow .cycle-prev, .container-hero .slideshow .cycle-next {
        display: none;
    }
    .container-hero .slideshow .slide .wrapper .inner-wrapper h1 {
        font-size: 40px;
    }
    .container-hero .slideshow .slide .wrapper .inner-wrapper .more_wrap .more {
        font-size: 18px;
    }

    .container-hero .slideshow {
        height: 250px;
    }
}
@media only screen and (max-width: 599px) {
    .container-hero {
        background-color: #e5f4f7;
        /*height: 325px;*/
    }
    .container-hero .slideshow {
        overflow: visible !important;
        border-bottom: 1px solid #fff;
    }
    .container-hero .slideshow .slide {
        /*height: 280px;*/
        background-size: auto 100%;
    }
    .container-hero .slideshow .slide .more,
    .container-hero .slideshow .slide .buttons {
        display: none;
    }

    .container-hero .slideshow .slide .wrapper.wrapper-mobile {
        display: block;
    }
    .container-hero .slideshow .slide .wrapper.wrapper-desktop {
        display: none;
    }
    .container-hero .slideshow .slide .wrapper .inner-wrapper {
        padding: 0 30px 30px;
    }
    .container-hero .slideshow .slide .wrapper .inner-wrapper h1 {
        width: 75%;
        font-size: 20px;
    }
    .container-hero .slideshow .slide .wrapper .inner-wrapper .more_wrap .more {
        font-size: 12px;
    }

    .container-hero .slideshow .pager-wrapper .cycle-pager {
        left: auto;
        width: 100%;
        margin-left: 0;
        text-align: center;
        /*bottom: -28px;*/
    }
    .container-hero .slideshow .pager-wrapper .cycle-pager span {
        background: #a8a8a8;
        border: 4px solid #a8a8a8;
        border-radius: 50%;

        /*width: 17px;*/
        /*height: 17px;*/
    }
    .container-hero .slideshow .pager-wrapper .cycle-pager span.cycle-pager-active {
        background: #fff;
        border: 4px solid #21b1c2;
    }

    .container-hero .slideshow .slide .wrapper .js-youtube-close {
        top: 5px;
        right: 5px;
    }
}
@media only screen and (max-width: 400px) {
    .container-hero .slideshow {
        height: 150px;
    }
    .container-hero .slideshow .loader {
        background-size: 80px auto;
    }
}

/* SUBNAVIGATION */
.subnavigation {
    background: url(/img/subnav/bg.png) no-repeat;
    background-size: 100% auto;
    float: left;
    margin-bottom: 100px;
    min-height: 484px;
    padding-right: 5px;
    width: 100%;
}

.subnavigation ul {
    list-style-type: none;
    width: 100%;
}

.subnavigation ul li.activel1 a {
    color: #fff
}

.subnavigation ul li.l1 a {
    margin-right: 30px;
}

.subnavigation ul a {
    text-decoration: none;
    cursor: pointer;
}

.subnavigation > ul {
    background: none repeat scroll 0 0 #fff;
    border-top: 1px solid #efeff1;
    margin-left: 3px;
    margin-right: 0;
    margin-top: 65px;
}

.subnavigation > ul > li {
    border-bottom: solid 1px #efeff1;
}

.subnavigation > ul > li > a {
    color: #0096ac;
    font-size: 13px;
    padding: 15px 10px 15px 15px;
    display: block;
}

.subnavigation > ul > li a {
    font-family:'FrutigerLTW02-65-Bold';
}

.subnavigation > ul > li > a:hover, .subnavigation > ul > li > a.active {
    background-color: #0096ac;
    color: #fff;
}

.subnavigation ul li.activel1 a span {
    padding-right: 28px;
    background: url(/img/subnav/dnarrow.png) right 4px no-repeat;
}

.subnavigation ul li.activel1 a span.sidearrow {
    background: url(/img/subnav/sidearrow.png) right 2px no-repeat;
}

.subnavigation > ul > li > a.active span {
    color: #fff;
}

.subnavigation > ul > li > ul {
    background: #eef0f5;
    padding: 15px 0px 15px 0px;
}

.subnavigation > ul > li > ul a {
    font-size: 12px;
    color: #5c5c5c !important;
}

.subnavigation > ul > li > ul a:hover, .subnavigation > ul > li > ul a.active {
    color: #31448e !important;
}

.subnavigation > ul > li > ul li {
    padding-top: 5px;
    padding-bottom: 2px;
    padding-left: 10px;
    margin-left: 19px
}

.subnavigation ul li.activel2 {
    background: url(/img/layout/navarrow.png) 0 6px no-repeat;
}

.subnavigation ul li.activel1 {
    background: #31448e;
}

.subnavigation ul .subsub {
    margin-top: 5px;
    margin-bottom: 15px;
}

.subnavigation ul .subsub li a {
    font-size: 11px;
    color: #5d6068;
    font-weight: normal;
}

.subnavigation ul .subsub li a.active {
    font-size: 11px;
    color: #0a3791;
    font-weight: bold;
}

.subnavigation ul .subsub li a.level3prod {
    color: #000;
    font-weight: bold;
}

.subnavigation ul .subsub li a.active {
    color: #31448e;
}

.subnavigation .groupTitle {
    color: #31448e;
    font-weight: bold;
    margin-left: 9px
}

@media only screen and (max-width: 700px) {
    .breadcrumbs {
        display:none;
    }
}








































/* PAGE */
.page {
    padding: 30px 0 0;
}

/* BREADCRUMBS */
.breadcrumbs {
    width: 100%;
    clear: both;
    padding: 0 0 40px 0;
    margin:0 !important;
}
.breadcrumbs span,
.breadcrumbs a {
    font-family:'FrutigerLTW02-65-Bold';
    color: #5d6068;
    font-size: 12px;
}
.breadcrumbs a.bc_base {
    font-family:'FrutigerLTW02-55Roman';
    text-decoration: underline;
}
.breadcrumbs a {
    text-decoration: none;
}
.breadcrumbs a:hover {
    text-decoration: underline;
}
.breadcrumbs span.spacer {
    padding: 0 10px;
}

.wide .breadcrumbs {
    padding-left: 0;
}

@media only screen and (max-width: 700px) {
}
@media only screen and (max-width: 900px) {
    .breadcrumbs {
        display:none;
    }
}

/* submenu */
.sidenavigation {
    width: 22%;
    float: left;
    padding: 0 30px 0 0;
}
.wide .sidenavigation {
    display: none;
}
.submenu {
    background: #fff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.1);

    padding: 0;
    margin: 0;
    overflow: hidden;

    list-style-type: none;
}
.submenu > li {
    border-bottom: 1px solid #e7e7e7;
}
.submenu > li:last-child {
    border: 0;
}
.submenu > li a {
    color: #5d6068;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    line-height: 1.2;

    display: block;
}
.submenu > li a:hover {
    color: #0a71b9;
}
.submenu > li > a {
    padding: 15px 0 15px 10px;
}
.submenu > li > a span {
    font-weight: 400;
}
.submenu > li > a.active {
    background: #0a71b9;
    color: #fff;
}
.submenu > li > a.active span {
    font-weight: 600;
}
.submenu > li > a.active > i {
    color: #fff;
}
.submenu > li a > i {
    color: #0a71b9;
    margin: 0 10px 0 0;
    display: block;
    float: left;
}
.submenu > li a > span {
    display: block;
    overflow: hidden;
}
.submenu > li > ul {
    display: none;
}
.submenu > li.active > ul {
    display: block;
}
.submenu > li > ul > li {

}
.submenu > li > ul > li > a {
    padding: 10px 0 10px 20px;
}
.submenu > li > ul > li > a.active > span {
    color: #0a71b9;
    font-weight: 400;
}


/* loading animation */
.spinner {
    text-align: center;

    width: 70px;
    margin: 0 auto;
    padding: 15px 0;
}
.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #0a71b9;

    border-radius: 100%;
    display: inline-block;

    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
        transform: scale(0.0);
        } 40% {
            -webkit-transform: scale(1.0);
            transform: scale(1.0);
        }
    }


    /* content */
    .content {
        width: 78%;
        float: left;
    }
    .wide .content {
        width: 100%;
        float: none;
    }
    .wide.nosub .content {
        padding: 0 0 0 22%;
    }
    @media only screen and (max-width: 700px) {
        .wide.nosub .content {
            padding: 0 0 0 0;
        }
    }


    /* main content */
    .content .main {
        width: 70%;
        float: left;
        /*padding: 0 40px 0 0;*/
    }
    .content .main.main-wide {
        width: 100%;
    }
    @media only screen and (min-width: 900px) {
        .content .main.main-shortened {
            max-width: 610px;
            width: auto;
        }
    }
    .wide .content .main {
        width: 100%;
        float: none;
        padding: 0;
    }

    h1 {
        color: #0096ac;
        font-size: 34px;
        line-height: 1.2;
        font-family:'FrutigerLTW02-65-Bold';

        margin: 0 0 30px 0;
    }
    .wide h1 {
        margin: 0 0 10px 0;
    }

    h2 {
        font-family:'FrutigerLTW02-45Light';
        color: #0096ac;
        font-size: 26px;
        font-weight: 400;
        margin-bottom: 10px;
    }

    h3 {
        color: #0096ac;
        font-size: 18px;
        font-weight: normal;
        font-family:'FrutigerLTW02-65-Bold';
    }
/*.content h4 {
    color: #0a71b9;
    font-size: 16px;
    font-weight: 600;
}
.content h5 {
    color: #5d6068;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}
.content h6 {

    }*/
    .content p,
    .content ul,
    .content ol {
        color: #555555;
        font-weight: normal;
        font-size: 14px;
        line-height: 1.5;

        margin: 0 0 20px 0;
    }
    .content p b,
    .content p strong {
        font-weight: 400;
    }

    .content p.more a,
    .retailertitle {
        color: #0096ac;
        text-decoration: none;
    }
    .content p.more a i,
    .retailertitle i {
        margin: 0 10px 0 0;
    }


    .content ul li {
        margin: 0 0 0 15px;
    }
    .content ol {
        margin-left: 20px;
    }
    .content ol li {
    /*
    background: url('/img/icon.check.png') 0 6px no-repeat;
    list-style-type: none;
    padding: 0 0 0 20px;
    */
    margin: 0 0 10px 0;
}
.content ol li b,
.content ol li strong {
    color: #0096ac;
    font-weight: 300;
}


/* right sidebar */
.content .context {
    width: 30%;
}
.content .context img {
    display: block;
    width: 100%;
    max-width: 145px;
    margin: 0 auto;
}

.subnav_mobile {
    display: none;
}

@media only screen and (max-width: 900px) {
    .sidenavigation {
        display: none;
        width: 100%;
        float: none;
    }
    .content {
        width: 100%;
        float: none;
    }
    .content .main {
        width: 100%;
        float: none;
        padding: 0;
    }
    .content .context {
        width: 100%;
        float: none;
    }
    .subnav_mobile {
        display: block;
        margin-bottom: 20px;
    }
    .subnav_mobile a {
        display: block;
        height: auto;
        width: 100%;
        border: 1px solid #4db6c5;
        background-color: #dcf4f7;
        padding-top: 10px;
        padding-bottom: 10px;
        font-family: "DIN1451W02-Mittelschrif" !important;
        font-size: 18px;
        color: #0096ac !important;
        text-transform: uppercase;
        position: relative;
        cursor: pointer;
        padding-left: 15px;
        text-decoration: none;
        padding-right: 30px;
    }
    .subnav_mobile .subnav_expand a:hover {
        background-color: #0096ac;
        color: #dcf4f7 !important;
    }
    .subnav_mobile a i {
        position: absolute;
        right: 15px;
        font-size: 28px;
        font-weight: bold;
        line-height:20px;
    }
    .subnav_mobile a i.fa-angle-up, .subnav_mobile a.open i.fa-angle-down {
        display: none;
    }
    .subnav_mobile a.open i.fa-angle-up, .subnav_mobile a i.fa-angle-down {
        display: inline-block;
    }
    .subnav_expand {
        display:none;
    }
}



/* overview */
.content .overview {
    width: 100%;
    clear: both;
    margin: 0 0 20px 0;
}
.content .overview h3 {
    border-bottom: 1px solid #ddd;
    line-height: 2;
    margin: 10px 0 10px 0;
}
.content .overview .category {
    clear: both;
    position: relative;
    overflow: hidden;
}
.content .overview .category .products {
    margin: 0 -10px 0 0;
}
.content .overview .category .product {
    width: 33.33333334%;
    float: left;
    margin: 0 0 20px 0;
}
.content .overview .category .product .brick {
    padding: 0 10px 0 0;
}
.content .overview .category .product .image_wrap {
    margin: 0 0 20px 0;
}
.content .overview .category .product .image_wrap img {
    display: block;
    width: 100%;
}
.content .overview .category .product .text_wrap {
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 0;

    padding: 5px 10px;
}

/* product_teaser */
.product_teaser {
    border-color: #dbdbdb;
    border-width: 1px 0;
    border-style: solid;

    padding: 25px 0 0 0;
    margin: 0 0 20px 0;
    overflow: hidden;
    position: relative;
}
.product_teaser .text_wrap {
    width: 70%;
    float: left;
}
.product_teaser .image_wrap {
    width: 25%;
    float: right;
}
.product_teaser .image_wrap img {
    display: block;
    width: 100%;
}

/* stores */
.content .stores {
    border-top: 1px solid #dbdbdb;
    clear: both;
    overflow: hidden;
    margin: 0 -20px 0 0;
    padding: 30px 0;
}
.content .store {
    width: 33.33333334%;
    float: left;
    margin: 0 0 30px 0;
}

.content .main-shortened .store{
    width: 50%;
}

.content .store .brick {
    padding: 0 20px 0 0;
}
.content .store .image_wrap img {
    border: 1px solid #deeaf0;

    display: block;
    width: 100%;
}
.content .store .text_wrap p.more {
    border-bottom: 1px solid #dbdbdb;

    font-weight: 600;
    margin: 0;
    padding: 12px 0;
}

@media only screen and (max-width: 700px) {
    .content .store {
        width: 50%;
        margin-bottom:33px;
    }
}
@media only screen and (max-width: 453px) {
    .content .store .text_wrap p.more {
        font-size: xx-small;
    }
}

/* videos */
.featured {
    border-top: 1px solid #ddd;

    margin: 0 0 45px;
    padding: 45px 0 0 0;

    clear: both;
    overflow: hidden;
}
.featured .text_wrap {
    width: 33.33333334%;
    float: left;
}
.featured .text_wrap .brick {
    padding: 0 20px 0 0;
}
.featured .text_wrap h3 {
    font-size: 26px;
    line-height: 1.8;
}

.featured .video_wrap {
    width: 66.66666667%;
    float: left;
}
.featured .video_wrap .video_container {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}
.video_container iframe {
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
}
.content .video_container_Source {
    margin-bottom: 60px;
    margin-top: 45px;
    position: relative;
    width:640px;
    height:360px;
}
.content .video_container {
    margin-bottom: 60px;
    margin-top: 45px;
    padding-bottom: 56.25%;
    position: relative;
}
.content .video_container iframe {
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
}

.video_container_Source video {
    width: 100%;
    height: 100%;

    position: inherit;
    top: 0;
    left: 0;
}
.video_section {
    background: #e7f4fa;
    padding: 40px 0 80px;
}

.videos {
    clear: both;
    overflow: hidden;
    margin: 0 -20px 0 0;
}
.videos .video {
    width: 33.33333334%;
    float: left;
    margin: 0 0 30px 0;
}
.videos .video .brick {
    padding: 0 20px 0 0;
}
.videos .video .image_wrap {

}
.videos .video .image_wrap img {
    display: block;
    width: 100%;
}
.videos .video .text_wrap {
    height: 60px;
}

.action {
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 0;

    height: 50px;
    position: relative;
}
.action .load {
    color: #0a71b9;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 50px;

    display: block;
}
.action .spinner {
    display: none;

    position: absolute;
    top:  0;
    left: 0;
    right: 0;
    bottom: 0;
}

@media only screen and (max-width: 599px) {

    .content .video_container_Source  {
      width:inherit;
      height:inherit;

  }


  .featured .text_wrap {
    width: 100%;
    float: left;
}

.featured .video_wrap {
    width: 100%;
    float: left;
}

.video_section {
    padding: 40px 0 20px;
}

.videos .video {
    width: 50%;
    float: left;
    margin: 0 0 30px 0;
}
.videos .video .text_wrap .more {
    font-size: 12px;
    line-height: 1.2;
}

.action {
    background: #fff;
    border-color: transparent;
    border-style: solid;
    border-width: 0px;

    height: 50px;
    position: relative;
}
.videos .video .image_wrap {
    height: 0;
    padding-bottom: 75%;
    position: relative;
}
.videos .video .image_wrap iframe {
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
}
}




/* social_buttons */
.sm_buttons {
    border-color: #ddd;
    border-style: solid;
    border-width: 0 0 0 0;

    overflow: hidden;
    padding-top: 20px;
    margin-top: 20px;
    clear: both;
}
.sm_buttons > div {
    float: left;
}
.sm_buttons .sm_facebook {
    margin-left: 20px;

}
.sm_buttons .sm_twitter {
    width: 105px;
}
.sm_buttons .sm_google {
    width: 60px;
}


@media only screen and (max-width: 599px) {
    .sm_buttons {
        display: none;
    }
}





































/* RETAILER */
.productoverview {
    overflow: visible !important;
    margin-bottom: 50px;
}

.retailerlist {
    width: 750px;
    overflow: hidden;
}

.retailer_item {
    width: 230px;
    margin-right: 20px;
    float: left;
    margin-bottom: 40px;
    position: relative;
}

.retailer_item .retailer_image {
    text-align: center;
    border-bottom: solid 1px #ddd;
    height: 210px;
    width: 100%;
    margin-bottom: 10px;
}

.retailer_item .detaillink {
    font-family: 'Signika';
    font-size: 11px;
    color: #1a4498;
    text-decoration: none;
    text-transform: uppercase;
}

.retailer_item .detaillink span {
    padding-left: 10px;
    font-size: 14px;
}

/*MOBILE SEARCH*/
.search_mobile {
    background-color: #f1f1f1;
    text-align: center;
    padding: 12px 0;
    display: none;
}
.search_mobile input {
    background: url("/img/bg_search_mobile.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #9fa3ad;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 10px 10px 40px;
    width: 263px;
}

/* TEASER */
.teaser {
    width: 100%;
}
.teaser .inner {
    padding: 40px 0 50px;
}
.teaser .inner .teaser_item {
    background: #fff;

    display: block;
    width: 33.3333333334%;
    float: left;
}
.teaser.teaser--two .inner .teaser_item {
    display: inline-block;
    width: 50%;
    float: none;
    margin-left: -4px;
    vertical-align: top;
}
.teaser.teaser--two .inner .teaser_item:nth-child(3) {
    display: none;
}

.teaser .inner .teaser_item:hover {
    background: #e5f4f7;
}
.teaser .inner .teaser_item .brick {
    padding: 15px 10px 0;
}
.teaser .inner .teaser_item h2 {
    text-align: center;
}
.teaser .inner .teaser_item h2.h2_mobile {
    display: none;
}
.teaser .inner .teaser_item h2 a {
    color: inherit;
    text-decoration: none;
}
.teaser .inner .teaser_item .image_wrap {
    margin-bottom: 25px;
}
.teaser .inner .teaser_item .image_wrap img {

    display: block;
    width: 100%;
}
.teaser .inner .teaser_item .image_wrap img a {
    display: block;
    text-decoration: none;
    color: inherit;
}
.teaser .inner .teaser_item .text_wrap {
    margin-bottom: 30px;
}
.teaser .inner .teaser_item .text_wrap p {
    color: #575757;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}
.teaser .inner .teaser_item .more_wrap {
    text-align: center;

    display: none;
}
.teaser .inner .teaser_item .more_wrap .more {
    color: #095797;
    font-size: 20px;
    text-decoration: none;
    font-weight: bold;
    padding-right: 22px;
    background: url('/img/arrow-teaser.png') center right no-repeat;
    background-size: contain;
}

@media only screen and (max-width: 599px) {

    .teaser {
        background: #ffffff;
    }
    .teaser .inner {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .teaser .inner .teaser_item,
    .teaser.teaser--two .inner .teaser_item {
        background: #ffffff;
        width: 100%;
        float: none;
        clear: both;
    }
    .teaser .inner .teaser_item .brick {
        padding: 15px 10px;
    }
    .teaser .inner .teaser_item h2 {
        display: none;
    }
    .teaser .inner .teaser_item h2.h2_mobile {
        font-size: 26px;
        margin-top: 1%;
        margin-bottom: 1%;
        display: inline-block;
        width: 55%;
        float: left;
        text-align: left;
    }
    .teaser .inner .teaser_item .image_wrap {
        float: left;
        width: 40%;
        margin: 0 5% 0 0;
    }
    .teaser .inner .teaser_item .text_wrap {
        display: none;
    }
    .teaser .inner .teaser_item .text_wrap p {
        text-align: left;
    }
    .teaser .inner .teaser_item .more_wrap {
        display: block;
        text-align: left;
    }
    .teaser .inner .teaser_item .more_wrap .more {
        font-size: 13px;
    }
    .teaser .inner .teaser_item h2.h2_mobile {
        font-size: 18px;
    }
}


/* QUICKLINKS */
.quicklinks {
    width: 100%;
    background: #e5f4f7;
    padding-top: 40px;
    padding-bottom: 25px;
}
.quicklinks .inner ul {
    float: left;
    list-style-type: none;
    width: 23%;
}

.quicklinks .inner ul li {
    margin-bottom: 8px;
    font-family: 'FrutigerLTW02-55Roman';
    padding-right: 15px;
    box-sizing: border-box;
}
.quicklinks .inner ul a:hover {
    color: #3b3b3b;
}
.quicklinks .inner ul a {
    text-decoration: none;
    color: #555555;
    font-size: 13px;
}
.quicklinks .inner ul a.hl {
    color: #0096ac;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'FrutigerLTW02-65-Bold';
}
.small_ast {
    font-size: 11px;
    clear: both;
    width: 100%;
    padding-top: 17px;
    margin-left: 40px;
    color: #999;
    margin-bottom: 30px;
}
.mobile_element, .ipad_portrait, .footer_mobile, .quicklinks_mobile {
    display: none;
}


/* DISCLAIMER */
.disclaimer {
    background: #e5f4f7;
    padding: 0 0 20px;
}

.reg_statement {
    background: #d8eaee;
    padding: 40px 0;
}
.reg_statement.rs_just_image {
    padding: 0 0 50px 0;
}
.reg_statement p {
    /* Centering should be in backend*/
}
.reg_statement img {
    width:100%;
    max-width:100%;
    display:block;
}
.reg_statement .reg_statement_img_txt {
    padding-bottom:20px;
}

.reg_statement .reg_imageMobile{
    display: none;
}


/*----------------------------------------------------------------------*/
/*- MEDIA QUERY  layouts smaller than 640px and mobiles
----------------------------------------------------------------------*/

@media screen and (max-device-width: 640px), screen and (max-width: 640px) {
    .page {
        padding:15px 0 0;
    }
    .container {
        background: none;
    }

    .quicklinks {
        display: none;
    }

    .quicklinks_mobile {
        display: block;
        background: #f1f1f1;
        overflow: hidden;
        padding: 20px 0;
    }
    .quicklinks_mobile .inner {
        padding: 0;
    }

    .quicklinks_mobile ul {
        float: left;
        width: 45%;
        list-style-type: none;
        margin-left: 5%;
    }
    .quicklinks_mobile ul a {
        text-decoration: none;
        font-size: 12px;
        padding: 4px 0;
        color: #9f9f9f;
        display: inline-block;
    }
    .quicklinks_mobile ul a.hl {
        text-decoration: none;
        color: #0096ac;
    }
    .footer {
        display: none;
    }

    .footer_mobile {
        display: block;
        background: #fff;
        border-top: 1px solid #d3d5d9;
        position: relative;
    }
    .footer_mobile .fm_inner_top, .footer_mobile .fm_inner_bottom {
        position: relative;
        width:80%;
    }
    .footer_mobile .fm_inner_top .fm_footer_col1 {
        float: left;
        width: 20%;
        margin-left:4%;
        margin-top:4%;
    }
    .footer_mobile .fm_inner_top .fm_footer_col1 a img {
        width: 100%;
    }
    .footer_mobile .fm_inner_top p {
        float:lefT;
        width: 70%;
        margin-left:4%;
        margin-top:4%;
        margin-bottom:4%;
    }
    .footer_mobile .fm_inner_bottom p {
        width: auto;
        margin-left: 4%;
        margin-right: 4%;
    }
    .footer_mobile .footer_right {
        position: absolute;
        right: 0;
        top: 0;
        width: 20%;
        min-height:100%;
        background-color: #f0f0f0;
        border-left: 1px solid #d3d5d9;
        text-align: center;
        padding-top: 3px;
    }
    .footer_mobile .footer_right .discover_header, .footer_mobile .footer_right .discover_content {
        text-align: center;
        padding: 0;
        margin: 0;
    }
    .footer_mobile .footer_right .discover_content {
    }
    .footer_mobile .footer_right .discover_content a {
        padding-left:4px;
        padding-right:4px;
        padding-bottom:4px;
        display:inline-block;
    }
    .footer_mobile .footer_right .discover_header {
        margin-bottom: 3px;
        color: #010101;
        height: auto;
        line-height: 12px;
        margin-top: 6px;
    }




    .footer_mobile p {
        color: #7f7f7f;
    }

    .footer_mobile p a {
        color: #404040;
        text-decoration: none;
    }

    .fm_btns {
        background: #eef0f5;
        overflow: hidden;
        width: 100%;
    }

    .fm_btns span {
        color: #003254;
        text-transform: uppercase;
        font-size: 1.2em;
        float: left;
        font-weight: bold;
        margin-left: 1em;
        margin-right: 0.9em;
        margin-top: 1.3em;
    }

    .fm_btns .sm_link {
        float: left;
        margin-top: 1em;
    }

    .fm_btns .rb_logo {
        float: right;
        margin-right: 0.5em;
    }

    .mobile_element, .ipad_portrait {
        display: block;
    }

    .bot_navigation {
        background: #fff;
    }
    .bot_navigation .inner {
        max-width: 980px;
        width: 100%;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        padding: 30px 10px 0;
    }
    .bot_navigation_wrap {
        border-top: 1px solid #efefef;

        clear: both;
        overflow: hidden;

        margin: 0;
        padding: 15px 0 15px;
    }
    .bot_navigation a {
        background: #0a71b9;
        border-radius: 5px;

        color: #fff;
        font-size: 16px;
        line-height: 40px;
        text-decoration: none;

        display: inline-block;
        height: 40px;
        padding: 0 10px
    }
    .bot_navigation .bot_prev {
        float: left;
    }
    .bot_navigation .bot_prev i {
        padding: 0 30px 0 0;
    }
    .bot_navigation .bot_next {
        float: right;
    }
    .bot_navigation .bot_next i {
        padding: 0 0 0 30px;
    }

    .reg_statement .inner{
        padding: 0;
    }

    .reg_statement .reg_text{
        padding: 0 20px;
    }

    .reg_statement .reg_imageMobile{
        display: block;
    }
    .reg_statement .reg_imageDesktop{
        display: none;
    }

}

/** Footer responsive **/
@media only screen and (max-width: 1300px) {
    .footer_left {
        width: 825px;
    }

    .footer_text {
        width: 725px;
    }
}

@media only screen and (max-width: 1000px) {
    .footer {
        position: absolute;
        width: 100%;
        height: auto;
    }

    .rb_logo {
        position: absolute;
    }

    .footer_text {
        width: 85%;
        margin-left: 95px;
    }

    .footer_right {
        width: 15px;
    }

    .footer_left {
        width: 85%;
    }
}


/*- - - - - - -*/
/*             */
/* H A N N E S */
/*             */
/*- - - - - - -*/

/*- - - - - - - -*/
/* D E S K T O P */
/*- - - - - - - -*/

.content .main-left {
    float: left;
    width: 60%;
}

.content .main-product-recommender {
    width:80%;
}

.content .main-right {
    float: right;
    width: 40%;
    padding-left:20px;
}

.content .main-right > .right-content {
    overflow: hidden;
}

.content .main-right > .right-content > img,
.content .main-right > .slideshow > .slide > img {
    max-width: 100%;
}
.content .main-right > .right-content.slideshow {
    min-height:296px !important;
}

.content .main-right > h2 {
    color: #ec008c;
}

.content .main-right > .slideshow > .slide {
    width: 100%;
    text-align: center;
}
.content .main-right > .slideshow .pager-wrapper {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    z-index: 200;
}
.content .main-right > .slideshow .pager-wrapper .cycle-pager {
    left: auto;
    width: 100%;
    margin-left: 0;
    text-align: center;
    bottom: 0;
}
.content .main-right > .slideshow .pager-wrapper .cycle-pager span {
    background: #a8a8a8;
    border: 4px solid #a8a8a8;
    margin: 0 3px;
    border-radius: 50%;

    width: 12px;
    height: 12px;
    display: inline-block;
    text-indent: -9999px;
    cursor: pointer;
}
.content .main-right > .slideshow .pager-wrapper .cycle-pager span.cycle-pager-active {
    background: #fff;
    border: 4px solid #21b1c2;
}

.content .block {
    text-align: left;
    padding:10px 10px;
    margin-bottom: 20px;
    border-top: 1px solid #e3e3e3;
}

.content .block > h1,
.content .results .result .description > h1 {
    font-size: 13px;
    margin-bottom: 5px;
}

.content .block > p,
.content .block > ul > li,
.content .results > .result > .description > p {
    font-size: 12px;
    margin-bottom: 5px;
}

.content .main a {
    font-family: "FrutigerLTW02-65-Bold";
    font-weight: normal;
    text-decoration: none;
    color: #095797;
}

.content .accordion {
    width: 100%;
    margin-bottom: 40px;
}

.content .accordion > .item > .title {
    padding: 15px 0px;
    border-bottom: 1px solid #e3e3e3;
    color: #0096ac;
    font-size: 12px;
    font-family: 'FrutigerLTW02-65-Bold';
    font-weight: normal;
    cursor: pointer;
    display: block;
}
.content .accordion > .item > .title:hover {
    color: #095797;
}

.content .accordion > .item:first-child > .title {
    border-top: 1px solid #e3e3e3;
}

.content .accordion > .item > .title > .arrow {
    position: relative;
    padding: 0px 15px;
    float: right;
    background: url("../img/accordion-arrow.png") no-repeat left top;
    width: 15px;
    height: 15px;
}
.content .accordion > .item > .title:hover > .arrow {
    background-position: -45px top;
}
.content .accordion > .accordion-active > .title > .arrow {
    background-position: left bottom;
}
.content .accordion > .accordion-active:hover > .title > .arrow {
    background-position: -45px bottom;
}

.content .accordion > .item > .text {
    padding: 30px 0px 10px;
    border-bottom: 1px solid #e3e3e3;
}

.content .accordion > .item > .text > ul > li,
.content .accordion > .item > .text > p {
    font-size: 14px;
}


/* sitemap */
.content .sitemap ul {
    float: left;
    list-style-type: none;
    width: 23%;
}

.content .sitemap ul li {
    margin-bottom: 8px;
    font-family: 'FrutigerLTW02-55Roman';
}
.content .sitemap ul a:hover {
    color: #3b3b3b;
}
.content .sitemap ul a {
    text-decoration: none;
    color: #555555;
    font-family: 'FrutigerLTW02-55Roman';
    font-size: 13px;
}
.content .sitemap ul a.hl {
    color: #0096ac;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'FrutigerLTW02-65-Bold';
}
.content .sitemap ul a i {
    color: #0096ac;
    font-weight: bold;

    margin: 0 10px 0 0;

    float: left;
}
.content .sitemap ul a span {
    display: block;
    overflow: hidden;
}

@media only screen and (max-width: 700px) {
    .content .sitemap ul {
        width: 46%;
    }
}
@media only screen and (max-width: 400px) {
    .content .sitemap ul {
        width: 96%;
    }
}




.content .hint-bold {
    font-size: 14px;
    font-family: 'FrutigerLTW02-65-Bold';
}

.content .hint-small {
    font-size: 11px;
}

.content .hint-small > a {
    font-family: "FrutigerLTW02-55Roman";
    color: #555;
}

.content .hint-small > a:hover {
    text-decoration: underline;
}

.content .hint-box {
    width: 100%;
    padding: 15px 20px;
    background: #e5f4f7;
    font-size: 13px;
    font-family: "FrutigerLTW02-45Light";
    color: #0096ac;
    border-radius: 5px;
}

.content .questions {
    width: 100%
}

.content .questions > .question {
    width: 100%;
    padding: 20px;
    background: #e5f4f7;
    margin: 15px 0px;
    border-radius: 5px;
}
.content .questions > .question.with-image {
    padding: 0;
}

.content .questions > .question .header {
    overflow: hidden;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}
.content .questions > .question.with-image .header {
    display: table;
    width: 100%;
}


.content .questions > .question h1 {
    font-family: "FrutigerLTW02-55Roman";
    font-size: 20px;
    color:#0096ac;
    margin-bottom: 0px;
    display: table-cell;
    vertical-align: middle;
}
.content .questions > .question.with-image h1 {
    padding: 20px;
}

.content .questions > .question .image {
    display: table-cell;
    vertical-align: middle;
    width: 25%;
    text-align: right;
    font-size: 0;
}
.content .questions > .question .image img {
    max-width: 100%;
}

.content .questions > .question .error_message {
    display: none;
    color: #ee222e;
    font-family: "FrutigerLTW02-56Italic";
    font-size: 14px;
    padding: 10px 0 0;
}
.content .questions > .question.with-image .error_message {
    padding: 0;
}

.content .questions > .question > .options {
    width: 100%;
    display: none;
}
.content .questions > .question.with-image > .options {
    padding: 20px;
    border-top: 1px solid #b7e1e8;
}

.content .questions > .question:first-child > .options {
    display: block;
}

.content .questions > .question > .options > .option {
    cursor: pointer;
    width: 100%;
    font-family: "FrutigerLTW02-55Roman";
    font-size: 14px;
    color:#555555;
    margin: 10px 0px;
}
.content .questions > .question > .options > .option:hover {
    color: #095797;
}

.content .questions > .question > .options > .option > .radio {
    margin-right: 10px;
    margin-bottom: -4px;
    display: inline-block;
    position: relative;
    background: url("../img/product-recommender-radio.png") no-repeat bottom left;
    height: 24px;
    width: 33px;
    float: left;
}

.content .questions > .question > .options > .buttons {
    position: relative;
    height: 32px;
}

@media screen and (max-width: 500px){
    .content .questions > .question .image {
        width: 32%;
    }
}

@media screen and (max-width: 360px){
    .content .questions > .question .image {
        padding-right: 10px;
    }
}

.content .accordion-buttons {
    position: relative;
    height: 32px;
    margin-bottom: 78px;
}

.content .results {
    display: none;
    width: 100%;
}

.content .results > div{
    float: left;
    width: 100%;
}

.content .results .result {
    width: 46%;
    margin-bottom: 10px;
}

.content .results .result.odd {
    float: left;
}

.content .results .result.even {
    float: right;
}

.content .results .result img {
    position: relative;
    margin-bottom: -20px;
    float:right;
    z-index: 50;
    max-width:248px;
}

.content .results .result.no-result img {
  float:none;
  width: 100%;
  margin-bottom: 0;
  display: block;
  max-width: none;
}

@media (max-width: 500px) {
    .content .results .result img {
        float:left;
    }
}
.content .results .result .description {
    position: relative;
    z-index: 100;
    float:left;
    padding: 20px 0px;
    border-top: 1px solid #e3e3e3;
    width: 100%;
}

.content .questions > .question >.options > .buttons > a.button.back,
.content .accordion-buttons > a.button.back {
    float: left;

    border: 1px solid #0096ac;

    background: #00aebf; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWViZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc2OGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aebf), color-stop(100%,#00768f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00aebf 0%,#00768f 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-linear-gradient(top, #00aebf 0%, #00768f 100%);
    background: linear-gradient(to bottom,  #00aebf 0%,#00768f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aebf', endColorstr='#00768f',GradientType=0 ); /* IE6-8 */
    box-shadow:inset 0 1px 0 0 #40c3d0;
}

.content .questions > .question >.options > .buttons > a.button.back:hover,
.content .accordion-buttons > a.button.back:hover {
    float: left;

    border: 1px solid #00adc6;

    background: #00c7dc; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYzdkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlhYjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00c7dc), color-stop(100%,#009ab9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00c7dc 0%,#009ab9 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-linear-gradient(top, #00c7dc 0%, #009ab9 100%);
    background: linear-gradient(to bottom,  #00c7dc 0%,#009ab9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c7dc', endColorstr='#009ab9',GradientType=0 ); /* IE6-8 */
    box-shadow:inset 0 1px 0 0 #40d6e5;
}

.content .questions > .question >.options > .buttons > a.button.back img,
.content .accordion-buttons > a.button.back img {
    float: left;
    margin-top: 4px;
}

.content .questions > .question >.options > .buttons > a.button.next,
.content .accordion-buttons > a.button.next,
.content .questions > .question >.options > .buttons > a.button.find {
    float: right;
}

.content a.button.right img,
.content .questions > .question >.options > .buttons > a.button.next img,
.content .accordion-buttons > a.button.next img,
.content .questions > .question >.options > .buttons > a.button.find img {
    float: right;
    margin-top: 4px;
    padding-right: 0px;
    padding-left: 6px;
}

.content .questions > .question >.options > .buttons > a.button.back,
.content .accordion-buttons > a.button.back,
.content .questions > .question >.options > .buttons > a.button.next,
.content .accordion-buttons > a.button.next,
.content .questions > .question >.options > .buttons > a.button.find {
    height: 32px;
    padding: 6px 12px;
}

.content a.button {
    cursor: pointer;

    display: inline-block;
    padding: 6px 12px;
    height: 32px;
    margin: 10px 0px;
    font-family: "FrutigerLTW02-56Italic";
    /*font-style: italic;*/
    font-size: 14px;
    color: #fff;

    border: 1px solid #105999;

    background: #0b6baf; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiNmJhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzQzN2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b6baf), color-stop(100%,#07437f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0b6baf 0%,#07437f 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-linear-gradient(top, #0b6baf 0%, #07437f 100%);
    background: linear-gradient(to bottom,  #0b6baf 0%,#07437f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b6baf', endColorstr='#07437f',GradientType=0 ); /* IE6-8 */
    box-shadow:inset 0 1px 0 0 #4891c4;
    border-radius: 5px;
}

.content a.button:hover {
    border: 1px solid #2f81ca;
    box-shadow:inset 0 1px 0 0 #6db9e0;

    background: #3ba0d4; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiYTBkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTY2YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ba0d4), color-stop(100%,#2566ba)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3ba0d4 0%,#2566ba 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-linear-gradient(top, #3ba0d4 0%, #2566ba 100%);
    background: linear-gradient(to bottom,  #3ba0d4 0%,#2566ba 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ba0d4', endColorstr='#2566ba',GradientType=0 ); /* IE6-8 */
}

.content a.button > img {
    padding-right: 6px;
    margin-bottom: -2px;
}

.content .products {

}

.content .products > .intro {
    position: relative;
    width: 70%;
    z-index: 200;
}

.content .products > .groups {
    position: relative;
    width: 100%;
    z-index: 100;
}

.content .products > .groups > .group {
    display: block;
    position: relative;
    float: left;
    width: 32%;
    margin-right: 1%;
    margin-bottom: 60px;
}

.content .products > .groups > .group > .add_info {
    height: 60px;
    position: absolute;
    bottom: -30px;
}
.content .products > .groups > .group > .add_info p {
    font-size: 12px;
    margin: 0;
    margin-left: 12px;
    width: 90%;
    text-align: center;
}

.content .products > .groups > .group > .fireman {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left:0px;
}

.content .products > .groups > .group > .size {
    width: 100%;
}

.content .products > .groups > .group > .box {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 80%;
    padding: 8% 10%;
    border-radius: 5px;
}

.content .products > .groups > .group > .box > a {
    display: block;
    font-family: "FrutigerLTW02-65-Bold";
    font-size: 13px;
    line-height: 15px;
}

.content .products > .groups > .group > .box > a:hover {
    text-decoration: underline;
}

.content .products > .groups > .group > .box > a:first-child {
    font-size: 20px;
    margin-bottom: 5px;
    line-height: 20px;
}

.content .products > .groups > .group > .packshot {
    position: absolute;
    left:5%;
    bottom: 0px;
    width: 90%;
    top: 41%;
}

/* DIFFERENT PRODUCTS */

.content .products > .groups > .light_blue > .box {
    background: #e2f3f3;
}

.content .products > .groups > .light_blue  > .box > a,
.content .products > .groups > .light_blue p,
 .content .products > .groups > .light_blue .add_info p{
    color: #0f749a;
}

.content .products > .groups > .rose > .box {
    background: #ffe6dc;
}

.content .products > .groups > .rose > .box > a,
.content .products > .groups > .rose p {
    color: #ff4900;
}

.content .products > .groups > .red > .box {
    background: #ffdce0;
}

.content .products > .groups > .red > .box > a,
.content .products > .groups > .red p {
    color: #ec008c;
}

.content .products > .groups > .pink > .box {
    background: #fde9f4;
}

.content .products > .groups > .pink > .box > a,
.content .products > .groups > .pink p {
    color: #ff001d;
}


.content .products > .groups > .light_orange > .box {
    background: #ffe6dc;
}

.content .products > .groups > .light_orange > .box > a,
.content .products > .groups > .light_orange p {
    color: #ff001d;
}

.content .products > .groups > .Purple > .box {
    background: #f0e8f5;
}

.content .products > .groups > .Purple > .box > a,
.content .products > .groups > .Purple p {
    color: #7d47a0;
}

.content .products > .groups > .Blue > .box {
    background: #e8f5ff;
}

.content .products > .groups > .Blue > .box > a,
.content .products > .groups > .Blue p {
    color: #095797;
}

.content .products > .groups > .orange > .box {
    background: #ffedca;
}

.content .products > .groups > .orange > .box > a,
.content .products > .groups > .orange p {
    color: #f29316;
}

.content .products > .groups > .green > .box {
    background: #e2fbde;
}

.content .products > .groups > .green > .box > a,
.content .products > .groups > .green p {
    color: #38aa22;
}

.content .products > .groups > .yellow > .box {
    background: #fffece;
}

.content .products > .groups > .yellow > .box > a,
.content .products > .groups > .yellow p {
    color: #f6b80f;
}

.content .products > .groups > .cyan > .box {
    background: #c1ece9;
}

.content .products > .groups > .cyan > .box > a,
.content .products > .groups > .cyan p {
    color: #00998e;
}


/* Buy Buttons */

.buy-buttons.accordion > .item > .text {
	display: none;
}
.buy-buttons.accordion .title {
	background: transparent url('/img/expand-open.png') no-repeat 0 12px;
	background-size: 28px;
}
.buy-buttons.accordion .accordion-active .title {
	background-image: url('/img/expand-close.png');
}
.buy-buttons.accordion .title-text {
	padding-left: 40px;
	font-size: 18px;
}
.buy-buttons-variant-list {
	overflow: hidden;
}
.buy-buttons-variant {
	background-color: #0096ac;
    border-radius: 2em;
    color: #fff;
    font-weight: 600;
    margin: 10px 10px 10px 0;
    padding: 1em;
    font-size: 0.9em;
    float: left;
    clear: right;
	cursor: pointer;
}
.buy-buttons-container {
	overflow: hidden;
	padding: 0 20px 20px;
}
.buy-buttons-container .buy-buttons-item {
	float: left;
	padding-right: 12px;
    padding-top: 15px;
}
.buy-buttons-price {
	display: block;
	padding-top: 3px;
	text-align: center;
	font-weight: bold;
}

/*- - - - - - -*/
/* T A B L E T */
/*- - - - - - -*/

@media (max-width: 900px) {
    .hide-tablet {
        display: none !important;
    }

    .content .main-left {
        width: 100%;
    }

    .content .main-right {
        padding-left: 0px;
        width: 100%;
        margin-top: 20px;
    }

    .content .main-product-recommender {
        width:90%;
    }

    .content .main-right > h2 {
        color: #0096ac;
        font-size: 18px;
        font-weight: normal;
        font-family:'FrutigerLTW02-65-Bold';
        text-transform: uppercase;
    }

    .content .main-right > .right-content {
        background: #dcf4f8;
    }

    .content .main-right > .slideshow > .slide {
        padding-top: 10px;
    }

    .content .main-right > .right-content > img {
        float:right;
        margin-left: 20px;
        width:40%;
    }
    .noDisplay {
        display:none;
    }
    .content .block {
        border-top: none;
    }

    .search_mobile {
        display: block;
    }
}

/*- - - - - - -*/
/* M O B I L E */
/*- - - - - - -*/

@media (max-width: 800px) {
    .hide-mobile {
        display: none !important;
    }

    .content .main-product-recommender {
        width:100%;
    }

    .content .products > .intro {
        width: 100%;
    }

    .content .products > .groups > .group {
        width: 48%;
        margin-right: 2%;
    }
}

@media (max-width: 500px) {
    .content .results > .result {
        width: 100%;
    }

    .content .results .buttons {
        text-align: center;
    }

    .content .products > .groups > .group > .box > a {
        font-size: 10px;
        line-height: 12px;
    }

    .content .products > .groups > .group > .box > a:first-child {
        font-size: 13px;
        line-height: 14px;
        margin-bottom: 5px;
    }
}


@media only screen and (min-width: 900px) {

    .mobile_mainnav{
        display: none !important;
    }

}


li.DoubleActionPage a {
    background: #e01e85 !important;
    color: white;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

li.DoubleActionPage a:hover {
    background: #0b6aae !important;
    color: white;
}

.videoWrapper {
    width:100%;
    height:100%;
}

.content img{
    max-width: 100%;
}


.pflichtfeldangaben {
    z-index: 500;
}
.pflichtfeldangaben__trigger {
    display: block;
    text-align: center;
    color: #fff;
    padding: 15px 5px;
    background: #53b7c9;
    font-size: 1.3em;
    cursor: pointer;
}
.pflichtfeldangaben__content {
    position: relative;
    color: #555555;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
}
.pflichtfeldangaben__content__scroll {
    padding: 20px 10px;
    max-height: 410px;
    overflow: auto;
}
.pflichtfeldangaben__content h1 {
    font-size: 18px;
    font-weight: normal;
    color: #555555;
    margin: 10px 0 20px;
    margin-right: 50px;
}
.pflichtfeldangaben__content p {
    margin: 15px 0;
}
.pflichtfeldangaben__content__close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #53b7c9;
    color: #fff;
    text-align: center;
    line-height: 52px;
    font-size: 24px;
    font-weight: bold;
}
.pflichtfeldangaben__trigger__open, .pflichtfeldangaben__trigger__closed {
    display: none;
}

@media screen and (max-width: 900px) {
    .pflichtfeldangaben {
        position: relative;
        z-index: 500;
        height: 49px;
    }
    .pflichtfeldangaben__content_scroll {
        max-height: 80vh;
    }
    .pflichtfeldangaben__trigger__closed {
        display: inline-block;
    }
    .pflichtfeldangaben.open .pflichtfeldangaben__trigger__closed {
        display: none;
    }
    .pflichtfeldangaben.open .pflichtfeldangaben__trigger__open {
        display: inline-block;
    }
    .pflichtfeldangaben__trigger {
        
    }
    .pflichtfeldangaben__content {
        display: none;
    }
}
@media screen and (min-width: 901px) {
    .pflichtfeldangaben {
        position: fixed;
        left: 100%;
        top: 250px;
        width: 710px;
        margin-left: 0;
        -webkit-transition: margin-left 380ms;
          transition: margin-left 380ms;

    }

    .pflichtfeldangaben.open {
        margin-left: -710px;
    }
    .pflichtfeldangaben__trigger {
        display: inline-block;
        position: absolute;
        left: -40px;
        padding: 0 12px;
        height: 40px;
        line-height: 40px;
          -webkit-transform: rotate(-90deg)  translateX(-100%);
      -ms-transform: rotate(-90deg)  translateX(-100%);
          transform: rotate(-90deg)  translateX(-100%);
        -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
                transform-origin: 0 0;
        border-radius: 5px 5px 0 0;
        top: 0;
    }
    .pflichtfeldangaben__content {
        border-radius: 0 0 0 5px;
        box-shadow: -1px 3px 5px 0 rgba(0,0,0,.2);
    }
    .pflichtfeldangaben__content__scroll {
        background: #fff;
        padding: 20px 60px 30px;
        min-height: 300px;
    }
    .pflichtfeldangaben__content__close {
        right: auto;
        left: 10px;
        top: 20px;
        width: 40px;
        height: 40px;
        line-height: 42px;
        font-size: 16px;
    }
}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */