@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}
html {
    line-height: 1
}
ol, ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}
q, blockquote {
    quotes: none
}
q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
}
a img {
    border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block
}

/* font-family: "PFDinCondensedRegular"; */
@font-face {
    font-family: "PFDinCondensedRegular";
    src: url("../fonts/PFDinCondensedRegular/PFDinCondensedRegular.eot");
    src: url("../fonts/PFDinCondensedRegular/PFDinCondensedRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/PFDinCondensedRegular/PFDinCondensedRegular.woff") format("woff"),
    url("../fonts/PFDinCondensedRegular/PFDinCondensedRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "PFDinCondensedMedium"; */
@font-face {
    font-family: "PFDinCondensedMedium";
    src: url("../fonts/PFDinCondensedMedium/PFDinCondensedMedium.eot");
    src: url("../fonts/PFDinCondensedMedium/PFDinCondensedMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/PFDinCondensedMedium/PFDinCondensedMedium.woff") format("woff"),
    url("../fonts/PFDinCondensedMedium/PFDinCondensedMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "PFDinCondensedLight"; */
@font-face {
    font-family: "PFDinCondensedLight";
    src: url("../fonts/PFDinCondensedLight/PFDinCondensedLight.eot");
    src: url("../fonts/PFDinCondensedLight/PFDinCondensedLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/PFDinCondensedLight/PFDinCondensedLight.woff") format("woff"),
    url("../fonts/PFDinCondensedLight/PFDinCondensedLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "PFDinCondensedThin"; */
@font-face {
    font-family: "PFDinCondensedThin";
    src: url("../fonts/PFDinCondensedThin/PFDinCondensedThin.eot");
    src: url("../fonts/PFDinCondensedThin/PFDinCondensedThin.eot?#iefix")format("embedded-opentype"),
    url("../fonts/PFDinCondensedThin/PFDinCondensedThin.woff") format("woff"),
    url("../fonts/PFDinCondensedThin/PFDinCondensedThin.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}



@font-face {
    font-family: "PFDinCondensedThin";
    src: url("../fonts/dincomp-webfont.eot");
    src: url("../fonts/dincomp-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/dincomp-webfont.woff") format("woff"), url("../fonts/dincomp-webfont.ttf") format("truetype"), url("../fonts/dincomp-webfont.svg#DINCompRegular") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "PFDinCondensedMedium";
    src: url("../fonts/dincomp-bold-webfont.eot");
    src: url("../fonts/dincomp-bold-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/dincomp-bold-webfont.woff") format("woff"), url("../fonts/dincomp-bold-webfont.ttf") format("truetype"), url("../fonts/dincomp-bold-webfont.svg#DINComp-BoldRegular") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "PFDinCondensedRegular";
    src: url("../fonts/dincomp-cond-webfont.eot");
    src: url("../fonts/dincomp-cond-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/dincomp-cond-webfont.woff") format("woff"), url("../fonts/dincomp-cond-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "PFDinCondensedMedium";
    src: url("../fonts/dincomp-condmedium-webfont.eot");
    src: url("../fonts/dincomp-condmedium-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/dincomp-condmedium-webfont.woff") format("woff"), url("../fonts/dincomp-condmedium-webfont.ttf") format("truetype"), url("../fonts/dincomp-condmedium-webfont.svg#DINComp-CondMediumRegular") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "PFDinCondensedMedium";
    src: url("../fonts/dincomp-condbold-webfont.eot");
    src: url("../fonts/dincomp-condbold-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/dincomp-condbold-webfont.woff") format("woff"), url("../fonts/dincomp-condbold-webfont.ttf") format("truetype"), url("../fonts/dincomp-condbold-webfont.svg#DINComp-CondBoldRegular") format("svg");
    font-weight: normal;
    font-style: normal
}
html, body {
    cursor: default;
    font-family: "PFDinCondensedThin", sans-serif;
    -webkit-font-smoothing: antialiased
}
@media print {
    html, body {
        font-family: serif !important
    }
}
a {
    cursor: pointer;
    color: #1a171b;
    font-size: 15px;
    text-decoration: none
}
a:hover {
    color: #e10000
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 5px 0;
    padding: 0;
    color: #1a171b;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-weight: normal;
    line-height: 100%
}
@media print {
    h1, h2, h3, h4, h5, h6 {
        font-family: serif !important
    }
}
a {
    color: #e10000;
    font-size: 15px;
    text-decoration: underline
}
@media print {
    a:link:after {
        content: " (" attr("href") ") "
    }
}
ul, ol, li, dl, dt, dd {
    margin: 0;
    padding: 0;
    color: #1a171b;
    font-size: 15px;
    line-height: 130%;
    list-style: none
}
.required {
    color: #e10000
}
input, textarea {
    resize: none;
    color: #1a171b;
    font-family: "PFDinCondensedThin", sans-serif;
    font-size: 13px
}
@media print {
    input, textarea {
        font-family: serif !important
    }
}
legend {
    color: #1a171b;
    font-size: 17px;
    font-weight: bold
}
.label, label, .dropdown span, .filter .headline h2, .filter .subfilter li a, .filter fieldset legend>span, .filter fieldset>p, .filter .subfilter legend>span, .filter .subfilter>p {
    display: inline;
    margin: 0 0 5px 0;
    color: #1a171b;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 15px
}
@media print {
    .label, label, .dropdown span, .filter .headline h2, .filter .subfilter li a, .filter fieldset legend>span, .filter fieldset>p, .filter .subfilter legend>span, .filter .subfilter>p {
        font-family: serif !important
    }
}
label {
    font-size: 13px
}
table, tr, td {
    font-size: 15px
}
.text_01, p, .product-detail #content .special-features li .description p, .product-detail #content .special-features li .description>div {
    color: #605e63;
    font-size: 15px;
    line-height: 140%;
    margin: 0 0 15px 0
}
.text_01 em, p em, .product-detail #content .special-features li .description p em, .product-detail #content .special-features li .description>div em {
    font-style: italic
}
.text_01 strong, p strong, .product-detail #content .special-features li .description p strong, .product-detail #content .special-features li .description>div strong {
    color: #1a171b
}
.text_01 sup, p sup, .product-detail #content .special-features li .description p sup, .product-detail #content .special-features li .description>div sup {
    font-size: 75%;
    line-height: 140%;
    vertical-align: text-top
}
.text_01 sub, p sub, .product-detail #content .special-features li .description p sub, .product-detail #content .special-features li .description>div sub {
    font-size: 75%;
    line-height: 140%;
    vertical-align: bottom
}
.headline_01, .headline_01-inverted, .customersupport-teaser p.hotline, .lightbox .lightbox-content .lightbox-title, #banner .banner-content .content-container p span, #banner ul li .content-container p span, #banner .map-content .content-container p span, .maincompany .email {
    display: block;
    float: left;
    clear: both;
    margin: 0 5px 5px 0;
    padding: 9px 10px 0 10px;
    line-height: 100%;
    color: #fff;
    font-family: "PFDinCondensedRegular", sans-serif;
    font-size: 48px;
    font-weight: normal;
    letter-spacing: -1.5px;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #e10000
}
@media print {
    .headline_01, .headline_01-inverted, .customersupport-teaser p.hotline, .lightbox .lightbox-content .lightbox-title, #banner .banner-content .content-container p span, #banner ul li .content-container p span, #banner .map-content .content-container p span, .maincompany .email {
        font-family: serif !important
    }
}
.headline_01-inverted, .customersupport-teaser p.hotline, .lightbox .lightbox-content .lightbox-title {
    float: none;
    padding: 0;
    color: #e10000;
    background-color: transparent
}
.headline_02, h1, #teaser .teaser-fullsize h2, .filter-product h1, .filter-results .product h1, ol.exchange-results .product h1, .newscenter.detail .propmotion-products .product h1, .filter-product h1>a, .filter-results .product h1>a, ol.exchange-results .product h1>a, .newscenter.detail .propmotion-products .product h1>a, .product-detail #banner hgroup h1, .product-detail #banner hgroup h2, .product-detail #banner hgroup .subtitle, .product-detail #banner hgroup .subtitle p, .product-detail #banner hgroup .subtitle h1, .product-detail #banner hgroup .subtitle h2, .product-detail #banner dd, .product-detail #content .special-features li .description h2, .product-detail #content .online-retailers h2.claim, #content.shop .cart-empty h2, .newscenter.list .text h1, .newscenter.list .text h1>a, .grid h1, body.history #content section .text h1, body.magazines #content section .text h1, body.retailer #main form h2, body.retailer #main .retailer-content h2, body.retailer #main form.edit h2, .language-selection h2 {
    line-height: 42px;
    color: #e10000;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 36px;
    text-transform: none
}
.headline_03, .headline_03-light, #teaser .teaser h1, #teaser .teaser h2 {
    line-height: 25px;
    color: #1a171b;
    font-family: "PFDinCondensedMedium";
    font-size: 24px;
    text-transform: uppercase
}
.headline_03-light {
    color: #9c9e9f;
    text-transform: none
}
.headline_04, h2, h3, h4, h5, h6, .product-detail #content section h1, .newscenter.list .text h2, .newscenter.list .text time, .grid h2, .grid h3, .grid h4, .grid h5, body.history #content section .text h2, body.magazines #content section .text h2, body.retailer #main form.edit h3 {
    margin-top: 1px;
    line-height: 110%;
    color: #1a171b;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 18px;
    text-transform: uppercase
}
h1 {
    margin-top: 10px;
    margin-bottom: 30px
}
h2 {
    margin-top: 10px;
    margin-bottom: 30px
}
h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 10px
}
.quotation, #teaser .quote p span {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-image: url('../img/ideal/backgrounds/quotes-1412929627.png');
    overflow: hidden;
    width: 35px;
    height: 30px;
    text-indent: -999px;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .quotation, #teaser .quote p span {
        -webkit-background-size: 70px auto;
        -moz-background-size: 70px auto;
        -o-background-size: 70px auto;
        background-size: 70px auto;
        background-image: url('../img/ideal/backgrounds/quotes@2x-1412929627.png')
    }
}
.quotation.opening, #teaser .quote p span.opening {
    background-position: 0px center
}
.quotation.closing, #teaser .quote p span.closing {
    background-position: -35px center
}
body.de .quotation.opening, body.de #teaser .quote p span.opening, #teaser .quote p body.de span.opening {
    background-position: 0px center
}
body.de .quotation.closing, body.de #teaser .quote p span.closing, #teaser .quote p body.de span.closing {
    background-position: -35px center
}
.leading-dot:before, #content.shop>ul li:before, .newscenter.detail section ul>li:before, .grid ul>li:before, .article-element ul>li:before, body.history #content section .text li:before, body.magazines #content section .text li:before {
    content: "\2022";
    margin-right: 5px;
    color: #e10000
}
.leading-number, .newscenter.detail section ol>li, .grid ol>li, .article-element ol>li {
    list-style: none;
    counter-increment: list
}
.leading-number:before, .newscenter.detail section ol>li:before, .grid ol>li:before, .article-element ol>li:before {
    content: counter(list);
    margin-right: 5px;
    color: #e10000
}
.inline-block, footer .social .networks li, a.button, button.button, .checkbox, .radiobutton, .formular-error, .product-detail #content .overview-features .properties dd li, .newscenter.list .text h2, .newscenter.list .text time, .newscenter.detail time, .newscenter.detail .author, body.retailer #main form.edit li h4 .icon {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.group, a.button.full-size, button.button.full-size, .titlebar, .spinner, .formular-row, .formular-row .radios, .formular-row .checkboxes, .formular-row .checkboxes>div, #banner .banner-content .content-container p, #banner ul li .content-container p, #banner .map-content .content-container p, .filter-results>ul, .filter-results>ol, .filter-results>div, .filter-results .headline, .filter-results .download, .filter-results .video, form.exchange, form.replacement, #content.shop .progressbar, #content.shop .progressbar li>a, #content.shop .progressbar li>div, #content.shop form.confirm, #content.shop form.confirm .addresses, #content.shop form.confirm .billing, .languages, .notifications, .newscenter.list article, .maincompany, .maincompany dl, body.contact #content section, body.contact #content #contact-general aside>div, body.contact #content #contact-international>div, body.contact #content #contact-international .contact dl, body.history #content section, body.magazines #content section, body.sitesearch #content .search-results li {
    overflow: hidden;
    *zoom: 1
}
.content, #content, header .headline, header nav .navigation, header nav .subnavigation ul, footer .generic, footer .sitemap, #banner .banner-content, #banner ul li, #banner .map-content, #banner .map-content .display, #banner .map-content .data, #teaser, .product-detail #banner .banner-content, .product-detail #banner ul li, .product-detail #banner .map-content, .customersupport-form, div.exchange-results, div.replacement-results, .newscenter {
    overflow: hidden;
    *zoom: 1;
    margin-left: auto;
    margin-right: auto;
    width: 960px
}
html, body {
    height: 100%;
    color: #1a171b
}
#wrapper {
    min-height: 100%
}
#main {
    position: relative;
    padding: 0 0 433px 0
}
#banner+#content {
    margin-top: 10px
}
#content>p, #content>h1, #content>h2, #content>h3, #content>h4, #content>h5, #content>h6, #content>ul, #content>ol {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px
}
#content>p {
    margin-bottom: 40px
}
footer {
    margin: -333px 0 0 0;
    height: 333px
}
header {
    position: relative;
    z-index: 200;
    background-color: #fff
}
header .headline {
    position: relative;
    height: 60px;
    padding: 30px 0 0 0
}
@media print {
    header .headline {
        height: auto;
        padding: 0
    }
}
header #logo {
    width: 119px;
    height: 30px;
    background-image: url('../img/ideal/logo-1412929627.jpg');
    display: block;
    margin: 0 0 0 10px;
    text-indent: -99999px;
    background-repeat: no-repeat
}
@media print {
    header #logo {
        width: auto;
        height: auto;
        font-size: 36px;
        font-weight: bold;
        text-indent: 0;
        text-decoration: none;
        background-image: none
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    header #logo {
        -webkit-background-size: 119px auto;
        -moz-background-size: 119px auto;
        -o-background-size: 119px auto;
        background-size: 119px auto;
        background-image: url('../img/ideal/logo@2x-1412929627.jpg')
    }
}
header #site-search {
    position: absolute;
    top: 30px;
    right: 0
}
@media print {
    header #site-search {
        display: none
    }
}
header #site-search label {
    display: none
}
header #site-search div {
    *zoom: 1;
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px;
    background-image: url('../img/generic/backgrounds/header-sitesearch-1412929627.png');
    height: 30px;
    background-position: left top;
    background-repeat: no-repeat
}
header #site-search div:after {
    content: "";
    display: table;
    clear: both
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    header #site-search div {
        -webkit-background-size: 250px auto;
        -moz-background-size: 250px auto;
        -o-background-size: 250px auto;
        background-size: 250px auto;
        background-image: url('../img/generic/backgrounds/header-sitesearch@2x-1412929627.png')
    }
}
header #site-search div:hover {
    background-position: left bottom
}
header #site-search input, header #site-search button {
    float: left;
    display: block;
    margin: 0;
    border: 0;
    background-color: transparent
}
header #site-search input {
    padding: 8px 0 8px 13px;
    width: 177px;
    height: 14px;
    line-height: 14px
}
header #site-search button {
    background-image: url('../img/generic/backgrounds/header-sitesearch-1412929627.png');
    overflow: hidden;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
    background-position: right top;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    header #site-search button {
        -webkit-background-size: 250px auto;
        -moz-background-size: 250px auto;
        -o-background-size: 250px auto;
        background-size: 250px auto;
        background-image: url('../img/generic/backgrounds/header-sitesearch@2x-1412929627.png')
    }
}
header #site-search button:hover {
    background-position: right bottom
}
header nav {
    height: 45px;
    border-bottom: 5px solid #e10000
}
@media print {
    header nav {
        display: none
    }
}
header nav.expanded {
    margin-bottom: 40px
}
header nav, header nav .subnavigation {
    background-image: url('../img/generic/backgrounds/header-shadow-1412929627.png');
    background-position: center top;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    header nav, header nav .subnavigation {
        -webkit-background-size: 1800px auto;
        -moz-background-size: 1800px auto;
        -o-background-size: 1800px auto;
        background-size: 1800px auto;
        background-image: url('../img/generic/backgrounds/header-shadow@2x-1412929627.png')
    }
}
header nav .navigation {
    *zoom: 1;
    height: inherit
}
header nav .navigation:after {
    content: "";
    display: table;
    clear: both
}
header nav .navigation li {
    float: left;
    padding: 0 10px;
    height: inherit
}
header nav .navigation a {
    display: block;
    height: inherit;
    color: #1a171b;
    font-size: 18px;
    font-family: "PFDinCondensedMedium", sans-serif;
    line-height: 45px;
    text-transform: uppercase;
    text-decoration: none
}
header nav .navigation .selected>a {
    color: #e10000
}
header nav .subnavigation {
    position: absolute;
    top: 45px;
    left: 0;
    top: 135px;
    width: 100%;
    height: 45px;
    background-color: #e10000
}
header nav .subnavigation ul {
    *zoom: 1;
    overflow: visible;
    height: 45px
}
header nav .subnavigation ul:after {
    content: "";
    display: table;
    clear: both
}
header nav .subnavigation ul li {
    -webkit-transition: height 0.5s, opacity 0.25s;
    -moz-transition: height 0.5s, opacity 0.25s;
    -o-transition: height 0.5s, opacity 0.25s;
    transition: height 0.5s, opacity 0.25s;
    background-image: url('../img/ideal/backgrounds/header-subnavigation-selected-1412929627.png');
    height: 45px;
    background-position: center bottom;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    header nav .subnavigation ul li {
        -webkit-background-size: 21px auto;
        -moz-background-size: 21px auto;
        -o-background-size: 21px auto;
        background-size: 21px auto;
        background-image: url('../img/ideal/backgrounds/header-subnavigation-selected@2x-1412929627.png')
    }
}
header nav .subnavigation ul a {
    color: #fff
}
header nav .navigation .subnavigation {
    visibility: hidden
}
header nav .navigation .subnavigation li {
    opacity: 0
}
header nav .navigation .subnavigation li.selected {
    height: 56px
}
header nav .navigation .subnavigation li.selected a {
    color: #1a171b
}
header nav .navigation>li:hover .subnavigation, header nav .navigation>li.selected .subnavigation {
    visibility: visible;
    z-index: 200
}
header nav .navigation>li:hover .subnavigation li, header nav .navigation>li.selected .subnavigation li {
    opacity: 1
}
header nav .navigation>li.selected .subnavigation {
    z-index: 100
}
header nav .navigation:hover li .subnavigation li.selected {
    height: 45px
}
header nav .navigation:hover li .subnavigation li:hover {
    height: 56px
}
header .navigation .shoppingcart {
    background-image: url('../img/generic/icons/cart-1412929627.png');
    float: right;
    margin: 0 10px 0 0;
    padding-top: 12px;
    padding-right: 20px;
    height: 33px;
    background-position: right 12px;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    header .navigation .shoppingcart {
        -webkit-background-size: 28px auto;
        -moz-background-size: 28px auto;
        -o-background-size: 28px auto;
        background-size: 28px auto;
        background-image: url('../img/generic/icons/cart@2x-1412929627.png')
    }
}
header .navigation .shoppingcart a {
    background-image: url('../img/ideal/backgrounds/header-cartindicator-1412929627.png');
    text-shadow: #c6c7c8 1px 2px 2px, #c6c7c8 -1px 2px 2px;
    margin: 0 5px;
    padding: 0 0 0 10px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    font-family: 'DINComp', sans-serif;
    font-size: 13px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    header .navigation .shoppingcart a {
        -webkit-background-size: 200px auto;
        -moz-background-size: 200px auto;
        -o-background-size: 200px auto;
        background-size: 200px auto;
        background-image: url('../img/ideal/backgrounds/header-cartindicator@2x-1412929627.png')
    }
}
header .navigation .shoppingcart a span {
    background-image: url('../img/ideal/backgrounds/header-cartindicator-1412929627.png');
    display: block;
    padding: 0 9px 0 0;
    background-position: right top
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    header .navigation .shoppingcart a span {
        -webkit-background-size: 200px auto;
        -moz-background-size: 200px auto;
        -o-background-size: 200px auto;
        background-size: 200px auto;
        background-image: url('../img/ideal/backgrounds/header-cartindicator@2x-1412929627.png')
    }
}
header .navigation .shoppingcart.filled a {
    background-position: left bottom
}
header .navigation .shoppingcart.filled a span {
    background-position: right bottom
}
header .navigation .shoppingcart.selected>a {
    color: #fff
}
header .navigation .account, header .navigation .language {
    float: right
}
header .navigation .account a, header .navigation .language a {
    color: #9c9e9f;
    font-family: 'DINComp', sans-serif;
    text-transform: none
}
header .navigation .language a {
    position: relative;
    padding-left: 26px
}
header .navigation .language img {
    position: absolute;
    display: block;
    margin: -7px 0 0 0;
    top: 50%;
    left: 0;
    width: 18px;
    height: 13px
}
footer {
    position: relative;
    color: #d9dadb;
    background-color: #1a171b;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #202020), color-stop(100%, #131313));
    background: -webkit-linear-gradient(#202020, #131313);
    background: -moz-linear-gradient(#202020, #131313);
    background: -o-linear-gradient(#202020, #131313);
    background: linear-gradient(#202020, #131313)
}
footer a {
    color: #d9dadb;
    text-decoration: none
}
footer .generic {
    background-image: url('../img/generic/backgrounds/footer-worldmap-1412929627.png');
    background-repeat: no-repeat;
    background-position: 768px 22px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    footer .generic {
        -webkit-background-size: 139px auto;
        -moz-background-size: 139px auto;
        -o-background-size: 139px auto;
        background-size: 139px auto;
        background-image: url('../img/generic/backgrounds/footer-worldmap@2x-1412929627.png')
    }
}
footer .generic .title {
    font-size: 17px;
    text-transform: uppercase
}
footer .generic .hotline, footer .generic .social, footer .generic .networks {
    height: 96px;
    line-height: 96px
}
footer .hotline {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 460px;
    color: #fff;
    font-family: "PFDinCondensedMedium", sans-serif
}
footer .hotline .name {
    position: absolute;
    overflow: hidden;
    display: block;
    bottom: 30px;
    text-indent: -999px;
    background-repeat: no-repeat;
    width: 128px;
    height: 12px;
    background-image: url('../img/ideal/icons/company-1412929627.png')
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    footer .hotline .name {
        -webkit-background-size: 128px auto;
        -moz-background-size: 128px auto;
        -o-background-size: 128px auto;
        background-size: 128px auto;
        background-image: url('../img/ideal/icons/company@2x-1412929627.png')
    }
}
.no-js footer .hotline .name {
    display: none
}
footer .hotline .type {
    background-image: url('../img/generic/icons/hotline-arrows-1412929627.png');
    margin: 0 8px 0 0;
    padding: 0 23px 0 0;
    background-position: right center;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    footer .hotline .type {
        -webkit-background-size: 12px auto;
        -moz-background-size: 12px auto;
        -o-background-size: 12px auto;
        background-size: 12px auto;
        background-image: url('../img/generic/icons/hotline-arrows@2x-1412929627.png')
    }
}
footer .social {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px;
    position: relative
}
@media print {
    footer .social {
        display: none
    }
}
footer .social .title {
    color: #fff;
    font-family: "PFDinCondensedMedium", sans-serif
}
footer .social .networks {
    position: absolute;
    display: block;
    top: 0;
    right: 0
}
footer .social .networks li {
    margin: 0 0 3px 0
}
footer .sitemap {
    *zoom: 1
}
@media print {
    footer .sitemap {
        display: none
    }
}
footer .sitemap:after {
    content: "";
    display: table;
    clear: both
}
footer .sitemap li {
    display: block
}
footer .sitemap>li {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px;
    float: left;
    padding: 25px 0 0 0;
    background-image: url("../img/generic/backgrounds/footer-sitemap.jpg");
    background-repeat: repeat-x
}
.boxshadow footer .sitemap>li {
    background-image: none;
    -webkit-box-shadow: #252526 0 -9px 0;
    -moz-box-shadow: #252526 0 -9px 0;
    box-shadow: #252526 0 -9px 0;
    border-top: 1px solid #3e3d40
}
footer .sitemap>li>a {
    color: #fff;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 13px;
    text-transform: uppercase
}
footer .sitemap>li>a:hover {
    color: #e10000
}
footer .sitemap .subsites {
    margin: 3px 0 0 0
}
footer .sitemap .subsites li {
    height: 20px
}
footer .sitemap .subsites a {
    color: #605e63;
    font-size: 13px;
    line-height: 20px
}
footer .sitemap .subsites a:hover {
    color: #e10000
}
footer .languages, footer .notifications {
    display: block;
    background-color: #171717;
    border: 0
}
@media print {
    footer .languages, footer .notifications {
        display: none
    }
}
footer .languages ul, footer .notifications ul, footer .languages p, footer .notifications p {
    display: block;
    float: none;
    width: 940px;
    margin: 0 auto 3px auto;
    padding: 0 10px 3px 10px
}
footer .languages p, footer .notifications p {
    color: #fff;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 13px;
    text-transform: uppercase
}
footer .languages a, footer .notifications a {
    color: #605e63 !important;
    font-family: "PFDinCondensedThin", ​sans-serif !important;
    font-size: 13px !important;
    font-weight: normal !important;
    line-height: 20px !important;
    text-transform: none !important
}
footer .languages a.selected, footer .notifications a.selected {
    color: #d9dadb !important
}
footer .languages a:hover, footer .notifications a:hover {
    color: #e10000 !important
}
a.button, button.button {
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none
}
a.button .icon-left, button.button .icon-left {
    margin-right: 15px
}
a.button .icon-right, button.button .icon-right {
    margin-left: 15px
}
a.button.regular.light .icon-more, button.button.regular.light .icon-more {
    background-position: 0px -20px
}
a.button.regular.light:hover .icon-more, button.button.regular.light:hover .icon-more {
    background-position: 0px 0px
}
a.button.regular.dark .icon-more, button.button.regular.dark .icon-more {
    background-position: 0px -10px
}
a.button.inline.light .icon-more, a.button.inline.dark:hover .icon-more, button.button.inline.light .icon-more, button.button.inline.dark:hover .icon-more {
    background-position: 0px 0px
}
a.button.inline.dark .icon-more, a.button.inline.light:hover .icon-more, button.button.inline.dark .icon-more, button.button.inline.light:hover .icon-more {
    background-position: 0px -20px
}
a.button.inline.light .icon-download, a.button.inline.dark:hover .icon-download, button.button.inline.light .icon-download, button.button.inline.dark:hover .icon-download {
    background-position: -16px 0px
}
a.button.inline.dark .icon-download, a.button.inline.light:hover .icon-download, button.button.inline.dark .icon-download, button.button.inline.light:hover .icon-download {
    background-position: -16px -20px
}
a.button.inline.light .icon-add, a.button.inline.dark:hover .icon-add, button.button.inline.light .icon-add, button.button.inline.dark:hover .icon-add {
    background-position: -48px 0px
}
a.button.inline.dark .icon-add, a.button.inline.light:hover .icon-add, button.button.inline.dark .icon-add, button.button.inline.light:hover .icon-add {
    background-position: -48px -20px
}
a.button.download .icon-more, button.button.download .icon-more {
    background-position: 0px -20px
}
a.button.download:hover .icon-more, button.button.download:hover .icon-more {
    background-position: 0px -10px
}
a.button.download .icon-download, button.button.download .icon-download {
    background-position: -16px -20px
}
a.button.download:hover .icon-download, button.button.download:hover .icon-download {
    background-position: -16px -10px
}
a.button.download .icon-play, button.button.download .icon-play {
    width: 8px
}
a.button.download .icon-play, button.button.download .icon-play {
    background-position: -32px -20px
}
a.button.download:hover .icon-play, button.button.download:hover .icon-play {
    background-position: -32px -10px
}
a.button .button-text, a.button .button-icon, a.button .button-prefix, a.button .button-postfix, button.button .button-text, button.button .button-icon, button.button .button-prefix, button.button .button-postfix {
    float: left;
    display: block;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 13px;
    white-space: nowrap
}
a.button .button-icon, button.button .button-icon {
    width: 11px;
    height: 10px;
    background-image: url('../img/ideal/icons/button-icons-1412929627.png');
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    a.button .button-icon, button.button .button-icon {
        -webkit-background-size: 80px auto;
        -moz-background-size: 80px auto;
        -o-background-size: 80px auto;
        background-size: 80px auto;
        background-image: url('../img/ideal/icons/button-icons@2x-1412929627.png')
    }
}
a.button.regular, button.button.regular {
    padding: 0 15px;
    height: 38px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}
a.button.regular .button-text, button.button.regular .button-text {
    height: 36px;
    line-height: 36px
}
.windows a.button.regular .button-text, .windows button.button.regular .button-text {
    padding-top: 1px
}
.ie a.button.regular .button-text, .ie button.button.regular .button-text {
    height: 38px;
    line-height: 39px
}
a.button.regular .button-icon, button.button.regular .button-icon {
    margin-top: 14px;
    margin-bottom: 14px
}
a.button.regular.light, button.button.regular.light {
    color: #1a171b;
    background-color: #fff;
    border: 1px solid #f6f6f6
}
a.button.regular.light:hover, button.button.regular.light:hover {
    color: #e10000
}
a.button.regular.dark, button.button.regular.dark {
    color: #fff;
    background: #e10000;
    border: 1px solid #cd0000
}
a.button.regular.dark:hover, button.button.regular.dark:hover {
    background-color: #1a171b;
    border: 1px solid #1a171b
}
.cssgradients a.button.regular.dark:hover, .cssgradients button.button.regular.dark:hover {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e3d40), color-stop(100%, #1a171b));
    background: -webkit-linear-gradient(#3e3d40, #1a171b);
    background: -moz-linear-gradient(#3e3d40, #1a171b);
    background: -o-linear-gradient(#3e3d40, #1a171b);
    background: linear-gradient(#3e3d40, #1a171b)
}
.ie7 a.button.regular, .ie7 button.button.regular {
    height: 40px
}
a.button.inline, button.button.inline {
    height: 20px;
    line-height: 20px
}
a.button.inline .button-postfix, button.button.inline .button-postfix {
    margin-left: 3px
}
a.button.inline .icon-left, button.button.inline .icon-left {
    margin: 5px 7px 5px 3px
}
a.button.inline .icon-right, button.button.inline .icon-right {
    margin: 5px 3px 5px 7px
}
.csstransitions a.button.inline .button-icon, .csstransitions button.button.inline .button-icon {
    -webkit-transition: margin 0.1s;
    -moz-transition: margin 0.1s;
    -o-transition: margin 0.1s;
    transition: margin 0.1s
}
.csstransitions a.button.inline:hover .icon-left, .csstransitions button.button.inline:hover .icon-left {
    margin: 5px 15px 0
}
.csstransitions a.button.inline:hover .icon-right, .csstransitions button.button.inline:hover .icon-right {
    margin: 5px 0 5px 10px
}
a.button.inline.light, a.button.inline.dark:hover, a.button.inline.light:hover, button.button.inline.light, button.button.inline.dark:hover, button.button.inline.light:hover {
    color: #e10000
}
a.button.inline.dark, a.button.inline.light:hover, a.button.inline.dark:hover, button.button.inline.dark, button.button.inline.light:hover, button.button.inline.dark:hover {
    color: #1a171b
}
a.button.download, button.button.download {
    padding: 0 15px;
    height: 37px;
    line-height: 37px;
    color: #1a171b;
    background-color: #f6f6f6;
    border: 1px solid #d9dadb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}
.cssgradients a.button.download, .cssgradients button.button.download {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(#ffffff, #f6f6f6);
    background: -moz-linear-gradient(#ffffff, #f6f6f6);
    background: -o-linear-gradient(#ffffff, #f6f6f6);
    background: linear-gradient(#ffffff, #f6f6f6)
}
a.button.download:hover, button.button.download:hover {
    color: #fff;
    border: 1px solid #1a171b;
    background-color: #1a171b
}
.cssgradients a.button.download:hover, .cssgradients button.button.download:hover {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e3d40), color-stop(100%, #1a171b));
    background: -webkit-linear-gradient(#3e3d40, #1a171b);
    background: -moz-linear-gradient(#3e3d40, #1a171b);
    background: -o-linear-gradient(#3e3d40, #1a171b);
    background: linear-gradient(#3e3d40, #1a171b)
}
a.button.download .button-text, a.button.download .button-prefix, a.button.download .button-postfix, button.button.download .button-text, button.button.download .button-prefix, button.button.download .button-postfix {
    text-transform: none
}
a.button.download .button-prefix, a.button.download .button-postfix, button.button.download .button-prefix, button.button.download .button-postfix {
    color: #9c9e9f
}
a.button.download .button-prefix, button.button.download .button-prefix {
    padding-right: 5px
}
a.button.download .button-postfix, button.button.download .button-postfix {
    padding-left: 5px
}
a.button.download .button-icon, button.button.download .button-icon {
    width: 16px;
    margin-top: 14px;
    margin-bottom: 14px
}
a.button.full-size, button.button.full-size {
    display: block;
    margin: 0 0 5px 0
}
a.button.full-size .button-text, a.button.full-size .button-prefix, a.button.full-size .button-postfix, button.button.full-size .button-text, button.button.full-size .button-prefix, button.button.full-size .button-postfix {
    float: left
}
a.button.full-size .button-icon, button.button.full-size .button-icon {
    float: right
}
.to-top-button {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-decoration: none
}
.to-top-button span {
    display: block;
    float: left;
    height: 58px;
    line-height: 58px;
    text-decoration: none
}
.to-top-button .icon {
    background-image: url('../img/ideal/icons/slideshow-buttons-1412929627.png');
    width: 58px;
    background-position: -290px 0px;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .to-top-button .icon {
        -webkit-background-size: 348px auto;
        -moz-background-size: 348px auto;
        -o-background-size: 348px auto;
        background-size: 348px auto;
        background-image: url('../img/ideal/icons/slideshow-buttons@2x-1412929627.png')
    }
}
.to-top-button:hover .icon {
    background-position: -290px -58px
}
.to-top-button .label, .to-top-button label, .to-top-button .dropdown span, .dropdown .to-top-button span, .to-top-button .filter .headline h2, .filter .headline .to-top-button h2, .to-top-button .filter .subfilter li a, .filter .subfilter li .to-top-button a, .to-top-button .filter fieldset legend>span, .filter fieldset .to-top-button legend>span, .to-top-button .filter fieldset>p, .filter .to-top-button fieldset>p, .to-top-button .filter .subfilter legend>span, .filter .subfilter .to-top-button legend>span, .to-top-button .filter .subfilter>p, .filter .to-top-button .subfilter>p {
    display: none;
    color: #605e63;
    font-size: 13px;
    font-family: "PFDinCondensedThin", sans-serif
}
.titlebar {
    background-image: url('../img/generic/backgrounds/breadcrumb-line-1412929627.jpg');
    position: relative;
    margin: 0 auto 30px auto;
    padding: 30px 0 40px 0;
    width: 940px;
    height: 17px;
    background-position: left bottom;
    background-repeat: no-repeat
}
@media print {
    .titlebar {
        height: auto;
        padding: 10px 0;
        border-bottom: 1px solid #9c9e9f
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .titlebar {
        -webkit-background-size: 940px auto;
        -moz-background-size: 940px auto;
        -o-background-size: 940px auto;
        background-size: 940px auto;
        background-image: url('../img/generic/backgrounds/breadcrumb-line@2x-1412929627.jpg')
    }
}
.titlebar ol, .titlebar hgroup {
    display: block
}
.titlebar h1, .titlebar a, .titlebar li {
    margin: 0;
    color: #e10000;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 100%;
    text-transform: uppercase;
    text-decoration: none
}
.titlebar li {
    background-image: url('../img/ideal/icons/link-symbols-1412929627.png');
    float: left;
    display: block;
    padding: 0 15px 0 0;
    margin: 0 5px 0 0;
    background-position: right 3px;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .titlebar li {
        -webkit-background-size: 6px auto;
        -moz-background-size: 6px auto;
        -o-background-size: 6px auto;
        background-size: 6px auto;
        background-image: url('../img/ideal/icons/link-symbols@2x-1412929627.png')
    }
}
.titlebar li.current {
    padding: 0;
    margin: 0;
    background-image: none
}
.titlebar .sharebar {
    position: absolute;
    right: 0;
    top: 25px
}
body.listview .titlebar {
    margin-bottom: 20px
}
.button-sharing {
    background-image: url('../img/generic/icons/sharing-1412929627.png');
    overflow: hidden;
    display: block;
    padding: 0 !important;
    width: 30px;
    height: 28px;
    text-indent: -999px;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .button-sharing {
        -webkit-background-size: 210px auto;
        -moz-background-size: 210px auto;
        -o-background-size: 210px auto;
        background-size: 210px auto;
        background-image: url('../img/generic/icons/sharing@2x-1412929627.png')
    }
}
.facebook-cubic {
    background-position: 0px top
}
.facebook-cubic:hover {
    background-position: 0px bottom
}
.twitter-cubic {
    background-position: -30px top
}
.twitter-cubic:hover {
    background-position: -30px bottom
}
.mail-cubic {
    background-position: -60px top
}
.mail-cubic:hover {
    background-position: -60px bottom
}
.facebook-round {
    background-position: -90px top
}
.facebook-round:hover {
    background-position: -90px bottom
}
.youtube-round {
    background-position: -120px top
}
.youtube-round:hover {
    background-position: -120px bottom
}
.gplus-round {
    background-position: -150px top
}
.gplus-round:hover {
    background-position: -150px bottom
}
.twitter-round {
    background-position: -180px top
}
.twitter-round:hover {
    background-position: -180px bottom
}
.sharebar a {
    float: left
}
.sharebar span {
    display: none
}
button {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
input, textarea {
    outline: none
}
.checkbox {
    position: relative;
    width: 17px;
    height: 17px
}
.checkbox span {
    background-image: url('../img/ideal/backgrounds/ui-ckeckboxes-1412929627.png');
    display: block;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .checkbox span {
        -webkit-background-size: 51px auto;
        -moz-background-size: 51px auto;
        -o-background-size: 51px auto;
        background-size: 51px auto;
        background-image: url('../img/ideal/backgrounds/ui-ckeckboxes@2x-1412929627.png')
    }
}
.checkbox .checked {
    background-position: -17px 0
}
.checkbox.disabled span {
    background-position: -34px 0
}
.checkbox input {
    cursor: pointer;
    position: absolute;
    display: block;
    margin: 0;
    width: 17px;
    height: 17px;
    top: 0;
    left: 0
}
.togglebuttons .checkbox {
    width: 29px;
    height: 29px;
    border: 0
}
.togglebuttons .checkbox span {
    background-image: url('../img/generic/icons/togglebuttons-1412929627.png');
    width: 29px;
    height: 29px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .togglebuttons .checkbox span {
        -webkit-background-size: 145px auto;
        -moz-background-size: 145px auto;
        -o-background-size: 145px auto;
        background-size: 145px auto;
        background-image: url('../img/generic/icons/togglebuttons@2x-1412929627.png')
    }
}
.togglebuttons .checkbox input {
    width: 29px;
    height: 29px
}
.togglebuttons .discs {
    background-position: 0px -58px
}
.togglebuttons .hover .discs {
    background-position: 0px -29px
}
.togglebuttons .checked.discs {
    background-position: 0px 0px
}
.togglebuttons .disabled .discs {
    background-position: 0px -87px
}
.togglebuttons .paperclip {
    background-position: -29px -58px
}
.togglebuttons .hover .paperclip {
    background-position: -29px -29px
}
.togglebuttons .checked.paperclip {
    background-position: -29px 0px
}
.togglebuttons .disabled .paperclip {
    background-position: -29px -87px
}
.togglebuttons .floppy {
    background-position: -58px -58px
}
.togglebuttons .hover .floppy {
    background-position: -58px -29px
}
.togglebuttons .checked.floppy {
    background-position: -58px 0px
}
.togglebuttons .disabled .floppy {
    background-position: -58px -87px
}
.togglebuttons .documents {
    background-position: -87px -58px
}
.togglebuttons .hover .documents {
    background-position: -87px -29px
}
.togglebuttons .checked.documents {
    background-position: -87px 0px
}
.togglebuttons .disabled .documents {
    background-position: -87px -87px
}
.togglebuttons .creditcard {
    background-position: -116px -58px
}
.togglebuttons .hover .creditcard {
    background-position: -116px -29px
}
.togglebuttons .checked.creditcard {
    background-position: -116px 0px
}
.togglebuttons .disabled .creditcard {
    background-position: -116px -87px
}
.dropdown {
    background-image: url('../img/generic/backgrounds/ui-dropdowns-1412929627.png');
    position: relative;
    display: block;
    padding: 0 0 0 12px;
    height: 40px;
    line-height: 40px;
    background-position: left -40px;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .dropdown {
        -webkit-background-size: 960px auto;
        -moz-background-size: 960px auto;
        -o-background-size: 960px auto;
        background-size: 960px auto;
        background-image: url('../img/generic/backgrounds/ui-dropdowns@2x-1412929627.png')
    }
}
.dropdown span {
    background-image: url('../img/generic/backgrounds/ui-dropdowns-1412929627.png');
    overflow: hidden;
    display: block;
    padding: 0 40px 0 0;
    min-width: 120px;
    height: 40px;
    line-height: inherit;
    font-family: "PFDinCondensedThin", sans-serif;
    font-size: 13px;
    background-position: right 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .dropdown span {
        -webkit-background-size: 960px auto;
        -moz-background-size: 960px auto;
        -o-background-size: 960px auto;
        background-size: 960px auto;
        background-image: url('../img/generic/backgrounds/ui-dropdowns@2x-1412929627.png')
    }
}
.dropdown .icon {
    padding: 0 0 0 28px;
    background-repeat: no-repeat;
    background-position: left center
}
.dropdown select {
    position: absolute;
    left: 3px;
    top: 0;
    min-width: 160px;
    height: 38px;
    line-height: 38px;
    background: #fff;
    border: 1px solid #d9dadb
}
.radiobutton {
    position: relative;
    width: 23px;
    height: 23px
}
.radiobutton span {
    background-image: url('../img/ideal/backgrounds/ui-radiobuttions-1412929627.png');
    display: block;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .radiobutton span {
        -webkit-background-size: 46px auto;
        -moz-background-size: 46px auto;
        -o-background-size: 46px auto;
        background-size: 46px auto;
        background-image: url('../img/ideal/backgrounds/ui-radiobuttions@2x-1412929627.png')
    }
}
.radiobutton .checked {
    background-position: -23px 0
}
.radiobutton input {
    cursor: pointer;
    position: absolute;
    display: block;
    margin: 0;
    width: 23px;
    height: 23px;
    top: 0;
    left: 0
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}
.spinner-input, .spinner input, #content.shop table.cart tbody .amount>input {
    background-image: url('../img/generic/backgrounds/ui-spinner-1412929627.jpg');
    -webkit-appearance: none;
    display: block;
    float: left;
    padding: 3px;
    margin: 0 3px 0 0;
    width: 34px;
    height: 34px;
    line-height: 34px;
    border: 0;
    text-align: center;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .spinner-input, .spinner input, #content.shop table.cart tbody .amount>input {
        -webkit-background-size: 40px auto;
        -moz-background-size: 40px auto;
        -o-background-size: 40px auto;
        background-size: 40px auto;
        background-image: url('../img/generic/backgrounds/ui-spinner@2x-1412929627.jpg')
    }
}
.borderradius .spinner-input, .borderradius .spinner input, .spinner .borderradius input, .borderradius #content.shop table.cart tbody .amount>input, #content.shop table.cart tbody .borderradius .amount>input {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 0;
    border: 3px solid #eceded;
    background-image: none
}
.spinner {
    width: 64px
}
.spinner .controls {
    display: block;
    float: left;
    width: 21px;
    height: 40px
}
.spinner .controls a {
    width: 21px;
    height: 40px;
    background-image: url('../img/generic/backgrounds/ui-spinner-buttons-1412929627.jpg');
    display: block;
    line-height: 20px;
    color: #3e3d40;
    text-align: center;
    text-decoration: none;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .spinner .controls a {
        -webkit-background-size: 21px auto;
        -moz-background-size: 21px auto;
        -o-background-size: 21px auto;
        background-size: 21px auto;
        background-image: url('../img/generic/backgrounds/ui-spinner-buttons@2x-1412929627.jpg')
    }
}
.spinner .controls a.increase {
    background-position: left top
}
.spinner .controls a.decrease {
    background-position: left bottom
}
.borderradius.cssgradients .spinner .controls a {
    width: 17px;
    height: 17px;
    line-height: 17px;
    border: 2px solid #eceded;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(#ffffff, #f6f6f6);
    background: -moz-linear-gradient(#ffffff, #f6f6f6);
    background: -o-linear-gradient(#ffffff, #f6f6f6);
    background: linear-gradient(#ffffff, #f6f6f6)
}
.borderradius.cssgradients .spinner .controls a.increase {
    border-bottom-width: 1px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}
.borderradius.cssgradients .spinner .controls a.decrease {
    border-top-width: 1px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}
.formular-row {
    min-height: 45px
}
.formular-label {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    padding: 0 5px 0 13px;
    width: 200px;
    height: 38px;
    line-height: 38px;
    color: #9c9e9f;
    font-family: "PFDinCondensedThin", sans-serif;
    background-color: #f6f6f6;
    border: 1px solid #eceded
}
.error>.formular-label {
    border: 1px solid #e10000;
    background-color: #e10000;
    color: #fff
}
.error>.formular-label .required {
    color: #fff
}
.error>.formular-label .error-sign {
    width: 11px;
    height: 21px;
    background-image: url('../img/ideal/backgrounds/formular-errorindicator-1412929627.png');
    position: absolute;
    display: block;
    top: 10px;
    right: -10px;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .error>.formular-label .error-sign {
        -webkit-background-size: 11px auto;
        -moz-background-size: 11px auto;
        -o-background-size: 11px auto;
        background-size: 11px auto;
        background-image: url('../img/ideal/backgrounds/formular-errorindicator@2x-1412929627.png')
    }
}
.formular-field-selected, input.formular-field:hover, input.formular-field:focus, textarea.formular-field:hover, textarea.formular-field:focus, .formular-row>input:hover, .formular-row>input:focus, .formular-row>textarea:hover, .formular-row>textarea:focus, .error input.formular-field, .error textarea.formular-field, .error.formular-row>input, .error.formular-row>textarea {
    -webkit-box-shadow: inset #f6f6f6 3px 3px, inset #f6f6f6 3px -3px, inset #f6f6f6 -3px -3px, inset #f6f6f6 -3px 3px;
    -moz-box-shadow: inset #f6f6f6 3px 3px, inset #f6f6f6 3px -3px, inset #f6f6f6 -3px -3px, inset #f6f6f6 -3px 3px;
    box-shadow: inset #f6f6f6 3px 3px, inset #f6f6f6 3px -3px, inset #f6f6f6 -3px -3px, inset #f6f6f6 -3px 3px
}
.formular-field, .formular-row>input, .formular-row>textarea {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 700px;
    margin-right: 0;
    width: 700px;
    border: 0px;
    height: 40px
}
.formular-field .dropdown span, .formular-row>input .dropdown span, .formular-row>textarea .dropdown span {
    float: none
}
.formular-field .dropdown select, .formular-row>input .dropdown select, .formular-row>textarea .dropdown select {
    min-width: 100%;
    width: 100%
}
.formular-field .remove, .formular-row>input .remove, .formular-row>textarea .remove {
    width: 13px;
    height: 13px;
    background-image: url('../img/generic/icons/remove-1412929627.png');
    position: absolute;
    overflow: hidden;
    display: block;
    cursor: pointer;
    right: 30px;
    top: 14px;
    text-indent: -999px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .formular-field .remove, .formular-row>input .remove, .formular-row>textarea .remove {
        -webkit-background-size: 13px auto;
        -moz-background-size: 13px auto;
        -o-background-size: 13px auto;
        background-size: 13px auto;
        background-image: url('../img/generic/icons/remove@2x-1412929627.png')
    }
}
input.formular-field, textarea.formular-field, .formular-row>input, .formular-row>textarea {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset #f6f6f6 1px 1px, inset #f6f6f6 1px -1px, inset #f6f6f6 -1px -1px, inset #f6f6f6 -1px 1px;
    -moz-box-shadow: inset #f6f6f6 1px 1px, inset #f6f6f6 1px -1px, inset #f6f6f6 -1px -1px, inset #f6f6f6 -1px 1px;
    box-shadow: inset #f6f6f6 1px 1px, inset #f6f6f6 1px -1px, inset #f6f6f6 -1px -1px, inset #f6f6f6 -1px 1px;
    padding: 12px 0 12px 15px;
    width: 683px;
    height: 14px;
    line-height: 14px;
    border: 1px solid #d9dadb
}
textarea.formular-field, .formular-row>textarea {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 140px;
    line-height: 110%
}
.formular-row .radios, .formular-row .checkboxes {
    margin: 20px 0 0 250px;
    padding: 0 0 30px 0
}
.formular-row .radios>div, .formular-row .checkboxes>div {
    float: left;
    margin: 0 25px 0 0
}
.formular-row .radios>div label, .formular-row .radios>div .radiobutton, .formular-row .checkboxes>div label, .formular-row .checkboxes>div .radiobutton {
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
    color: #9c9e9f
}
.formular-row .radios>div label, .formular-row .checkboxes>div label {
    margin: 0 0 0 7px
}
.formular-row .checkboxes>div .checkbox {
    float: left
}
.formular-row .checkboxes>div label {
    float: right;
    height: 17px;
    line-height: 17px
}
.formular-error {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    padding: 10px 15px;
    min-height: 20px;
    color: #fff;
    font-family: "PFDinCondensedThin", sans-serif;
    background-color: #e10000
}
.formular-error ul li {
    display: block;
    margin: 0;
    padding: 0;
    color: #fff;
    font-family: "PFDinCondensedThin", sans-serif
}
.formular-error .sign {
    background-image: url('../img/ideal/backgrounds/formular-error-sign-1412929627.png');
    position: absolute;
    display: block;
    width: 21px;
    height: 21px;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .formular-error .sign {
        -webkit-background-size: 43px auto;
        -moz-background-size: 43px auto;
        -o-background-size: 43px auto;
        background-size: 43px auto;
        background-image: url('../img/ideal/backgrounds/formular-error-sign@2x-1412929627.png')
    }
}
.formular-error.top {
    margin-top: 13px
}
.formular-error.top .sign {
    left: 9px;
    top: -11px;
    background-position: -11px 0
}
.formular-error.right {
    margin-right: 13px
}
.formular-error.right .sign {
    right: -11px;
    top: 9px;
    background-position: -22px -11px
}
.formular-error.bottom {
    margin-bottom: 13px
}
.formular-error.bottom .sign {
    left: 9px;
    bottom: -11px;
    background-position: -11px -22px
}
.formular-error.left {
    margin-left: 13px
}
.formular-error.left .sign {
    left: -11px;
    top: 9px;
    background-position: 0 -11px
}
.slideshow, #banner {
    position: relative;
    height: 450px
}
.slideshow ul, #banner ul {
    display: block;
    overflow: hidden;
    overflow-y: scroll;
    padding: 0;
    margin: 0
}
.slideshow ul li, #banner ul li, .slideshow ul img, #banner ul img {
    padding: 0;
    margin: 0
}
.slideshow .pager-buttons, #banner .pager-buttons {
    overflow: visible;
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 20px;
    width: 100%;
    height: 25px;
    text-align: center;
    background-color: transparent;
    background-image: none
}
.slideshow .pager-buttons .pager-button, #banner .pager-buttons .pager-button {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-image: url('../img/ideal/icons/slideshow-pagers-1412929627.png');
    margin: 0 2px;
    width: 25px;
    height: 25px;
    background-position: right top
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .slideshow .pager-buttons .pager-button, #banner .pager-buttons .pager-button {
        -webkit-background-size: 50px auto;
        -moz-background-size: 50px auto;
        -o-background-size: 50px auto;
        background-size: 50px auto;
        background-image: url('../img/ideal/icons/slideshow-pagers@2x-1412929627.png')
    }
}
.slideshow .pager-buttons .pager-button.selected, #banner .pager-buttons .pager-button.selected {
    background-position: left top
}
.slideshow .pager-buttons .pager-button a, #banner .pager-buttons .pager-button a {
    overflow: hidden;
    display: block;
    width: 25px;
    height: 25px;
    text-decoration: none;
    text-indent: -999px
}
.slideshow .slider-button, #banner .slider-button {
    background-image: url('../img/ideal/icons/slideshow-buttons-1412929627.png');
    -webkit-transition: opacity 0.5s, left 0.5s, right 0.5s;
    -moz-transition: opacity 0.5s, left 0.5s, right 0.5s;
    -o-transition: opacity 0.5s, left 0.5s, right 0.5s;
    transition: opacity 0.5s, left 0.5s, right 0.5s;
    position: absolute;
    display: block;
    overflow: hidden;
    z-index: 100;
    margin-top: -29px;
    top: 50%;
    width: 58px;
    height: 58px;
    text-indent: -999px;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .slideshow .slider-button, #banner .slider-button {
        -webkit-background-size: 348px auto;
        -moz-background-size: 348px auto;
        -o-background-size: 348px auto;
        background-size: 348px auto;
        background-image: url('../img/ideal/icons/slideshow-buttons@2x-1412929627.png')
    }
}
.touch .slideshow .slider-button, .touch #banner .slider-button {
    display: none
}
.opacity .slideshow .slider-button, .opacity #banner .slider-button {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}
.slideshow .slider-button.previous, #banner .slider-button.previous {
    left: 40px;
    background-position: 0 0
}
.slideshow .slider-button.previous:hover, #banner .slider-button.previous:hover {
    background-position: 0 -58px
}
.slideshow .slider-button.next, #banner .slider-button.next {
    right: 40px;
    background-position: -58px 0
}
.slideshow .slider-button.next:hover, #banner .slider-button.next:hover {
    background-position: -58px -58px
}
.oldie .slideshow .slider-button.previous, .oldie #banner .slider-button.previous {
    background-position: 0 0;
    background-image: url("../img/ideal/icons/slideshow-buttons/left-normal.png");
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="../img/ideal/icons/slideshow-buttons/left-normal.png", sizingMethod="crop")
}
.oldie .slideshow .slider-button.previous:hover, .oldie #banner .slider-button.previous:hover {
    background-position: 0 0;
    background-image: url("../img/ideal/icons/slideshow-buttons/left-hover.png");
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="../img/ideal/icons/slideshow-buttons/left-hover.png", sizingMethod="crop")
}
.oldie .slideshow .slider-button.next, .oldie #banner .slider-button.next {
    background-position: 0 0;
    background-image: url("../img/ideal/icons/slideshow-buttons/right-normal.png");
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="../img/ideal/icons/slideshow-buttons/right-normal.png", sizingMethod="crop")
}
.oldie .slideshow .slider-button.next:hover, .oldie #banner .slider-button.next:hover {
    background-position: 0 0;
    background-image: url("../img/ideal/icons/slideshow-buttons/right-hover.png");
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="../img/ideal/icons/slideshow-buttons/right-hover.png", sizingMethod="crop")
}
@media only screen and (max-width: 1145px) {
    .slideshow .slider-button, #banner .slider-button {
        -webkit-transition: opacity 0.5s, left 0.5s, right 0.5s;
        -moz-transition: opacity 0.5s, left 0.5s, right 0.5s;
        -o-transition: opacity 0.5s, left 0.5s, right 0.5s;
        transition: opacity 0.5s, left 0.5s, right 0.5s
    }
    .slideshow .slider-button.previous, #banner .slider-button.previous {
        left: 5px
    }
    .slideshow .slider-button.next, #banner .slider-button.next {
        right: 5px
    }
}
@media only screen and (max-width: 1145px) {
    .slideshow .slider-button, #banner .slider-button {
        display: none
    }
    .opacity .slideshow .slider-button, .opacity #banner .slider-button {
        display: block;
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transition: opacity 0.5s, left 0.5s, right 0.5s;
        -moz-transition: opacity 0.5s, left 0.5s, right 0.5s;
        -o-transition: opacity 0.5s, left 0.5s, right 0.5s;
        transition: opacity 0.5s, left 0.5s, right 0.5s
    }
}
#banner {
    background-image: url('../img/generic/backgrounds/banner-1412929627.jpg');
    margin: 0;
    height: 450px;
    background-repeat: repeat-x
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    #banner {
        -webkit-background-size: 5px auto;
        -moz-background-size: 5px auto;
        -o-background-size: 5px auto;
        background-size: 5px auto;
        background-image: url('../img/generic/backgrounds/banner@2x-1412929627.jpg')
    }
}
.cssgradients #banner {
    background-image: none;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(33%, #ffffff), color-stop(100%, #d9dadb));
    background-image: -webkit-linear-gradient(#ffffff, #ffffff 33%, #d9dadb 100%);
    background-image: -moz-linear-gradient(#ffffff, #ffffff 33%, #d9dadb 100%);
    background-image: -o-linear-gradient(#ffffff, #ffffff 33%, #d9dadb 100%);
    background-image: linear-gradient(#ffffff, #ffffff 33%, #d9dadb 100%)
}
#banner .banner-content, #banner ul li, #banner .map-content, #banner .map-content .display {
    display: block;
    width: 100%;
    height: 450px
}
#banner ul {
    height: 450px
}
#banner ul li {
    position: relative
}
#banner .banner-content, #banner ul li, #banner .map-content, #banner .map-content .display {
    overflow: hidden;
    position: relative;
    z-index: 2
}
#banner .banner-content .banner-background, #banner ul li .banner-background, #banner .map-content .banner-background {
    position: absolute;
    left: 50%;
    margin-left: -800px;
    width: 1600px;
    height: 450px;
    background-position: center top;
    background-repeat: no-repeat
}
#banner .banner-content .content-container, #banner ul li .content-container, #banner .map-content .content-container {
    position: absolute;
    left: 50%;
    margin-left: -480px
}
#banner .banner-content .content-container p, #banner ul li .content-container p, #banner .map-content .content-container p {
    margin: 60px 0 0 10px
}
.ie7 #banner .banner-content .content-container p, .ie7 #banner ul li .content-container p, .ie7 #banner .map-content .content-container p {
    padding: 0 0 5px 0
}
#banner .banner-content .content-container .button, #banner ul li .content-container .button, #banner .map-content .content-container .button {
    margin: 0 0 0 10px
}
#banner .banner-content .content-container .button.no-headline, #banner ul li .content-container .button.no-headline, #banner .map-content .content-container .button.no-headline {
    margin-top: 60px
}
.csstransitions #banner li .content-container {
    -webkit-transition: margin-left 1s;
    -moz-transition: margin-left 1s;
    -o-transition: margin-left 1s;
    transition: margin-left 1s
}
.csstransitions #banner li.previous .content-container {
    margin-left: -1080px
}
.csstransitions #banner li.current .content-container {
    margin-left: -480px
}
.csstransitions #banner li.next .content-container {
    margin-left: 120px
}
.csstransitions.touch #banner li .content-container {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}
.csstransitions.touch #banner li.previous .content-container {
    margin-left: -480px
}
.csstransitions.touch #banner li.current .content-container {
    margin-left: -480px
}
.csstransitions.touch #banner li.next .content-container {
    margin-left: -480px
}
#banner .map-content {
    position: relative
}
#banner .map-content .display {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0
}
#banner .map-content .data {
    display: none
}
.no-js #banner .map-content .data {
    display: block
}
.no-js #banner .map-content .data span {
    display: block
}
.no-js #banner .map-content .data>span {
    font-family: "PFDinCondensedMedium";
    font-size: 17px
}
#banner .map-content .map-controls {
    background-image: url('../img/ideal/icons/slideshow-buttons-1412929627.png');
    display: block;
    position: absolute;
    overflow: hidden;
    z-index: 100;
    right: 25px;
    width: 58px;
    height: 58px;
    text-indent: -999px;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    #banner .map-content .map-controls {
        -webkit-background-size: 348px auto;
        -moz-background-size: 348px auto;
        -o-background-size: 348px auto;
        background-size: 348px auto;
        background-image: url('../img/ideal/icons/slideshow-buttons@2x-1412929627.png')
    }
}
#banner .map-content .map-controls.zoom-in {
    top: 25px;
    background-position: -174px top
}
#banner .map-content .map-controls.zoom-in:hover {
    background-position: -174px bottom
}
#banner .map-content .map-controls.zoom-out {
    top: 93px;
    background-position: -232px top
}
#banner .map-content .map-controls.zoom-out:hover {
    background-position: -232px bottom
}
#teaser {
    margin-top: 180px
}
#banner+#teaser {
    margin-top: 60px
}
#teaser .teaser {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 300px;
    padding: 30px 0 0 0;
    text-align: center
}
#teaser .teaser h1, #teaser .teaser h2 {
    margin: 0 0 15px 0;
    width: 100%
}
#teaser .teaser p {
    width: 100%;
    margin: 0 0 15px 0;
    color: #9c9e9f;
    font-size: 14px
}
#teaser .teaser .thumbnail {
    margin: 0 0 25px 0;
    height: 160px;
    background-color: #f6f6f6;
    -webkit-transition: background-color 0.25s;
    -moz-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
    transition: background-color 0.25s
}
#teaser .teaser .thumbnail img {
    margin: -30px 0 0 0;
    height: 190px;
    max-width: 300px
}
#teaser .teaser:hover .thumbnail {
    background-color: #e10000
}
.js #teaser .teaser {
    cursor: pointer
}
#teaser .teaser-fullsize {
    background-image: url('../img/generic/backgrounds/teaser-fullsize-1412929627.png');
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    padding: 60px 0;
    text-align: center;
    background-position: left bottom;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    #teaser .teaser-fullsize {
        -webkit-background-size: 940px auto;
        -moz-background-size: 940px auto;
        -o-background-size: 940px auto;
        background-size: 940px auto;
        background-image: url('../img/generic/backgrounds/teaser-fullsize@2x-1412929627.png')
    }
}
#teaser .teaser-fullsize h2 {
    background-image: url('../img/generic/backgrounds/teaser-fullsize-1412929627.png');
    display: block;
    margin: 0;
    padding: 50px 0 40px 0;
    text-align: center;
    background-position: left top;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    #teaser .teaser-fullsize h2 {
        -webkit-background-size: 940px auto;
        -moz-background-size: 940px auto;
        -o-background-size: 940px auto;
        background-size: 940px auto;
        background-image: url('../img/generic/backgrounds/teaser-fullsize@2x-1412929627.png')
    }
}
#teaser .quote {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    text-align: center
}
#teaser .quote p {
    line-height: 130%;
    color: #e10000;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 30px
}
#teaser .quote p span.opening {
    margin: 0 5px 0 0
}
#teaser .quote p span.closing {
    margin: 0 0 0 5px
}
#teaser .quote footer {
    background-image: url('../img/generic/backgrounds/teaser-quotes-border-1412929627.png');
    margin: 35px 0 0 0;
    padding: 35px 0 40px 0;
    height: auto;
    color: #1a171b;
    font-family: "Georgia", "Times New Roman", serif;
    font-size: 14px;
    font-style: italic;
    line-height: 130%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center top
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    #teaser .quote footer {
        -webkit-background-size: 131px auto;
        -moz-background-size: 131px auto;
        -o-background-size: 131px auto;
        background-size: 131px auto;
        background-image: url('../img/generic/backgrounds/teaser-quotes-border@2x-1412929627.png')
    }
}
.filter {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px;
    position: relative;
    padding: 18px 18px 0 18px;
    width: 182px;
    border: 1px solid #eceded;
    background-color: #f6f6f6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}
.filter button.button {
    margin-bottom: 20px
}
.filter .headline {
    padding: 0 0 15px 0
}
.filter .headline h2 {
    text-transform: none
}
.filter .checkboxes label, .filter .togglebuttons label {
    float: right;
    margin: 0;
    width: 160px;
    height: 16px;
    line-height: 16px
}
.js .filter .checkboxes>div {
    position: relative
}
.js .filter .checkboxes>div label {
    position: absolute;
    left: 28px;
    bottom: 0
}
.js .filter .togglebuttons>div {
    float: left;
    margin: 0 8px 0 0
}
.js .filter .togglebuttons>div.last {
    margin: 0
}
.js .filter .togglebuttons label {
    display: none
}
.js .filter .dropdowns>div {
    width: 170px
}
.js .filter .radiobuttons>div {
    height: 23px
}
.js .filter .radiobuttons>div .radiobutton, .js .filter .radiobuttons>div label {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin: 0;
    height: 23px;
    line-height: 23px
}
.filter .tooltip {
    width: 14px;
    height: 14px;
    background-image: url('../img/generic/icons/tooltip-1412929627.png');
    position: relative;
    display: block;
    cursor: pointer;
    z-index: 100
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .filter .tooltip {
        -webkit-background-size: 14px auto;
        -moz-background-size: 14px auto;
        -o-background-size: 14px auto;
        background-size: 14px auto;
        background-image: url('../img/generic/icons/tooltip@2x-1412929627.png')
    }
}
.filter .tooltip span {
    position: absolute;
    display: none;
    z-index: 100;
    padding: 10px;
    top: 15px;
    left: 15px;
    width: 200px;
    height: auto;
    min-height: 1px;
    color: #fff;
    font-size: 13px;
    line-height: 115%;
    background-color: #3e3d40;
    border: 3px solid #1a171b;
    -webkit-box-shadow: rgba(26, 23, 27, 0.5) 0 0 5px;
    -moz-box-shadow: rgba(26, 23, 27, 0.5) 0 0 5px;
    box-shadow: rgba(26, 23, 27, 0.5) 0 0 5px
}
.filter .tooltip:hover span {
    display: block
}
.filter fieldset {
    *zoom: 1;
    position: relative;
    display: block;
    width: 100%;
    border: 0;
    padding: 53px 0 14px 0
}
.filter fieldset:after {
    content: "";
    display: table;
    clear: both
}
.filter fieldset>div {
    margin: 0 0 8px 0
}
.oldie .filter fieldset {
    margin: 0 0 5px 0;
    padding: 0;
    border: 0
}
.oldie .filter fieldset legend {
    padding: 0
}
.oldie .filter fieldset legend>span {
    position: static;
    display: block;
    border: 0
}
.filter .subfilter {
    padding: 0 0 14px 0
}
.filter .subfilter li a {
    position: relative;
    display: block;
    margin: 0;
    padding: 2px 0 8px 30px;
    height: 23px;
    line-height: 23px;
    font-size: 13px;
    text-decoration: none
}
.filter .subfilter li a .icon {
    background-image: url('../img/ideal/backgrounds/ui-radiobuttions-1412929627.png');
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: 0px 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .filter .subfilter li a .icon {
        -webkit-background-size: 46px auto;
        -moz-background-size: 46px auto;
        -o-background-size: 46px auto;
        background-size: 46px auto;
        background-image: url('../img/ideal/backgrounds/ui-radiobuttions@2x-1412929627.png')
    }
}
.filter .subfilter li a.selected .icon {
    background-position: -23px 0
}
.filter .subfilter li a .label, .filter .subfilter li a label, .filter .subfilter li a .dropdown span, .dropdown .filter .subfilter li a span, .filter .subfilter li a .headline h2, .filter .headline .subfilter li a h2, .filter .subfilter li a a, .filter .subfilter li a fieldset>p, .filter .subfilter li a legend>span, .filter .subfilter li a .subfilter>p {
    height: 23px;
    font-size: 13px
}
.filter fieldset legend .tooltip, .filter .subfilter legend .tooltip {
    float: right
}
.filter fieldset legend>span, .filter fieldset>p, .filter .subfilter legend>span, .filter .subfilter>p {
    position: absolute;
    display: block;
    width: 100%;
    margin: 0;
    padding: 20px 0 0 0;
    color: #9c9e9f;
    font-weight: normal;
    border-top: 1px solid #d9dadb
}
.filter fieldset>p, .filter .subfilter>p {
    position: static;
    padding: 20px 0 10px 0
}
.filter fieldset>p {
    border: 0
}
.filter sup {
    clear: both;
    display: block;
    width: 100%;
    padding: 22px 0 0 0;
    color: #c6c7c8;
    font-size: 10px
}
.filter .ordering {
    position: absolute;
    top: 0;
    left: 757px;
    padding: 0
}
.filter .ordering legend, .filter .ordering label {
    display: none
}
.js .filter .security>div {
    position: relative;
    float: left;
    width: 17px;
    height: 37px;
    margin: 0 8px 0 0
}
.js .filter .security>div label {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    text-align: center
}
.js .filter .security>div .checkbox {
    top: 0
}
.filter .application-loader {
    background-image: url('../img/generic/backgrounds/filter-loader-1412929627.png');
    position: absolute;
    z-index: 300;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}
.rgba .filter .application-loader {
    background-image: none;
    background-color: rgba(246, 246, 246, 0.75)
}
.oldie .filter .application-loader {
    background-image: none;
    background-color: #f6f6f6
}
.filter .application-loader .loader {
    width: 31px;
    height: 31px;
    background-image: url('../img/generic/icons/ajax-loader-1412929627.gif');
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .filter .application-loader .loader {
        -webkit-background-size: 31px auto;
        -moz-background-size: 31px auto;
        -o-background-size: 31px auto;
        background-size: 31px auto;
        background-image: url('../img/generic/icons/ajax-loader@2x-1412929627.gif')
    }
}
.filter-product, .filter-results .product, ol.exchange-results .product, .newscenter.detail .propmotion-products .product {
    *zoom: 1;
    position: relative;
    margin: 40px 0 0 20px;
    border-bottom: 1px solid #d9dadb;
    background-color: #ffffff
}
@media print {
    .filter-product, .filter-results .product, ol.exchange-results .product, .newscenter.detail .propmotion-products .product {
        page-break-before: always
    }
}
.filter-product:after, .filter-results .product:after, ol.exchange-results .product:after, .newscenter.detail .propmotion-products .product:after {
    content: "";
    display: table;
    clear: both
}
.filter-product:last-child, .filter-results .product:last-child, ol.exchange-results .product:last-child, .newscenter.detail .propmotion-products .product:last-child {
    border: 0
}
.filter-product .data, .filter-results .product .data, ol.exchange-results .product .data, .newscenter.detail .propmotion-products .product .data {
    position: relative;
    float: left;
    padding: 0 0 100px 0;
    width: 440px;
    min-height: 200px
}
.filter-product h1, .filter-results .product h1, ol.exchange-results .product h1, .newscenter.detail .propmotion-products .product h1, .filter-product h1>a, .filter-results .product h1>a, ol.exchange-results .product h1>a, .newscenter.detail .propmotion-products .product h1>a {
    margin: 0;
    text-decoration: none
}
.filter-product hgroup, .filter-results .product hgroup, ol.exchange-results .product hgroup, .newscenter.detail .propmotion-products .product hgroup {
    margin: 0 0 30px
}
.filter-product .thumbnail, .filter-results .product .thumbnail, ol.exchange-results .product .thumbnail, .newscenter.detail .propmotion-products .product .thumbnail {
    float: left;
    width: 220px;
    text-align: center
}
.filter-results .product .thumbnail img {
    max-width: 220px;
}
.filter-product .properties dl, .filter-results .product .properties dl, ol.exchange-results .product .properties dl, .newscenter.detail .propmotion-products .product .properties dl, .filter-product .properties dt, .filter-results .product .properties dt, ol.exchange-results .product .properties dt, .newscenter.detail .propmotion-products .product .properties dt, .filter-product .properties dd, .filter-results .product .properties dd, ol.exchange-results .product .properties dd, .newscenter.detail .propmotion-products .product .properties dd, .filter-product .properties ul, .filter-results .product .properties ul, ol.exchange-results .product .properties ul, .newscenter.detail .propmotion-products .product .properties ul, .filter-product .properties li, .filter-results .product .properties li, ol.exchange-results .product .properties li, .newscenter.detail .propmotion-products .product .properties li, .filter-product .price dl, .filter-results .product .price dl, ol.exchange-results .product .price dl, .newscenter.detail .propmotion-products .product .price dl, .filter-product .price dt, .filter-results .product .price dt, ol.exchange-results .product .price dt, .newscenter.detail .propmotion-products .product .price dt, .filter-product .price dd, .filter-results .product .price dd, ol.exchange-results .product .price dd, .newscenter.detail .propmotion-products .product .price dd, .filter-product .price ul, .filter-results .product .price ul, ol.exchange-results .product .price ul, .newscenter.detail .propmotion-products .product .price ul, .filter-product .price li, .filter-results .product .price li, ol.exchange-results .product .price li, .newscenter.detail .propmotion-products .product .price li {
    font-size: 13px
}
.filter-product .properties dt, .filter-results .product .properties dt, ol.exchange-results .product .properties dt, .newscenter.detail .propmotion-products .product .properties dt, .filter-product .properties dd, .filter-results .product .properties dd, ol.exchange-results .product .properties dd, .newscenter.detail .propmotion-products .product .properties dd, .filter-product .price dt, .filter-results .product .price dt, ol.exchange-results .product .price dt, .newscenter.detail .propmotion-products .product .price dt, .filter-product .price dd, .filter-results .product .price dd, ol.exchange-results .product .price dd, .newscenter.detail .propmotion-products .product .price dd {
    height: 21px;
    line-height: 21px;
    margin: 0 0 7px 0
}
@media print {
    .filter-product .properties dt, .filter-results .product .properties dt, ol.exchange-results .product .properties dt, .newscenter.detail .propmotion-products .product .properties dt, .filter-product .properties dd, .filter-results .product .properties dd, ol.exchange-results .product .properties dd, .newscenter.detail .propmotion-products .product .properties dd, .filter-product .price dt, .filter-results .product .price dt, ol.exchange-results .product .price dt, .newscenter.detail .propmotion-products .product .price dt, .filter-product .price dd, .filter-results .product .price dd, ol.exchange-results .product .price dd, .newscenter.detail .propmotion-products .product .price dd {
        height: auto
    }
}
.filter-product .properties dt, .filter-results .product .properties dt, ol.exchange-results .product .properties dt, .newscenter.detail .propmotion-products .product .properties dt, .filter-product .price dt, .filter-results .product .price dt, ol.exchange-results .product .price dt, .newscenter.detail .propmotion-products .product .price dt {
    width: 225px
}
.filter-product .properties dd, .filter-results .product .properties dd, ol.exchange-results .product .properties dd, .newscenter.detail .propmotion-products .product .properties dd, .filter-product .price dd, .filter-results .product .price dd, ol.exchange-results .product .price dd, .newscenter.detail .propmotion-products .product .price dd {
    width: 205px;
    padding-left: 10px
}
.filter-product .properties dd span, .filter-results .product .properties dd span, ol.exchange-results .product .properties dd span, .newscenter.detail .propmotion-products .product .properties dd span, .filter-product .price dd span, .filter-results .product .price dd span, ol.exchange-results .product .price dd span, .newscenter.detail .propmotion-products .product .price dd span {
    display: block
}
.filter-product .price, .filter-results .product .price, ol.exchange-results .product .price, .newscenter.detail .propmotion-products .product .price {
    margin: 30px 0 0 0
}
.filter-product dd.price, .filter-results .product dd.price, ol.exchange-results .product dd.price, .newscenter.detail .propmotion-products .product dd.price {
    color: #e10000;
    font-size: 13px
}
.filter-product .buttonset, .filter-results .product .buttonset, ol.exchange-results .product .buttonset, .newscenter.detail .propmotion-products .product .buttonset {
    position: absolute;
    bottom: 40px
}
@media print {
    .filter-product .buttonset, .filter-results .product .buttonset, ol.exchange-results .product .buttonset, .newscenter.detail .propmotion-products .product .buttonset {
        display: none
    }
}
.filter-product .buttonset .addtocart, .filter-results .product .buttonset .addtocart, ol.exchange-results .product .buttonset .addtocart, .newscenter.detail .propmotion-products .product .buttonset .addtocart {
    margin-left: 7px
}
.oldie .filter-product .buttonset .addtocart, .oldie .filter-results .product .buttonset .addtocart, .filter-results .oldie .product .buttonset .addtocart, .oldie ol.exchange-results .product .buttonset .addtocart, ol.exchange-results .oldie .product .buttonset .addtocart, .oldie .newscenter.detail .propmotion-products .product .buttonset .addtocart, .newscenter.detail .propmotion-products .oldie .product .buttonset .addtocart {
    margin-left: 10px
}
.filter-product .buttonset .addtocart.reduced .button, .filter-results .product .buttonset .addtocart.reduced .button, ol.exchange-results .product .buttonset .addtocart.reduced .button, .newscenter.detail .propmotion-products .product .buttonset .addtocart.reduced .button {
    padding: 0 4px;
    width: 26px
}
.filter-product .buttonset .addtocart.reduced .button .button-text, .filter-results .product .buttonset .addtocart.reduced .button .button-text, ol.exchange-results .product .buttonset .addtocart.reduced .button .button-text, .newscenter.detail .propmotion-products .product .buttonset .addtocart.reduced .button .button-text {
    display: none
}
.filter-product .buttonset .addtocart.reduced .button .button-icon, .filter-results .product .buttonset .addtocart.reduced .button .button-icon, ol.exchange-results .product .buttonset .addtocart.reduced .button .button-icon, .newscenter.detail .propmotion-products .product .buttonset .addtocart.reduced .button .button-icon {
    background-image: url('../img/generic/icons/cart-1412929627.png');
    margin: 9px 0;
    width: 24px;
    height: 19px;
    background-position: right top
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .filter-product .buttonset .addtocart.reduced .button .button-icon, .filter-results .product .buttonset .addtocart.reduced .button .button-icon, ol.exchange-results .product .buttonset .addtocart.reduced .button .button-icon, .newscenter.detail .propmotion-products .product .buttonset .addtocart.reduced .button .button-icon {
        -webkit-background-size: 28px auto;
        -moz-background-size: 28px auto;
        -o-background-size: 28px auto;
        background-size: 28px auto;
        background-image: url('../img/generic/icons/cart@2x-1412929627.png')
    }
}
.filter-product .buttonset .addtocart.reduced:hover button .button-icon, .filter-results .product .buttonset .addtocart.reduced:hover button .button-icon, ol.exchange-results .product .buttonset .addtocart.reduced:hover button .button-icon, .newscenter.detail .propmotion-products .product .buttonset .addtocart.reduced:hover button .button-icon {
    background-position: right bottom
}
.filter-product .buttonset .addtocart.reduced.disabled .button .button-icon, .filter-results .product .buttonset .addtocart.reduced.disabled .button .button-icon, ol.exchange-results .product .buttonset .addtocart.reduced.disabled .button .button-icon, .newscenter.detail .propmotion-products .product .buttonset .addtocart.reduced.disabled .button .button-icon, .filter-product .buttonset .addtocart.reduced.disabled .button:hover .button-icon, .filter-results .product .buttonset .addtocart.reduced.disabled .button:hover .button-icon, ol.exchange-results .product .buttonset .addtocart.reduced.disabled .button:hover .button-icon, .newscenter.detail .propmotion-products .product .buttonset .addtocart.reduced.disabled .button:hover .button-icon {
    background-position: right bottom
}
.filter-results {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 700px
}
.touch .filter-results>ul, .touch .filter-results>ol, .touch .filter-results>div {
    padding-bottom: 45px;
    background-image: url('../img/generic/icons/ajax-loader-1412929627.gif');
    background-repeat: no-repeat;
    background-position: center bottom
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .touch .filter-results>ul, .touch .filter-results>ol, .touch .filter-results>div {
        -webkit-background-size: 31px auto;
        -moz-background-size: 31px auto;
        -o-background-size: 31px auto;
        background-size: 31px auto;
        background-image: url('../img/generic/icons/ajax-loader@2x-1412929627.gif')
    }
}
.touch .filter-results>ul.complete, .touch .filter-results>ol.complete, .touch .filter-results>div.complete {
    padding-bottom: 0;
    background-image: none
}
.filter-results>div {
    margin: 0 0 0 20px
}
.filter-results>p {
    display: block;
    margin: 0 0 0 20px;
    height: 50px;
    line-height: 50px;
    color: #e10000;
    font-family: "PFDinCondensedThin", sans-serif;
    border-bottom: 1px solid #d9dadb
}
.filter-results>p span {
    font-family: "PFDinCondensedMedium", sans-serif
}
.infomaterial-filter .filter-results>p {
    padding: 0
}
.filter-results .headline {
    height: 90px;
    border-bottom: 1px dashed #eceded
}
.filter-results .headline h2, .filter-results .headline span {
    display: block;
    margin: 0;
    height: 90px;
    line-height: 90px;
    color: #e10000;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 36px;
    text-transform: none
}
.filter-results .headline h2 {
    float: left
}
.filter-results .headline span {
    float: right;
    font-family: "PFDinCondensedRegular", sans-serif
}
.filter-results .download, .filter-results .video {
    position: relative;
    width: 100%;
    padding: 25px 0;
    color: #9c9e9f;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 20px;
    border-bottom: 1px dashed #eceded
}
.filter-results .download>span, .filter-results .video>span {
    display: block;
    float: left;
    max-width: 450px
}
.filter-results .download a.button, .filter-results .video a.button {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -19px;
    width: auto
}
.filter-noresult {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 700px;
    padding-top: 30px
}
.filter-noresult h1 {
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 36px;
    text-transform: none
}
.filter-noresult p {
    padding: 30px 0 0 0
}
.product hgroup {
    margin: 0 0 20px 0
}
.product h1, .product h2 {
    display: inline
}
.product h2 {
    color: #d9dadb
}
.product .subtitle {
    margin: 0 0 20px 0;
    line-height: 17px;
    font-size: 17px
}
.product .properties, .product .price {
    *zoom: 1
}
.product .properties:after, .product .price:after {
    content: "";
    display: table;
    clear: both
}
.product .properties dt, .product .properties dd, .product .price dt, .product .price dd {
    display: block;
    overflow: hidden;
    float: left;
    font-size: 15px
}
.product .properties dt, .product .price dt {
    color: #9c9e9f;
    font-family: "PFDinCondensedThin", sans-serif
}
@media print {
    .product .properties dt, .product .price dt {
        font-family: serif !important
    }
}
.product .properties dd, .product .price dd {
    font-family: "PFDinCondensedMedium", sans-serif
}
@media print {
    .product .properties dd, .product .price dd {
        font-family: serif !important
    }
}
.product .properties .shreds-also li, .product .properties .shreds-also span, .product .price .shreds-also li, .product .price .shreds-also span {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-image: url('../img/generic/icons/product-shreds-1412929627.png');
    overflow: hidden;
    margin: 0 5px 0 0;
    width: 23px;
    height: 20px;
    text-indent: 999px;
    background-repeat: no-repeat
}
@media print {
    .product .properties .shreds-also li, .product .properties .shreds-also span, .product .price .shreds-also li, .product .price .shreds-also span {
        display: block;
        float: none;
        overflow: auto;
        width: auto;
        text-indent: 0;
        background-image: none
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .product .properties .shreds-also li, .product .properties .shreds-also span, .product .price .shreds-also li, .product .price .shreds-also span {
        -webkit-background-size: 115px auto;
        -moz-background-size: 115px auto;
        -o-background-size: 115px auto;
        background-size: 115px auto;
        background-image: url('../img/generic/icons/product-shreds@2x-1412929627.png')
    }
}
.product .properties .shreds-also li.discs, .product .properties .shreds-also span.discs, .product .price .shreds-also li.discs, .product .price .shreds-also span.discs {
    background-position: 0px 0
}
.product .properties .shreds-also li.paperclip, .product .properties .shreds-also span.paperclip, .product .price .shreds-also li.paperclip, .product .price .shreds-also span.paperclip {
    background-position: -23px 0
}
.product .properties .shreds-also li.creditcard, .product .properties .shreds-also span.creditcard, .product .price .shreds-also li.creditcard, .product .price .shreds-also span.creditcard {
    background-position: -46px 0
}
.product .properties .shreds-also li.floppy, .product .properties .shreds-also span.floppy, .product .price .shreds-also li.floppy, .product .price .shreds-also span.floppy {
    background-position: -69px 0
}
.product .properties .shreds-also li.documents, .product .properties .shreds-also span.documents, .product .price .shreds-also li.documents, .product .price .shreds-also span.documents {
    background-position: -92px 0
}
.product .price dd {
    font-weight: normal
}
.product .price dd span {
    font-weight: bold
}
.product .addtocart {
    *zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-image: url('../img/generic/backgrounds/cart-input-1412929627.jpg');
    height: 40px;
    background-repeat: no-repeat
}
@media print {
    .product .addtocart {
        display: none
    }
}
.product .addtocart:after {
    content: "";
    display: table;
    clear: both
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .product .addtocart {
        -webkit-background-size: 40px auto;
        -moz-background-size: 40px auto;
        -o-background-size: 40px auto;
        background-size: 40px auto;
        background-image: url('../img/generic/backgrounds/cart-input@2x-1412929627.jpg')
    }
}
.product .addtocart input {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin: 0 0 0 5px;
    padding: 0;
    border: 5px solid #cd0000;
    width: 28px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}
.product .addtocart .button {
    padding: 0 7px 0 15px;
    height: 38px;
    width: auto;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}
.cssgradients .product .addtocart .button {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(#ffffff, #f6f6f6);
    background: -moz-linear-gradient(#ffffff, #f6f6f6);
    background: -o-linear-gradient(#ffffff, #f6f6f6);
    background: linear-gradient(#ffffff, #f6f6f6)
}
.product .addtocart .button .button-text {
    text-transform: uppercase
}
.product .addtocart:hover {
    background-position: left bottom
}
.product .addtocart:hover .button {
    color: #fff;
    border: 1px solid #1a171b;
    background-color: #1a171b
}
.cssgradients .product .addtocart:hover .button {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e3d40), color-stop(100%, #1a171b));
    background: -webkit-linear-gradient(#3e3d40, #1a171b);
    background: -moz-linear-gradient(#3e3d40, #1a171b);
    background: -o-linear-gradient(#3e3d40, #1a171b);
    background: linear-gradient(#3e3d40, #1a171b)
}
.product .addtocart:hover .button .button-icon {
    background-position: 0 -10px
}
.product .addtocart.disabled {
    background-image: none
}
.product .addtocart.disabled input, .product .addtocart.disabled input:hover {
    cursor: default;
    margin: 0;
    color: #fff;
    background-color: #eceded;
    border: 5px solid #d9dadb;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}
.product .addtocart.disabled .button, .product .addtocart.disabled .button:hover {
    cursor: default;
    background-color: #d9dadb;
    border: 1px solid #d9dadb
}
.product .addtocart.disabled .button .button-text, .product .addtocart.disabled .button:hover .button-text {
    color: #fff
}
.product .addtocart.disabled .button .button-icon, .product .addtocart.disabled .button:hover .button-icon {
    background-position: right bottom
}
.cssgradients .product .addtocart.disabled .button, .cssgradients .product .addtocart.disabled .button:hover {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d9dadb), color-stop(100%, #d9dadb));
    background: -webkit-linear-gradient(#d9dadb, #d9dadb);
    background: -moz-linear-gradient(#d9dadb, #d9dadb);
    background: -o-linear-gradient(#d9dadb, #d9dadb);
    background: linear-gradient(#d9dadb, #d9dadb)
}
.product .salesinformations {
    font-size: 10px;
    font-family: "arial", sans-serif;
    line-height: 10px
}
.product-detail #main {
    padding-bottom: 333px
}
.product-detail #title {
    margin-bottom: 0
}
.product-detail #banner {
    height: auto;
    background-image: none
}
.product-detail #banner .banner-content, .product-detail #banner ul li, .product-detail #banner .map-content, .product-detail #banner .map-content .display {
    position: relative;
    height: 640px
}
.product-detail #banner .info {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 380px;
    margin-top: 40px
}
.product-detail #banner figure {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 540px;
    position: absolute;
    float: none;
    top: 0;
    right: 10px;
    height: 100%;
    text-align: right
}
.product-detail #banner figure figcaption {
    display: none
}
.product-detail #banner figure img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    max-width: 540px;
    height: auto;
    max-height: 610px
}
.product-detail #banner hgroup {
    margin: 0;
    padding: 0 0 60px 0
}
.product-detail #banner hgroup h1, .product-detail #banner hgroup h2 {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin: 0;
    padding: 0;
    line-height: 100%;
    font-weight: bold;
}
.product-detail #banner hgroup .subtitle, .product-detail #banner hgroup .subtitle p, .product-detail #banner hgroup .subtitle h1, .product-detail #banner hgroup .subtitle h2 {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 100%;
    color: #1a171b
}
.product-detail #banner hgroup .subtitle strong, .product-detail #banner hgroup .subtitle p strong, .product-detail #banner hgroup .subtitle h1 strong, .product-detail #banner hgroup .subtitle h2 strong {
    color: inherit;
    font-weight: bold;
    font-style: normal
}
.product-detail #banner hgroup .subtitle em, .product-detail #banner hgroup .subtitle p em, .product-detail #banner hgroup .subtitle h1 em, .product-detail #banner hgroup .subtitle h2 em {
    color: inherit;
    font-weight: normal;
    font-style: italic
}
.product-detail #banner hgroup .subtitle p {
    font-size: 24px;
    padding-top: 20px;
}
.product-detail #banner dl {
    display: block;
    margin: 0 0 60px 0
}
.product-detail #banner dt {
    margin: 0 0 20px 0;
    color: #9c9e9f
}
.product-detail #banner dt a {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-transform: inherit;
    text-decoration: inherit
}
.product-detail #banner dd {
    margin: 0;
    padding: 0;
    line-height: 100%;
    color: #1a171b
}
.touch .product-detail #banner .slider-button {
    display: block;
    top: auto;
    bottom: 20px
}
.touch .product-detail #banner .slider-button.previous {
    left: 15px
}
.touch .product-detail #banner .slider-button.next {
    right: 15px
}
@media print {
    .product-detail #banner .slider-button {
        display: none
    }
}
.product-detail #banner .button-set {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.product-detail #banner .button-set .button, .product-detail #banner .button-set .addtocart {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0 0 3px 0;
    height: 40px
}
.product-detail #banner .button-set .button-icon {
    float: right
}
.product-detail #banner .button-set .addtocart {
    position: relative;
    padding: 0 0 0 37px
}
.product-detail #banner .button-set .addtocart input {
    position: absolute;
    top: 5px;
    left: 5px;
    margin: 0
}
.product-detail #banner .button-set .addtocart .button {
    margin: 0;
    width: 100%;
    height: 40px
}
.product-detail #banner .button-set .addtocart.disabled input {
    top: 0;
    left: 0
}
.product-detail #banner+#content {
    margin-top: 0
}
.product-detail #content section {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    margin-bottom: 120px
}
.product-detail #content section h1 {
    display: block;
    margin: 0 0 20px 0;
    color: #e10000
}
.product-detail #content section h1 a {
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 18px;
    text-decoration: none
}
.product-detail #content .overview-features {
    *zoom: 1;
    position: relative
}
.product-detail #content .overview-features:after {
    content: "";
    display: table;
    clear: both
}
.product-detail #content .overview-features .properties {
    float: left;
    width: 620px;
    border-top: 1px solid #d9dadb
}
.product-detail #content .overview-features .properties dt, .product-detail #content .overview-features .properties dd {
    float: left;
    width: 310px;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #d9dadb
}
.product-detail #content .overview-features .properties dt {
    color: #9c9e9f
}
.product-detail #content .overview-features .properties dd {
    color: #1a171b;
    text-align: right
}
.product-detail #content .overview-features .properties dd ul {
    height: 100%;
    line-height: 46px
}
.product-detail #content .overview-features .properties dd li, .product-detail #content .overview-features .properties dd span {
    line-height: 46px;
    color: #1a171b
}
.product-detail #content .overview-features .properties dd span {
    display: block
}
.product-detail #content .overview-features .properties dd.shreds-also li {
    margin: 0 0 0 5px
}
.product-detail #content .overview-features .properties dd.shreds-also span {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.product-detail #content .overview-features .interactive {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    margin: 0 10px 0 0;
    padding: 35px 0 0 0;
    top: 0;
    right: 0;
    width: 220px;
    height: 100%
}
.product-detail #content .overview-features .interactive .movie {
    position: relative;
    margin: 0 0 40px 0
}
.product-detail #content .overview-features .interactive .movie a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center
}
.product-detail #content .overview-features .interactive .movie span {
    width: 56px;
    height: 56px;
    background-image: url('../img/ideal/icons/video-play-1412929627.png');
    position: absolute;
    display: block;
    overflow: hidden;
    margin: -28px 0 0 -28px;
    left: 50%;
    top: 50%;
    text-indent: -9999px;
    background-repeat: no-repeat
}
@media print {
    .product-detail #content .overview-features .interactive .movie span {
        display: none
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .product-detail #content .overview-features .interactive .movie span {
        -webkit-background-size: 56px auto;
        -moz-background-size: 56px auto;
        -o-background-size: 56px auto;
        background-size: 56px auto;
        background-image: url('../img/ideal/icons/video-play@2x-1412929627.png')
    }
}
.product-detail #content .overview-features .interactive .movie img {
    width: 100%
}
.product-detail #content .overview-features .interactive .proportions {
    position: absolute;
    right: 0;
    bottom: 0
}
.product-detail #content .overview-features .interactive .proportions img {
    max-width: 220px
}
.product-detail #content .special-features li {
    *zoom: 1;
    padding-top: 35px;
    padding-bottom: 35px;
    border-top: 1px solid #eceded
}
.product-detail #content .special-features li:after {
    content: "";
    display: table;
    clear: both
}
.product-detail #content .special-features li .description {
    padding: 10px 0 0 0
}
.product-detail #content .special-features li .description .claim {
    display: block;
    color: #1a171b;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 13px;
    text-transform: uppercase
}
.product-detail #content .special-features li .description h2 {
    display: block;
    margin: 0;
    padding: 20px 0 0 0;
    line-height: 100%
}
.product-detail #content .special-features li .description p, .product-detail #content .special-features li .description>div {
    padding: 20px 0 0 0;
    color: #605e63
}
.product-detail #content .special-features li .description p>p, .product-detail #content .special-features li .description>div>p {
    padding: 0
}
.product-detail #content .special-features li.img-1-text-2 figure {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 300px
}
.product-detail #content .special-features li.img-1-text-2 .description {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 620px
}
.product-detail #content .special-features li.img-2-text-1 figure {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 620px
}
.product-detail #content .special-features li.img-2-text-1 .description {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 300px
}
.product-detail #content .special-features li.img-3-text-2 figure {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px
}
.product-detail #content .special-features li.img-3-text-2 .description {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 620px
}
.product-detail #content .special-features li.left-to-right figure {
    margin-left: 0
}
.product-detail #content .special-features li.left-to-right .description {
    margin-right: 0
}
.product-detail #content .special-features li.right-to-left figure {
    margin-right: 0;
    float: right
}
.product-detail #content .special-features li.right-to-left .description {
    margin-left: 0
}
.product-detail #content .online-retailers {
    margin-bottom: 240px
}
.product-detail #content .online-retailers h1 {
    margin: 0 0 50px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #d9dadb
}
.product-detail #content .online-retailers h2.claim {
    display: block;
    margin: 0 0 40px 0;
    line-height: 100%
}
.product-detail #content .online-retailers .selection {
    *zoom: 1
}
.product-detail #content .online-retailers .selection:after {
    content: "";
    display: table;
    clear: both
}
.product-detail #content .online-retailers .selection li {
    display: block;
    float: left;
    margin: 0 20px 20px 0;
    width: 220px;
    height: 120px;
    background-color: #fff
}
.product-detail #content .online-retailers .selection li.item-4 {
    margin-right: 0
}
.product-detail #content .online-retailers .selection li.item-8 {
    margin-right: 0
}
.product-detail #content .online-retailers .selection li.item-12 {
    margin-right: 0
}
.product-detail #content .online-retailers .selection li.item-16 {
    margin-right: 0
}
.product-detail #content .online-retailers .selection a {
    position: relative;
    display: block;
    height: 100%;
    border: 1px solid #d9dadb
}
.product-detail #content .online-retailers .selection a:hover {
    border: 1px solid #9c9e9f
}
.product-detail #content .online-retailers .selection a:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/generic/backgrounds/product-retailer-logolayer.png")
}
.rgba .product-detail #content .online-retailers .selection a:after {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.03)
}
.product-detail #content .online-retailers .selection a .logo, .product-detail #content .online-retailers .selection a .label, .product-detail #content .online-retailers .selection a label, .product-detail #content .online-retailers .selection a .dropdown span, .dropdown .product-detail #content .online-retailers .selection a span, .product-detail #content .online-retailers .selection a .filter .headline h2, .filter .headline .product-detail #content .online-retailers .selection a h2, .product-detail #content .online-retailers .selection a .filter .subfilter li a, .filter .subfilter li .product-detail #content .online-retailers .selection a a, .product-detail #content .online-retailers .selection a .filter fieldset legend>span, .filter fieldset .product-detail #content .online-retailers .selection a legend>span, .product-detail #content .online-retailers .selection a .filter fieldset>p, .filter .product-detail #content .online-retailers .selection a fieldset>p, .product-detail #content .online-retailers .selection a .filter .subfilter legend>span, .filter .subfilter .product-detail #content .online-retailers .selection a legend>span, .product-detail #content .online-retailers .selection a .filter .subfilter>p, .filter .product-detail #content .online-retailers .selection a .subfilter>p {
    display: block;
    width: 100%;
    color: #e10000;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}
.product-detail #content .online-retailers .selection a .logo img, .product-detail #content .online-retailers .selection a .label img, .product-detail #content .online-retailers .selection a label img, .product-detail #content .online-retailers .selection a .dropdown span img, .dropdown .product-detail #content .online-retailers .selection a span img, .product-detail #content .online-retailers .selection a .filter .headline h2 img, .filter .headline .product-detail #content .online-retailers .selection a h2 img, .product-detail #content .online-retailers .selection a .filter .subfilter li a img, .filter .subfilter li .product-detail #content .online-retailers .selection a a img, .product-detail #content .online-retailers .selection a .filter fieldset legend>span img, .filter fieldset .product-detail #content .online-retailers .selection a legend>span img, .product-detail #content .online-retailers .selection a .filter fieldset>p img, .filter .product-detail #content .online-retailers .selection a fieldset>p img, .product-detail #content .online-retailers .selection a .filter .subfilter legend>span img, .filter .subfilter .product-detail #content .online-retailers .selection a legend>span img, .product-detail #content .online-retailers .selection a .filter .subfilter>p img, .filter .product-detail #content .online-retailers .selection a .subfilter>p img {
    margin: 20px 0 0 0;
    max-width: 130px;
    max-height: 63px;
    font-size: 0
}
.product-detail #content .online-retailers .selection a .label, .product-detail #content .online-retailers .selection a label, .product-detail #content .online-retailers .selection a .dropdown span, .dropdown .product-detail #content .online-retailers .selection a span, .product-detail #content .online-retailers .selection a .filter .headline h2, .filter .headline .product-detail #content .online-retailers .selection a h2, .product-detail #content .online-retailers .selection a .filter .subfilter li a, .filter .subfilter li .product-detail #content .online-retailers .selection a a, .product-detail #content .online-retailers .selection a .filter fieldset legend>span, .filter fieldset .product-detail #content .online-retailers .selection a legend>span, .product-detail #content .online-retailers .selection a .filter fieldset>p, .filter .product-detail #content .online-retailers .selection a fieldset>p, .product-detail #content .online-retailers .selection a .filter .subfilter legend>span, .filter .subfilter .product-detail #content .online-retailers .selection a legend>span, .product-detail #content .online-retailers .selection a .filter .subfilter>p, .filter .product-detail #content .online-retailers .selection a .subfilter>p {
    position: absolute;
    bottom: 10px
}
.retailers-list {
    margin: 25px 0 0 0
}
.no-js .retailers-list>div {
    height: 300px;
    overflow-y: auto
}
.retailers-list h2 {
    display: block;
    padding: 0 0 20px 0;
    color: #605e63;
    font-family: "PFDinCondensedThin", sans-serif;
    font-size: 15px;
    line-height: 1.2em
}
@media print {
    .retailers-list h2 {
        display: none
    }
}
.no-js .retailers-list h2 .visibility {
    display: none
}
.retailers-list .dropdown {
    margin: 0 0 25px 0
}
@media print {
    .retailers-list .dropdown {
        display: none
    }
}
.retailers-list .dropdown span {
    float: none;
    width: 120px
}
.retailers-list table {
    width: 100%
}
.retailers-list table thead {
    color: #e10000
}
.retailers-list table thead tr {
    border-bottom: 7px solid #eceded
}
.retailers-list table thead td {
    font-family: "PFDinCondensedMedium", sans-serif
}
.retailers-list table tbody {
    color: #1a171b
}
.retailers-list table tbody tr {
    border-bottom: 1px solid #eceded
}
.retailers-list table td {
    padding: 12px 0;
    font-size: 13px;
    line-height: 120%;
    vertical-align: top
}
.retailers-list table tr.hidden {
    display: none
}
@media print {
    .retailers-list table tr.hidden {
        display: table-row
    }
}
.retailers-list table .zip {
    width: 235px
}
.retailers-list table .city {
    width: 235px
}
.retailers-list table .vendor {
    width: 335px
}
.retailers-list table .link {
    width: 135px;
    text-align: right
}
.retailers-list table a {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-image: url('../img/ideal/icons/button-icons-more-1412929627.png');
    padding: 0 15px 0 0;
    color: #e10000;
    font-size: 13px;
    font-weight: bold;
    line-height: 120%;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: right center
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .retailers-list table a {
        -webkit-background-size: 7px auto;
        -moz-background-size: 7px auto;
        -o-background-size: 7px auto;
        background-size: 7px auto;
        background-image: url('../img/ideal/icons/button-icons-more@2x-1412929627.png')
    }
}
.customersupport-teaser {
    background-image: url('../img/generic/backgrounds/contact-customersupport-1412929627.jpg');
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    margin-bottom: 30px;
    height: 360px;
    background-repeat: no-repeat;
    background-position: right bottom;
    border-bottom: 1px solid #d9dadb
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .customersupport-teaser {
        -webkit-background-size: 355px auto;
        -moz-background-size: 355px auto;
        -o-background-size: 355px auto;
        background-size: 355px auto;
        background-image: url('../img/generic/backgrounds/contact-customersupport@2x-1412929627.jpg')
    }
}
.customersupport-teaser .fn {
    display: none
}
.customersupport-teaser p {
    max-width: 700px;
    line-height: 110%
}
.customersupport-teaser p.claim {
    margin: 0;
    color: #e10000;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 36px
}
.customersupport-teaser p.subline {
    margin: 30px 0 0 0;
    color: #1a171b
}
.customersupport-teaser p.hotline {
    margin: 30px 0 0 0;
    font-family: "PFDinCondensedMedium", sans-serif
}
.customersupport-teaser p.formular {
    margin: 30px 0 0 0;
    color: #9c9e9f;
    line-height: 160%;
    max-width: 620px
}
.customersupport-form .conditions {
    margin: 20px 0 0 250px;
    color: #9c9e9f;
    font-size: 13px
}
.customersupport-form .button {
    margin: 40px 0 0 250px
}
.customersupport-form .radios {
    margin: 40px 0 0 250px
}
.js .customersupport-form .dynamic {
    display: none
}
.no-js .customersupport-form select {
    width: 100%
}
.no-js .customersupport-form .multiple .formular-label, .no-js .customersupport-form .multiple .formular-field {
    height: 80px
}
.no-js .customersupport-form .multiple .formular-label select, .no-js .customersupport-form .multiple .formular-field select {
    height: 100%
}
.lightbox {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/generic/backgrounds/lightbox-background.png")
}
.rgba .lightbox {
    background-image: none;
    background-color: rgba(26, 23, 27, 0.95)
}
.lightbox.lightbox-background {
    background-color: transparent;
    background-image: url("../img/generic/backgrounds/lightbox-background-light.png")
}
.rgba .lightbox.lightbox-background {
    background-image: none;
    background-color: rgba(255, 255, 255, 0.95)
}
.lightbox .lightbox-content {
    position: relative;
    top: 0;
    left: 50%;
    margin: 200px 0 0 -470px;
    width: 940px;
    color: #e10000
}
.lightbox .lightbox-content .lightbox-title {
    margin: 0;
    padding: 8px 0 0 0
}
.lightbox .lightbox-content .lightbox-close {
    background-image: url('../img/ideal/icons/slideshow-buttons-1412929627.png');
    position: absolute;
    display: block;
    overflow: hidden;
    right: 0;
    top: 0;
    width: 58px;
    height: 58px;
    text-indent: -999px;
    background-repeat: no-repeat;
    background-position: -116px bottom
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .lightbox .lightbox-content .lightbox-close {
        -webkit-background-size: 348px auto;
        -moz-background-size: 348px auto;
        -o-background-size: 348px auto;
        background-size: 348px auto;
        background-image: url('../img/ideal/icons/slideshow-buttons@2x-1412929627.png')
    }
}
.lightbox .lightbox-content .lightbox-close:hover {
    background-position: -116px top
}
.lightbox .lightbox-content .lightbox-display {
    margin: 30px 0 0 0
}
.lightbox .lightbox-content .lightbox-youtube {
    width: 940px;
    height: 554px;
    background-color: #1a171b
}
.lightbox .lightbox-content .lightbox-richtext {
    padding: 70px 20px 0 0
}
.lightbox .lightbox-content .lightbox-richtext>div {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 500px;
    padding: 0 20px 0 0
}
.lightbox .lightbox-content .lightbox-richtext .article-element {
    width: 100%
}
.lightbox .lightbox-content .lightbox-richtext p {
    color: #1a171b
}
form.exchange, form.replacement {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 0 auto 40px 0;
    padding: 35px 20px;
    width: 898px;
    background-color: #f6f6f6;
    border: 1px solid #d9dadb
}
form.exchange p, form.exchange .dropdown, form.exchange select, form.exchange .button, form.replacement p, form.replacement .dropdown, form.replacement select, form.replacement .button {
    display: block;
    float: left;
    margin: 0 10px;
    width: 276px
}
form.exchange p, form.replacement p {
    color: #1a171b;
    line-height: 40px
}
form.exchange select, form.replacement select {
    margin: 10px 0 0 0
}
form.exchange .dropdown, form.replacement .dropdown {
    width: 264px
}
form.exchange .dropdown>span, form.replacement .dropdown>span {
    width: 224px
}
form.exchange .dropdown>select, form.replacement .dropdown>select {
    width: 100%;
    padding: 0;
    margin: 0
}
form.exchange .button, form.replacement .button {
    padding: 0;
    margin: 0 0 0 10px
}
form.exchange .button .button-text, form.replacement .button .button-text {
    width: 100%;
    text-align: center
}
form.exchange .button .button-icon, form.replacement .button .button-icon {
    display: none
}
ol.exchange-results li {
    list-style: none
}
ol.exchange-results li:before {
    content: "";
    margin-right: 0
}
ol.exchange-results .product {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 700px;
    position: relative;
    margin-left: 10px
}
ol.exchange-results .product .data .button {
    position: absolute;
    bottom: 40px
}
div.exchange-results>p {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 700px
}
div.replacement-results>p {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 700px
}
div.replacement-results>p.available {
    margin-top: 10px
}
div.replacement-results>a.button {
    float: right;
    margin-right: 50px
}
#content.shop {
    width: 940px;
    padding: 0 10px
}
#content.shop h2 {
    display: block;
    margin: 22px 0;
    padding: 0 0 22px 0;
    color: #e10000;
    font-size: 13px;
    font-family: "PFDinCondensedMedium", sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #eceded
}
#content.shop>p, #content.shop>ul {
    margin: 0
}
#content.shop .buttons {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    margin: 50px 0 0 0
}
#content.shop .progressbar {
    background-image: url('../img/generic/backgrounds/shop-progressbar-background-1412929627.jpg');
    margin: 0 0 50px 0;
    padding: 2px;
    width: 936px;
    height: 93px;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    #content.shop .progressbar {
        -webkit-background-size: 940px auto;
        -moz-background-size: 940px auto;
        -o-background-size: 940px auto;
        background-size: 940px auto;
        background-image: url('../img/generic/backgrounds/shop-progressbar-background@2x-1412929627.jpg')
    }
}
#content.shop .progressbar li {
    background-image: url('../img/generic/backgrounds/shop-progressbar-button-1412929627.jpg');
    display: block;
    float: left;
    height: 89px;
    background-repeat: repeat-x;
    background-position: left top;
    border: 2px solid #d9dadb
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    #content.shop .progressbar li {
        -webkit-background-size: 10px auto;
        -moz-background-size: 10px auto;
        -o-background-size: 10px auto;
        background-size: 10px auto;
        background-image: url('../img/generic/backgrounds/shop-progressbar-button@2x-1412929627.jpg')
    }
}
#content.shop .progressbar li.position-1 {
    border-right-width: 1px
}
#content.shop .progressbar li.position-2 {
    border-left-width: 1px;
    border-right-width: 1px
}
#content.shop .progressbar li.position-3 {
    border-left-width: 1px
}
#content.shop .progressbar li.position-1 {
    width: 309px
}
#content.shop .progressbar li.position-2 {
    width: 310px
}
#content.shop .progressbar li.position-3 {
    width: 309px
}
#content.shop .progressbar li.selected {
    border-color: #cecece;
    background-position: left bottom
}
#content.shop .progressbar li.available:hover a .label, #content.shop .progressbar li.available:hover a label, #content.shop .progressbar li.available:hover a .dropdown span, .dropdown #content.shop .progressbar li.available:hover a span, #content.shop .progressbar li.available:hover a .filter .headline h2, .filter .headline #content.shop .progressbar li.available:hover a h2, #content.shop .progressbar .filter .subfilter li.available:hover a a, .filter .subfilter #content.shop .progressbar li.available:hover a a, #content.shop .progressbar li.available:hover a .filter fieldset legend>span, .filter fieldset #content.shop .progressbar li.available:hover a legend>span, #content.shop .progressbar li.available:hover a .filter fieldset>p, .filter #content.shop .progressbar li.available:hover a fieldset>p, #content.shop .progressbar li.available:hover a .filter .subfilter legend>span, .filter .subfilter #content.shop .progressbar li.available:hover a legend>span, #content.shop .progressbar li.available:hover a .filter .subfilter>p, .filter #content.shop .progressbar li.available:hover a .subfilter>p {
    color: #e10000
}
#content.shop .progressbar li.selected:hover a .label, #content.shop .progressbar li.selected:hover a label, #content.shop .progressbar li.selected:hover a .dropdown span, .dropdown #content.shop .progressbar li.selected:hover a span, #content.shop .progressbar li.selected:hover a .filter .headline h2, .filter .headline #content.shop .progressbar li.selected:hover a h2, #content.shop .progressbar .filter .subfilter li.selected:hover a a, .filter .subfilter #content.shop .progressbar li.selected:hover a a, #content.shop .progressbar li.selected:hover a .filter fieldset legend>span, .filter fieldset #content.shop .progressbar li.selected:hover a legend>span, #content.shop .progressbar li.selected:hover a .filter fieldset>p, .filter #content.shop .progressbar li.selected:hover a fieldset>p, #content.shop .progressbar li.selected:hover a .filter .subfilter legend>span, .filter .subfilter #content.shop .progressbar li.selected:hover a legend>span, #content.shop .progressbar li.selected:hover a .filter .subfilter>p, .filter #content.shop .progressbar li.selected:hover a .subfilter>p {
    color: #1a171b
}
#content.shop .progressbar li.selected.position-1 {
    -webkit-box-shadow: inset #d9dadb -1px 0 10px 0;
    -moz-box-shadow: inset #d9dadb -1px 0 10px 0;
    box-shadow: inset #d9dadb -1px 0 10px 0
}
#content.shop .progressbar li.selected.position-2 {
    -webkit-box-shadow: inset #d9dadb -1px 0 10px 0, inset #d9dadb 1px 0 10px 0;
    -moz-box-shadow: inset #d9dadb -1px 0 10px 0, inset #d9dadb 1px 0 10px 0;
    box-shadow: inset #d9dadb -1px 0 10px 0, inset #d9dadb 1px 0 10px 0
}
#content.shop .progressbar li.selected.position-3 {
    -webkit-box-shadow: inset #d9dadb 1px 0 10px 0;
    -moz-box-shadow: inset #d9dadb 1px 0 10px 0;
    box-shadow: inset #d9dadb 1px 0 10px 0
}
#content.shop .progressbar li>a, #content.shop .progressbar li>div {
    display: block;
    text-decoration: none
}
#content.shop .progressbar li .count {
    background-image: url('../img/generic/backgrounds/shop-progressbar-count-1412929627.png');
    display: block;
    float: left;
    padding: 0 15px;
    width: 58px;
    height: 89px;
    line-height: 89px;
    color: #e10000;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 24px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    #content.shop .progressbar li .count {
        -webkit-background-size: 58px auto;
        -moz-background-size: 58px auto;
        -o-background-size: 58px auto;
        background-size: 58px auto;
        background-image: url('../img/generic/backgrounds/shop-progressbar-count@2x-1412929627.png')
    }
}
#content.shop .progressbar li .label, #content.shop .progressbar li label, #content.shop .progressbar li .dropdown span, .dropdown #content.shop .progressbar li span, #content.shop .progressbar li .filter .headline h2, .filter .headline #content.shop .progressbar li h2, #content.shop .progressbar .filter .subfilter li a, .filter .subfilter #content.shop .progressbar li a, #content.shop .progressbar li .filter fieldset legend>span, .filter fieldset #content.shop .progressbar li legend>span, #content.shop .progressbar li .filter fieldset>p, .filter #content.shop .progressbar li fieldset>p, #content.shop .progressbar li .filter .subfilter legend>span, .filter .subfilter #content.shop .progressbar li legend>span, #content.shop .progressbar li .filter .subfilter>p, .filter #content.shop .progressbar li .subfilter>p {
    display: block;
    float: left;
    margin: 0;
    height: 89px;
    line-height: 89px;
    color: #1a171b
}
.borderradius #content.shop .progressbar {
    padding: 0;
    border: 2px solid #f6f6f6;
    background-image: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}
.borderradius #content.shop .progressbar li.position-1 {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}
.borderradius #content.shop .progressbar li.position-3 {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}
.cssgradients #content.shop .progressbar li {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(#f6f6f6, #ffffff);
    background: -moz-linear-gradient(#f6f6f6, #ffffff);
    background: -o-linear-gradient(#f6f6f6, #ffffff);
    background: linear-gradient(#f6f6f6, #ffffff)
}
.cssgradients #content.shop .progressbar li.selected {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #f3f3f3));
    background: -webkit-linear-gradient(#ebebeb, #f3f3f3);
    background: -moz-linear-gradient(#ebebeb, #f3f3f3);
    background: -o-linear-gradient(#ebebeb, #f3f3f3);
    background: linear-gradient(#ebebeb, #f3f3f3)
}
#content.shop table.cart {
    width: 100%
}
#content.shop table.cart .name {
    width: 470px
}
#content.shop table.cart .unitprice {
    width: 155px
}
#content.shop table.cart .amount {
    width: auto;
    min-width: 100px
}
#content.shop table.cart .sum {
    width: auto;
    min-width: 170px
}
#content.shop table.cart .remove {
    max-width: 40px;
    width: 40px
}
#content.shop table.cart .unitprice, #content.shop table.cart .amount, #content.shop table.cart .sum {
    text-align: right
}
#content.shop table.cart tr {
    border-bottom: 1px solid #eceded
}
#content.shop table.cart thead td {
    padding: 15px 0;
    overflow: hidden;
    color: #e10000;
    line-height: 20px;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    vertical-align: top
}
#content.shop table.cart thead td span {
    display: block;
    font-family: "PFDinCondensedThin", sans-serif
}
#content.shop table.cart thead td.remove {
    text-indent: -999px
}
#content.shop table.cart tbody td {
    height: 85px;
    color: #9c9e9f;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 22px
}
#content.shop table.cart tbody .amount>input, #content.shop table.cart tbody .amount>.spinner {
    float: right
}
#content.shop table.cart tbody .remove .checkbox {
    width: 25px;
    height: 25px
}
#content.shop table.cart tbody .remove .checkbox span {
    background-image: url('../img/ideal/icons/cart-remove-1412929627.jpg');
    width: 25px;
    height: 25px;
    background-position: left bottom
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    #content.shop table.cart tbody .remove .checkbox span {
        -webkit-background-size: 25px auto;
        -moz-background-size: 25px auto;
        -o-background-size: 25px auto;
        background-size: 25px auto;
        background-image: url('../img/ideal/icons/cart-remove@2x-1412929627.jpg')
    }
}
#content.shop table.cart tbody .remove .checkbox input {
    width: 25px;
    height: 25px;
    border: 0
}
#content.shop table.cart tbody .remove .checkbox .checked {
    background-position: left top
}
#content.shop table.cart tbody .remove .checkbox.hover span {
    background-position: left bottom
}
#content.shop table.cart tbody .remove>input, #content.shop table.cart tbody .remove>.checkbox {
    float: right
}
#content.shop table.cart tfoot tr {
    border: 0
}
#content.shop table.cart tfoot td {
    height: 85px;
    color: #9c9e9f;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 22px
}
#content.shop table.cart tfoot td.total span {
    display: block;
    color: #e10000;
    text-align: right
}
#content.shop table.cart tfoot td.total.editable span {
    padding: 0 40px 0 0
}
.ie8 #content.shop table.cart tfoot td.total.editable span {
    padding: 0 90px 0 0
}
#content.shop .cart-empty h2 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 700px;
    margin: 0;
    padding: 0;
    border: 0
}
#content.shop form.addresses h2 {
    margin: 50px 0 22px 0
}
#content.shop form.addresses .formular-label {
    margin-left: 0
}
#content.shop form.addresses .formular-field {
    margin-right: 0
}
#content.shop form.addresses .formular-row>textarea {
    margin-left: 10px;
    margin-bottom: 10px
}
#content.shop form.addresses .radios {
    margin: 20px 0 0 240px
}
#content.shop form.addresses .radiobutton {
    margin: 0 10px 0 0
}
#content.shop form.addresses #delivery-type>div {
    margin: 0 0 10px 0
}
#content.shop form.addresses #delivery-type>div label {
    color: #9c9e9f
}
#content.shop form.confirm {
    position: relative
}
#content.shop form.confirm h2 {
    margin: 0 0 10px 0;
    padding: 0 0 15px 0;
    line-height: 100%
}
#content.shop form.confirm a.button.download .button-text {
    text-transform: uppercase
}
#content.shop form.confirm p, #content.shop form.confirm label {
    margin: 0 0 22px 0;
    color: #1a171b;
    font-size: 15px;
    font-family: "PFDinCondensedThin", sans-serif;
    line-height: 22px
}
#content.shop form.confirm p>span, #content.shop form.confirm label>span {
    display: block;
    line-height: 22px
}
#content.shop form.confirm .addresses {
    padding: 0 0 50px 0
}
#content.shop form.confirm .addresses .address {
    float: left;
    width: 50%
}
#content.shop form.confirm .comment {
    padding: 0 0 50px 0
}
#content.shop form.confirm .comment h2 {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0
}
#content.shop form.confirm .comment p {
    display: inline
}
#content.shop form.confirm .cart {
    border-top: 1px solid #eceded
}
#content.shop form.confirm .billing {
    border-top: 1px solid #eceded;
    padding: 22px 0 0 0
}
#content.shop form.confirm .billing dt, #content.shop form.confirm .billing dd {
    display: block;
    padding: 5px 0;
    width: 50%
}
#content.shop form.confirm .billing dt, #content.shop form.confirm .billing dd, #content.shop form.confirm .billing label {
    color: #9c9e9f;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 22px
}
#content.shop form.confirm .billing dt {
    clear: both;
    float: left
}
#content.shop form.confirm .billing dd {
    float: right;
    text-align: right
}
#content.shop form.confirm .billing dt.billing-payment {
    position: relative;
    padding-left: 25px;
    width: 445px
}
#content.shop form.confirm .billing dt.billing-payment>.radiobutton, #content.shop form.confirm .billing dt.billing-payment>input {
    position: absolute;
    top: 7px;
    left: 0
}
#content.shop form.confirm .billing dt.billing-payment label {
    display: inline
}
#content.shop form.confirm .billing .separator {
    border-top: 1px solid #eceded;
    margin: 22px 0 0 0;
    padding: 22px 0 0 0
}
#content.shop form.confirm .billing .billing-tax, #content.shop form.confirm .billing .billing-products {
    display: none
}
#content.shop form.confirm .terms {
    float: left;
    width: 80%;
    margin: 22px 0 0 0
}
#content.shop form.confirm .terms p, #content.shop form.confirm .terms label {
    display: block;
    margin: 0
}
#content.shop form.confirm .terms label {
    position: relative;
    padding-left: 27px
}
#content.shop form.confirm .terms label>input, #content.shop form.confirm .terms label>.checkbox {
    position: absolute;
    top: 2px;
    left: 0
}
#content.shop form.confirm .terms label.error {
    padding-left: 37px
}
#content.shop form.confirm .terms label.error>input, #content.shop form.confirm .terms label.error>.checkbox {
    left: 10px
}
#content.shop form.confirm .terms .note {
    padding: 90px 0 0 0
}
#content.shop form.confirm .continue {
    float: right;
    margin: 22px 0 0 0
}
#content.shop div.success h2 {
    margin: 20px 0 10px 0;
    padding: 0;
    border: 0
}
#content.shop div.success .address {
    color: #e10000
}
#content.shop div.success .address span {
    display: block
}
.languages-button, .languages .content .button-close, .notifications .content .button-close, .languages #content .button-close, .notifications #content .button-close, .languages header .headline .button-close, header .languages .headline .button-close, .notifications header .headline .button-close, header .notifications .headline .button-close, .languages header nav .navigation .button-close, header nav .languages .navigation .button-close, .notifications header nav .navigation .button-close, header nav .notifications .navigation .button-close, .languages header nav .subnavigation ul .button-close, header nav .subnavigation .languages ul .button-close, .notifications header nav .subnavigation ul .button-close, header nav .subnavigation .notifications ul .button-close, .languages footer .generic .button-close, footer .languages .generic .button-close, .notifications footer .generic .button-close, footer .notifications .generic .button-close, .languages footer .sitemap .button-close, footer .languages .sitemap .button-close, .notifications footer .sitemap .button-close, footer .notifications .sitemap .button-close, .languages #banner .banner-content .button-close, #banner .languages .banner-content .button-close, .notifications #banner .banner-content .button-close, #banner .notifications .banner-content .button-close, .languages #banner ul li .button-close, #banner ul .languages li .button-close, .notifications #banner ul li .button-close, #banner ul .notifications li .button-close, .languages #banner .map-content .button-close, #banner .languages .map-content .button-close, .notifications #banner .map-content .button-close, #banner .notifications .map-content .button-close, #banner .map-content .languages .display .button-close, #banner .map-content .notifications .display .button-close, #banner .map-content .languages .data .button-close, #banner .map-content .notifications .data .button-close, .languages #teaser .button-close, .notifications #teaser .button-close, .languages .customersupport-form .button-close, .notifications .customersupport-form .button-close, .languages div.exchange-results .button-close, .notifications div.exchange-results .button-close, .languages div.replacement-results .button-close, .notifications div.replacement-results .button-close, .languages .newscenter .button-close, .notifications .newscenter .button-close, .languages ul a, .notifications ul a {
    display: block;
    float: left;
    padding: 0 15px 0 0;
    height: 20px;
    line-height: 20px;
    color: #9c9e9f;
    font-size: 13px;
    font-family: "PFDinCondensedMedium", sans-serif;
    text-decoration: none;
    text-transform: uppercase
}
.languages-button span, .languages .content .button-close span, .notifications .content .button-close span, .languages #content .button-close span, .notifications #content .button-close span, .languages header .headline .button-close span, header .languages .headline .button-close span, .notifications header .headline .button-close span, header .notifications .headline .button-close span, .languages header nav .navigation .button-close span, header nav .languages .navigation .button-close span, .notifications header nav .navigation .button-close span, header nav .notifications .navigation .button-close span, .languages header nav .subnavigation ul .button-close span, header nav .subnavigation .languages ul .button-close span, .notifications header nav .subnavigation ul .button-close span, header nav .subnavigation .notifications ul .button-close span, .languages footer .generic .button-close span, footer .languages .generic .button-close span, .notifications footer .generic .button-close span, footer .notifications .generic .button-close span, .languages footer .sitemap .button-close span, footer .languages .sitemap .button-close span, .notifications footer .sitemap .button-close span, footer .notifications .sitemap .button-close span, .languages #banner .banner-content .button-close span, #banner .languages .banner-content .button-close span, .notifications #banner .banner-content .button-close span, #banner .notifications .banner-content .button-close span, .languages #banner ul li .button-close span, #banner ul .languages li .button-close span, .notifications #banner ul li .button-close span, #banner ul .notifications li .button-close span, .languages #banner .map-content .button-close span, #banner .languages .map-content .button-close span, .notifications #banner .map-content .button-close span, #banner .notifications .map-content .button-close span, #banner .map-content .languages .display .button-close span, #banner .map-content .notifications .display .button-close span, #banner .map-content .languages .data .button-close span, #banner .map-content .notifications .data .button-close span, .languages #teaser .button-close span, .notifications #teaser .button-close span, .languages .customersupport-form .button-close span, .notifications .customersupport-form .button-close span, .languages div.exchange-results .button-close span, .notifications div.exchange-results .button-close span, .languages div.replacement-results .button-close span, .notifications div.replacement-results .button-close span, .languages .newscenter .button-close span, .notifications .newscenter .button-close span, .languages ul a span, .notifications ul a span {
    font-family: "PFDinCondensedThin", sans-serif
}
.languages-button .icon, .languages .content .button-close .icon, .notifications .content .button-close .icon, .languages #content .button-close .icon, .notifications #content .button-close .icon, .languages header .headline .button-close .icon, header .languages .headline .button-close .icon, .notifications header .headline .button-close .icon, header .notifications .headline .button-close .icon, .languages header nav .navigation .button-close .icon, header nav .languages .navigation .button-close .icon, .notifications header nav .navigation .button-close .icon, header nav .notifications .navigation .button-close .icon, .languages header nav .subnavigation ul .button-close .icon, header nav .subnavigation .languages ul .button-close .icon, .notifications header nav .subnavigation ul .button-close .icon, header nav .subnavigation .notifications ul .button-close .icon, .languages footer .generic .button-close .icon, footer .languages .generic .button-close .icon, .notifications footer .generic .button-close .icon, footer .notifications .generic .button-close .icon, .languages footer .sitemap .button-close .icon, footer .languages .sitemap .button-close .icon, .notifications footer .sitemap .button-close .icon, footer .notifications .sitemap .button-close .icon, .languages #banner .banner-content .button-close .icon, #banner .languages .banner-content .button-close .icon, .notifications #banner .banner-content .button-close .icon, #banner .notifications .banner-content .button-close .icon, .languages #banner ul li .button-close .icon, #banner ul .languages li .button-close .icon, .notifications #banner ul li .button-close .icon, #banner ul .notifications li .button-close .icon, .languages #banner .map-content .button-close .icon, #banner .languages .map-content .button-close .icon, .notifications #banner .map-content .button-close .icon, #banner .notifications .map-content .button-close .icon, #banner .map-content .languages .display .button-close .icon, #banner .map-content .notifications .display .button-close .icon, #banner .map-content .languages .data .button-close .icon, #banner .map-content .notifications .data .button-close .icon, .languages #teaser .button-close .icon, .notifications #teaser .button-close .icon, .languages .customersupport-form .button-close .icon, .notifications .customersupport-form .button-close .icon, .languages div.exchange-results .button-close .icon, .notifications div.exchange-results .button-close .icon, .languages div.replacement-results .button-close .icon, .notifications div.replacement-results .button-close .icon, .languages .newscenter .button-close .icon, .notifications .newscenter .button-close .icon, .languages ul a .icon, .notifications ul a .icon {
    background-image: url('../img/ideal/icons/button-icons-1412929627.png');
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin: 0 0 4px 10px;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: 0 -30px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .languages-button .icon, .languages .content .button-close .icon, .notifications .content .button-close .icon, .languages #content .button-close .icon, .notifications #content .button-close .icon, .languages header .headline .button-close .icon, header .languages .headline .button-close .icon, .notifications header .headline .button-close .icon, header .notifications .headline .button-close .icon, .languages header nav .navigation .button-close .icon, header nav .languages .navigation .button-close .icon, .notifications header nav .navigation .button-close .icon, header nav .notifications .navigation .button-close .icon, .languages header nav .subnavigation ul .button-close .icon, header nav .subnavigation .languages ul .button-close .icon, .notifications header nav .subnavigation ul .button-close .icon, header nav .subnavigation .notifications ul .button-close .icon, .languages footer .generic .button-close .icon, footer .languages .generic .button-close .icon, .notifications footer .generic .button-close .icon, footer .notifications .generic .button-close .icon, .languages footer .sitemap .button-close .icon, footer .languages .sitemap .button-close .icon, .notifications footer .sitemap .button-close .icon, footer .notifications .sitemap .button-close .icon, .languages #banner .banner-content .button-close .icon, #banner .languages .banner-content .button-close .icon, .notifications #banner .banner-content .button-close .icon, #banner .notifications .banner-content .button-close .icon, .languages #banner ul li .button-close .icon, #banner ul .languages li .button-close .icon, .notifications #banner ul li .button-close .icon, #banner ul .notifications li .button-close .icon, .languages #banner .map-content .button-close .icon, #banner .languages .map-content .button-close .icon, .notifications #banner .map-content .button-close .icon, #banner .notifications .map-content .button-close .icon, #banner .map-content .languages .display .button-close .icon, #banner .map-content .notifications .display .button-close .icon, #banner .map-content .languages .data .button-close .icon, #banner .map-content .notifications .data .button-close .icon, .languages #teaser .button-close .icon, .notifications #teaser .button-close .icon, .languages .customersupport-form .button-close .icon, .notifications .customersupport-form .button-close .icon, .languages div.exchange-results .button-close .icon, .notifications div.exchange-results .button-close .icon, .languages div.replacement-results .button-close .icon, .notifications div.replacement-results .button-close .icon, .languages .newscenter .button-close .icon, .notifications .newscenter .button-close .icon, .languages ul a .icon, .notifications ul a .icon {
        -webkit-background-size: 80px auto;
        -moz-background-size: 80px auto;
        -o-background-size: 80px auto;
        background-size: 80px auto;
        background-image: url('../img/ideal/icons/button-icons@2x-1412929627.png')
    }
}
.languages-button:hover, .languages .content .button-close:hover, .notifications .content .button-close:hover, .languages #content .button-close:hover, .notifications #content .button-close:hover, .languages header .headline .button-close:hover, header .languages .headline .button-close:hover, .notifications header .headline .button-close:hover, header .notifications .headline .button-close:hover, .languages header nav .navigation .button-close:hover, header nav .languages .navigation .button-close:hover, .notifications header nav .navigation .button-close:hover, header nav .notifications .navigation .button-close:hover, .languages header nav .subnavigation ul .button-close:hover, header nav .subnavigation .languages ul .button-close:hover, .notifications header nav .subnavigation ul .button-close:hover, header nav .subnavigation .notifications ul .button-close:hover, .languages footer .generic .button-close:hover, footer .languages .generic .button-close:hover, .notifications footer .generic .button-close:hover, footer .notifications .generic .button-close:hover, .languages footer .sitemap .button-close:hover, footer .languages .sitemap .button-close:hover, .notifications footer .sitemap .button-close:hover, footer .notifications .sitemap .button-close:hover, .languages #banner .banner-content .button-close:hover, #banner .languages .banner-content .button-close:hover, .notifications #banner .banner-content .button-close:hover, #banner .notifications .banner-content .button-close:hover, .languages #banner ul li .button-close:hover, #banner ul .languages li .button-close:hover, .notifications #banner ul li .button-close:hover, #banner ul .notifications li .button-close:hover, .languages #banner .map-content .button-close:hover, #banner .languages .map-content .button-close:hover, .notifications #banner .map-content .button-close:hover, #banner .notifications .map-content .button-close:hover, #banner .map-content .languages .display .button-close:hover, #banner .map-content .notifications .display .button-close:hover, #banner .map-content .languages .data .button-close:hover, #banner .map-content .notifications .data .button-close:hover, .languages #teaser .button-close:hover, .notifications #teaser .button-close:hover, .languages .customersupport-form .button-close:hover, .notifications .customersupport-form .button-close:hover, .languages div.exchange-results .button-close:hover, .notifications div.exchange-results .button-close:hover, .languages div.replacement-results .button-close:hover, .notifications div.replacement-results .button-close:hover, .languages .newscenter .button-close:hover, .notifications .newscenter .button-close:hover, .languages ul a:hover, .notifications ul a:hover, .languages-button.selected, .languages .content .selected.button-close, .notifications .content .selected.button-close, .languages #content .selected.button-close, .notifications #content .selected.button-close, .languages header .headline .selected.button-close, header .languages .headline .selected.button-close, .notifications header .headline .selected.button-close, header .notifications .headline .selected.button-close, .languages header nav .navigation .selected.button-close, header nav .languages .navigation .selected.button-close, .notifications header nav .navigation .selected.button-close, header nav .notifications .navigation .selected.button-close, .languages header nav .subnavigation ul .selected.button-close, header nav .subnavigation .languages ul .selected.button-close, .notifications header nav .subnavigation ul .selected.button-close, header nav .subnavigation .notifications ul .selected.button-close, .languages footer .generic .selected.button-close, footer .languages .generic .selected.button-close, .notifications footer .generic .selected.button-close, footer .notifications .generic .selected.button-close, .languages footer .sitemap .selected.button-close, footer .languages .sitemap .selected.button-close, .notifications footer .sitemap .selected.button-close, footer .notifications .sitemap .selected.button-close, .languages #banner .banner-content .selected.button-close, #banner .languages .banner-content .selected.button-close, .notifications #banner .banner-content .selected.button-close, #banner .notifications .banner-content .selected.button-close, .languages #banner ul li .selected.button-close, #banner ul .languages li .selected.button-close, .notifications #banner ul li .selected.button-close, #banner ul .notifications li .selected.button-close, .languages #banner .map-content .selected.button-close, #banner .languages .map-content .selected.button-close, .notifications #banner .map-content .selected.button-close, #banner .notifications .map-content .selected.button-close, #banner .map-content .languages .display .selected.button-close, #banner .map-content .notifications .display .selected.button-close, #banner .map-content .languages .data .selected.button-close, #banner .map-content .notifications .data .selected.button-close, .languages #teaser .selected.button-close, .notifications #teaser .selected.button-close, .languages .customersupport-form .selected.button-close, .notifications .customersupport-form .selected.button-close, .languages div.exchange-results .selected.button-close, .notifications div.exchange-results .selected.button-close, .languages div.replacement-results .selected.button-close, .notifications div.replacement-results .selected.button-close, .languages .newscenter .selected.button-close, .notifications .newscenter .selected.button-close, .languages ul a.selected, .notifications ul a.selected {
    color: #1a171b
}
.languages-button:hover .icon, .languages .content .button-close:hover .icon, .notifications .content .button-close:hover .icon, .languages #content .button-close:hover .icon, .notifications #content .button-close:hover .icon, .languages header .headline .button-close:hover .icon, header .languages .headline .button-close:hover .icon, .notifications header .headline .button-close:hover .icon, header .notifications .headline .button-close:hover .icon, .languages header nav .navigation .button-close:hover .icon, header nav .languages .navigation .button-close:hover .icon, .notifications header nav .navigation .button-close:hover .icon, header nav .notifications .navigation .button-close:hover .icon, .languages header nav .subnavigation ul .button-close:hover .icon, header nav .subnavigation .languages ul .button-close:hover .icon, .notifications header nav .subnavigation ul .button-close:hover .icon, header nav .subnavigation .notifications ul .button-close:hover .icon, .languages footer .generic .button-close:hover .icon, footer .languages .generic .button-close:hover .icon, .notifications footer .generic .button-close:hover .icon, footer .notifications .generic .button-close:hover .icon, .languages footer .sitemap .button-close:hover .icon, footer .languages .sitemap .button-close:hover .icon, .notifications footer .sitemap .button-close:hover .icon, footer .notifications .sitemap .button-close:hover .icon, .languages #banner .banner-content .button-close:hover .icon, #banner .languages .banner-content .button-close:hover .icon, .notifications #banner .banner-content .button-close:hover .icon, #banner .notifications .banner-content .button-close:hover .icon, .languages #banner ul li .button-close:hover .icon, #banner ul .languages li .button-close:hover .icon, .notifications #banner ul li .button-close:hover .icon, #banner ul .notifications li .button-close:hover .icon, .languages #banner .map-content .button-close:hover .icon, #banner .languages .map-content .button-close:hover .icon, .notifications #banner .map-content .button-close:hover .icon, #banner .notifications .map-content .button-close:hover .icon, #banner .map-content .languages .display .button-close:hover .icon, #banner .map-content .notifications .display .button-close:hover .icon, #banner .map-content .languages .data .button-close:hover .icon, #banner .map-content .notifications .data .button-close:hover .icon, .languages #teaser .button-close:hover .icon, .notifications #teaser .button-close:hover .icon, .languages .customersupport-form .button-close:hover .icon, .notifications .customersupport-form .button-close:hover .icon, .languages div.exchange-results .button-close:hover .icon, .notifications div.exchange-results .button-close:hover .icon, .languages div.replacement-results .button-close:hover .icon, .notifications div.replacement-results .button-close:hover .icon, .languages .newscenter .button-close:hover .icon, .notifications .newscenter .button-close:hover .icon, .languages ul a:hover .icon, .notifications ul a:hover .icon, .languages-button.selected .icon, .languages .content .selected.button-close .icon, .notifications .content .selected.button-close .icon, .languages #content .selected.button-close .icon, .notifications #content .selected.button-close .icon, .languages header .headline .selected.button-close .icon, header .languages .headline .selected.button-close .icon, .notifications header .headline .selected.button-close .icon, header .notifications .headline .selected.button-close .icon, .languages header nav .navigation .selected.button-close .icon, header nav .languages .navigation .selected.button-close .icon, .notifications header nav .navigation .selected.button-close .icon, header nav .notifications .navigation .selected.button-close .icon, .languages header nav .subnavigation ul .selected.button-close .icon, header nav .subnavigation .languages ul .selected.button-close .icon, .notifications header nav .subnavigation ul .selected.button-close .icon, header nav .subnavigation .notifications ul .selected.button-close .icon, .languages footer .generic .selected.button-close .icon, footer .languages .generic .selected.button-close .icon, .notifications footer .generic .selected.button-close .icon, footer .notifications .generic .selected.button-close .icon, .languages footer .sitemap .selected.button-close .icon, footer .languages .sitemap .selected.button-close .icon, .notifications footer .sitemap .selected.button-close .icon, footer .notifications .sitemap .selected.button-close .icon, .languages #banner .banner-content .selected.button-close .icon, #banner .languages .banner-content .selected.button-close .icon, .notifications #banner .banner-content .selected.button-close .icon, #banner .notifications .banner-content .selected.button-close .icon, .languages #banner ul li .selected.button-close .icon, #banner ul .languages li .selected.button-close .icon, .notifications #banner ul li .selected.button-close .icon, #banner ul .notifications li .selected.button-close .icon, .languages #banner .map-content .selected.button-close .icon, #banner .languages .map-content .selected.button-close .icon, .notifications #banner .map-content .selected.button-close .icon, #banner .notifications .map-content .selected.button-close .icon, #banner .map-content .languages .display .selected.button-close .icon, #banner .map-content .notifications .display .selected.button-close .icon, #banner .map-content .languages .data .selected.button-close .icon, #banner .map-content .notifications .data .selected.button-close .icon, .languages #teaser .selected.button-close .icon, .notifications #teaser .selected.button-close .icon, .languages .customersupport-form .selected.button-close .icon, .notifications .customersupport-form .selected.button-close .icon, .languages div.exchange-results .selected.button-close .icon, .notifications div.exchange-results .selected.button-close .icon, .languages div.replacement-results .selected.button-close .icon, .notifications div.replacement-results .selected.button-close .icon, .languages .newscenter .selected.button-close .icon, .notifications .newscenter .selected.button-close .icon, .languages ul a.selected .icon, .notifications ul a.selected .icon {
    background-position: 0 0
}
.languages, .notifications {
    display: none;
    background-color: #f6f6f6;
    border-bottom: 1px solid #d9dadb
}
.languages .content, .notifications .content, .languages #content, .notifications #content, .languages header .headline, header .languages .headline, .notifications header .headline, header .notifications .headline, .languages header nav .navigation, header nav .languages .navigation, .notifications header nav .navigation, header nav .notifications .navigation, .languages header nav .subnavigation ul, header nav .subnavigation .languages ul, .notifications header nav .subnavigation ul, header nav .subnavigation .notifications ul, .languages footer .generic, footer .languages .generic, .notifications footer .generic, footer .notifications .generic, .languages footer .sitemap, footer .languages .sitemap, .notifications footer .sitemap, footer .notifications .sitemap, .languages #banner .banner-content, #banner .languages .banner-content, .notifications #banner .banner-content, #banner .notifications .banner-content, .languages #banner ul li, #banner ul .languages li, .notifications #banner ul li, #banner ul .notifications li, .languages #banner .map-content, #banner .languages .map-content, .notifications #banner .map-content, #banner .notifications .map-content, .languages #banner .map-content .display, #banner .map-content .languages .display, .notifications #banner .map-content .display, #banner .map-content .notifications .display, .languages #banner .map-content .data, #banner .map-content .languages .data, .notifications #banner .map-content .data, #banner .map-content .notifications .data, .languages #teaser, .notifications #teaser, .languages .product-detail #banner ul li, .product-detail #banner ul .languages li, .notifications .product-detail #banner ul li, .product-detail #banner ul .notifications li, .languages .customersupport-form, .notifications .customersupport-form, .languages div.exchange-results, .notifications div.exchange-results, .languages div.replacement-results, .notifications div.replacement-results, .languages .newscenter, .notifications .newscenter {
    position: relative
}
.languages .content .button-close, .notifications .content .button-close, .languages #content .button-close, .notifications #content .button-close, .languages header .headline .button-close, header .languages .headline .button-close, .notifications header .headline .button-close, header .notifications .headline .button-close, .languages header nav .navigation .button-close, header nav .languages .navigation .button-close, .notifications header nav .navigation .button-close, header nav .notifications .navigation .button-close, .languages header nav .subnavigation ul .button-close, header nav .subnavigation .languages ul .button-close, .notifications header nav .subnavigation ul .button-close, header nav .subnavigation .notifications ul .button-close, .languages footer .generic .button-close, footer .languages .generic .button-close, .notifications footer .generic .button-close, footer .notifications .generic .button-close, .languages footer .sitemap .button-close, footer .languages .sitemap .button-close, .notifications footer .sitemap .button-close, footer .notifications .sitemap .button-close, .languages #banner .banner-content .button-close, #banner .languages .banner-content .button-close, .notifications #banner .banner-content .button-close, #banner .notifications .banner-content .button-close, .languages #banner ul li .button-close, #banner ul .languages li .button-close, .notifications #banner ul li .button-close, #banner ul .notifications li .button-close, .languages #banner .map-content .button-close, #banner .languages .map-content .button-close, .notifications #banner .map-content .button-close, #banner .notifications .map-content .button-close, #banner .map-content .languages .display .button-close, #banner .map-content .notifications .display .button-close, #banner .map-content .languages .data .button-close, #banner .map-content .notifications .data .button-close, .languages #teaser .button-close, .notifications #teaser .button-close, .languages .customersupport-form .button-close, .notifications .customersupport-form .button-close, .languages div.exchange-results .button-close, .notifications div.exchange-results .button-close, .languages div.replacement-results .button-close, .notifications div.replacement-results .button-close, .languages .newscenter .button-close, .notifications .newscenter .button-close {
    position: absolute;
    top: 60px;
    right: 0;
    color: #1a171b
}
.languages .content .button-close:hover, .notifications .content .button-close:hover, .languages #content .button-close:hover, .notifications #content .button-close:hover, .languages header .headline .button-close:hover, header .languages .headline .button-close:hover, .notifications header .headline .button-close:hover, header .notifications .headline .button-close:hover, .languages header nav .navigation .button-close:hover, header nav .languages .navigation .button-close:hover, .notifications header nav .navigation .button-close:hover, header nav .notifications .navigation .button-close:hover, .languages header nav .subnavigation ul .button-close:hover, header nav .subnavigation .languages ul .button-close:hover, .notifications header nav .subnavigation ul .button-close:hover, header nav .subnavigation .notifications ul .button-close:hover, .languages footer .generic .button-close:hover, footer .languages .generic .button-close:hover, .notifications footer .generic .button-close:hover, footer .notifications .generic .button-close:hover, .languages footer .sitemap .button-close:hover, footer .languages .sitemap .button-close:hover, .notifications footer .sitemap .button-close:hover, footer .notifications .sitemap .button-close:hover, .languages #banner .banner-content .button-close:hover, #banner .languages .banner-content .button-close:hover, .notifications #banner .banner-content .button-close:hover, #banner .notifications .banner-content .button-close:hover, .languages #banner ul li .button-close:hover, #banner ul .languages li .button-close:hover, .notifications #banner ul li .button-close:hover, #banner ul .notifications li .button-close:hover, .languages #banner .map-content .button-close:hover, #banner .languages .map-content .button-close:hover, .notifications #banner .map-content .button-close:hover, #banner .notifications .map-content .button-close:hover, #banner .map-content .languages .display .button-close:hover, #banner .map-content .notifications .display .button-close:hover, #banner .map-content .languages .data .button-close:hover, #banner .map-content .notifications .data .button-close:hover, .languages #teaser .button-close:hover, .notifications #teaser .button-close:hover, .languages .customersupport-form .button-close:hover, .notifications .customersupport-form .button-close:hover, .languages div.exchange-results .button-close:hover, .notifications div.exchange-results .button-close:hover, .languages div.replacement-results .button-close:hover, .notifications div.replacement-results .button-close:hover, .languages .newscenter .button-close:hover, .notifications .newscenter .button-close:hover {
    color: #e10000
}
.languages .content .button-close .icon, .notifications .content .button-close .icon, .languages #content .button-close .icon, .notifications #content .button-close .icon, .languages header .headline .button-close .icon, header .languages .headline .button-close .icon, .notifications header .headline .button-close .icon, header .notifications .headline .button-close .icon, .languages header nav .navigation .button-close .icon, header nav .languages .navigation .button-close .icon, .notifications header nav .navigation .button-close .icon, header nav .notifications .navigation .button-close .icon, .languages header nav .subnavigation ul .button-close .icon, header nav .subnavigation .languages ul .button-close .icon, .notifications header nav .subnavigation ul .button-close .icon, header nav .subnavigation .notifications ul .button-close .icon, .languages footer .generic .button-close .icon, footer .languages .generic .button-close .icon, .notifications footer .generic .button-close .icon, footer .notifications .generic .button-close .icon, .languages footer .sitemap .button-close .icon, footer .languages .sitemap .button-close .icon, .notifications footer .sitemap .button-close .icon, footer .notifications .sitemap .button-close .icon, .languages #banner .banner-content .button-close .icon, #banner .languages .banner-content .button-close .icon, .notifications #banner .banner-content .button-close .icon, #banner .notifications .banner-content .button-close .icon, .languages #banner ul li .button-close .icon, #banner ul .languages li .button-close .icon, .notifications #banner ul li .button-close .icon, #banner ul .notifications li .button-close .icon, .languages #banner .map-content .button-close .icon, #banner .languages .map-content .button-close .icon, .notifications #banner .map-content .button-close .icon, #banner .notifications .map-content .button-close .icon, #banner .map-content .languages .display .button-close .icon, #banner .map-content .notifications .display .button-close .icon, #banner .map-content .languages .data .button-close .icon, #banner .map-content .notifications .data .button-close .icon, .languages #teaser .button-close .icon, .notifications #teaser .button-close .icon, .languages .customersupport-form .button-close .icon, .notifications .customersupport-form .button-close .icon, .languages div.exchange-results .button-close .icon, .notifications div.exchange-results .button-close .icon, .languages div.replacement-results .button-close .icon, .notifications div.replacement-results .button-close .icon, .languages .newscenter .button-close .icon, .notifications .newscenter .button-close .icon {
    background-position: -64px -20px
}
.languages .content .button-close:hover .icon, .notifications .content .button-close:hover .icon, .languages #content .button-close:hover .icon, .notifications #content .button-close:hover .icon, .languages header .headline .button-close:hover .icon, header .languages .headline .button-close:hover .icon, .notifications header .headline .button-close:hover .icon, header .notifications .headline .button-close:hover .icon, .languages header nav .navigation .button-close:hover .icon, header nav .languages .navigation .button-close:hover .icon, .notifications header nav .navigation .button-close:hover .icon, header nav .notifications .navigation .button-close:hover .icon, .languages header nav .subnavigation ul .button-close:hover .icon, header nav .subnavigation .languages ul .button-close:hover .icon, .notifications header nav .subnavigation ul .button-close:hover .icon, header nav .subnavigation .notifications ul .button-close:hover .icon, .languages footer .generic .button-close:hover .icon, footer .languages .generic .button-close:hover .icon, .notifications footer .generic .button-close:hover .icon, footer .notifications .generic .button-close:hover .icon, .languages footer .sitemap .button-close:hover .icon, footer .languages .sitemap .button-close:hover .icon, .notifications footer .sitemap .button-close:hover .icon, footer .notifications .sitemap .button-close:hover .icon, .languages #banner .banner-content .button-close:hover .icon, #banner .languages .banner-content .button-close:hover .icon, .notifications #banner .banner-content .button-close:hover .icon, #banner .notifications .banner-content .button-close:hover .icon, .languages #banner ul li .button-close:hover .icon, #banner ul .languages li .button-close:hover .icon, .notifications #banner ul li .button-close:hover .icon, #banner ul .notifications li .button-close:hover .icon, .languages #banner .map-content .button-close:hover .icon, #banner .languages .map-content .button-close:hover .icon, .notifications #banner .map-content .button-close:hover .icon, #banner .notifications .map-content .button-close:hover .icon, #banner .map-content .languages .display .button-close:hover .icon, #banner .map-content .notifications .display .button-close:hover .icon, #banner .map-content .languages .data .button-close:hover .icon, #banner .map-content .notifications .data .button-close:hover .icon, .languages #teaser .button-close:hover .icon, .notifications #teaser .button-close:hover .icon, .languages .customersupport-form .button-close:hover .icon, .notifications .customersupport-form .button-close:hover .icon, .languages div.exchange-results .button-close:hover .icon, .notifications div.exchange-results .button-close:hover .icon, .languages div.replacement-results .button-close:hover .icon, .notifications div.replacement-results .button-close:hover .icon, .languages .newscenter .button-close:hover .icon, .notifications .newscenter .button-close:hover .icon {
    background-position: -64px 0
}
.languages ul, .notifications ul {
    *zoom: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px;
    float: left;
    padding: 60px 0
}
.languages ul:after, .notifications ul:after {
    content: "";
    display: table;
    clear: both
}
.languages ul li, .notifications ul li {
    display: block;
    width: 100%;
    position: relative;
    padding: 0 0 0 26px
}
.languages ul a, .notifications ul a {
    float: none;
    padding: 0;
    height: auto
}
.languages ul img, .notifications ul img {
    position: absolute;
    display: block;
    margin: 0;
    top: 4px;
    left: 0;
    width: 18px;
    height: 13px
}
.notifications {
    display: block;
    background-color: #e10000
}
.notifications .content .button-close:hover, .notifications #content .button-close:hover, .notifications header .headline .button-close:hover, header .notifications .headline .button-close:hover, .notifications header nav .navigation .button-close:hover, header nav .notifications .navigation .button-close:hover, .notifications header nav .subnavigation ul .button-close:hover, header nav .subnavigation .notifications ul .button-close:hover, .notifications footer .generic .button-close:hover, footer .notifications .generic .button-close:hover, .notifications footer .sitemap .button-close:hover, footer .notifications .sitemap .button-close:hover, .notifications #banner .banner-content .button-close:hover, #banner .notifications .banner-content .button-close:hover, .notifications #banner ul li .button-close:hover, #banner ul .notifications li .button-close:hover, .notifications #banner .map-content .button-close:hover, #banner .notifications .map-content .button-close:hover, #banner .map-content .notifications .display .button-close:hover, #banner .map-content .notifications .data .button-close:hover, .notifications #teaser .button-close:hover, .notifications .customersupport-form .button-close:hover, .notifications div.exchange-results .button-close:hover, .notifications div.replacement-results .button-close:hover, .notifications .newscenter .button-close:hover {
    color: #1a171b
}
.notifications .content .button-close .icon, .notifications #content .button-close .icon, .notifications header .headline .button-close .icon, header .notifications .headline .button-close .icon, .notifications header nav .navigation .button-close .icon, header nav .notifications .navigation .button-close .icon, .notifications header nav .subnavigation ul .button-close .icon, header nav .subnavigation .notifications ul .button-close .icon, .notifications footer .generic .button-close .icon, footer .notifications .generic .button-close .icon, .notifications footer .sitemap .button-close .icon, footer .notifications .sitemap .button-close .icon, .notifications #banner .banner-content .button-close .icon, #banner .notifications .banner-content .button-close .icon, .notifications #banner ul li .button-close .icon, #banner ul .notifications li .button-close .icon, .notifications #banner .map-content .button-close .icon, #banner .notifications .map-content .button-close .icon, #banner .map-content .notifications .display .button-close .icon, #banner .map-content .notifications .data .button-close .icon, .notifications #teaser .button-close .icon, .notifications .customersupport-form .button-close .icon, .notifications div.exchange-results .button-close .icon, .notifications div.replacement-results .button-close .icon, .notifications .newscenter .button-close .icon {
    background-position: -64px -10px
}
.notifications .content .button-close:hover .icon, .notifications #content .button-close:hover .icon, .notifications header .headline .button-close:hover .icon, header .notifications .headline .button-close:hover .icon, .notifications header nav .navigation .button-close:hover .icon, header nav .notifications .navigation .button-close:hover .icon, .notifications header nav .subnavigation ul .button-close:hover .icon, header nav .subnavigation .notifications ul .button-close:hover .icon, .notifications footer .generic .button-close:hover .icon, footer .notifications .generic .button-close:hover .icon, .notifications footer .sitemap .button-close:hover .icon, footer .notifications .sitemap .button-close:hover .icon, .notifications #banner .banner-content .button-close:hover .icon, #banner .notifications .banner-content .button-close:hover .icon, .notifications #banner ul li .button-close:hover .icon, #banner ul .notifications li .button-close:hover .icon, .notifications #banner .map-content .button-close:hover .icon, #banner .notifications .map-content .button-close:hover .icon, #banner .map-content .notifications .display .button-close:hover .icon, #banner .map-content .notifications .data .button-close:hover .icon, .notifications #teaser .button-close:hover .icon, .notifications .customersupport-form .button-close:hover .icon, .notifications div.exchange-results .button-close:hover .icon, .notifications div.replacement-results .button-close:hover .icon, .notifications .newscenter .button-close:hover .icon {
    background-position: -64px -20px
}
.notifications ul {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 780px
}
.notifications ul li {
    color: #fff;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 13px;
    text-transform: uppercase
}
.newscenter.list article {
    padding: 20px 0;
    border-bottom: 1px solid #d9dadb
}
.newscenter.list article:first-child {
    padding: 0 0 20px 0
}
.newscenter.list article:last-child {
    border-bottom: 0
}
.newscenter.list figure {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 300px;
    margin-left: 0;
    text-align: center
}
.newscenter.list figure img {
    max-width: 300px;
    max-height: 300px
}
.newscenter.list .text {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 620px;
    margin-right: 0;
    padding: 20px 0 0 0
}
.newscenter.list .text h1, .newscenter.list .text h2, .newscenter.list .text .preview, .newscenter.list .text a, .newscenter.list .text time {
    margin-left: 20px
}
.newscenter.list .text h1, .newscenter.list .text h1>a {
    line-height: 100%;
    text-decoration: none
}
.newscenter.list .text h1 {
    margin-bottom: 30px;
    margin-top: 0
}
.newscenter.list .text h1>a {
    margin: 0
}
.newscenter.list .text h2, .newscenter.list .text time {
    margin-bottom: 30px;
    line-height: 100%
}
.ie7 .newscenter.list .text h2, .ie8 .newscenter.list .text h2, .ie7 .newscenter.list .text time, .ie8 .newscenter.list .text time {
    line-height: 150%
}
.newscenter.list .text p, .newscenter.list .text ul, .newscenter.list .text ol, .newscenter.list .text li {
    color: #605e63
}
.newscenter.list .text .preview {
    padding-bottom: 30px
}
.newscenter.detail {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px
}
.newscenter.detail h1 {
    text-transform: none;
    margin: 10px 0 40px 0
}
.newscenter.detail time, .newscenter.detail .author {
    margin-bottom: 0;
    padding-bottom: 30px;
    font-family: "PFDinCondensedThin", sans-serif;
    font-size: 15px
}
.newscenter.detail .author {
    margin: 0
}
.newscenter.detail .author:before {
    content: "\2022";
    margin-right: 5px;
    color: #e10000
}
.newscenter.detail .title-image {
    margin-bottom: 30px
}
.newscenter.detail section {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 700px;
    margin-left: 0
}
.newscenter.detail section ul, .newscenter.detail section ol {
    margin: 0 0 10px 0
}
.newscenter.detail section ul>li {
    color: #9c9e9f
}
.newscenter.detail section ol>li {
    color: #9c9e9f
}
.newscenter.detail section strong, .newscenter.detail section h1, .newscenter.detail section h2, .newscenter.detail section h3 {
    margin: 0;
    line-height: 130%;
    color: #1a171b;
    font-family: "PFDinCondensedThin", sans-serif;
    font-size: 15px;
    text-transform: none
}
.newscenter.detail section h1, .newscenter.detail section h2, .newscenter.detail section h3 {
    margin: 0 0 10px 0
}
.newscenter.detail aside {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px;
    margin-right: 0
}
.newscenter.detail .propmotion-products .product {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 700px;
    margin-left: 0;
    position: relative;
    padding: 0 0 10px 0
}
.newscenter.detail .propmotion-products .product .data .button {
    position: absolute;
    bottom: 40px
}
.newscenter.promotion {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    margin-top: 0;
    padding: 0 0 40px 0
}
.maincompany {
    margin: 0 10px 20px 10px
}
.maincompany h1, .maincompany h2, .maincompany p {
    color: #1a171b;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 36px;
    line-height: 44px;
    text-transform: none
}
.maincompany h2 {
    margin: 0
}
.maincompany a:hover {
    color: #fff;
    background-color: #1a171b
}
.maincompany dl {
    display: block;
    margin: 0 0 25px 0;
    width: 100%
}
.maincompany dl dt, .maincompany dl dd {
    display: block;
    float: left;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 36px;
    line-height: 44px
}
.maincompany dl dt {
    clear: both
}
.maincompany dl dd {
    padding: 0 0 0 5px
}
.maincompany .address, .maincompany .telephone {
    margin-bottom: 20px;
    padding-bottom: 20px;
    background-color: #fff;
    background-image: url("../img/generic/backgrounds/contact-maincompany.jpg");
    background-repeat: no-repeat;
    background-position: left bottom
}
.article-element>.maincompany {
    margin-left: 0
}
.grid-3 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 220px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.grid-4 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 300px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.grid-5 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 380px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.grid-6 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 460px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.grid-7 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 540px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.grid-8 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 620px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.grid-9 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 700px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.grid-10 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 780px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.grid-11 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 860px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.grid-12 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.grid {
    position: relative;
    margin: 10px
}
.grid h1.grid-headline {
    padding-bottom: 15px;
    border-bottom: 5px solid #f6f6f6;
    margin-bottom: 15px;
    color: #1a171b;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 15px;
    text-transform: uppercase
}
.grid h1.grid-headline span {
    display: block;
    float: left;
    color: #e10000;
    padding-right: 5px
}
.grid h1 {
    letter-spacing: 0
}
.grid h2, .grid h3, .grid h4, .grid h5 {
    line-height: 130%;
    letter-spacing: 0
}
.grid p, .grid li {
    color: #605e63
}
.grid img {
    width: 100%
}
.grid figcaption {
    padding-top: 15px;
    border-top: 5px solid #f6f6f6;
    margin-top: 15px;
    color: #9c9e9f;
    font-size: 12px;
    text-align: center
}
.grid.grid-3 iframe.video {
    width: 235px;
    height: 132.1875px
}
.grid.grid-4 iframe.video {
    width: 313.33333px;
    height: 176.25px
}
.grid.grid-5 iframe.video {
    width: 391.66667px;
    height: 220.3125px
}
.grid.grid-6 iframe.video {
    width: 470px;
    height: 264.375px
}
.grid.grid-7 iframe.video {
    width: 548.33333px;
    height: 308.4375px
}
.grid.grid-8 iframe.video {
    width: 626.66667px;
    height: 352.5px
}
.grid.grid-9 iframe.video {
    width: 705px;
    height: 396.5625px
}
.grid.grid-10 iframe.video {
    width: 783.33333px;
    height: 440.625px
}
.grid.grid-11 iframe.video {
    width: 861.66667px;
    height: 484.6875px
}
.grid.grid-12 iframe.video {
    width: 940px;
    height: 528.75px
}
.grid a.youtube-overlay span {
    width: 56px;
    height: 56px;
    background-image: url('../img/ideal/icons/video-play-1412929627.png');
    position: absolute;
    display: block;
    overflow: hidden;
    margin: -28px 0 0 -28px;
    left: 50%;
    top: 50%;
    text-indent: -9999px;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .grid a.youtube-overlay span {
        -webkit-background-size: 56px auto;
        -moz-background-size: 56px auto;
        -o-background-size: 56px auto;
        background-size: 56px auto;
        background-image: url('../img/ideal/icons/video-play@2x-1412929627.png')
    }
}
.article-element {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px
}
.grid p, .grid ul, .grid ol, .article-element p, .article-element ul, .article-element ol {
    margin: 0 0 10px 0
}
.grid-reset {
    clear: both
}
body.contact #banner+#content {
    margin-top: 0
}
body.contact #content #contact-general .maincompany {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 620px
}
body.contact #content #contact-general aside {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 300px;
    margin-top: 7px
}
body.contact #content #contact-general aside>div {
    border-bottom: 1px solid #d9dadb;
    margin: 0 0 25px 0
}
body.contact #content #contact-general aside>div:last-child {
    border: 0
}
body.contact #content #contact-general aside h1, body.contact #content #contact-general aside h2, body.contact #content #contact-general aside h3, body.contact #content #contact-general aside h4, body.contact #content #contact-general aside h5, body.contact #content #contact-general aside h6, body.contact #content #contact-general aside a, body.contact #content #contact-general aside p, body.contact #content #contact-general aside ul, body.contact #content #contact-general aside ol, body.contact #content #contact-general aside li {
    margin-bottom: 25px;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none
}
body.contact #content #contact-general aside h1, body.contact #content #contact-general aside h2, body.contact #content #contact-general aside h3, body.contact #content #contact-general aside h4, body.contact #content #contact-general aside h5, body.contact #content #contact-general aside h6 {
    color: #1a171b;
    font-family: "PFDinCondensedMedium", sans-serif;
    text-transform: uppercase
}
.ie body.contact #content #contact-general aside h1, .ie body.contact #content #contact-general aside h2, .ie body.contact #content #contact-general aside h3, .ie body.contact #content #contact-general aside h4, .ie body.contact #content #contact-general aside h5, .ie body.contact #content #contact-general aside h6 {
    display: block;
    height: 18px;
    line-height: 18px
}
body.contact #content #contact-general aside p, body.contact #content #contact-general aside ul, body.contact #content #contact-general aside ol, body.contact #content #contact-general aside li {
    color: #9c9e9f;
    font-family: "PFDinCondensedThin", sans-serif
}
body.contact #content #contact-general aside li {
    margin: 0
}
body.contact #content #contact-general aside a {
    background-image: url('../img/ideal/icons/button-icons-more-1412929627.png');
    display: block;
    float: left;
    padding: 0 15px 0 0;
    color: #e10000;
    font-family: "PFDinCondensedMedium", sans-serif;
    text-transform: uppercase;
    background-position: right center;
    background-repeat: no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    body.contact #content #contact-general aside a {
        -webkit-background-size: 7px auto;
        -moz-background-size: 7px auto;
        -o-background-size: 7px auto;
        background-size: 7px auto;
        background-image: url('../img/ideal/icons/button-icons-more@2x-1412929627.png')
    }
}
.csstransitions body.contact #content #contact-general aside a {
    -webkit-transition: padding 0.5s;
    -moz-transition: padding 0.5s;
    -o-transition: padding 0.5s;
    transition: padding 0.5s
}
.csstransitions body.contact #content #contact-general aside a:hover {
    padding: 0 18px 0 0
}
body.contact #content #contact-international .contact {
    display: inline;
    float: left;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-right: 10px;
    width: 300px
}
body.contact #content #contact-international .contact h2, body.contact #content #contact-international .contact div, body.contact #content #contact-international .contact span, body.contact #content #contact-international .contact dt, body.contact #content #contact-international .contact dd, body.contact #content #contact-international .contact a {
    color: #9c9e9f;
    font-family: "PFDinCondensedThin", sans-serif;
    font-size: 13px;
    line-height: 19px
}
body.contact #content #contact-international .contact dl {
    display: block;
    margin: 0 0 25px 0;
    width: 100%
}
body.contact #content #contact-international .contact dl dt, body.contact #content #contact-international .contact dl dd {
    display: block;
    float: left
}
body.contact #content #contact-international .contact dl dt {
    clear: both
}
body.contact #content #contact-international .contact dl dd {
    padding: 0 0 0 3px
}
body.contact #content #contact-international .contact h2 {
    margin: 0 0 10px 0;
    color: #1a171b;
    font-family: "PFDinCondensedMedium", sans-serif;
    text-transform: uppercase
}
body.contact #content #contact-international .contact a {
    font-family: "PFDinCondensedMedium", sans-serif
}
body.contact #content #contact-international .contact .company {
    text-transform: uppercase
}
body.contact #content #contact-international .contact .country {
    display: none
}
body.contact #content #contact-international .contact a {
    color: #e10000;
    text-decoration: none
}
body.history #content section, body.magazines #content section {
    padding: 20px 0;
    margin: 0 10px;
    border-bottom: 1px solid #d9dadb
}
body.history #content section .text, body.magazines #content section .text {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 620px;
    margin-right: 0;
    position: relative;
    padding: 20px 0 0 310px;
    position: relative
}
body.history #content section .text hgroup, body.history #content section .text p, body.history #content section .text ul, body.history #content section .text ol, body.history #content section .text .buttons, body.magazines #content section .text hgroup, body.magazines #content section .text p, body.magazines #content section .text ul, body.magazines #content section .text ol, body.magazines #content section .text .buttons {
    margin-left: 20px
}
body.history #content section .text time, body.magazines #content section .text time {
    position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
    color: #f6f6f6;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 100px
}
body.history #content section .text h1, body.history #content section .text h2, body.history #content section .text p, body.history #content section .text ul, body.history #content section .text ol, body.history #content section .text li, body.history #content section .text img, body.magazines #content section .text h1, body.magazines #content section .text h2, body.magazines #content section .text p, body.magazines #content section .text ul, body.magazines #content section .text ol, body.magazines #content section .text li, body.magazines #content section .text img {
    position: relative;
    z-index: 1
}
body.history #content section .text h1, body.magazines #content section .text h1 {
    margin: 0 0 30px 0;
    line-height: 100%
}
body.history #content section .text h2, body.magazines #content section .text h2 {
    margin: 0 0 30px 0;
    line-height: 100%
}
.ie7 body.history #content section .text h2, .ie8 body.history #content section .text h2, .ie7 body.magazines #content section .text h2, .ie8 body.magazines #content section .text h2 {
    line-height: 150%
}
body.history #content section .text p, body.history #content section .text ul, body.history #content section .text ol, body.history #content section .text li, body.magazines #content section .text p, body.magazines #content section .text ul, body.magazines #content section .text ol, body.magazines #content section .text li {
    color: #605e63
}
body.history #content section figure, body.magazines #content section figure {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 300px;
    margin-left: 0;
    text-align: center
}
body.history #content section figure img, body.magazines #content section figure img {
    max-width: 300px;
    max-height: 300px
}
body.history #content section figure+.text, body.magazines #content section figure+.text {
    padding-left: 0
}
body.history #content section .buttons, body.magazines #content section .buttons {
    padding: 30px 0 0 0;
    width: 100%
}
body.history #content section .buttons a, body.magazines #content section .buttons a {
    margin: 0 0 5px 0
}
body.history #content section:first-child, body.magazines #content section:first-child {
    padding-top: 0
}
body.history #content section:last-child, body.magazines #content section:last-child {
    border-bottom: 0
}
body.magazines #content section .text {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 460px;
    margin-right: 0;
    padding-left: 470px
}
body.magazines #content section figure {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 460px;
    margin-left: 0;
    min-height: 300px
}
body.magazines #content section figure img {
    max-width: 460px
}
body.sitesearch #content .search-form {
    margin: 0 10px;
    padding: 20px;
    width: 898px;
    background-color: #f6f6f6;
    border: 1px solid #d9dadb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}
body.sitesearch #content .search-form>div {
    position: relative;
    display: block;
    padding: 1px;
    height: 36px;
    background-color: #fff;
    border: 1px solid #d9dadb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}
body.sitesearch #content .search-form>div input {
    display: block;
    margin: 0;
    padding: 0 10px;
    width: 840px;
    height: 36px;
    line-height: 36px;
    border: 0
}
body.sitesearch #content .search-form>div button {
    background-image: url('../img/generic/icons/sitesearch-go-1412929627.jpg');
    position: absolute;
    overflow: hidden;
    display: block;
    cursor: pointer;
    margin: 0;
    padding: 0;
    top: 1px;
    right: 2px;
    height: 36px;
    width: 36px;
    text-indent: -999px;
    border: 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: left top
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    body.sitesearch #content .search-form>div button {
        -webkit-background-size: 36px auto;
        -moz-background-size: 36px auto;
        -o-background-size: 36px auto;
        background-size: 36px auto;
        background-image: url('../img/generic/icons/sitesearch-go@2x-1412929627.jpg')
    }
}
body.sitesearch #content .search-form>div button:hover {
    background-position: left bottom
}
body.sitesearch #content h2 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
    margin-bottom: 40px;
    padding: 40px 0;
    color: #e10000;
    border-bottom: 1px solid #d9dadb
}
body.sitesearch #content .search-results {
    margin: 0 10px
}
body.sitesearch #content .search-results li {
    margin-bottom: 40px;
    border-bottom: 1px dashed #d9dadb
}
body.sitesearch #content .search-results li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}
body.sitesearch #content .search-results li .detail {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 620px;
    margin-left: 0;
    padding-bottom: 40px
}
body.sitesearch #content .search-results li .detail h3 {
    margin: 0 0 10px 0
}
body.sitesearch #content .search-results li .detail h3 a {
    line-height: 140%;
    color: #1a171b;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase
}
body.sitesearch #content .search-results li .detail p {
    width: 705px;
    font-size: 15px;
    text-decoration: none
}
body.sitesearch #content .search-results li .detail a:hover {
    text-decoration: underline
}
body.sitesearch #content .search-results li figure {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 300px;
    margin-right: 0;
    padding-bottom: 5px;
    text-align: right
}
body.sitesearch #content .search-results li figure img {
    margin-right: 30px;
    max-width: 250px;
    max-height: 120px
}
body.sitesearch #content .search-results li figure figcaption {
    display: none
}
.oldie body.sitesearch #content .search-results li figure {
    float: right;
    margin: 0;
    width: 250px
}
body.retailer #main form, body.retailer #main .retailer-content {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px
}
body.retailer #main form h3, body.retailer #main .retailer-content h3 {
    color: #1a171b;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 21px
}
body.retailer #main form h2, body.retailer #main form h3, body.retailer #main .retailer-content h2, body.retailer #main .retailer-content h3 {
    margin: 10px 0 40px 0;
    max-width: 705px
}
body.retailer #main form .accordion .active h3, body.retailer #main .retailer-content .accordion .active h3 {
    color: #e10000
}
body.retailer #main form .formular-label, body.retailer #main .retailer-content .formular-label {
    margin-left: 0
}
body.retailer #main form input.formular-field, body.retailer #main form textarea.formular-field, body.retailer #main form .formular-row>input, body.retailer #main .retailer-content input.formular-field, body.retailer #main .retailer-content textarea.formular-field, body.retailer #main .retailer-content .formular-row>input {
    margin-right: 0
}
body.retailer #main form .conditions, body.retailer #main .retailer-content .conditions {
    margin: 20px 0 0 240px;
    color: #9c9e9f;
    font-size: 13px
}
body.retailer #main form button.button, body.retailer #main .retailer-content button.button {
    margin: 40px 0 0 240px
}
body.retailer #main form.login .additional-options {
    margin: 70px 0 0 0;
    padding: 40px 0 0 0;
    border-top: 1px solid #d9dadb
}
body.retailer #main form.edit {
    padding: 0 0 40px 0
}
body.retailer #main form.edit h2 {
    max-width: 100%;
    margin: 10px 0 30px 0
}
body.retailer #main form.edit h3 {
    margin: 0;
    padding: 40px 0;
    width: 100%;
    max-width: 100%;
    color: #e10000;
    border-top: 1px solid #d9dadb
}
body.retailer #main form.edit li {
    padding: 0 0 3px 0
}
body.retailer #main form.edit li h4 {
    cursor: pointer;
    margin: 0;
    padding: 0 13px;
    height: 38px;
    line-height: 38px;
    color: #1a171b;
    font-family: "PFDinCondensedMedium", sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    border: 1px solid #d9dadb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-color: #f6f6f6;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(#ffffff, #f6f6f6);
    background: -moz-linear-gradient(#ffffff, #f6f6f6);
    background: -o-linear-gradient(#ffffff, #f6f6f6);
    background: linear-gradient(#ffffff, #f6f6f6)
}
body.retailer #main form.edit li h4 .icon {
    float: right;
    margin: 14px 0;
    width: 10px;
    height: 10px
}
body.retailer #main form.edit li h4 .icon.icon-add {
    background-image: url('../img/ideal/icons/button-icons-1412929627.png');
    background-position: -48px -20px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    body.retailer #main form.edit li h4 .icon.icon-add {
        -webkit-background-size: 80px auto;
        -moz-background-size: 80px auto;
        -o-background-size: 80px auto;
        background-size: 80px auto;
        background-image: url('../img/ideal/icons/button-icons@2x-1412929627.png')
    }
}
.language-selection {
    background-color: #fff
}
.cssgradients .language-selection {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9dadb));
    background: -webkit-linear-gradient(#ffffff, #d9dadb);
    background: -moz-linear-gradient(#ffffff, #d9dadb);
    background: -o-linear-gradient(#ffffff, #d9dadb);
    background: linear-gradient(#ffffff, #d9dadb)
}
.language-selection header {
    background-color: transparent
}
.language-selection header .headline {
    padding: 135px 0 70px 0
}
.language-selection header #logo {
    margin: 0 auto;
    width: 196px;
    height: 50px;
    background-image: url('../img/ideal/logo-language-selection-1412929627.png')
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .language-selection header #logo {
        -webkit-background-size: 196px auto;
        -moz-background-size: 196px auto;
        -o-background-size: 196px auto;
        background-size: 196px auto;
        background-image: url('../img/ideal/logo-language-selection@2x-1412929627.png')
    }
}
.language-selection footer {
    display: none
}
.language-selection #wrapper {
    background-image: url('../img/generic/backgrounds/language-selection-1412929627.png');
    background-repeat: no-repeat;
    background-position: center 150px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-min-moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-ms-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .language-selection #wrapper {
        -webkit-background-size: 940px auto;
        -moz-background-size: 940px auto;
        -o-background-size: 940px auto;
        background-size: 940px auto;
        background-image: url('../img/generic/backgrounds/language-selection@2x-1412929627.png')
    }
}
.language-selection h2 {
    margin: 0 0 70px 0;
    text-align: center
}
.language-selection form {
    *zoom: 1
}
.language-selection form:after {
    content: "";
    display: table;
    clear: both
}
.language-selection .dropdown, .language-selection select {
    display: block;
    margin: 0 auto;
    width: 350px
}
.language-selection button {
    display: none
}
.no-js .language-selection form {
    text-align: center
}
.no-js .language-selection select, .no-js .language-selection button {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.no-js .language-selection select {
    margin: 0 10px 0 0
}