/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
a {
text-decoration: none
}
/*
a:visited {
color: #551a8b;
}
a:hover {
color: #06e;
}
*/
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
border: 0 none;
vertical-align: middle;
}
/*
* Remove chrome focus styles.
*/
input,
textarea,
select,
input[type=button],
button {
outline: none;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
html.hideGeolocator .dealer-search .next-dealer,
html.hideGeolocator .dealer-locator .near-me {
display: none;
}
html.hideGeolocator .dealer-search form,
html.hideGeolocator .dealer-locator .location {
margin-left: 0;
}
input::-moz-focus-inner /*Remove button padding in FF*/
{
border: 0;
padding: 0;
}
html, body {
/* For preserving iPhone font-sizes when changing orientation mode */
-webkit-text-size-adjust: none;
color: #444444;
font: 0.9em/1.5em Arial,Helvetica,sans-serif;
margin: 0;
min-width: 320px;
}
.img-placeholder {
display: none;
}
input {
-moz-border-radius: 0;
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
font-size: 16px;
}
#cols2Layout {
display: none;
}
@keyframes spinner {
from { transform: rotate3d(0,0,1,0deg); }
to { transform: rotate3d(0,0,1,360deg); }
}
@-webkit-keyframes spinner {
from { -webkit-transform: rotate3d(0,0,1,0deg); }
to { -webkit-transform: rotate3d(0,0,1,360deg); }
}
/* Sprite */
#header #logo,
#lang-select li,
#menu-btn,
#menu-content,
#menu-content > div,
#menu-content .search,
#menu-content .search div,
#menu-content .search input,
.slideshow #slideshow-prev span,
.slideshow #slideshow-next span,
.slideshow #slideshow-pager span,
.manual-search .ui-autocomplete li,
.content-text ul li,
.dropdown-list .content > ul > li,
.dropdown-list .content .show_all > ul > li,
.content-text a.download-button-text,
.dealer-search form .input,
.dealer-search form .input div,
.dealer-search form .input div input,
.dealer-search form .submit,
.dealer-search .next-dealer a:before,
.dealer-search.sop .sop .checkbox,
.dealer-search .checkbox,
.teaser-list .link a .ico,
.product-list li .ico,
.dropdown-list li > .headline .ico,
.dropdown-list .content-link-list li,
.btn-orange .ico,
.highlight-phone .ico,
.highlight-route .ico,
.highlight-link.view360 a,
.highlight-link.video a,
.highlight-link.video-mi a,
.highlight-link.youtube a,
.highlight-link.facebook a,
.highlight-link.twitter a,
.highlight-link.ok-ru a,
.highlight-link.instagram a,
.highlight-link.linkedin a,
.highlight-link.xing a,
.highlight-link.mail a,
.highlight-link.ext-link a:before,
.highlight-link.int-link a:before,
.highlight-link.kalender a:before,
.highlight-link.kalender a,
.highlight-link.pdf a,
.manual-search .ui-autocomplete li a,
.highlight-link a .ico,
.versions table td .checkbox,
.versions .submit input,
.product-price td .leaflet span,
.features .orange_arrow,
.link-list li a .ico,
.link-list li.download a.ico-download span,
.link-list li.social span.facebook,
.link-list li.social span.twitter,
.link-list li.social span.vk,
.link-list li.social span.googleplus,
.link-list li.social span.ok-ru,
.link-list li.social span.youtube,
.link-list li.social span.blog,
.link-list li.social span.instagram,
.link-list li.social span.linkedin,
.link-list li.social span.xing,
.link-list li.search .submit,
.link-list li.search .input,
.link-list li.search .input div,
.link-list li.search .input div input,
.dealer-locator .location .input,
.dealer-locator .location .input div,
.dealer-locator .location .input div input,
.dealer-locator.sop .location .sop .checkbox,
.dealer-locator .location .submit,
.dealer-locator-advanced .checkbox,
.dealer-locator-advanced label .ico,
.dealer-locator .near-me .ico,
.dealer-locator .advanced .ico,
.dealer-locator-result li > a .ico,
.dealer-locator-result li > a .number,
.dealer-locator-result li .address .characteristics li,
.dealer-locator-result li .products .products li,
.dealer-locator-result li .products .services li,
.dealer-locator-result li .right > span,
.dealer-products-services-characteristics .routingOptions > span,
.dealer-products ul li .ico,
.dealer-services ul li,
.dealer-characteristics ul li,
.dealer-route .form .text,
.dealer-route .form .text > div,
.dealer-route .form .text input,
.dealer-route .form .location .ico,
.dealer-route .submit .ico,
.notepad li .product .ico,
.notepad li .table td.remove-notepad a,
.notepad-send .ico,
.contact .radio > div,
.contact .checkbox,
.contact .terms a,
.contact .submit .ico,
.ba-search .submit .ico,
.search-result-menu > a,
.contact .xe_form .linklist a,
a.social-link,
.dealer-locator-map .lock .ico,
.dealer-locator-map .layer-ico,
.map-module .lock .ico,
.map-module .layer-ico,
.box-slides #box-slides-prev span,
.box-slides #box-slides-next span,
.box-slides #box-slides-pager span,
.box-slides .box ul li:before,
.video-type-slides #video-type-slides-prev span,
.video-type-slides #video-type-slides-next span,
.video-type-slides #video-type-slides-pager span,
.video-type-slides .video-type-slides-prev span,
.video-type-slides .video-type-slides-next span,
.video-type-slides .video-type-slides-pager span,
.job-filter .orange_arrow,
.job-list .ico span,
.link-list li .download-play a,
.au-news .teaser_item .buttons li .button,
.au-news-detail ul li,
.au-news-detail ul li,
.manual_search_filter .checkbox,
#submitAnleitungSearch .ico,
.dealer-locator-result li .address p .orange_arrow,
.dealer-locator-result li .right ul li a,
.dealer-locator-result li .products .shop,
.dealer-adress a.orange-arrow,
.dealer-adress .sop-link .arrow,
.dealer-route a.orange-arrow,
.ba-search .checkbox,
.search-result-menu .next,
.search-result-menu .prev,
.detail-list ul li,
.video-type-slides .box ul li,
.video-type-slides .box .link-list li .link-ico:after,
.privacyTop .privacyContent .close:before,
.dealer-locator .location .checkbox,
.popup-wrapper .popup .ok:before,
.popup-wrapper .popup .cancel:before,
.product_guide_step.chains .ketten_input:after,
.dealer-locator-result li .dropdown-list .content .sop-link .orange_arrow,
.product_guide_step-chains .chain_fact_list .submit input,
.dealer-locator-result li .right + .sop-link .orange_arrow,
.sop-link.highlight .ico,
.structure ul .marketing:before,
.structure ul .production:before,
.structure .orga_diagram ul li a:after,
.structure .orga_diagram .thirdlevel span,
.structure .orga_diagram .dropdown h4 .production,
.upload-btn:before,
#route a:before,
.product_detail_dealer_locator .search_box .icon:before,
.optin .layer .top .info .cols .left ul li:before,
.optin .layer .top .info .cols h3:after,
.optin .layer .top .buttons .button:before,
.optin .layer .bottom a.arrow {
background-image: url(../img/layout/sprite.png);
background-repeat: no-repeat;
}
.dealer-locator-advanced,
.dealer-locator-advanced > div,
.dealer-products-services-characteristics,
.dealer-products-services-characteristics > div,
.search-result,
.search-result li {
background-image: url(../img/layout/hr.png);
background-repeat: repeat-x;
}
.fr-fr .dealer-locator-advanced .products label .ico.batterie,
.fr-fr .dealer-locator-advanced .products label .ico.nettoyage,
.fr-fr .dealer-locator-advanced .products label .ico.découpeuse,
.fr-fr .dealer-products ul li .ico.batterie,
.fr-fr .dealer-products ul li .ico.nettoyage,
.fr-fr .dealer-products ul li .ico.découpeuse,
.fr-fr .dealer-locator-result li .products .products li.batterie,
.fr-fr .dealer-locator-result li .products .products li.nettoyage,
.fr-fr .dealer-locator-result li .products .products li.découpeuse {
background-image: url(../img/layout/fr-locator-icons.png);
background-repeat: no-repeat;
}
.hu-hu .dealer-locator-result li .products .products li.akku.disabled,
.hu-hu .dealer-locator-advanced .products label .ico.akku,
.hu-hu .dealer-locator-advanced .products label .ico.reiniger,
.hu-hu .dealer-locator-advanced .characteristics label .ico.premium,
.hu-hu .dealer-locator-result li .products .products li.akku,
.hu-hu .dealer-products ul li .ico.akku,
.hu-hu .dealer-locator-result li .products .products li.reiniger.disabled,
.hu-hu .dealer-locator-result li .products .products li.reiniger,
.hu-hu .dealer-products ul li .ico.reiniger,
.hu-hu .dealer-characteristics ul li.premium,
.hu-hu .characteristics .ico,
.ru-ru .dealer-locator-advanced .products .ico.akku,
.ru-ru .dealer-locator-result li .products .products li.akku {
background-image: url(../img/layout/hu-locator-icons.png);
background-repeat: no-repeat;
}
.it-it .dealer-locator-advanced .products label .ico.cutoffsaws,
.it-it .dealer-products ul li .ico.cutoffsaws,
.it-it .dealer-locator-result li .products .products li.cutoffsaws,
.it-it .dealer-locator-result li .products .products li.cutoffsaws.disabled,
.it-it .dealer-locator-advanced .products label .ico.eap,
.it-it .dealer-products ul li .ico.eap,
.it-it .dealer-locator-result li .products .products li.eap,
.it-it .dealer-locator-result li .products .products li.eap.disabled,
.it-it .dealer-locator-advanced .characteristics label .ico.stihl,
.it-it .dealer-characteristics li.ico.stihl {
background-image: url(../img/layout/it-locator-icons.png);
background-repeat: no-repeat;
}
.ja-JP .dealer-locator-advanced .products label .ico,
.ja-JP .dealer-locator-advanced .characteristics label .ico,
.ja-JP .dealer-locator-result li .products .products li,
.ja-JP .dealer-products ul li .ico,
.ja-JP .dealer-characteristics ul li {
background-image: url(../img/layout/jp-locator-icons.png);
background-repeat: no-repeat;
}
/*
.pl-pl .dealer-locator-advanced .products label .ico.cleaner,
.pl-pl .dealer-locator-advanced .products label .ico.akku,
.pl-pl .dealer-products ul li .ico.cleaner,
.pl-pl .dealer-products ul li .ico.akku,
.pl-pl .dealer-locator-result li .products .products li.cleaner,
.pl-pl .dealer-locator-result li .products .products li.cleaner.disabled,
.pl-pl .dealer-locator-result li .products .products li.akku,
.pl-pl .dealer-locator-result li .products .products li.akku.disabled,
.pl-pl .dealer-locator-result li .products .products li.finance,
.pl-pl .dealer-characteristics ul li.premiumstihl,
.pl-pl .dealer-characteristics ul li.premiumviking,
.pl-pl .dealer-locator-advanced .characteristics label .ico.premiumstihl,
.pl-pl .dealer-locator-advanced .characteristics label .ico.premiumviking,
.pl-pl .dealer-locator-advanced .services label span,
.pl-pl .dealer-locator-result li .products .services li.ico span,
.pl-pl .dealer-locator-advanced label .finance,
.pl-pl .dealer-characteristics ul li.finance,
.pl-pl .dealer-products ul li .ico.finance {
background-image: url(../img/layout/pl-locator-icons.png);
background-repeat: no-repeat;
}
*/
.en-GB .dealer-locator-advanced .products label .ico,
.en-GB .dealer-locator-result li .products .products li,
.en-GB .dealer-products ul li .ico {
background-image: url(../img/layout/uk-locator-icons.png);
background-repeat: no-repeat;
}
.privacyTop .privacyContent a.closeButton,
.popup-wrapper .popup .close,
.optin .layer .closeButton {
background: url('../img/layout/closeButton.png') no-repeat center center;
}
/* Retina Sprite */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
#header #logo,
#lang-select li,
#menu-btn,
#menu-content,
#menu-content > div,
#menu-content .search,
#menu-content .search div,
#menu-content .search input,
.slideshow .cycle-slideshow-menu #slideshow-prev,
.slideshow .cycle-slideshow-menu #slideshow-next,
.slideshow .cycle-slideshow-menu #slideshow-pager span,
.content-text ul li,
.dropdown-list .content .show_all > ul > li,
.dropdown-list .content > ul > li,
.content-text a.download-button-text,
.dealer-search form .input,
.dealer-search form .input div,
.dealer-search form .input div input,
.dealer-search form .submit,
.dealer-search .next-dealer a:before,
.dealer-search.sop .sop .checkbox,
.teaser-list .link a .ico,
.product-list li .ico,
.dropdown-list li > .headline .ico,
.dropdown-list .content-link-list li,
.btn-orange .ico,
.highlight-phone .ico,
.highlight-route .ico,
.highlight-link.view360 a,
.highlight-link.video a,
.highlight-link.video-mi a,
.highlight-link.youtube a,
.highlight-link.facebook a,
.highlight-link.twitter a,
.highlight-link.ok-ru a,
.highlight-link.instagram a,
.highlight-link.linkedin a,
.highlight-link.xing a,
.highlight-link.mail a,
.highlight-link.ext-link a:before,
.highlight-link.int-link a:before,
.highlight-link.kalender a,
.highlight-link.pdf a,
.highlight-link a .ico,
.versions table td .checkbox,
.versions .submit input,
.product-price td .leaflet span,
.features .orange_arrow,
.link-list li a .ico,
.link-list li.download a.ico-download span,
.link-list li.social span.facebook,
.link-list li.social span.twitter,
.link-list li.social span.vk,
.link-list li.social span.googleplus,
.link-list li.social span.ok-ru,
.link-list li.social span.youtube,
.link-list li.social span.blog,
.link-list li.social span.instagram,
.link-list li.social span.xing,
.link-list li.search .submit,
.link-list li.search .input,
.link-list li.search .input div,
.link-list li.search .input div input,
.dealer-locator .location .input,
.dealer-locator .location .input div,
.dealer-locator .location .input div input,
.dealer-locator.sop .location .sop .checkbox,
.dealer-locator .location .submit,
.dealer-locator-advanced .checkbox,
.dealer-locator-advanced label .ico,
.dealer-locator .near-me .ico,
.dealer-locator .advanced .ico,
.dealer-locator-result li > a .ico,
.dealer-locator-result li > a .number,
.dealer-locator-result li .address .characteristics li,
.dealer-locator-result li .products .products li,
.dealer-locator-result li .products .services li,
.dealer-locator-result li .right > span,
.dealer-products-services-characteristics .routingOptions > span,
.dealer-products ul li .ico,
.dealer-services ul li,
.dealer-characteristics ul li,
.dealer-route .form .text,
.dealer-route .form .text > div,
.dealer-route .form .text input,
.dealer-route .form .location .ico,
.dealer-route .submit .ico,
.notepad li .product .ico,
.notepad li .table td.remove-notepad a,
.notepad-send .ico,
.contact .radio > div,
.contact .checkbox,
.contact .terms a,
.contact .submit .ico,
.search-result-menu > a,
.contact .xe_form .linklist a,
a.social-link,
.dealer-locator-map .lock .ico,
.dealer-locator-map .layer-ico,
.map-module .lock .ico,
.map-module .layer-ico,
.box-slides #box-slides-prev span,
.box-slides #box-slides-next span,
.box-slides #box-slides-pager span,
.box-slides .box ul li:before,
.video-type-slides #video-type-slides-prev span,
.video-type-slides #video-type-slides-next span,
.video-type-slides #video-type-slides-pager span,
.video-type-slides .video-type-slides-prev span,
.video-type-slides .video-type-slides-next span,
.video-type-slides .video-type-slides-pager span,
.job-filter .orange_arrow,
.job-list .ico span,
.link-list li .download-play a,
.au-news .teaser_item .buttons li .button,
.au-news-detail ul li,
.manual_search_filter .checkbox,
#submitAnleitungSearch .ico,
.dealer-locator-result li .address p .orange_arrow,
.dealer-locator-result li .right ul li a,
.dealer-locator-result li .products .shop,
.dealer-adress a.orange-arrow,
.dealer-route a.orange-arrow,
.dealer-adress .sop-link .arrow,
.ba-search .checkbox,
.search-result-menu .next,
.search-result-menu .prev,
.video-type-slides .box .link-list li .link-ico:after,
.privacyTop .privacyContent .close:before,
.dealer-locator .location .checkbox,
.popup-wrapper .popup .ok:before,
.popup-wrapper .popup .cancel:before,
.product_guide_step.chains .ketten_input:after,
.dealer-locator-result li .dropdown-list .content .sop-link .orange_arrow ,
.product_guide_step-chains .chain_fact_list .submit input,
.sop-link.highlight .ico,
.structure ul .marketing:before,
.structure ul .production:before,
.structure .orga_diagram ul li a:after,
.structure .orga_diagram .thirdlevel span,
.structure .orga_diagram .dropdown h4 .production,
.upload-btn:before,
#route a:before,
.product_detail_dealer_locator .search_box .icon:before,
.optin .layer .top .info .cols .left ul li:before,
.optin .layer .top .info .cols h3:after,
.optin .layer .top .buttons .button:before,
.optin .layer .bottom a.arrow {
background-image: url(../img/layout/sprite_retina.png);
background-size: 275px 3088px;
}
.fr-fr .dealer-locator-advanced .products label .ico.batterie,
.fr-fr .dealer-locator-advanced .products label .ico.nettoyage,
.fr-fr .dealer-locator-advanced .products label .ico.découpeuse,
.fr-fr .dealer-products ul li .ico.batterie,
.fr-fr .dealer-products ul li .ico.nettoyage,
.fr-fr .dealer-products ul li .ico.découpeuse,
.fr-fr .dealer-locator-result li .products .products li.batterie,
.fr-fr .dealer-locator-result li .products .products li.nettoyage,
.fr-fr .dealer-locator-result li .products .products li.découpeuse {
background-image: url(../img/layout/fr-locator-icons-retina.png);
background-size: 69px 76px;
}
.hu-hu .dealer-locator-result li .products .products li.akku.disabled,
.hu-hu .dealer-locator-advanced .products label .ico.akku,
.hu-hu .dealer-locator-advanced .products label .ico.reiniger,
.hu-hu .dealer-locator-advanced .characteristics label .ico.premium,
.hu-hu .dealer-locator-result li .products .products li.akku,
.hu-hu .dealer-products ul li .ico.akku,
.hu-hu .dealer-locator-result li .products .products li.reiniger.disabled,
.hu-hu .dealer-locator-result li .products .products li.reiniger,
.hu-hu .dealer-products ul li .ico.reiniger,
.hu-hu .dealer-characteristics ul li.prémium,
.hu-hu .characteristics .ico,
.ru-ru .dealer-locator-advanced .products .ico.akku,
.ru-ru .dealer-locator-result li .products .products li.akku {
background-image: url(../img/layout/hu-locator-icons-retina.png);
background-size: 142px 120px;
}
.ja-JP .dealer-locator-advanced .products label .ico,
.ja-JP .dealer-locator-advanced .characteristics label .ico,
.ja-JP .dealer-locator-result li .products .products li,
.ja-JP .dealer-products ul li .ico,
.ja-JP .dealer-characteristics ul li {
background-image: url(../img/layout/jp-locator-icons.png);
background-repeat: no-repeat;
background-size: 275px 200px;
}
.it-it .dealer-locator-advanced .products label .ico.cutoffsaws,
.it-it .dealer-products ul li .ico.cutoffsaws,
.it-it .dealer-locator-result li .products .products li.cutoffsaws,
.it-it .dealer-locator-result li .products .products li.cutoffsaws.disabled,
.it-it .dealer-locator-advanced .products label .ico.eap,
.it-it .dealer-products ul li .ico.eap,
.it-it .dealer-locator-result li .products .products li.eap,
.it-it .dealer-locator-result li .products .products li.eap.disabled,
.it-it .dealer-locator-advanced .characteristics label .ico.stihl,
.it-it .dealer-characteristics li.ico.stihl {
background-image: url(../img/layout/it-locator-icons-retina.png);
background-size: 150px 52px;
}
/*
.pl-pl .dealer-locator-advanced .products label .ico.cleaner,
.pl-pl .dealer-locator-advanced .products label .ico.akku,
.pl-pl .dealer-products ul li .ico.cleaner,
.pl-pl .dealer-products ul li .ico.akku,
.pl-pl .dealer-locator-result li .products .products li.cleaner,
.pl-pl .dealer-locator-result li .products .products li.cleaner.disabled,
.pl-pl .dealer-locator-result li .products .products li.akku,
.pl-pl .dealer-locator-result li .products .products li.akku.disabled,
.pl-pl .dealer-locator-result li .products .products li.finance,
.pl-pl .dealer-characteristics ul li.premiumstihl,
.pl-pl .dealer-characteristics ul li.premiumviking,
.pl-pl .dealer-locator-advanced .characteristics label .ico.premiumstihl,
.pl-pl .dealer-locator-advanced .characteristics label .ico.premiumviking,
.pl-pl .dealer-locator-advanced .services label span,
.pl-pl .dealer-locator-result li .products .services li.ico span,
.pl-pl .dealer-locator-advanced label .finance,
.pl-pl .dealer-characteristics ul li.finance,
.pl-pl .dealer-products ul li .ico.finance {
background-image: url(../img/layout/pl-locator-icons-retina.png);
background-size: 62px 190px;
}
*/
.en-GB .dealer-locator-advanced .products label .ico,
.en-GB .dealer-locator-result li .products .products li,
.en-GB .dealer-products ul li .ico {
background-image: url(../img/layout/uk-locator-icons.png);
background-repeat: no-repeat;
background-size: 75px 50px;
}
.privacyTop .privacyContent a.closeButton,
.popup-wrapper .popup .close {
background: url('../img/layout/closeButton_retina.png') no-repeat center center;
background-size: 38px 38px;
}
}
/* Kopfbereich */
#header {
background: #242D34;
background: -moz-linear-gradient(top, #646B71, #242D34); /* Firefox */
background: -ms-linear-gradient(top, #646B71, #242D34); /* IE */
background: -o-linear-gradient(top, #646B71, #242D34); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#646B71), to(#242D34)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #646B71, #242D34); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #646B71, #242D34); /* CSS3 */
border-bottom: 2px solid #F37A1F;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#646B71', endColorstr='#242D34'); /* IE */
height: 48px;
position: relative;
text-align: left;
width: 100%;
}
#header #logo {
background-position: 0px 0px;
display: block;
height: 47px;
left: 10px;
overflow: hidden;
position: absolute;
text-indent: -1000px;
top: 0px;
width: 90px;
}
/* Sprachauswahl */
#lang-select {
margin: 0 0 0 100px;
list-style: none;
padding: 10px 0 0 0;
height: 18px;
position: absolute;
right: 51px;
top: 4px;
}
#lang-select li {
float: left;
height: 18px;
display: block;
background-position: right -30px;
padding-right: 2px;
}
#lang-select a {
color: #FFFFFF;
padding: 0 12px;
line-height: 18px;
font-weight: bold;
}
/* Menu */
#lock-layer {
-khtml-opacity:.8;
-moz-opacity:.8;
-ms-filter: ”alpha(opacity=8)”;
background-color: #262F35;
display: none;
filter: alpha(opacity=8);
height: 100%;
left: 0;
opacity:.8;
position: absolute;
top: 0;
width: 100%;
z-index: 9998;
}
#menu {
padding-top: 46px;
position: absolute;
right: 0;
top: 0;
width: 50px;
z-index: 9999;
}
#menu.active {
width: 100%;
}
.menu #menu {
max-width: none;
padding: 0;
position: static;
width: auto;
}
#menu-btn {
background-position: -139px 8px;
height: 40px;
overflow: hidden;
position: absolute;
right: 3px;
text-indent: -1000px;
top: 4px;
width: 40px;
}
#menu-content {
background-position: right -3029px;
display: none;
margin: 0 10px 10px 10px;
padding: 10px 0 0 0;
}
.menu #menu-content {
background-image: none;
display: block;
margin: 0;
padding: 0;
}
#menu-content > div {
background-color: #FFFFFF;
background-position: -10px -3039px;
background-repeat: repeat-x;
display: block;
padding: 20px 10px;
}
#menu-content .search {
background-position: -265px -680px;
display: block;
height: 28px;
margin: 0 0 20px 0;
padding: 0 28px 0 9px;
position: relative;
}
#menu-content .search div {
background-position: right -740px;
padding: 0 9px 0 0;
}
#menu-content .search .query {
background-position: 0 -710px;
background-repeat: repeat-x;
border: none;
color: #A1A1A1;
height: 28px;
padding: 0;
vertical-align: middle;
width: 100%;
}
.iem7 #menu-content .search .query {
line-height: 28px;
}
#menu-content .search .query.active {
color: #444444;
}
#menu-content .search .submit {
background-color: transparent;
background-position: -230px -680px;
border: none;
cursor: pointer;
height: 28px;
overflow: hidden;
position: absolute;
right: 0;
text-indent: -1000px;
top: 0;
width: 28px;
}
#menu-content .link-list {
margin: 0;
}
.menu #menu-content .link-list.back {
margin-bottom: 20px;
}
/* Desktop Switch Popup */
.popup-wrapper {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.6);
z-index: 100000;
}
.popup-wrapper .popup {
/* width: 75%; */
max-width: 400px;
background-color: #454d53;
color: #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 20px 20px 5px;
}
.popup-wrapper .popup .stack-buttons .ok {
margin-right: 0;
}
.popup-wrapper .popup .stack-buttons .ok,
.popup-wrapper .popup .stack-buttons .cancel {
display: block;
float: left;
}
.popup-wrapper .popup .stack-buttons .cancel {
clear: left;
}
.popup-wrapper .popup .ok,
.popup-wrapper .popup .cancel {
background: #F4F4F4;
background: -moz-linear-gradient(top, #F9F9F9, #F4F4F4); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F4F4F4); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F4F4F4); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F4F4F4)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F4F4F4); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F4F4F4); /* CSS3 */
color: #454d53;
display: block;
font-weight: bold;
line-height: 25px;
padding: 3px 10px 3px 22px;
position: relative;
display: inline-block;
text-decoration: none;
cursor: pointer;
margin: 0 0 15px;
}
.popup-wrapper .popup .ok:before,
.popup-wrapper .popup .cancel:before {
background-position: -266px 0;
content: "";
display: block;
height: 19px;
left: 8px;
margin-top: -11px;
position: absolute;
top: 50%;
width: 9px;
}
.popup-wrapper .popup .ok {
margin-right: 15px;
}
.popup-wrapper .popup .close {
width: 38px;
height: 38px;
display: block;
right: -19px;
top: -19px;
position: absolute;
cursor: pointer;
}
.popup-wrapper .popup p {
margin: 0 0 20px;
}
/* Inhalt */
#content {
height: auto;
margin: 0 auto;
max-width: 1920px;
padding-top: 7px;
}
#content table th,
#content table td {
vertical-align: top;
}
.breadcrump {
list-style: none;
margin: 0 10px 12px 10px;
padding: 0;
}
.breadcrump li {
display: inline;
}
.breadcrump li:last-child {
font-weight: bold;
}
.iem7 .breadcrump li {
float: none;
display: inline;
white-space: nowarp;
}
.breadcrump li * {
color: #444444;
margin-right: 4px;
display: inline;
}
.breadcrump li .seperator {
margin-right: 0;
}
.breadcrump li.active * {
font-weight: bold;
}
a {
outline: none;
}
.page-headline {
margin: 0 10px 15px 10px;
}
.page-headline h1 {
color: #F37A1F;
font-size: 1.6em;
font-weight: normal;
line-height: normal;
margin: 0;
}
.page-headline h2 {
font-size: 1.6em;
font-weight: normal;
line-height: normal;
margin: 0;
}
.page-headline a {
color: #F37A1F;
font-weight: bold;
}
.page-headline + h3 {
font-size: 1.6em;
font-weight: normal;
margin: -15px 10px 15px 10px;
}
.headline-date {
margin: 0 10px 15px 10px;
}
.headline-date h3 {
font-size: 1em;
font-weight: bold;
}
.slideshow {
margin: 15px 16px 2px 16px;
position: relative;
}
.slideshow.inactive {
margin-left: 0;
margin-right: 0;
}
.js .slideshow {
display: none;
}
.slideshow > div {
position: relative;
z-index: 1;
}
.slideshow > div > ul {
border: 6px solid #ECECEC;
display: block;
list-style: none;
margin: 0;
padding: 0;
}
.slideshow > div > ul > li {
width: 100%;
}
.no-js .slideshow > div > ul > li {
display: none;
}
.no-js .slideshow > div > ul > li:first-child {
display: block;
}
.slideshow > div > ul > li img {
width: 100%;
border: none;
}
.no-js .slideshow > div > ul > li img {
max-width: 620px;
border: none;
}
.slideshow #slideshow-prev,
.slideshow #slideshow-next {
cursor: pointer;
height: 100px;
margin-top: -50px;
position: absolute;
right: 0;
top: 50%;
width: 60px;
z-index: 1000;
}
.slideshow #slideshow-prev {
left: 0;
right: inherit;
}
.slideshow #slideshow-prev span,
.slideshow #slideshow-next span {
background-position: -50px -2170px;
cursor: pointer;
height: 50px;
margin-top: -25px;
overflow: hidden;
position: absolute;
right: 15px;
text-indent: -1000px;
top: 50%;
width: 23px;
}
.slideshow #slideshow-prev span {
background-position: 0 -2170px;
left: 15px;
right: inherit;
}
.slideshow.inactive #slideshow-prev,
.slideshow.inactive #slideshow-next,
.no-js .slideshow #slideshow-prev,
.no-js .slideshow #slideshow-next,
.box-slides #box-slides-prev.disabled,
.box-slides #box-slides-next.disabled,
.box-slides #box-slides-pager.disabled {
display: none;
}
.slideshow #slideshow-pager {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding-bottom: 8px;
}
.iem7 .slideshow #slideshow-pager {
z-index: 1000;
}
.slideshow #slideshow-pager span {
background-position: -190px 0;
cursor: pointer;
display: inline-block;
height: 8px;
margin-right: 7px;
overflow: hidden;
text-indent: -1000px;
width: 8px;
position: relative;
z-index: 1000;
}
.iem7 .slideshow #slideshow-pager span {
display: block;
float: left;
margin-top: 5px;
}
.slideshow #slideshow-pager span.cycle-pager-active {
background-position: -200px 0;
}
.slideshow .shadow {
border-radius: 100%;
box-shadow: 0 3px 14px 10px #acacac;
margin: 0 10px;
bottom: 10px;
padding: 5px 0;
z-index: 0;
}
@media only screen and (max-width: 1024px) {
.slideshow .shadow {
box-shadow: 0 3px 8px 1px #acacac;
}
}
.slideshow .shadow img {
display: none;
vertical-align: top;
width: 100%;
}
.no-js .slideshow .shadow img {
max-width: 620px;
}
.slideshow .slide-texts {
list-style: none;
padding: 0;
position: relative;
}
.slideshow .slide-texts li {
padding: 0;
text-align: center;
}
.slideshow .slide-texts li {
display: none;
}
.no-js .slideshow .slide-texts li:first-child {
display: block;
}
.slideshow .slide-texts li * {
font-size: 1.7em;
font-weight: bold;
line-height: 110%;
margin: 0;
padding: 0;
}
.slideshow .slide-texts li sup {
font-size: 0.7em;
vertical-align: top;
}
.box-slides {
margin: 0 28px 22px 15px;
position: relative;
}
.no-js .box-slides {
margin-bottom: 0;
max-width: 492px;
}
.box-slides #box-slides-prev,
.box-slides #box-slides-next {
cursor: pointer;
height: 100%;
position: absolute;
right: -20px;
top: 0;
width: 20px;
z-index: 1000;
}
.box-slides #box-slides-prev {
left: -5px;
right: inherit;
background-color: #FFFFFF;;
}
.box-slides #box-slides-prev span,
.box-slides #box-slides-next span {
background-position: -266px 0;
cursor: pointer;
height: 19px;
margin-top: -23px;
overflow: hidden;
position: absolute;
right: 0;
text-indent: -1000px;
top: 50%;
width: 9px;
}
.box-slides #box-slides-prev span {
background-position: -230px 0;
left: 0;
right: inherit;
}
.no-js .box-slides #box-slides-prev,
.no-js .box-slides #box-slides-next {
display: none;
}
.box-slides #box-slides-pager {
bottom: -2px;
left: 0;
margin-left: 13px;
padding-bottom: 2px;
position: absolute;
text-align: center;
width: 100%;
}
.box-slides #box-slides-pager span {
background-position: -190px 0;
cursor: pointer;
display: inline-block;
height: 8px;
margin-right: 7px;
overflow: hidden;
position: relative;
text-indent: -1000px;
width: 8px;
z-index: 1000;
}
.iem7 .box-slides #box-slides-pager span {
display: block;
float: left;
margin-top: 5px;
}
.box-slides #box-slides-pager span.cycle-pager-active {
background-position: -200px 0;
}
.box-slides .boxes {
padding: 0 2px 26px 0;
/* md */
text-align: center;
}
.box-slides .cycle-slide {
vertical-align: top;
}
.box-slides.single .cycle-slide {
width: 100%;
}
.box-slides .box {
background: #F4F4F4;
background: -moz-linear-gradient(top, #F9F9F9, #F4F4F4); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F4F4F4); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F4F4F4); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F4F4F4)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F4F4F4); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F4F4F4); /* CSS3 */
border: 1px solid #DFE0E1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F9F9F9', endColorstr='#F4F4F4'); /* IE */
line-height: 1.4em;
margin-left: 15px;
padding-bottom: 10px;
position: relative;
white-space: normal;
}
.box-slides .box.button {
padding-bottom: 50px;
}
.box-slides .box.btn {
padding-bottom: 58px;
}
.no-js .box-slides .box {
margin-bottom: 35px;
}
.box-slides .box img {
vertical-align: top;
width: 100%;
}
.box-slides .box p {
margin: 0 10px 2px;
}
.box-slides .box p a {
color: #f37a1f;
}
.box-slides .box h3 {
font-size: 1em;
margin: 11px 10px 7px;
}
.box-slides .box h4 {
font-size: 1em;
margin: 4px 10px 0px;
}
.box-slides .box .date {
color: #f37a1f;
min-height: 139px;
}
.box-slides .box h3 {
font-weight: bold;
}
.box-slides .box h4 {
color: #444444;
font-weight: normal;
}
.box-slides .box ul {
list-style: none;
margin: 0 10px 10px 0;
padding: 0;
}
.box-slides .box ul li {
line-height: 1.5em;
margin-bottom: 2px;
spadding-left: 37px;
display: inline-block;
}
.box-slides .box ul li:before {
background-position: -145px -955px;
content: "";
display: inline-block;
height: 7px;
width: 7px;
margin: 0 10px;
position: relative;
top: -2px;
}
.box-slides .box .btn {
bottom: 10px;
left: 0;
position: absolute;
width: 100%;
}
.box-slides .box .btn-orange {
margin: 0 10px;
padding: 8px 0;
text-align: center;
}
.box-slides .box .btn-orange > div {
display: inline-block;
position: relative;
}
.iem7 .box-slides .box .btn-orange > div {
display: inline;
}
.box-slides .box .btn-orange .ico {
left: 10px;
right: inherit;
}
.box-slides .box .btn-orange span {
display: inline-block;
margin: 0 10px 0 30px;
position: realtive;
vertical-align: top;
}
.iem7 .box-slides .box .btn-orange span {
display: inline;
}
.box-slides .box .btn.btn-download {
bottom: 0px;
position: relative;
}
.box-slides .box .btn-download .btn-orange {
margin: 10px 10px 10px 10px;
}
.box-slides .box .shadow {
left: 0;
margin-top: 1px;
position: absolute;
top: 100%;
width: 100%;
}
.video-type-slides {
margin: 0 28px 22px 15px;
position: relative;
}
.no-js .video-type-slides {
margin-bottom: 0;
max-width: 492px;
}
.video-type-slides #video-type-slides-prev,
.video-type-slides #video-type-slides-next,
.video-type-slides .video-type-slides-prev,
.video-type-slides .video-type-slides-next {
cursor: pointer;
height: 100%;
position: absolute;
right: -20px;
top: 0;
width: 20px;
z-index: 1000;
}
.video-type-slides #video-type-slides-prev,
.video-type-slides .video-type-slides-prev {
left: -5px;
right: inherit;
background-color: #FFFFFF;;
}
.video-type-slides #video-type-slides-prev span,
.video-type-slides #video-type-slides-next span,
.video-type-slides .video-type-slides-prev span,
.video-type-slides .video-type-slides-next span {
background-position: -266px 0;
cursor: pointer;
height: 19px;
margin-top: -23px;
overflow: hidden;
position: absolute;
right: 0;
text-indent: -1000px;
top: 50%;
width: 9px;
}
.video-type-slides #video-type-slides-prev span,
.video-type-slides .video-type-slides-prev span {
background-position: -230px 0;
left: 0;
right: inherit;
}
.video-type-slides #video-type-slides-prev.disabled,
.video-type-slides #video-type-slides-next.disabled,
.no-js .video-type-slides #video-type-slides-prev,
.no-js .video-type-slides #video-type-slides-next,
.video-type-slides .video-type-slides-prev.disabled,
.video-type-slides .video-type-slides-next.disabled,
.no-js .video-type-slides .video-type-slides-prev,
.no-js .video-type-slides .video-type-slides-next {
display: none;
}
.video-type-slides #video-type-slides-pager,
.video-type-slides .video-type-slides-pager {
bottom: -2px;
left: 0;
margin-left: 13px;
padding-bottom: 2px;
position: absolute;
text-align: center;
width: 100%;
}
.video-type-slides #video-type-slides-pager span,
.video-type-slides .video-type-slides-pager span {
background-position: -190px 0;
cursor: pointer;
display: inline-block;
height: 8px;
margin-right: 7px;
overflow: hidden;
position: relative;
text-indent: -1000px;
width: 8px;
z-index: 1000;
}
.iem7 .video-type-slides #video-type-slides-pager span,
.iem7 .video-type-slides .video-type-slides-pager span {
display: block;
float: left;
margin-top: 5px;
}
.video-type-slides #video-type-slides-pager span.cycle-pager-active,
.video-type-slides .video-type-slides-pager span.cycle-pager-active {
background-position: -200px 0;
}
.video-type-slides .boxes {
padding: 0 2px 26px 0;
}
.video-type-slides .cycle-slide {
vertical-align: top;
}
.video-type-slides.single .cycle-slide {
width: 100%;
}
.video-type-slides .box {
background: #F4F4F4;
background: -moz-linear-gradient(top, #F9F9F9, #F4F4F4); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F4F4F4); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F4F4F4); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F4F4F4)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F4F4F4); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F4F4F4); /* CSS3 */
border: 1px solid #DFE0E1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F9F9F9', endColorstr='#F4F4F4'); /* IE */
margin-left: 15px;
position: relative;
white-space: normal;
}
.no-js .video-type-slides .box {
margin-bottom: 35px;
}
.video-type-slides .box a {
color: #F37A1F;
display: block;
text-decoration: none;
}
.video-type-slides .box img {
vertical-align: top;
width: 100%;
}
.video-type-slides .box > a > span {
padding: 12px 10px;
font-weight: bold;
display: block;
font-size: 1.1em;
}
.video-type-slides .box h3 {
font-size: 1em;
margin: 11px 10px 7px;
}
.video-type-slides .box .product {
padding-bottom: 15px;
}
.video-type-slides .box .product h3 {
color: #F37A1F;
margin-bottom: 12px;
}
.video-type-slides .box .product p {
margin-bottom: 4px;
}
.video-type-slides .box .product p a {
display: inline-block;
}
.video-type-slides .box ul {
list-style: none;
margin: 4px 10px 13px;
padding: 0;
}
.video-type-slides .box .link-list {
margin-bottom: 16px;
}
.video-type-slides .box ul li {
background-position: -145px -951px;
margin-bottom: 3px;
padding-left: 12px;
}
.video-type-slides .box .link-list li {
background: none;
margin: 0;
}
.video-type-slides .box .link-list li span {
margin-left: 0;
padding: 0;
display: inline-block;
}
.video-type-slides .box .link-list li .link-ico {
color: #444444;
font-size: 1.1em;
font-weight: bold;
padding-right: 25px;
position: relative;
}
.video-type-slides .box .link-list li .link-ico:after {
background-position: -266px 0;
content: "";
display: block;
height: 19px;
margin-top: -10px;
position: absolute;
right: 10px;
top: 50%;
width: 9px;
}
.video-type-slides .box p {
color: #444444;
margin: 0 10px 12px;
}
.video-type-slides .box .shadow {
left: 0;
margin-top: 1px;
position: absolute;
top: 100%;
width: 100%;
}
.video-types > div {
display: none;
}
.no-js .video-types > div,
.video-types > div.active {
display: block;
}
.video-types > div > h3 {
margin: 0 10px 8px;
font-size: 1.1em;
}
.categories-2-switch {
margin: 0 10px 16px;
}
.categories-2-switch > div {
float: left;
max-width: 50%;
}
.categories-2-switch a {
display: block;
margin-right: 1px;
position: relative;
}
.categories-2-switch img {
max-width: 100%;
}
.categories-2-switch div div {
background-color: #262F36;
bottom: 0;
display: block;
font-weight: bold;
left: 0;
line-height: 1.5em;
position: absolute;
width: 100%;
}
.categories-2-switch div span {
color: #FFFFFF;
display: block;
margin: 5px 10px;
}
.categories-2-switch .active div span {
color: #F37A1F;
}
.no-js .categories-2-switch .active div span {
color: #FFFFFF;
}
.categories-2-content > div {
display: none;
}
.no-js .categories-2-content > div,
.categories-2-content > div.active {
display: block;
}
.tiles {
margin: 0 10px 30px;
}
.no-js .tiles {
max-width: 666px;
}
.tiles .tile {
float: left;
width: 50%;
}
.tiles .tile > div {
margin: 0 1px 1px 0;
position: relative;
}
.tiles .tile a {
display: block;
}
.tiles .tile img {
width: 100%;
}
.tiles .tile span {
background: #F37B21;
background: -moz-linear-gradient(top, #F8AD75, #F37B21); /* Firefox */
background: -ms-linear-gradient(top, #F8AD75, #F37B21); /* IE */
background: -o-linear-gradient(top, #F8AD75, #F37B21); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F8AD75), to(#F37B21)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F8AD75, #F37B21); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F8AD75, #F37B21); /* CSS3 */
color: #FFFFFF;
display: block;
font-size: 0.9em;
font-weight: bold;
padding: 4px 10px 2px;
text-transform: uppercase;
}
.app-teaser {
margin: 0 10px 30px 10px;
text-align: center;
}
.product-list .app-teaser {
margin: 0;
}
.product-list .app-teaser img {
margin-top: 30px;
max-width: 100%;
}
.content-image {
margin: 0 10px 16px 10px;
}
.no-js .content-image {
max-width: 620px;
}
.content-image img {
max-width: 100%;
}
.content-text {
margin: 0 10px 25px 10px;
}
.content-text > img {
margin-bottom: 10px;
max-width: 300px;
width: 100%;
}
.reddot .content-text > img {
max-width: inherit;
width: auto;
}
.content-text p {
line-height: 1.5em;
margin: 0 0 10px 0;
}
.content-text a,
.content a
{
color: #F37A1F;
font-weight: bold;
}
.content table a {
font-weight: normal;
}
.manual-search .ui-autocomplete a {
color: #000;
}
.content-text ul,
.dropdown-list .content > ul,
.manual-search .ui-autocomplete,
.content .show_all > ul{
list-style: none;
margin: 0 0 10px 0;
overflow: hidden;
padding: 0;
}
.content-text ul li,
.dropdown-list .content > ul > li,
.dropdown-list .content .show_all > ul > li,
.manual-search .ui-autocomplete > li{
background-position: -135px -949px;
line-height: 1.5em;
margin-bottom: 5px;
padding-left: 27px;
}
.content-text ul li.price {
background: #F4F4F4;
background: -moz-linear-gradient(top, #F9F9F9, #F4F4F4); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F4F4F4); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F4F4F4); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F4F4F4)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F4F4F4); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F4F4F4); /* CSS3 */
}
.dropdown-list .content > ul > li.price {
padding: 0;
background-image: none;
}
.dropdown-list .content > ul > li.pictogram {
padding: 0;
background-image: none;
}
.dropdown-list .content > ul > li.pictogram h5 {
font-size: 1em;
font-weight: bold;
line-height: 1.4em;
margin: 0 0 1em;
}
.technical-data {
margin: 0 10px 20px 10px;
}
.technical-data > p {
margin: 0 0 10px;
}
.technical-data table {
border-collapse: collapse;
border-spacing: 0;
margin: 0 0 10px;
width: 100%;
}
.technical-data table tr.odd {
background-color: #F1F1F1;
}
.iem7 .technical-data table tr.odd {
background-color: transparent;
}
.technical-data table th {
padding: 9px 10px 8px 6px;
text-align: left;
}
.iem7 .technical-data table th {
padding-left: 0;
}
.technical-data table th .normal {
font-weight: normal;
}
.technical-data table th sup {
font-size: 0.6em;
}
.technical-data table td {
padding: 9px 6px 8px 10px;
text-align: right;
}
.iem7 .technical-data table td {
padding-right: 0;
}
.map-module {
margin: 0 10px 30px;
position: relative;
box-sizing: border-box;
padding-top: 56.25%;
}
.map-module #map-module {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.dealer-search {
margin: 0 10px 25px 10px;
position: relative;
}
.dealer-search h3 {
margin-bottom: 8px;
}
.dealer-search h3 + .next-dealer{
top: 0;
}
.dealer-search .next-dealer {
border-bottom: 1px solid #FFFFFF;
height: 46px;
position: relative;
background: #F37A20;
background: -moz-linear-gradient(top, #FEAD71, #F37A20); /* Firefox */
background: -ms-linear-gradient(top, #FEAD71, #F37A20); /* IE */
background: -o-linear-gradient(top, #FEAD71, #F37A20); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#FEAD71), to(#F37A20)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #FEAD71, #F37A20); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #FEAD71, #F37A20); /* CSS3 */
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FEAD71', endColorstr='#F37A20'); /* IE */
}
.iem7 .dealer-search .next-dealer {
background-color: #F9F9F9;
}
.no-js .dealer-search .next-dealer {
display: none;
}
.dealer-search .next-dealer a {
color: #FFFFFF;
display: block;
font-weight: bold;
height: 46px;
line-height: 46px;
padding: 0 10px 0 38px;
white-space: nowrap;
}
.dealer-search .next-dealer a:before {
background-position: -158px -280px;
content: "";
display: block;
height: 28px;
left: 10px;
position: absolute;
top: 10px;
width: 21px;
}
.dealer-search form {
background: #F37A20;
margin: 0;
padding: 10px 0 10px 0;
position: relative;
}
.dealer-search form h3 {
color: white;
margin: 0 10px 10px 10px;
}
.dealer-search.sop form {
padding-bottom: 48px;
}
/*
.ru-ru .dealer-search form {
padding-top: 10px;
}
*/
.dealer-search form label {
color: #FFFFFF;
display: block;
font-weight: bold;
margin: 0 0 10px 10px;
}
.dealer-search form .input {
background-position: -265px -170px;
box-sizing: border-box;
height: 28px;
margin: 0 10px 0 10px;
padding: 0 47px 0 8px;
position: relative;
width: 100%;
}
.ru-ru .dealer-search form .input {
/*
position: static;
width: auto;
*/
overflow: visible;
}
.ru-ru .dealer-search.sop form .input {
margin-right: 180px;
}
.dealer-search .checkbox {
background-position: -75px -65px;
cursor: pointer;
display: block;
float: left;
height: 27px;
overflow: hidden;
position: relative;
width: 27px;
}
.dealer-search .checkbox.active {
background-position: -105px -65px;
}
.dealer-search .checkbox input{
left: -30px;
position: absolute;
top: 0;
}
.dealer-search h3 ~ .sop {
top: 78px;
}
.dealer-search .sop {
margin-left: 10px;
position: absolute;
top: 48px;
}
.dealer-search .sop label {
display: block;
line-height: 27px;
margin: 0 0 0 27px;
padding: 0 5px 0 3px;
position: relative;
}
.dealer-search form .input div {
background-position: right -226px;
height: 28px;
padding: 0 8px 0 0;
}
.dealer-search form .input div input {
background-position: 0 -198px;
background-repeat: repeat-x;
border: none;
color: #A1A1A1;
height: 28px;
padding: 0;
vertical-align: middle;
width: 100%;
}
.iem7 .dealer-search form .input div input {
line-height: 28px;
}
.dealer-search form .input div input.active {
color: #444444;
}
.dealer-search form .search-error-notification {
background:rgba(0,0,0,.7);
bottom: 86px;
box-sizing: border-box;
color: white;
padding: 5px;
pointer-events: none;
position: absolute;
text-align: center;
width: 100%;
}
@media only screen and (min-width: 768px) {
.dealer-search form .search-error-notification {
bottom: 50px;
}
}
.dealer-search form .submit {
background-color: transparent;
background-position: 0 -170px;
border: none;
cursor: pointer;
height: 28px;
overflow: hidden;
position: absolute;
right: 20px;
text-indent: -1000px;
top: 0;
width: 27px;
}
/*
.ru-ru .dealer-search form .submit {
bottom: 10px;
right: 10px;
top: auto;
}
*/
.dealer-search form .submit.disabled {
background-position: -100px -2170px;
}
.dealer-search .dropdown label {
margin-bottom: 3px;
}
.dealer-search .dropdown .input {
background-image: none;
height: auto;
margin-right: 80px;
padding: 0;
}
.dealer-search .dropdown .input select {
height: 19px;
margin-bottom: 3px;
width: 100%;
background-color: #FFFFFF;
border: none;
}
.dealer-search .dropdown .input select.disabled {
color: #AFAFAF;
}
.dealer-search .dropdown > div {
margin-top: 9px;
}
.dealer-search .dropdown > div:first-child {
margin-top: 0;
}
.dealer-search.sop {
}
.dealer-search.sop form .submit {
bottom: 47px;
}
.dealer-search.sop form .input {
margin-right: 37px;
}
.dealer-search.sop .sop .checkbox {
cursor: pointer;
display: block;
float: left;
height: 27px;
overflow: hidden;
position: relative;
width: 27px;
background-position: -75px -65px;
padding: 0;
}
.dealer-search.sop .sop label {
white-space: nowrap;
margin-left: 5px;
display: inline-block;
}
.dealer-search.sop .sop .checkbox.active {
background-position: -105px -65px;
}
.dealer-search.sop .sop .checkbox input {
left: -30px;
position: absolute;
}
.dealer-locator {
margin: 0 10px 10px 10px;
position: relative;
}
.dealer-locator .advanced {
border-bottom: 1px solid #DFE0E1;
border-top: 1px solid #DFE0E1;
cursor: pointer;
height: 46px;
background: #F4F4F4;
background: -moz-linear-gradient(top, #F9F9F9, #F4F4F4); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F4F4F4); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F4F4F4); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F4F4F4)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F4F4F4); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F4F4F4); /* CSS3 */
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F9F9F9', endColorstr='#F4F4F4'); /* IE */
}
.ja-JP .dealer-locator .advanced {
width: auto;
}
.iem7 .dealer-locator .advanced {
background-color: #F9F9F9;
}
.no-js .dealer-locator .advanced {
display: none;
}
.dealer-locator .advanced > div {
color: #444444;
display: block;
font-weight: bold;
height: 46px;
line-height: 46px;
padding: 0 41px 0 10px;
position: relative;
white-space: nowrap;
}
.dealer-locator .advanced .ico {
background-position: -190px -70px;
height: 10px;
margin-top: -5px;
overflow: hidden;
position: absolute;
right: 10px;
text-indent: -1000px;
top: 50%;
width: 21px;
}
.dealer-locator .advanced.active .ico {
background-position: -160px -70px;
margin-top: -7px;
}
.dealer-locator .near-me {
border-bottom: 1px solid #FFFFFF;
cursor: pointer;
height: 48px;
background: #F37A20;
background: -moz-linear-gradient(top, #FEAD71, #F37A20); /* Firefox */
background: -ms-linear-gradient(top, #FEAD71, #F37A20); /* IE */
background: -o-linear-gradient(top, #FEAD71, #F37A20); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#FEAD71), to(#F37A20)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #FEAD71, #F37A20); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #FEAD71, #F37A20); /* CSS3 */
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FEAD71', endColorstr='#F37A20'); /* IE */
}
.iem7 .dealer-locator .near-me {
background-color: #F9F9F9;
}
.no-js .dealer-locator .near-me {
display: none;
}
.dealer-locator .near-me a {
color: #FFFFFF;
display: block;
font-weight: bold;
height: 48px;
line-height: 46px;
padding: 0 0 0 39px;
position: relative;
white-space: nowrap;
}
.dealer-locator .near-me .ico {
background-position: -159px -280px;
height: 27px;
margin-top: -14px;
overflow: hidden;
position: absolute;
left: 10px;
text-indent: -1000px;
top: 50%;
width: 19px;
}
.dealer-locator .near-me.active .ico {
background-position: -160px -70px;
margin-top: -7px;
}
.dealer-locator .location {
background: #F37A20;
display: block;
margin: 0;
padding: 39px 10px 10px 10px;
position: relative;
}
.ja-JP .dealer-locator .location {
margin-right: 0;
}
.dealer-locator.sop .location {
padding-top: 48px;
}
.dealer-locator label {
color: #FFFFFF;
display: block;
font-weight: bold;
margin: 0 0 10px 0;
}
.dealer-locator .location .input {
background-position: -265px -170px;
box-sizing: border-box;
height: 28px;
padding: 0 47px 0 8px;
position: absolute;
top: 10px;
width: 100%;
}
.dealer-locator .location .input div {
background-position: right -226px;
height: 28px;
padding: 0 8px 0 0;
}
.dealer-locator .location .input div input {
background-position: 0 -198px;
background-repeat: repeat-x;
border: none;
color: #A1A1A1;
height: 28px;
padding: 0;
vertical-align: middle;
width: 100%;
}
.iem7 .dealer-locator .location .input div input {
line-height: 28px;
}
.dealer-locator .location .input div input.active {
color: #444444;
}
/* Japan */
.dealer-locator .location select {
height: 28px;
line-height: 28px;
padding: 5px 0;
width: 98%;
}
.dealer-locator .location .checkbox {
background-position: -75px -65px;
cursor: pointer;
display: block;
float: left;
height: 27px;
overflow: hidden;
position: relative;
width: 27px;
}
.dealer-locator .location .checkbox.active {
background-position: -105px -65px;
}
.dealer-locator .location .checkbox input{
left: -30px;
position: absolute;
top: 0px
}
.dealer-locator .location .sop label {
display: block;
left: 5px;
line-height: 24px;
margin: 0 0 0 27px;
padding: 0 5px 0 3px;
position: relative;
}
.dealer-locator .location .submit {
background-color: transparent;
background-position: 0 -170px;
border: none;
bottom: 0;
cursor: pointer;
height: 28px;
overflow: hidden;
position: absolute;
right: 20px;
text-indent: -1000px;
width: 27px;
}
.dealer-locator .location .submit.disabled {
background-position: -100px -2170px;
}
.dealer-locator .location .dropdown label {
margin-bottom: 3px;
}
.dealer-locator .location .dropdown .input {
background-image: none;
height: auto;
margin-right: 47px;
padding: 0;
}
.ru-ru .dealer-locator .location .dropdown .input {
position: static;
}
.dealer-locator .location .dropdown .input select {
background-color: #FFFFFF;
border: none;
height: 19px;
margin-bottom: 3px;
padding: 0;
width: 100%;
}
.dealer-locator.sop .location {
}
.dealer-locator.sop .location .submit {
/*bottom: 47px;*/
}
.dealer-locator.sop .location .sop {
background: none;
height: 27px;
padding: 0;
white-space: nowrap;
}
.dealer-locator.sop .location .sop .checkbox {
cursor: pointer;
display: block;
float: left;
height: 27px;
overflow: hidden;
position: relative;
width: 27px;
background-position: -75px -65px;
padding: 0;
}
.dealer-locator.sop .location .sop label {
white-space: nowrap;
margin-left: 5px;
display: inline-block;
position: static;
line-height: 27px;
}
.dealer-locator.sop .location .sop .checkbox.active {
background-position: -105px -65px;
}
.dealer-locator.sop .location .sop .checkbox input {
left: -30px;
position: absolute;
}
.dealer-locator .location .dropdown > div {
margin-top: 9px;
}
.dealer-locator .location .dropdown > div:first-child {
margin-top: 0;
}
.dealer-locator-advanced {
margin: 0 10px 20px 10px;
background-position: 0 0;
display: none;
}
.fr-fr .dealer-locator-advanced,
.dealer-locator-advanced.simple,
.no-js .dealer-locator-advanced {
display: block;
}
.dealer-locator-advanced > div {
background-position: 0 bottom;
padding: 13px 0 4px 0;
}
.iem7 .dealer-locator-advanced > div {
padding-bottom: 15px;
}
.dealer-locator-advanced h4,
.dealer-locator-advanced h3 {
margin: 0 0 9px 0;
padding: 0;
color: #444444;
font-weight: bold;
font-size: 1em;
}
.dealer-locator-advanced .filter > div {
display: inline-table;
width: 50%;
margin: 0 0 12px 0;
}
.iem7 .dealer-locator-advanced .filter > div {
width: 49.9%;
}
.dealer-locator-advanced .checkbox,
.ba-search .checkbox {
background-position: -75px -65px;
cursor: pointer;
display: block;
float: left;
height: 27px;
overflow: hidden;
position: relative;
width: 27px;
}
.dealer-locator-advanced .checkbox.active,
.ba-search .checkbox.active {
background-position: -105px -65px;
}
.no-js .dealer-locator-advanced .checkbox {
background-image: none;
}
.dealer-locator-advanced .checkbox input,
.ba-search .checkbox input {
left: -30px;
position: absolute;
top: 0px;
}
.no-js .dealer-locator-advanced .checkbox input,
.no-js .ba-search .checkbox input {
height: 27px;
left: 0;
margin: 0;
padding: 0;
top: 0;
width: 27px;
}
.dealer-locator-advanced label,
.ba-search .ba-search-col label {
padding: 6px 5px 0 0;
margin: 0 0 0 27px;
display: block;
}
.dealer-locator-advanced.simple label {
padding-top: 3px;
}
.dealer-locator-advanced .products label,
.ba-search .ba-search-col label {
position: relative;
padding-left: 3px;
padding-top: 2px;
}
.dealer-locator-advanced .products label > img {
float: left;
margin: 0 5px;
}
.dealer-locator-advanced .products label > span {
display: table-cell;
}
.dealer-locator-advanced.simple .products label {
padding-left: 5px;
}
.dealer-locator-advanced .characteristics label {
padding-top: 0;
}
.dealer-locator-advanced .services label {
padding-left: 8px;
}
.dealer-locator-advanced .characteristics label {
padding-left: 8px;
}
.dealer-locator-advanced label .ico {
text-indent: -1000px;
overflow: hidden;
display: block;
}
.dealer-locator-advanced .products label .ico {
display: inline-block;
height: 22px;
vertical-align: middle;
width: 23px;
}
.dealer-locator-advanced .products label .ico.attribute19,
.dealer-locator-advanced .products label .ico.stihl {
background-position: -30px -170px;
}
.dealer-locator-advanced .products label .ico.attribute20,
.dealer-locator-advanced .products label .ico.viking,
.dealer-locator-advanced .products label .ico.attribute56 {
background-position: -60px -170px;
}
.dealer-locator-advanced .products label .ico.attribute21,
.dealer-locator-advanced .products label .ico.reiniger,
.dealer-locator-advanced .products label .ico.reinigungsgeräte {
background-position: -90px -170px;
}
.dealer-locator-advanced .products label .ico.attribute60,
.dealer-locator-advanced .products label .ico.bekleidungs-spezialist {
background-position: -120px -170px;
}
.dealer-locator-advanced .products label .ico.imow,
.dealer-locator-advanced .products label .ico.attribute70,
.dealer-locator-advanced .products label .ico.attribute61,
.dealer-locator-advanced .products label .ico.robotermäher {
background-position: -220px -170px;
}
.dealer-locator-advanced .products label .ico.batterie {
background-position: 0 0;
}
.dealer-locator-advanced .products label .ico.nettoyage {
background-position: -46px 0;
}
.dealer-locator-advanced .products label .ico.découpeuse {
background-position: -23px 0;
}
.dealer-locator-advanced .products label .ico.akku {
background-position: -48px 0;
}
.ru-ru .dealer-locator-advanced .products label .ico.akku {
background-position: -49px -3px;
}
.dealer-locator-advanced .products label .ico.reiniger {
background-position: 0 0;
}
.dealer-locator-advanced .products label .ico.shop {
background-position: 0 -2335px;
height: 23px;
width: 79px;
}
.dealer-locator-advanced .products label .ico.stockist {
background-position: -90px -2335px;
height: 23px;
width: 42px;
}
.dealer-locator-advanced .characteristics label .ico.premium {
background-position: -2px -22px;
height: 25px;
width: 130px;
}
.dealer-locator-advanced .characteristics label .ico,
.dealer-locator-advanced .characteristics label .ico.viking.premium {
height: 42px;
width: 72px;
}
.dealer-locator-advanced .characteristics label .ico.stihl {
background-position: 0 -775px;
}
.dealer-locator-advanced .characteristics label .ico.viking {
background-position: -75px -775px;
}
.dealer-locator-advanced .characteristics label .ico.qmf {
background-position: -150px -775px;
}
.dealer-locator-advanced .assistencia label .ico {
height: 20px;
width: 124px;
background-image: url(../img/layout/assistencia.png);
margin: 0 0 0 7px;
position: relative;
cursor: pointer;
}
.dealer-locator-advanced .products label .ico.attribute73,
.dealer-locator-advanced .products label .ico.eap {
background-position: 0 -2850px;
height: 22px;
width: 120px;
}
/* Japan */
.ja-JP .dealer-locator-advanced .products label {
padding-top: 0;
}
.ja-JP .dealer-locator-advanced .products label .ico {
height: 25px;
width: 26px;
}
.ja-JP .dealer-locator-advanced .products label .stihlmotorsaege {
background-position: 0 0;
}
.ja-JP .dealer-locator-advanced .products label .akku {
background-position: -248px 0;
}
.ja-JP .dealer-locator-advanced .products label .freischneider {
background-position: -124px 0;
}
.ja-JP .dealer-locator-advanced .products label .heckenscheren {
background-position: -93px -30px;
}
.ja-JP .dealer-locator-advanced .products label .geblaese {
background-position: -61px 0;
}
.ja-JP .dealer-locator-advanced .products label .trennschneider {
background-position: -186px 0;
}
.ja-JP .dealer-locator-advanced .products label .forsttechnik {
background-position: -31px -30px;
}
.ja-JP .dealer-locator-advanced .products label .schutzausruestung {
background-position: -154px -30px;
}
.ja-JP .dealer-locator-advanced .characteristics label .ico {
height: 26px;
width: 135px;
}
.ja-JP .dealer-locator-advanced .characteristics label .stihlshop {
background-position: 0 -85px;
}
.ja-JP .dealer-locator-advanced .characteristics label .authorized {
background-position: -113px -59px;
}
.ja-JP .dealer-locator-advanced .characteristics label .regular {
background-position: 0 -59px;
width: 108px;
}
.ja-JP .dealer-locator-advanced .characteristics label .service {
background-position: -139px -84px;
}
/* Polen
.pl-pl .dealer-locator-advanced .products label .ico.cleaner,
.pl-pl .dealer-products ul li .ico.cleaner,
.pl-pl .dealer-locator-result li .products .products li.cleaner {
background-position: -23px 0;
}
.pl-pl .dealer-locator-result li .products .products li.cleaner.disabled {
background-position: -23px -23px;
}
.pl-pl .dealer-locator-advanced .products label .ico.akku,
.pl-pl .dealer-products ul li .ico.akku,
.pl-pl .dealer-locator-result li .products .products li.akku {
background-position: 0 0;
}
.pl-pl .dealer-locator-result li .products .products li.akku.disabled {
background-position: 0 -23px;
}
.pl-pl .dealer-locator-result li .products .products li.finance {
background-position: 0 -148px;
width: 62px;
height: 42px;
clear: left;
margin-top: 10px;
}
.pl-pl .dealer-locator-result li .products .products li.finance.disabled {
display: none;
}
.pl-pl .dealer-characteristics ul li.premiumstihl {
background-position: 0 -50px;
}
.pl-pl .dealer-characteristics ul li.premiumviking {
background-position: 0 -100px;
}
.pl-pl .dealer-characteristics ul li.finance {
background-position: 0 -148px;
width: 62px;
}
.pl-pl .dealer-locator-advanced .characteristics label .ico.premiumstihl {
background-position: 0 -50px;
width: 62px;
}
.pl-pl .dealer-locator-advanced .characteristics label .ico.premiumviking {
background-position: 0 -100px;
width: 62px;
}
.pl-pl .dealer-locator-advanced .characteristics label .ico.finance {
background-position: 0 -148px;
width: 62px;
}
.pl-pl .dealer-locator-advanced .services label span {
background-position: 0 -148px;
height: 42px;
width: 44px;
text-indent: -1000px;
overflow: hidden;
display: block;
margin-top: -6px;
}
.pl-pl .dealer-locator-result li .products .services li.ico {
padding: 0;
background-image: none;
}
.pl-pl .dealer-locator-result li .products .services li.ico.ZOP {
display: none;
}
.pl-pl .dealer-locator-result li .products .services li.ico span {
background-position: 0 -148px;
height: 42px;
width: 44px;
text-indent: -1000px;
overflow: hidden;
display: block;
}
.pl-pl .dealer-locator-advanced .filter > div:nth-child(4) {
clear: left;
margin-top: 10px;
color: transparent;
}
.pl-pl .dealer-locator-advanced .filter > div:nth-child(4) label {
padding-top: 0;
padding-left: 8px;
}
.pl-pl .dealer-locator-advanced .products label .ico.finance {
background-position: 0 -148px;
width: 62px;
height: 42px;
}
.pl-pl .dealer-products-services-characteristics .dealer-products ul li:last-child {
clear: left;
color: transparent;
height: 42px;
margin-top: 10px;
}
.pl-pl .dealer-products ul li .ico.finance {
background-position: 0 -148px;
width: 62px;
height: 42px;
}
*/
.dealer-locator-map {
background-color: #DFE0E1;
height: 450px;
margin: 0 10px 50px 10px;
position: relative;
}
.dealer-locator-map iframe {
height: 100%;
width: 100%;
border: none;
margin: 0;
}
.dealer-locator-map.locked .gmnoprint .gmnoprint,
.map-module.locked .gmnoprint .gmnoprint {
display: none !important;
}
.dealer-locator-map .lock,
.map-module .lock {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
z-index: 90;
}
.dealer-locator-map .lock.unlocked,
.map-module .lock.unlocked {
height: 0;
width: 0;
}
.no-js .dealer-locator-map .lock ,
.no-js .map-module .lock {
display: none;
}
.dealer-locator-map .lock .ico,
.map-module .lock .ico {
position: absolute;
top: 10px;
right: 10px;
height: 48px;
width: 48px;
cursor: pointer;
background-position: -227px -2170px;
}
.dealer-locator-map .lock.locked .ico,
.map-module .lock.locked .ico {
background-position: -175px -2170px;
}
.dealer-locator-map .layer,
.map-module .layer {
height: 100%;
width: 100%;
background-color: #000000;
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 88;
}
.dealer-locator-map .layer-ico,
.map-module .layer-ico {
position: absolute;
top: 50%;
left: 50%;
height: 96px;
width: 96px;
margin: -48px 0 0 -48px;
z-index: 89;
display: none;
background-position: 0 -2230px;
}
.dealer-locator-map .layer-ico.unlocked,
.map-module .layer-ico.unlocked {
background-position: -100px -2230px;
}
.dealer-locator-legend {
margin: 0 10px 15px;
}
.dealer-locator-legend img {
display: block;
max-width: 110px;
}
.dealer-locator-found-more {
background-color: #f1f1f1;
padding: 16px 20px 16px;
margin: -50px 10px 26px 10px;
display: none;
}
.dealer-locator-found-more h3 {
margin: 0 0 6px;
font-weight: bold;
}
.dealer-locator-found-more p {
margin: 0;
font-weight: bold;
}
.dealer-locator-result {
/* margin: 0 10px -17px 10px; */
margin: 0 10px 15px 10px;
padding: 0;
list-style: none;
position: relative;
}
.dealer-locator-result li {
display: block;
}
.dealer-locator-result li > a {
display: block;
border-top: 1px solid #DFE0E1;
border-bottom: 1px solid #DFE0E1;
padding: 15px 0 15px;
position: relative;
background: #F4F4F4;
background: -moz-linear-gradient(top, #F9F9F9, #F4F4F4); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F4F4F4); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F4F4F4); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F4F4F4)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F4F4F4); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F4F4F4); /* CSS3 */
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F9F9F9', endColorstr='#F4F4F4'); /* IE */
color: #444444;
}
.iem7 .dealer-locator-result li > a {
background-color: #F9F9F9;
}
.dealer-locator-result li > a span {
display: block;
font-weight: bold;
margin: 0 40px;
}
.dealer-locator-result li > a .ico {
background-position: -266px 0;
height: 19px;
margin-top: -10px;
overflow: hidden;
position: absolute;
right: 10px;
text-indent: -1000px;
top: 50%;
width: 9px;
}
.dealer-locator-result li > a .number {
background-position: -150px -170px;
height: 24px;
margin-top: -12px;
overflow: hidden;
position: absolute;
left: 8px;
top: 50%;
width: 24px;
text-align: center;
}
.dealer-locator-result li > a .number {
line-height: 24px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
.dealer-locator-result > li > div {
padding: 7px 0 22px 0;
}
.dealer-locator-result h3 {
font-size: 1em;
margin: 0 10px;
}
.dealer-locator-result ul {
margin: 0;
padding: 0;
list-style: none;
}
.dealer-locator-result li .address {
}
.dealer-locator-result li .address p {
margin: 0 10px 12px 10px;
padding: 0;
}
@media only screen and (min-width: 420px) {
.dealer-locator-result li .address p {
max-width: 350px;
}
}
.dealer-locator-result li .address p span {
display: block;
}
.dealer-locator-result li .address p a {
color: #444444;
}
.dealer-locator-result li .address p a.highlight-phone,
.dealer-locator-result li .address p a.highlight-route {
margin: 18px 0;
}
.dealer-locator-result li .address p a.email {
color: #F37A1F;
font-weight: bold;
}
.dealer-locator-result li .address p .orange_arrow {
background-position: -210px -900px;
background-repeat: no-repeat;
color: #F37A1F;
display: inline-block;
font-weight: bold;
margin: 0;
min-height: 17px;
padding: 0 0 0 15px;
}
.dealer-locator-result li .address h3 {
margin-bottom: 9px;
}
.dealer-locator-result li .address .characteristics {
margin: 0 1px 15px 10px;
}
.dealer-locator-result li .address .characteristics li {
float: left;
height: 42px;
width: 72px;
text-indent: -1000px;
overflow: hidden;
margin: 0 9px 0 0;
}
.dealer-locator-result li .address .characteristics li.stihl {
background-position: 0 -775px;
}
.dealer-locator-result li .address .characteristics li.viking {
background-position: -75px -775px;
}
.dealer-locator-result li .address .characteristics li.qmf {
background-position: -150px -775px;
}
.dealer-locator-result li .address .characteristics li.exclusive {
background-image: url(../img/layout/ru-locator-icons.png);
background-position: 0 -114px;
background-size: 72px 156px;
}
/*
.pl-pl .dealer-locator-result li .address .characteristics a {
margin: 0 9px 0 0;
}
*/
.dealer-locator-result li .sop-link {
border: 1px solid #f1f1f1;
display: inline-block;
margin: 10px 0;
padding: 10px;
}
.dealer-locator-result li .sop-link span {
color: #444444;
display: block;
font-weight: bold;
}
.dealer-locator-result li .address p .sop-link .orange_arrow {
display: inline-block;
margin: 5px 0;
}
.dealer-locator-result li .address p .sop-link img{
display: inline-block;
margin: -5px 0 0 10px;
}
.dealer-locator-result li .products {
}
.dealer-locator-result li .products h3 {
margin-bottom: 4px;
}
.dealer-locator-result li .products h3:first-child {
margin-bottom: 7px;
}
.dealer-locator-result li .products .products {
margin: 0 7px 16px 10px;
}
.dealer-locator-result li .products .products li {
float: left;
height: 22px;
width: 23px;
text-indent: -1000px;
overflow: hidden;
position: relative;
left: -1px;
margin: 0 2px 0 0;
}
.dealer-locator-result li .products .products li.stihl {
background-position: -30px -170px;
}
.dealer-locator-result li .products .products li.viking {
background-position: -60px -170px;
}
.dealer-locator-result li .products .products li.reinigungsgeräte,
.dealer-locator-result li .products .products li.reiniger {
background-position: -90px -170px;
}
.dealer-locator-result li .products .products li.bekleidungs-spezialist {
background-position: -120px -170px;
}
.dealer-locator-result li .products .products li.robotermäher {
background-position: -220px -170px;
}
.dealer-locator-result li .products .products li.no-fuel {
height: 22px;
width: 120px;
background-position: 0 -2850px;
}
.dealer-locator-result li .products .products li.stihl.disabled {
background-position: 0 -680px;
}
.dealer-locator-result li .products .products li.viking.disabled {
background-position: -30px -680px;
}
.dealer-locator-result li .products .products li.reinigungsgeräte.disabled,
.dealer-locator-result li .products .products li.reiniger.disabled {
background-position: -60px -680px;
}
.dealer-locator-result li .products .products li.bekleidungs-spezialist.disabled {
background-position: -90px -680px;
}
.dealer-locator-result li .products .products li.robotermäher.disabled {
background-position: -225px -65px;
}
.dealer-locator-result li .products .products li.no-fuel.disabled {
background-position: -150px -2850px;
display: none;
}
.dealer-locator-result li .products .products li.batterie {
background-position: 0 0;
}
.dealer-locator-result li .products .products li.nettoyage {
background-position: -46px 0;
}
.dealer-locator-result li .products .products li.découpeuse {
background-position: -23px 0;
}
.dealer-locator-result li .products .products li.batterie.disabled {
background-position: 0 -23px;
}
.dealer-locator-result li .products .products li.nettoyage.disabled {
background-position: -46px -23px;
}
.dealer-locator-result li .products .products li.découpeuse.disabled {
background-position: -23px -23px;
}
.dealer-locator-result li .products .products li.akku {
background-position: -48px 0;
}
.ru-ru .dealer-locator-result li .products .products li.akku {
background-position: -48px -3px;
}
.ru-ru .dealer-locator-result li .products .products li.clean {
background-position: -116px -2011px;
}
.ru-ru .dealer-locator-result li .products .products li.clean.disabled {
background-position: -160px -2011px;
}
.ru-ru .dealer-locator-result li .products .products li.tools,
.ru-ru .dealer-locator-result li .products .products li.services {
background-position: -116px -2047px;
}
.ru-ru .dealer-locator-result li .products .products li.tools.disabled,
.ru-ru .dealer-locator-result li .products .products li.services.disabled {
background-position: -160px -2046px;
}
.dealer-locator-result li .products .products li.akku.disabled {
background-position: -73px 0;
}
.ru-ru .dealer-locator-result li .products .products li.akku.disabled {
background-position: -74px -3px;
}
.dealer-locator-result li .products .products li.reiniger {
background-position: 0 0;
}
.dealer-locator-result li .products .products li.reiniger.disabled {
background-position: -24px 0;
}
.dealer-locator-result li .products .products li.imow {
background-position: -220px -170px;
}
.dealer-locator-result li .products .products li.imow.disabled {
background-position: -225px -65px;
}
/* Japan */
.ja-JP .dealer-locator-result li .products .products li {
height: 27px;
width: 27px;
}
.ja-JP .dealer-locator-result li .products .products li.stihlmotorsaege {
background-position: 0 0;
}
.ja-JP .dealer-locator-result li .products .products li.stihlmotorsaege.disabled {
background-position: -31px 0;
}
.ja-JP .dealer-locator-result li .products .products li.akku {
background-position: -248px 0;
}
.ja-JP .dealer-locator-result li .products .products li.akku.disabled {
background-position: 0 -30px;
}
.ja-JP .dealer-locator-result li .products .products li.freischneider {
background-position: -124px 0;
}
.ja-JP .dealer-locator-result li .products .products li.freischneider.disabled {
background-position: -155px 0;
}
.ja-JP .dealer-locator-result li .products .products li.heckenscheren {
background-position: -93px -30px;
}
.ja-JP .dealer-locator-result li .products .products li.heckenscheren.disabled {
background-position: -124px -30px;
}
.ja-JP .dealer-locator-result li .products .products li.geblaese {
background-position: -61px 0;
}
.ja-JP .dealer-locator-result li .products .products li.geblaese.disabled {
background-position: -92px 0;
}
.ja-JP .dealer-locator-result li .products .products li.trennschneider {
background-position: -186px 0;
}
.ja-JP .dealer-locator-result li .products .products li.trennschneider.disabled {
background-position: -217px 0;
}
.ja-JP .dealer-locator-result li .products .products li.forsttechnik {
background-position: -31px -30px;
}
.ja-JP .dealer-locator-result li .products .products li.forsttechnik.disabled {
background-position: -62px -30px;
}
.ja-JP .dealer-locator-result li .products .products li.schutzausruestung {
background-position: -154px -30px;
}
.ja-JP .dealer-locator-result li .products .products li.schutzausruestung.disabled {
background-position: -185px -30px;
}
.dealer-locator-result li .products .services {
margin: 0 10px 12px 10px;
}
.dealer-locator-result li .products .services li {
min-height: 15px;
background-position: -259px -834px;
padding: 0 0 0 20px;
}
.dealer-locator-result li .products .shop {
background-position: -145px -2335px;
display: block;
height: 42px;
margin: 3px 0 0 0;
overflow: hidden;
text-indent: -1000px;
width: 87px;
}
.dealer-locator-result li .right {
margin-bottom: 15px;
}
.dealer-locator-result li .right h3 {
margin-bottom: 4px;
}
.dealer-locator-result li .right > span {
background-position: -230px -867px;
font-weight: bold;
margin: 0 10px;
padding: 0 0 0 22px;
}
.dealer-locator-result li .right ul {
margin: 0 10px;
padding: 4px 0 0 0;
}
.dealer-locator-result li .right ul li {
margin: 8px 0 0 0;
padding: 0;
}
.dealer-locator-result li .right ul li a {
background-position: -210px -900px;
background-repeat: no-repeat;
border: none;
color: #F37A1F;
display: inline-block;
font-weight: bold;
margin: 0;
margin: 0;
min-height: 17px;
padding: 0 0 0 15px;
}
.dealer-locator-map #dealer_map {
/* float: left; */
height: 450px;
width: 100%;
}
.dealer-locator-map.hide, .dealer-locator-map #dealer_map.hide {
display: none;
}
.dealer-locator-map #dealer_map .ymaps-map {
width: 100% !important;
}
.dealer-locator-map #dealer_map [class*="image-with-content"] {
background-image: none!important;
}
.dealer-locator-map #dealer_map [class*="copyrights-promo"] iframe {
height: 30px;
width: auto;
}
.pac-container:after {
content: "";
}
.pac-item {
height: 25px;
line-height: 25px;
}
#content #noResult {
margin: 0 0 40px 10px;
}
.notepad {
margin: 0 10px 30px;
padding: 0;
list-style: none;
font: Arial,Helvetica,sans-serif;
}
.notepad li {
margin: 0 0 31px 0;
}
.notepad + div {
margin-left: 10px;
}
.notepad li .product {
background: #F4F4F4;
background: -moz-linear-gradient(top, #F9F9F9, #F4F4F4); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F4F4F4); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F4F4F4); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F4F4F4)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F4F4F4); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F4F4F4); /* CSS3 */
border-bottom: 1px solid #DFE0E1;
border-top: 1px solid #DFE0E1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F9F9F9', endColorstr='#F4F4F4'); /* IE */
margin: 0 0 13px 0;
}
.notepad li .product a {
display: block;
padding: 13px 0 14px;
position: relative;
}
.notepad li .product span {
color: #444444;
display: block;
font-weight: bold;
margin: 0 40px 0 10px;
}
.notepad li .product .ico {
background-position: -266px 0;
height: 19px;
margin-top: -10px;
overflow: hidden;
position: absolute;
right: 10px;
text-indent: -1000px;
top: 50%;
width: 9px;
}
.notepad li .text {
}
.notepad li .text p {
margin: 0 0 9px 0;
padding: 0;
}
p a.orange,
.dealer-locator-result li .address p a.orange {
color: #F37A1F;
display: inline;
font-weight: bold;
}
.notepad li .table {
margin: 0 0 8px 0;
}
.notepad li .table table {
border: none;
border-collapse: collapse;
border-spacing: 0;
margin: 0;
padding: 0;
width: 100%;
}
.notepad li .table tr {
border-bottom: 1px solid #FFFFFF;
}
.notepad li .table th {
border: 0 none;
font-weight: bold;
margin: 0;
padding: 0 10px 6px 0;
text-align: left;
vertical-align: top;
}
.notepad li .table td {
background-color: #F1F1F1;
border: 0 none;
padding: 4px 15px 4px 9px;
vertical-align: top;
}
.notepad li .table td.price {
font-weight: bold;
padding-left: 0;
padding-right: 24px;
white-space: nowrap;
width: 1px;
}
.notepad li .table td.remove-notepad {
padding: 0;
width: 1px;
}
.notepad li .table td span {
display: inline-block;
padding: 5px 0;
}
.notepad li .table td.remove-notepad a {
display: block;
height: 34px;
width: 36px;
text-indent: -10000px;
overflow: hidden;
background-position: -240px -775px;
}
.notepad-info {
margin-bottom: 30px;
}
#ctrlNotepad_divFadeInfo {
margin: 0 10px 30px 10px;
}
.notepad-send {
margin: 0 10px 40px 10px;
}
.notepad-send a {
background: #F37B21;
background: -moz-linear-gradient(top, #F8AD75, #F37B21); /* Firefox */
background: -ms-linear-gradient(top, #F8AD75, #F37B21); /* IE */
background: -o-linear-gradient(top, #F8AD75, #F37B21); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F8AD75), to(#F37B21)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F8AD75, #F37B21); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F8AD75, #F37B21); /* CSS3 */
display: block;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F8AD75', endColorstr='#F37B21'); /* IE */
margin: 0 0 0 10px;
padding: 8px 0 11px;
position: relative;
float: right;
min-width: 247px;
margin-top: 20px;
}
.notepad-send a span {
color: #FFFFFF;
display: block;
font-weight: bold;
margin: 0 20px 0 35px;
}
.notepad-send .ico {
background-position: -140px -65px;
height: 23px;
margin-top: -13px;
overflow: hidden;
position: absolute;
left: 20px;
text-indent: -1000px;
top: 50%;
width: 11px;
}
.contact {
margin: 0 10px;
}
.contact .content-text {
margin-left: 0;
margin-right: 0;
}
#ctl01 p {
margin-left: 10px;
}
.contact label,
#ctl18_loginView_LoginForm label
{
font-weight: bold;
margin: 0 0 4px 0;
display: block;
}
.contact label.error {
color: #FF0000;
}
.contact .radio {
padding-top: 2px;
margin: 0 0 19px 0;
}
.contact .radio > div {
float: left;
background-position: -130px -680px;
cursor: pointer;
display: block;
float: left;
height: 27px;
overflow: hidden;
position: relative;
width: 27px;
margin: 0 5px 0 0;
}
.contact .radio > div.active {
background-position: -170px -680px;
}
.no-js .contact .radio > div {
background-image: none;
height: auto;
width: auto;
}
.contact .radio input {
position: absolute;
top: -50px;
margin: 0;
padding: 0;
}
.no-js .contact .radio input {
position: static;
}
.contact .radio label {
float: left;
font-weight: normal;
margin: 0 20px 0 0;
padding-top: 6px;
}
.no-js .contact .radio label {
padding: 0;
}
.contact .input,
#ctl18_loginView_LoginForm .label_input
{
margin: 0 16px 17px 0;
}
#ctl18_loginView_LoginForm {
width: 90%;
margin-bottom: 40px;
}
.contact .input input,
#ctl18_loginView_LoginForm input
{
width: 100%;
padding: 0 7px 0 7px;
height: 34px;
border: 1px solid #EAEAEA;
-moz-box-shadow: inset 0 0 4px #EAEAEA;
-webkit-box-shadow: inset 0 0 4px #EAEAEA;
box-shadow: inset 0 0 4px #EAEAEA;
}
.contact .input input.error {
border-color: #FF0000;
}
.contact .textarea,
.contact .xe_form_textarea
{
margin: 0 16px 17px 0;
}
.contact textarea {
padding: 9px 7px 9px 7px;
width: 100%;
height: 66px;
resize: none;
border: 1px solid #EAEAEA;
-moz-box-shadow: inset 0 0 4px #EAEAEA;
-webkit-box-shadow: inset 0 0 4px #EAEAEA;
box-shadow: inset 0 0 4px #EAEAEA;
}
.contact textarea.error {
border-color: #FF0000;
}
.contact .xe_form_select {
margin: 0 16px 17px 0;
}
.contact .checkbox-list {
margin: 0 0 15px 0;
padding: 0;
list-style: none;
}
.contact .input-checkbox {
margin-bottom: 6px;
}
.contact .checkbox {
float: left;
background-position: -75px -65px;
cursor: pointer;
display: block;
float: left;
height: 27px;
overflow: hidden;
position: relative;
width: 27px;
margin: 0 9px 0 0;
}
.contact .checkbox.active {
background-position: -105px -65px;
}
.no-js .contact .checkbox {
background-image: none;
height: auto;
width: auto;
}
.contact .checkbox input {
position: absolute;
top: -50px;
margin: 0;
padding: 0;
}
.no-js .contact .checkbox input {
position: static;
}
.contact .input-checkbox label {
font-weight: normal;
margin: 0 20px 0 0;
padding-top: 6px;
}
.contact .input-checkbox label a{
font-weight: bold;
color: #F37A1F;
}
.no-js .contact .input-checkbox label {
padding: 0;
}
.contact .frm-check label {
font-weight: normal;
margin: 0 20px 0 0;
padding-top: 6px;
}
.contact .frm-info {
margin: 20px 0;
}
.contact .terms {
margin: 0 0 12px 0;
}
.contact .terms a {
background-position: -210px -900px;
color: #F37A1F;
display: inline-block;
font-weight: bold;
margin: 0 0 0 36px;
min-height: 17px;
padding-left: 15px;
}
.contact .submit,
.ba-search .submit {
margin: 0 0 40px 0;
}
.contact .submit > div,
.ba-search .submit > div,
#ctl18_loginView_LoginForm #ctl18_loginView_LoginForm_Login,
#ctl18_loginView_LoginStatus
{
background: #F37B21;
background: -moz-linear-gradient(top, #F8AD75, #F37B21); /* Firefox */
background: -ms-linear-gradient(top, #F8AD75, #F37B21); /* IE */
background: -o-linear-gradient(top, #F8AD75, #F37B21); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F8AD75), to(#F37B21)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F8AD75, #F37B21); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F8AD75, #F37B21); /* CSS3 */
display: block;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F8AD75', endColorstr='#F37B21'); /* IE */
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
padding: 0;
width: auto;
position: relative;
float: right;
}
.contact .submit a#Login_LoginView1_LoginStatus1 {
display: inline-block;
color: #FFFFFF;
padding: 8px 20px 11px 35px;
font-weight: bold;
}
a#ctl18_loginView_LoginStatus {
float: none;
padding: 10px;
color: #ffffff;
font-weight: bold;
display: inline-block;
}
#ctl18_loginView_LoginForm #ctl18_loginView_LoginForm_Login {
padding-left: 10px;
padding-right: 10px;
border: none;
}
.contact .submit .ico,
.ba-search .submit .ico {
content: "";
background-position: -140px -65px;
height: 23px;
margin-top: -13px;
overflow: hidden;
position: absolute;
left: 20px;
text-indent: -1000px;
top: 50%;
width: 11px;
}
.contact .submit input,
.ba-search .submit input,
#ctl18_loginView_LoginForm_Login
{
background-color: transparent;
border: none;
position: relative;
z-index: 10;
text-align: left;
padding: 8px 20px 11px 35px;
margin: 0;
color: #FFFFFF;
font-weight: bold;
display: block;
}
/* notepad */
#content p.send-success {
margin-left: 10px;
margin-bottom: 30px;
}
/* Contact */
#phSuccess {
margin-bottom: 30px;
}
.contact.notepad .content-text {
margin-left: 0;
margin-right: 0;
}
.contact table#Login_LoginControl {
width: 100%;
}
.contact table#Login_LoginControl .legend {
position: relative;
top: -80px;
}
.contact table#Login_LoginControl td > div.error {
color: #FF0000;
margin: 0 0 30px;
}
.star-vote {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
flex-wrap: wrap;
}
.star-vote > span {
width: 100%;
}
.star-vote label {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAABlVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALCwsAAAAKCgoAAAAPDw8PDw8GBgYSEhIXFxcGBgYFBQUTExMXFxcJCQkiIiIPDw8AAAASEhIYGBgREREREREAAAAdHR0WFhYXFxcWFhYaGhojIyMdHR0hISEgICAmJiYsLCwkJCQmJiYhISEpKSkjIyMlJSUmJiYmJiYnJycsLCwqKiorKyspKSkwMDAwMDApKSkyMjIrKystLS05OTkwMDAwMDA7Ozs0NDQ8PDw2NjY9PT0PDw8QEBA+Pj40NDRBQUFDQ0M4ODg6Ojo+Pj5FRUVKSkpISEhMTExCQkJZWVlTU1NfX19TU1NiYmJiYmJjY2NfX19iYmJoaGg2NjZmZmY9PT1xcXF2dnZ1dXV9fX2JiYmGhoaLi4uDg4OPj4+GhoaSkpKJiYmioqKgoKCampqpqamTk5OVlZWWlpakpKSpqamqqqqrq6uurq6vr6+wsLCxsbG0tLS3t7e4uLi5ubm6urq7u7v///+s0lsXAAAAdXRSTlMAAQQGBwgJCgsMDQ4RFhcZGiAhIikrLS4vNjc5PEJERUlKS05QUlpcZGdqa29xdHl6e4SFkpKTnaSlpqmusbS0uLm/wMHDxcXGxsjJyc3Pz9DT09bW19jZ4OLj5OXm5ufn6Ovr7u7v8PHy8/T29vf3+Pv8/f23M0eUAAAAAWJLR0SGjN47XQAAAQhJREFUGBmVwQVXwmAABdAnoojY3d3drdgtdncntmIBonv/2++4iWw74+i9+JcIG4IpLUMw3XYEYVpcCoWx3MvrAhhr8310wNg06YCh1GPyKA1GWjykpwlGxigMQcWcX6Qo2aSwVpjzwwqhfO/BJfNS8Lpkjwe1+JYwek+dl5kUKMI6T6nh7ArHr+oNiQGknRqoZMx56OdezoJG9MANFbfDMdDJvqDiJBN67T4q3luh56DfJHSSDimcnVPYjYdWs5v8XK2sWpfI10ZojZDPU8lA+uwb2Q+N2C06e6wQbL1XXImCWv3Tdh1kIQ37dxVQG5zPg1/xQh9ULBNxCJA4bkKgSBNUzBb8xRc1DHAXmdWX8wAAAABJRU5ErkJggg==');
background-position: center;
background-repeat: no-repeat;
background-size: 20px 20px;
cursor: pointer;
display: block;
height: 20px;
padding: 5px;
text-indent: -9999px;
width: 20px;
}
.star-vote .xe_form_item {
display: none !important;
}
.star-vote label:hover,
.star-vote label:hover + .xe_form_item + label,
.star-vote label:hover + .xe_form_item + label + .xe_form_item + label,
.star-vote label:hover + .xe_form_item + label + .xe_form_item + label + .xe_form_item + label,
.star-vote label:hover + .xe_form_item + label + .xe_form_item + label + .xe_form_item + label + .xe_form_item + label,
.star-vote .xe_form_item.active + label,
.star-vote .xe_form_item.active + label + .xe_form_item + label,
.star-vote .xe_form_item.active + label + .xe_form_item + label + .xe_form_item + label,
.star-vote .xe_form_item.active + label + .xe_form_item + label + .xe_form_item + label + .xe_form_item + label,
.star-vote .xe_form_item.active + label + .xe_form_item + label + .xe_form_item + label + .xe_form_item + label + .xe_form_item + label {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAABnlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWFgsAAAAKCgAAAAAXDwgXDwgGBgASEgwcFxELCwYFBQAYEwkcFwkJCQQrIhETDwgAAAASEgccGA4YFQoYFAoAAAAjIBAcGQwcGg4cGQ4hHA8qIxQiHQ4mIRMnIhIvKRc1LBgqJBMuJhUpIxMyKxcqIxMtJhUvKBcxKBUxKRc1LRk1Kxc0LRkyKhc8Mxw6MRszLBg9Mxw1LBg3LxlFOyA6MRs7MhxJPSJBNh5KPiJCOR9LPyMTEQkTEAlMQSRBNx5QRCVRRSVGOyBHPCFLQCJWRydcTSpZTCpdTytQRCZtXDJnVy92ZDZnVy94Zjh4Zjd5Zjd1YzZ4ZziCbjtDOB5+ajpLQCKLdkCRe0OPekKZg0eojk2mjEyqkU6hiEuvlVGwlVGljEuzmFOqj07GqVvEp1u9oFfQr2C1mlS3m1S4nFXJq13QsWDRsWDSsmHWtWPYt2PYuGTauWXevGbhvmjhv2jiwGjjwWnkwWnlwmrmw2r///+mf1gSAAAAdnRSTlMAAQQGBwgJCgsMDQ4RFhcZGiAhIikrLS4vNjc5PEJERUlKS05QUlpcZGdqa29xdHl6e4SFkpKTnaSlpqmusbS0uLm/wMHDxcXGxsjJyc3Pz9DT09bW19jZ4OLj5OXm5ufn6Ovr7u7v8PHy8/T29vb39/j7/P39AJKfIwAAAAFiS0dEiRxhJswAAAEHSURBVBgZlcGFUgJRAAXQK6KI2N3d3d2d2N3dXViAyf1s37grbswyeg7+JcgGX/IL4EtrO3wwzcz6w1j62UUWjDW8vTfB2Bhph6H4PXI3AUbqXKSrBkYGKfRCxZyZI8tbobCYnfbDCqFw89YhcVNwOyR32+X4FjVwQ53H8TjIApoPqHHaEohfpcseKnjWy6CSNOmil3MuBRqh3ZeUXfWFQSf1mLL9ZOg1vlL2Ug89O71GoBOzQ+HwiMJGJLRqneTHQnHJ0if5VA2tfvJhNBZInHgmu6ARvsqTNisEW8c550OgVnm/VgGJX9XWdRHUeqYy4JU73QkVy3AEFKKHTFAKNkHFbMFffAEBM3HFBIt8/AAAAABJRU5ErkJggg==');
}
.search-result {
margin: 0 10px 22px 10px;
padding: 0;
list-style: none;
background-position: 0 0;
}
.search-result li {
background-position: 0 bottom;
padding: 12px 0 0 0;
}
.search-result a {
color: #F37A1F;
font-weight: bold;
}
.search-result p {
margin: 0;
padding: 9px 0 13px 0;
}
.search-result-menu {
text-align: center;
position: relative;
margin: 0 10px 37px 10px;
overflow: hidden;
}
.search-result-menu p {
margin: 0;
}
.search-result-menu p * {
margin-right: 10px;
font-weight: bold;
}
.search-result-menu a {
font-weight: bold;
color: #F37A1F;
}
.search-result-menu > a {
position: absolute;
top: 0;
right: -59px;
white-space: nowrap;
padding: 0 72px 0 0;
background-position: right -900px;
min-height: 17px;
display: inline-block;
}
.search-result-menu > a:first-child {
right: inherit;
left: 0;
padding: 0 0 0 15px;
background-position: -175px -924px;
position: absolute;
}
.teaser-list {
list-style: none;
margin: 0 5px 45px 5px;
padding: 0;
zoom: 1;
}
.teaser-list li > div {
padding: 5px;
}
.teaser-list li.highlight > div {
background: #F37A20;
background: -moz-linear-gradient(top, #FEAD71, #F37A20); /* Firefox */
background: -ms-linear-gradient(top, #FEAD71, #F37A20); /* IE */
background: -o-linear-gradient(top, #FEAD71, #F37A20); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#FEAD71), to(#F37A20)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #FEAD71, #F37A20); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #FEAD71, #F37A20); /* CSS3 */
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FEAD71', endColorstr='#F37A20'); /* IE */
}
.teaser-list .image {
float: left;
width: 26%;
}
.teaser-list .image img {
border: none;
display: block;
width: 100%;
}
.teaser-list .link {
float: left;
position: relative;
width: 74%;
}
.teaser-list .link a {
background: #F4F4F4;
background: -moz-linear-gradient(top, #F9F9F9, #F4F4F4); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F4F4F4); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F4F4F4); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F4F4F4)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F4F4F4); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F4F4F4); /* CSS3 */
border-bottom: 1px solid #DFE0E1;
border-top: 1px solid #DFE0E1;
display: block;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F9F9F9', endColorstr='#F4F4F4'); /* IE */
margin: 0 0 0 10px;
padding: 7px 0 5px 0;
position: relative;
}
.teaser-list .link a span {
color: #444444;
display: block;
font-weight: bold;
margin: 0 40px 0 10px;
}
.teaser-list .link .date {
font-weight: normal;
}
.teaser-list .link a .ico {
background-position: -266px 0;
height: 19px;
margin-top: -10px;
overflow: hidden;
position: absolute;
right: 10px;
text-indent: -1000px;
top: 50%;
width: 9px;
}
.teaser-list .text-block {
clear: both;
width: 100%;
}
.teaser-list.teaser-product {
margin-left:10px;
margin-right:10px;
}
.product-list {
margin: 0 10px 30px 10px;
}
.product-list ul {
border-top: 1px solid #DFE0E1;
display: table;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.product-list ul:before,
.product-list ul:after {
content: "";
display: table;
}
.product-list ul:after {
clear: both;
}
.product-list ul {
*zoom: 1;
}
.product-list li {
display: table-row;
}
.iem7 .product-list li {
border-bottom: 1px solid #DFE0E1;
}
.product-list li a {
background: #F4F4F4;
background: -moz-linear-gradient(top, #F9F9F9, #F4F4F4); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F4F4F4); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F4F4F4); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F4F4F4)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F4F4F4); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F4F4F4); /* CSS3 */
border-bottom: 1px solid #DFE0E1;
display: table-cell;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F9F9F9', endColorstr='#F4F4F4'); /* IE */
padding: 5px 40px 5px 5px;
vertical-align: middle;
}
.iem7 .product-list li a {
display: block;
border-bottom: none;
}
.product-list li .image {
display: inline-block;
vertical-align: middle;
width: 22%;
}
.iem7 .product-list li .image {
display: block;
float: left;
margin-top: expression(this.offsetHeight < (this.parentNode.offsetHeight -10) ? parseInt(((this.parentNode.offsetHeight - 10) - this.offsetHeight) / 2) + "px" : "0");
}
.product-list li .image img {
width: 100%;
border: none;
}
.product-list li .text {
display: inline-block;
position: relative;
vertical-align: middle;
width: 78%;
}
.iem7 .product-list li .text {
display: block;
float: left;
margin-top: expression(this.offsetHeight < (this.parentNode.offsetHeight -10) ? parseInt(((this.parentNode.offsetHeight - 10) - this.offsetHeight) / 2) + "px" : "0");
}
.product-list li .text span {
color: #444444;
display: inline-block;
font-weight: bold;
margin: 0 0 0 10px;
}
.product-list li .text .ico {
background-position: -266px 0;
height: 19px;
margin-top: -10px;
overflow: hidden;
position: absolute;
right: -32px;
text-indent: -1000px;
top: 50%;
width: 9px;
}
.dropdown-list {
list-style: none;
margin: 0 10px 30px 10px;
padding: 0;
}
.iem7 .dropdown-list > li {
border-bottom: 1px solid #DFE0E1;
}
.iem7 .dropdown-list > li:first-child {
border-top: 1px solid #DFE0E1;
}
.iem7 .dropdown-list > li.active {
border: none;
}
.dropdown-list li > .headline {
background: #F0F0F0;
background: -moz-linear-gradient(top, #F9F9F9, #F0F0F0); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F0F0F0); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F0F0F0); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F0F0F0)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F0F0F0); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F0F0F0); /* CSS3 */
color: #444444;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F9F9F9', endColorstr='#F0F0F0'); /* IE */
font-weight: bold;
padding: 13px 50px 14px 10px;
position: relative;
}
.iem7 .dropdown-list li > .headline {
background-color: transparent;
padding-left: 10px;
}
.dropdown-list li.active > .headline,
.no-js .dropdown-list li > .headline {
background: #F37B21;
background: -moz-linear-gradient(top, #F8AD75, #F37B21); /* Firefox */
background: -ms-linear-gradient(top, #F8AD75, #F37B21); /* IE */
background: -o-linear-gradient(top, #F8AD75, #F37B21); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F8AD75), to(#F37B21)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F8AD75, #F37B21); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F8AD75, #F37B21); /* CSS3 */
color: #FFFFFF;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F8AD75', endColorstr='#F37B21'); /* IE */
}
.no-js .dropdown-list li > .headline {
cursor: auto;
padding-right: 21px;
}
.dropdown-list li > .headline .ico {
background-position: -2px -74px;
height: 8px;
margin-top: -4px;
overflow: hidden;
position: absolute;
right: 18px;
text-indent: -1000px;
top: 50%;
width: 20px;
}
.iem7 .dropdown-list li > .headline .ico {
right: 10px;
}
.dropdown-list li.active > .headline .ico {
background-position: -37px -74px;
}
.no-js .dropdown-list li > .headline .ico {
display: none;
}
.dropdown-list .content {
border: 1px solid #D9D9D9;
display: none;
padding: 20px 10px 5px 10px;
}
.dropdown-list li.active > .content {
display: block;
}
.no-js .dropdown-list .content {
display: block;
}
.dropdown-list .content h3 {
font-size: 1.2em;
font-weight: bold;
line-height: 1.6em;
margin: 15px 10px 7px 10px;
position: relative;
top: -6px;
}
.dropdown-list .content h3.linklist-header {
color: #F37A1F;
font-size: 1.1em;
margin-left: 0;
margin-bottom: 0;
}
.dropdown-list .content .signets {
margin-bottom: 16px;
}
.dropdown-list .content > span > p {
line-height: 1.5em;
margin: 0 10px 10px;
}
.dropdown-list .content .dropdown-list > li {
line-height: 1em;
margin-bottom: 0;
padding-left: 0;
background-image: none;
}
.dropdown-list .content table {
border: none;
margin: 0 0 10px 0;
}
.dropdown-list .content table th,
.dropdown-list .content table td {
border: none;
padding-left: 20px;
}
.dropdown-list .content table th:first-child,
.dropdown-list .content table td:first-child {
padding-left: 0;
}
.note {
margin: 0 10px 30px 10px;
}
.note p {
font-size: 0.85em;
margin: 0 0 10px 0;
}
.btn-orange {
background: #F37B21;
background: -moz-linear-gradient(top, #F8AD75, #F37B21); /* Firefox */
background: -ms-linear-gradient(top, #F8AD75, #F37B21); /* IE */
background: -o-linear-gradient(top, #F8AD75, #F37B21); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F8AD75), to(#F37B21)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F8AD75, #F37B21); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F8AD75, #F37B21); /* CSS3 */
display: block;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F8AD75', endColorstr='#F37B21'); /* IE */
margin: 0 10px 10px 10px;
padding: 16px 0 16px;
position: relative;
}
.btn-orange span {
color: #FFFFFF;
display: block;
font-weight: bold;
margin: 0 30px 0 10px;
}
.btn-orange .ico {
background-position: -140px -65px;
height: 23px;
margin-top: -12px;
overflow: hidden;
position: absolute;
right: 10px;
text-indent: -1000px;
top: 50%;
width: 11px;
}
.highlight-phone,
.dealer-locator-result .sop-link.highlight {
background: #28B463;
background: -moz-linear-gradient(top, #2ECC71, #28B463); /* Firefox */
background: -ms-linear-gradient(top, #2ECC71, #28B463); /* IE */
background: -o-linear-gradient(top, #2ECC71, #28B463); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#2ECC71), to(#28B463)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #2ECC71, #28B463); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #2ECC71, #28B463); /* CSS3 */
color: #FFFFFF;
display: block;
margin: 0 10px 10px 10px;
position: relative;
}
.highlight-phone > span,
.highlight-route > span,
.dealer-locator-result .sop-link.highlight span {
border-left: 1px solid rgba(255, 255, 255, .3);
color: #FFFFFF;
display: block;
font-size: 1.5em;
font-weight: normal;
line-height: 1.5em;
margin: 0 0 0 48px;
padding: 7px 15px 10px 15px;
text-align: center;
}
.dealer-locator-result .sop-link.highlight span {
font-size: 1.5em;
line-height: 1.5em;
}
.highlight-phone .ico,
.dealer-locator-result .sop-link.highlight .ico {
background-image: url(../img/layout/phone.svg);
background-size: 100% 100%;
border: none;
height: 30px;
left: 10px;
margin: -15px 0 0;
padding: 0;
position: absolute;
text-indent: -10000px;
top: 50%;
width: 30px;
}
.dealer-locator-result .sop-link.highlight .ico {
background-position: -206px -2230px;
height: 27px;
left: 11px;
margin-top: -14px;
width: 29px;
}
.highlight-route {
background: #4683ea;
background: -moz-linear-gradient(top, #4387fd, #4683ea); /* Firefox */
background: -ms-linear-gradient(top, #4387fd, #4683ea); /* IE */
background: -o-linear-gradient(top, #4387fd, #4683ea); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#4387fd), to(#4683ea)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #4387fd, #4683ea); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #4387fd, #4683ea); /* CSS3 */
color: #FFFFFF;
display: block;
margin: 0 10px 10px 10px;
position: relative;
}
.highlight-route .ico {
background-image: url(../img/layout/google_maps_icon_onecolor_white.svg);
background-size: 100% 100%;
border: none;
height: 33px;
left: 8px;
margin: -17px 0 0;
padding: 0;
position: absolute;
text-indent: -10000px;
top: 50%;
width: 33px;
}
.phone-text {
margin: 0 10px 10px 10px;
}
.highlight-link {
background: #F4F4F4;
background: -moz-linear-gradient(top, #F9F9F9, #F4F4F4); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F4F4F4); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F4F4F4); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F4F4F4)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F4F4F4); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F4F4F4); /* CSS3 */
border-bottom: 1px solid #E0E0E0;
border-top: 1px solid #E0E0E0;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F9F9F9', endColorstr='#F4F4F4'); /* IE */
list-style: none;
margin: 0 10px 10px 10px;
padding: 0;
}
.highlight-link a {
color: #444444;
display: block;
font-weight: bold;
min-height: 46px;
padding: 0 40px 0 70px;
position: relative;
}
.highlight-link.view360 a {
background-position: 2px -330px;
}
.highlight-link.video a {
background-position: 12px -393px;
}
.highlight-link.pdf a {
background-position: -2px -1930px;
}
/*dieter*/
.highlight-link.video-mi a {
background-position: 14px -393px;
}
.highlight-link.youtube a {
background-position: 0 -1118px;
}
.highlight-link.facebook a {
background-position: 0 -1243px;
}
.highlight-link.blog a {
background-position: 0 -2074px;
}
.highlight-link.twitter a {
background-position: 0 -1368px;
}
.highlight-link.ok-ru a {
background-position: 0 -1493px;
}
.highlight-link.mail a {
background-position: 0 -1618px;
}
.highlight-link.instgram a {
background-position: 0 -2584px;
}
.highlight-link.linkedin a {
background-position: 0 -2459px;
}
.highlight-link.xing a {
background-position: 0 -2966px;
}
.highlight-link.kalender a{
background-position: 0px -1780px;
}
.highlight-link.int-link a,
.highlight-link.ext-link a,
.highlight-link.kalender a{
background: none;
padding-top: 0;
}
.highlight-link.ext-link a:before,
.highlight-link.int-link a:before,
.highlight-link.kalender a:before{
background-position: -20px -1789px;
content: "";
position: absolute;
height: 24px;
margin-top: -12px;
width: 28px;
left: 22px;
top: 50%;
}
.manual-search .ui-autocomplete li a{
background-position: 0 -1930px;
padding-left: 66px;
}
.highlight-link a span {
display: table-cell;
height: 46px;
max-width: 150px;
vertical-align: middle;
}
.iem7 .highlight-link a span {
height: auto;
display: inline;
position: relative;
top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");
}
.highlight-link span.info {
font-weight: normal;
padding-left: 10px;
white-space: nowrap;
}
.highlight-link a .ico {
background-position: -266px 0;
height: 19px;
margin-top: -10px;
overflow: hidden;
position: absolute;
right: 10px;
text-indent: -1000px;
top: 50%;
width: 9px;
}
a.youtube.social-link {
background-position: 0 -1122px;
padding-left: 60px;
}
a.facebook.social-link {
background-position: 0 -1247px;
padding-left: 60px;
}
a.twitter.social-link {
background-position: 0 -1372px;
padding-left: 60px;
}
a.ok-ru.social-link {
background-position: 0 -1497px;
padding-left: 60px;
}
a.blog.social-link {
background-position: 0 -2076px;
padding-left: 60px;
}
a.instagram.social-link {
background-position: 0 -2588px;
padding-left: 60px;
}
a.linkedin.social-link {
background-position: 0 -2463px;
padding-left: 60px;
}
a.xing.social-link {
background-position: 0 -2970px;
padding-left: 60px;
}
a.vk.social-link {
background-position: -1px -2723px;
padding-left: 60px;
}
a.whatsapp.social-link {
background: none;
padding-left: 60px;
}
a.whatsapp.social-link:before {
left: 20px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.highlight-text {
background: #F4F4F4;
background: -moz-linear-gradient(top, #F9F9F9, #F4F4F4); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F4F4F4); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F4F4F4); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F4F4F4)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F4F4F4); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F4F4F4); /* CSS3 */
border-bottom: 1px solid #E0E0E0;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F9F9F9', endColorstr='#F4F4F4'); /* IE */
list-style: none;
margin: -10px 10px 10px 15px;
padding: 25px 30px 10px 30px;
}
.highlight-text:first-child {
margin-top: 0;
border-top: 1px solid #E0E0E0;
}
.highlight-text .headline {
margin: 0;
line-height: 20px;
}
.highlight-text p {
margin: 0 0 15px;
line-height: 20px;
}
.highlight-text a {
color: #f37a1f;
font-weight: bold;
}
.versions {
margin: 0 10px 30px 10px;
}
.versions table {
border-collapse: collapse;
border-spacing: 0;
border: 0 none;
margin: 0;
padding: 0;
width: 100%;
}
.iem7 .versions table {
margin-bottom: 4px;
}
.versions table tr {
border-bottom: 1px solid #FFFFFF;
}
.versions table th {
border: 0 none;
font-weight: bold;
margin: 0;
padding: 0 10px 6px 0;
text-align: left;
vertical-align: top;
white-space: nowrap;
}
.versions table th:first-child {
white-space: normal;
}
.versions table td {
border: 0 none;
padding: 0;
background-color: #F1F1F1;
padding: 4px 15px 4px 9px;
vertical-align: top;
}
.iem7 .versions table td {
background-color: transparent;
}
.versions table td > span {
display: inline-block;
padding: 5px 0;
}
.versions table td.price {
font-weight: bold;
padding-left: 0;
padding-right: 10px;
white-space: nowrap;
width: 1px;
}
.iem7 .versions table td.price {
padding-right: 0;
}
.iem7 .versions table td.price span {
white-space: nowrap;
}
.versions table td.check {
padding-left: 4px;
padding-right: 0;
width: 27px;
}
.iem7 .versions table td.check {
padding-left: 0;
}
.versions table td .checkbox {
background-position: -75px -65px;
cursor: pointer;
display: block;
float: left;
height: 27px;
overflow: hidden;
position: relative;
width: 27px;
}
.versions table td .checkbox.active {
background-position: -105px -65px;
}
.no-js .versions table td .checkbox {
background-image: none;
}
.versions table td .checkbox input {
left: -30px;
position: absolute;
top: 0x;
}
.no-js .versions table td .checkbox input {
height: 27px;
left: 0;
margin: 0;
padding: 0;
top: 0;
width: 27px;
}
.versions .submit {
background: #F37B21;
background: -moz-linear-gradient(top, #F8AD75, #F37B21); /* Firefox */
background: -ms-linear-gradient(top, #F8AD75, #F37B21); /* IE */
background: -o-linear-gradient(top, #F8AD75, #F37B21); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F8AD75), to(#F37B21)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F8AD75, #F37B21); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F8AD75, #F37B21); /* CSS3 */
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F8AD75', endColorstr='#F37B21'); /* IE */
}
.versions .submit input {
background-color: transparent;
background-position: -243px -631px;
border: none;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
height: 35px;
line-height: 35px;
padding: 0 10px 0 40px;
text-align: left;
vertical-align: middle;
width: 100%;
}
/* Dealer locator field product detail */
.product_detail_dealer_locator {
margin: 0 10px 30px 10px;
}
.product_detail_dealer_locator .headline {
float: none;
font-weight: 700;
margin-bottom: 5px;
width: 100%;
}
.product_detail_dealer_locator .text_field_dealer_locator_wrapper {
float: none;
margin-bottom: 10px;
width: 150px;
}
.product_detail_dealer_locator .search_box #text_field_dealer_locator {
border: 1px solid #b4b4b4;
font-size: 12px;
height: 20px;
margin-bottom: 0;
padding: 3px 7px 3px 7px;
width: 134px;
color: #444444;
}
/* sop to product */
.product_detail_dealer_locator .search_box .find_button {
background-color: #ffffff;
border: 1px solid #f37a1f;
color: #444444;
cursor: pointer;
font-size: 12px;
font-weight: 700;
min-height: 40px;
padding: 3px 5px 3px 55px;
line-height: 18px;
text-align: left;
white-space: normal;
}
.viking .product_detail_dealer_locator .search_box .find_button {
border: 1px solid #3aab39;
}
.product_detail_dealer_locator .search_box .show-disabled-tooltip + .info-box {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s;
}
.product_detail_dealer_locator .search_box .show-disabled-tooltip.active + .info-box {
max-height: 160px;
}
.search_box .info-box {
background-color: #AAAAAA;
color: #ffffff;
position: relative;
top: -10px;
}
.search_box .info-box p {
margin: 0;
padding: 12px 7px;
}
.product_detail_dealer_locator .search_box .icon {
margin-bottom: 10px;
position: relative;
}
.product_detail_dealer_locator .search_box .icon:before {
content: "";
display: block;
height: 35px;
left: 3px;
position: absolute;
top: 4px;
width: 40px;
}
.product_detail_dealer_locator .search_box #nearby .icon:before {
background-position: 5px -2793px;
}
.product_detail_dealer_locator .search_box #shippable .icon:before {
background-position: -53px -2793px;
}
.product_detail_dealer_locator .search_box #shippable .icon.show-disabled-tooltip:before {
background-position: -104px -2793px;
}
.product_detail_dealer_locator .search_box #onlinepurchase .icon:before {
background-position: -151px -2791px;
}
.product_detail_dealer_locator .search_box #reservable .icon:before {
background-position: -199px -2792px;
}
.product_detail_dealer_locator .search_box #onlineShop .icon:before {
background-position: -72px -1002px;
}
.product_detail_dealer_locator .search_box .find_button {
width: 100%;
}
.product_detail_dealer_locator .search_box .find_button:hover {
color: #f37a1f;
}
.product_detail_dealer_locator .search_box .find_button:disabled {
background-color: #ffffff;
border: 1px solid #AAAAAA;
color: #AAAAAA;
cursor: default;
pointer-events: none;
}
/* sop to product */
.features {
list-style: none;
margin: 0;
padding: 0 10px;
}
.features li {
margin-bottom: 20px;
}
.features h5 {
font-size: 1em;
font-weight: bold;
line-height: 1.4em;
margin: 0 0 9px 0;
}
.features .image-link {
display: inline-block;
margin: 0 0 9px 0;
}
.features .image-link img {
border: none;
}
.features p {
line-height: 1.5em;
margin: 0 0 10px 0;
}
.features .orange_arrow {
background-position: -210px -900px;
color: #F37A1F;
display: inline-block;
font-weight: bold;
margin: 0;
min-height: 17px;
padding-left: 15px;
}
.accessories {
list-style: none;
margin: 0 0 -9px 0;
padding: 0 10px;
position: relative;
top: -3px;
}
.accessories .product-price {
margin: 0 0 30px 0;
}
.accessories h5 {
font-size: 1em;
font-weight: bold;
line-height: 1.4em;
margin: 0 0 9px 0;
}
.accessories p {
line-height: 1.5em;
margin: 0 0 10px;
}
.accessories .image-link {
display: inline-block;
margin: 0 0 9px 0;
}
.accessories .image-link img {
border: none;
}
.job-filter {
margin: 0 10px 14px;
padding: 0;
list-style: none;
}
.no-js .job-filter {
display: none;
}
.job-filter li {
margin-bottom: 10px;
padding-left: 0 !important;
background-image: none !important;
}
.job-filter li.active {
display: none !important;
}
.job-filter .orange_arrow {
background-position: -210px -898px;
color: #F37A1F;
display: inline-block;
font-weight: bold;
margin: 0;
min-height: 17px;
padding-left: 15px;
cursor: pointer;
}
.job-list {
margin: -4px 10px 30px;
}
.job-list a,
.job-list .head {
display: block;
line-height: 1.5em;
}
.job-list a {
background-color: #F1F1F1;
color: #444444;
padding: 9px 29px 6px 10px;
position: relative;
}
.job-list a.even {
background-color: #FFFFFF;
}
.job-list .head {
padding-bottom: 5px;
}
.job-list a > span {
display: block;
}
.job-list a > span:first-child,
.job-list .head > span {
font-weight: bold;
}
.job-list .ico {
margin-top: -10px;
position: absolute;
right: 10px;
top: 50%;
}
.job-list .ico span {
background-position: -266px 0;
display: block;
height: 19px;
overflow: hidden;
text-indent: -1000px;
width: 9px;
}
.job-contact {
margin-bottom: 9px;
}
.job-contact p {
line-height: 1.4em;
margin: 0 0 3px;
}
.product-price {
margin: 0 10px 29px 10px;
}
.product-price table,
table.product-price{
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.product-price tbody tr {
border-bottom: 1px solid #FFFFFF;
}
.product-price th {
font-weight: bold;
padding: 0 10px 5px 0;
text-align: left;
}
.product-price td {
background-color: #F1F1F1;
padding: 9px 15px 9px 6px;
vertical-align: top;
}
.iem7 .product-price td {
background-color: transparent;
padding-left: 0;
}
.product-price td.price {
font-weight: bold;
padding-left: 0;
padding-right: 10px;
white-space: nowrap;
width: 1px;
}
.iem7 .product-price td.price {
padding-right: 0;
}
.iem7 .product-price td.price span {
padding-right: 0;
white-space: nowrap;
}
.product-price td.leaflet {
background-color: transparent;
display: none;
padding: 0;
width: 1px;
}
.product-price tr.leaflet td {
background-color: transparent;
padding: 0;
text-align: right;
}
.product-price td .leaflet {
background: #F37B21;
background: -moz-linear-gradient(top, #F8AD75, #F37B21); /* Firefox */
background: -ms-linear-gradient(top, #F8AD75, #F37B21); /* IE */
background: -o-linear-gradient(top, #F8AD75, #F37B21); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F8AD75), to(#F37B21)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F8AD75, #F37B21); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F8AD75, #F37B21); /* CSS3 */
display: inline-block;
height: 35px;
text-align: left;
}
.product-price tr.leaflet td .leaflet {
display: block;
}
.product-price td .leaflet span {
background-position: -243px -631px;
color: #FFFFFF;
display: block;
font-weight: bold;
height: 35px;
line-height: 35px;
padding-left: 40px;
padding-right: 10px;
white-space: nowrap;
}
/*App */
.app-no-link #content > ul.link-list {
display: none;
}
.app #loading-layer {
background-color: transparent;
height: 100%;
left: 0;
position: fixed;
top: -1000%;
width: 100%;
z-index: 10000;
}
.app #loading-layer > div {
background: rgba(0, 0, 0, 0.8);
height: 101px;
left: 50%;
top: -1000%;
width: 92px;
margin: -50px 0 0 -46px;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
position: fixed;
}
.app #loading-layer span {
display: block;
text-align: center;
color: #FFFFFF;
font-weight: bold;
font-size: 16px;
}
.app #loading-layer img {
-webkit-animation: spinner 1.2s steps(12, end) infinite;
animation: spinner 1.2s steps(12, end) infinite;
height: 43px;
width: 43px;
margin: 17px 0 0 25px;
}
.link-list,
.manual-search .ui-autocomplete{
border-top: 1px solid #DFE0E1;
list-style: none;
padding: 0;
}
.link-list {
margin: 0 10px 30px 10px;
padding: 0;
}
.link-list + p,
p.footnote + p {
margin-left: 10px;
margin-top: 30px;
}
.dropdown-list .link-list {
margin: 0 0 25px 0;
}
.dropdown-list .link-list .highlight-link {
border-top: none;
margin: 0;
}
.dropdown-list .content-link-list {
list-style: none outside none;
margin: 0 0 10px;
padding: 0;
}
.dropdown-list .content-link-list li {
background-position: -135px -949px;
line-height: 1.5em;
margin-bottom: 5px;
padding-left: 27px;
}
.dropdown-list .link-list:last-child {
margin: 0 0 15px 0;
}
.manual-search .ui-autocomplete li,
.link-list li,
#content .link-list > li {
background: #F4F4F4;
background: -moz-linear-gradient(top, #F9F9F9, #F4F4F4); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F4F4F4); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F4F4F4); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F4F4F4)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F4F4F4); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F4F4F4); /* CSS3 */
border-bottom: 1px solid #DFE0E1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F9F9F9', endColorstr='#F4F4F4'); /* IE */
position: relative;
padding-left: 0;
margin-bottom: 0;
}
.link-list li.search {
padding: 5px 0;
position: relative;
}
.link-list li .download-play {
position:absolute;
top: 50%;
right: 2px;
height: 29px;
margin-top: -14px;
}
.link-list li .download-play a {
height: 29px;
width: 43px;
border-left: 1px solid #DFE0E1;
text-indent: -1000px;
overflow: hidden;
float: left;
padding: 0;
}
.link-list li .download-play a.play {
background-position: 13px -860px;
}
.link-list li .download-play a.download {
background-position: 10px -900px;
}
.content-text a.download-button-text {
background-position: 10px -905px;
display: inline-block;
height: 21px;
margin-top: 0;
overflow: hidden;
padding: 0;
text-indent: -1000px;
width: 43px;
}
.link-list li a,
.teaser-list.teaser-product a {
display: block;
padding: 10px 0 10px 0;
position: relative;
}
.link-list li a.inactive {
cursor: default;
}
.link-list li.download a {
margin-right: 50px;
}
.link-list li.download a.ico-download {
border-left: 5px solid #FFFFFF;
height: 100%;
margin: 0;
padding: 2px 0 0;
position: absolute;
right: 0;
top: -1px;
width: 45px;
}
.link-list li a span {
color: #444444;
display: block;
font-weight: bold;
margin: 0 40px 0 10px;
}
.link-list li a.has-download-play span {
margin-right: 100px;
}
.link-list li a.has-play span,
.link-list li a.has-download span {
margin-right: 55px;
}
.link-list li a.inactive span {
color: #AEAFAF;
}
.link-list li.left a span {
margin: 0 10px 0 30px;
}
.link-list li.price a span {
margin-right: 11.3em
}
.link-list li.price a span.price {
margin: 0;
max-width: 7.5em;
position: absolute;
right: 3.3em;
text-align: right;
top: 13px;
}
.link-list li.social span {
float: left;
line-height: 27px;
height: 27px;
width: 27px;
text-indent: -1000px;
overflow: hidden;
margin: 0 0 0 10px;
}
.link-list li.social span.facebook {
background-position: -20px -1254px;
}
.link-list li.social span.twitter {
background-position: -20px -1379px;
}
.link-list li.social span.ok-ru {
background-position: -20px -1505px;
}
.link-list li.social span.youtube {
background-position: -20px -1129px;
}
.link-list li.social span.blog {
background-position: -20px -2084px;
}
.link-list li.social span.instagram {
background-position: -20px -2596px;
}
.link-list li.social span.linkedin {
background-position: -20px -2471px;
}
.link-list li.social span.xing {
background-position: -20px -2978px;
}
.link-list li.social span.vk {
background-position: -21px -2730px;
}
.link-list li.social span.whatsapp:before,
a.whatsapp.social-link:before {
background-image: url("../../img_layout/WhatsApp_Logo.svg");
background-repeat: no-repeat;
background-size: 27px 27px;
content: "";
display: block;
height: 27px;
width: 27px;
}
.link-list li.download a.ico-download span {
display: block;
height: 26px;
width: 26px;
position: absolute;
top: 50%;
left: 9px;
text-indent: 1000px;
overflow: hidden;
margin: -13px 0 0 0;
background-position: 0 -825px;
}
.link-list li a .ico {
background-position: -266px 0;
height: 19px;
margin-top: -10px;
overflow: hidden;
position: absolute;
right: 10px;
text-indent: -1000px;
top: 50%;
width: 9px;
}
.link-list li a.inactive .ico {
display: none;
}
.link-list li.left a .ico {
background-position: -230px 0;
left: 10px;
right: auto;
}
.iem7 .link-list li.search form {
margin: 0;
}
.link-list li.search .submit {
background-color: transparent;
background-position: -256px 7px;
border: none;
color: transparent;
cursor: pointer;
height: 36px;
overflow: hidden;
position: absolute;
right: 0;
text-indent: -1000px;
top: 5px;
width: 29px;
}
.link-list li.search .input {
background-position: -265px -60px;
height: 36px;
margin: 0 29px 0 0;
padding: 0 0 0 9px;
}
.link-list li.search .input div {
background-position: right -132px;
padding: 0 9px 0 0;
}
.link-list li.search .input div input {
background-position: 0 -96px;
background-repeat: repeat-x;
border: none;
color: #000000;
height: 36px;
padding: 0;
vertical-align: middle;
width: 100%;
}
.iem7 .link-list li.search .input div input {
line-height: 36px;
}
.link-list li.search .input div input.active {
color: #444444;
}
.flexcols .top-right {
margin-bottom: 30px;
}
.flexcols .bottom {
}
#ctl01 {
display: block;
margin: 0 10px 30px;
}
.dealer-adress {
position: relative;
top: -3px;
}
.dealer-adress .sop-link {
border: 1px solid #f1f1f1;
display: inline-block;
margin: 10px 0;
padding: 10px;
}
.dealer-adress .sop-link span {
color: #444444;
display: block;
font-weight: bold;
}
.dealer-adress .sop-link .arrow {
display: inline-block;
margin: 5px 0;
background-position: -210px -900px;
background-repeat: no-repeat;
color: #F37A1F;
min-height: 17px;
padding: 0 0 0 15px;
}
.dealer-adress .sop-link img{
display: inline-block;
margin: -5px 0 0 10px;
}
.dealer-adress p {
margin: 0 0 10px 0;
padding: 0;
}
.dropdown-list .dealer-adress p {
float: none;
}
.dealer-adress p:first-child {
}
.dealer-adress p span {
display: block;
margin: 0 0 4px 0;
}
.dealer-adress a {
color: #F37A1F;
text-decoration: none;
font-weight: bold;
}
.dealer-adress a.phone {
color: #444444;
font-weight: normal;
}
.dealer-adress a.orange-arrow {
background-position: -210px -900px;
background-repeat: no-repeat;
color: #F37A1F;
display: inline-block;
font-weight: bold;
margin: 0 0 5px 0;
min-height: 17px;
padding: 0 0 0 15px;
}
.dealer-adress a.highlight-phone {
display: inline-block;
font-weight: normal;
margin-left: 0;
margin-right: 20px;
}
.dealer-adress a.highlight-phone span {
margin: 0 0 0 48px;
}
.dealer-adress a.highlight-phone .ico {
margin: -12px 0 0;
}
.dealer-products-services-characteristics {
background-position: 0 0;
position: relative;
top: -10px;
}
.dealer-products-services-characteristics .routingOptions {
background: none;
}
@media only screen and (min-width: 420px) {
.dealer-products-services-characteristics .routingOptions {
max-width: 350px;
}
}
.dealer-products-services-characteristics .routingOptions > span {
background-position: -230px -867px;
font-weight: bold;
padding: 0 0 0 22px;
}
.dealer-products-services-characteristics .routingOptions .highlight-route {
margin: 20px 0 0 0;
}
.dealer-products-services-characteristics > div {
background-position: 0 bottom;
padding-top: 20px;
}
.dealer-products {
padding-bottom: 8px;
}
.dealer-products-services-characteristics .dealer-products h3 {
margin: 0 0 9px 0;
padding: 0;
font-size: 1em;
font-weight: bold;
top: -4px;
}
.dealer-products ul {
margin: 0;
padding: 0;
list-style: none;
}
.dealer-products ul li {
float: left;
margin-bottom: 13px;
min-height: 16px;
position: relative;
width: 50%;
}
.dealer-products ul li span {
margin: 0 5px 0 25px;
}
.dealer-products ul li .shop + span,
.dealer-products ul li .stockist + span {
display: none;
}
.dealer-products ul li .ico {
height: 22px;
left: 0;
margin: 0;
overflow: hidden;
position: absolute;
text-indent: -10000px;
top: -5px;
width: 23px;
}
.dealer-products ul li .ico.attribute19,
.dealer-products ul li .ico.stihl {
background-position: -30px -170px;
}
.dealer-products ul li .ico.attribute20,
.dealer-products ul li .ico.viking {
background-position: -60px -170px;
}
.dealer-products ul li .ico.attribute21,
.dealer-products ul li .ico.reiniger,
.dealer-products ul li .ico.reinigungsgeräte {
background-position: -90px -170px;
}
.dealer-products ul li .ico.attribute60,
.dealer-products ul li .ico.bekleidungs-spezialist {
background-position: -120px -170px;
}
.dealer-products ul li .ico.attribute70,
.dealer-products ul li .ico.imow,
.dealer-products ul li .ico.robot,
.dealer-products ul li .ico.robotermäher {
background-position: -220px -170px;
}
.dealer-products ul li .ico.batterie {
background-position: 0 0;
}
.dealer-products ul li .ico.nettoyage {
background-position: -46px 0;
}
.dealer-products ul li .ico.découpeuse {
background-position: -23px 0;
}
.dealer-products ul li .ico.akku{
background-position: -48px 0;
}
.dealer-products ul li .ico.reiniger{
background-position: 0 0;
}
.dealer-products ul li .ico.shop {
background-position: 0 -2335px;
height: 23px;
width: 79px;
}
.dealer-products ul li .ico.stockist {
background-position: -90px -2335px;
height: 23px;
width: 42px;
}
.dealer-products ul li .ico.eap {
height: 22px;
width: 120px;
background-position: 0 -2850px;
}
/* Japan */
.ja-JP .dealer-products ul li span {
margin-left: 30px;
}
.ja-JP .dealer-products ul li .ico {
height: 25px;
width: 26px;
margin-left: 0;
}
.ja-JP .dealer-products ul li .stihlmotorsaege {
background-position: 0 0;
}
.ja-JP .dealer-products ul li .akku {
background-position: -248px 0;
}
.ja-JP .dealer-products ul li .freischneider {
background-position: -124px 0;
}
.ja-JP .dealer-products ul li .heckenscheren {
background-position: -93px -30px;
}
.ja-JP .dealer-products ul li .geblaese {
background-position: -61px 0;
}
.ja-JP .dealer-products ul li .trennschneider {
background-position: -186px 0;
}
.ja-JP .dealer-products ul li .forsttechnik {
background-position: -31px -30px;
}
.ja-JP .dealer-products ul li .schutzausruestung {
background-position: -154px -30px;
}
.ja-JP .dealer-characteristics ul li {
height: 26px;
width: 135px;
}
.ja-JP .dealer-characteristics ul li.stihlshop {
background-position: 0 -85px;
}
.ja-JP .dealer-characteristics ul li.authorized {
background-position: -113px -59px;
}
.ja-JP .dealer-characteristics ul li.regular {
background-position: 0 -59px;
width: 108px;
}
.ja-JP .dealer-characteristics ul li.service {
background-position: -139px -84px;
}
.dealer-services {
padding-bottom: 15px;
}
.dealer-products-services-characteristics .dealer-services h3 {
margin: 0;
padding: 0;
font-size: 1em;
font-weight: bold;
top: -4px;
}
.dealer-services ul {
margin: 0;
padding: 0;
list-style: none;
position: relative;
top: -1px;
}
.dealer-services ul li {
background-position: -259px -834px;
min-height: 15px;
padding: 0 0 0 20px;
margin: 0 0 4px 0;
}
.dealer-services ul li span {
}
.dealer-characteristics {
padding-bottom: 19px;
margin-bottom: 10px;
}
.dealer-products-services-characteristics .dealer-characteristics h3 {
margin: 0 0 3px 0;
padding: 0;
font-size: 1em;
font-weight: bold;
top: -3px;
}
.dealer-characteristics ul {
margin: 0 0;
padding: 0;
list-style: none;
}
.dealer-characteristics ul li {
float: left;
height: 42px;
margin: 0 9px 0 0;
overflow: hidden;
text-indent: -1000px;
width: 70px;
}
.dealer-characteristics ul li.stihl {
background-position: 0 -775px;
}
.dealer-characteristics ul li.viking {
background-position: -75px -775px;
}
.dealer-characteristics ul li.qmf {
background-position: -150px -775px;
}
.dealer-characteristics ul li.prémium {
background-position: -2px -26px;
height: 25px;
width: 130px;
}
.dealer-route {
background-color: #F1F1F1;
padding: 20px;
position: relative;
top: -10px;
}
.dealer-route .cols h3 {
margin: 0 0 5px 0;
padding: 0;
font-size: 1em;
font-weight: bold;
top: -4px;
}
.dealer-route .form {
margin: 0 0 30px 0;
}
.dealer-route .form .text {
background-position: -265px -170px;
height: 28px;
padding: 0 0 0 8px;
margin: 0 0 10px 0;
}
.dealer-route .form .text > div {
background-position: right -226px;
height: 28px;
padding: 0 8px 0 0;
}
.dealer-route .form .text input {
background-position: 0 -198px;
background-repeat: repeat-x;
border: none;
color: #A1A1A1;
height: 28px;
padding: 0;
vertical-align: middle;
width: 100%;
}
.dealer-route .form .text input.active {
color: #444444;
}
.dealer-route .form .location {
display: table-cell;
vertical-align: middle;
height: 27px;
padding: 2px 0 0 0;
}
.dealer-route .form .location a {
margin-bottom: 5px;
min-height:27px;
display: block;
position: relative;
color: #444444;
font-weight: bold;
}
.dealer-route .form .location a span {
padding: 5px 10px 5px 28px;
display: block;
}
.dealer-route .form .location .ico {
background-position: -256px -280px;
height: 27px;
left: 0;
margin-top: -14px;
overflow: hidden;
position: absolute;
text-indent: -1000px;
top: 50%;
width: 19px;
}
.dealer-route .address {
margin: 0 0 7px 0;
}
.dealer-route .address p {
margin: 0 0 10px 0;
padding: 0;
}
.dealer-route .address p span {
display: block;
margin: 0 0 4px 0;
}
.dealer-route .address a {
color: #F37A1F;
text-decoration: none;
font-weight: bold;
}
.dealer-route .address a.phone {
color: #444444;
font-weight: normal;
}
.dealer-route a.orange-arrow {
background-position: -210px -900px;
background-repeat: no-repeat;
color: #F37A1F;
display: inline-block;
font-weight: bold;
margin: 0;
min-height: 17px;
padding: 0 0 0 15px;
}
.dealer-route .address .highlight-phone {
margin-left: 0;
margin-right: 0;
font-weight: normal;
display: inline-block;
}
.dealer-route .address .highlight-phone span {
margin: 0 0 0 48px;
}
.dealer-route .address .highlight-phone .ico {
margin: -12px 0 0;
}
.dealer-route .submit {
background: #F4F4F4;
background: -moz-linear-gradient(top, #F9F9F9, #F4F4F4); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F4F4F4); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F4F4F4); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F4F4F4)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F4F4F4); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F4F4F4); /* CSS3 */
border-bottom: 1px solid #DFE0E1;
border-top: 1px solid #DFE0E1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F9F9F9', endColorstr='#F4F4F4'); /* IE */
position: relative;
overflow: hidden;
margin-top: 18px;
}
.dealer-route .submit input {
position: relative;
background-color: transparent;
border: none;
height: 46px;
padding: 0 40px 0 10px;
z-index: 10;
width: 100%;
text-align: left;
color: #444444;
font-weight: bold;
cursor: pointer;
}
.dealer-route .submit .ico {
background-position: -266px 0;
height: 19px;
margin-top: -10px;
overflow: hidden;
position: absolute;
right: 10px;
text-indent: -1000px;
top: 50%;
width: 9px;
}
#route {
margin: 10px 20px;
}
#route a {
font-size: 16px;
padding-left: 15px;
position: relative;
}
#route a:before {
background-position: -266px 0;
content: "";
height: 19px;
margin-top: -10px;
overflow: hidden;
position: absolute;
left: 0;
top: 50%;
width: 9px;
}
.footnote {
margin: 0 10px 0 10px;
padding: 0 0 10px 0;
position: relative;
top: -5px;
}
.footnote p {
line-height: 1.5em;
margin: 0 0 10px 0;
}
.ba-search {
margin: 0 10px 10px 10px;
position: relative;
}
.ba-search .ui-helper-hidden-accessible{
display: none;
}
.ba-search .manual-search .ui-autocomplete {
background-color: #FFFFFF;
border-radius: 2px;
border-top: 1px solid #D9D9D9;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
font-family: Arial,sans-serif;
overflow: hidden;
padding: 0;
}
.ba-search .manual-search .ui-autocomplete .ui-menu-item {
border-top: 1px solid #E6E6E6;
}
.ba-search .manual-search .ui-autocomplete a {
color: #000000;
cursor: default;
font-size: 13px;
line-height: 30px;
margin: 0;
overflow: hidden;
padding: 6px 6px;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
}
.ba-search .ba-search-result{
margin-bottom: 30px;
}
.ba-search .highlight-link {
margin: 0;
border-bottom: none;
}
.ba-search .highlight-link:last-child {
border-bottom: 1px solid #E0E0E0;
}
.ba-search .highlight-link .info{
display: block;
font-weight: normal;
margin-top: -9px;
position: absolute;
right: 36px;
top: 50%;
}
.ba-search .ba-search-col{
float: left;
}
.ba-search .ba-search-col div{
margin-bottom: 4px;
}
.ba-search .ba-search-col label{
padding-left: 7px;
padding-top: 5px;
}
/* TMP Kontaktformular */
.contact .xe_form ul.linklist {
margin-top: 0px;
}
.contact .xe_form_radio > span {
padding-top: 5px;
display: block;
clear: left;
font-weight: bold;
}
.contact .xe_form_radio label + span {
font-weight: normal;
}
.contact .xe_form .xe_form_check label{
font-weight: normal;
margin: 0 20px 10px 36px;
padding-top: 6px;
}
.contact .xe_form .xe_layout_horizontal .label_terms {
font-weight: bold;
margin-top: 10px;
margin-left: 0;
}
.contact .xe_form .linklist li {
list-style-type: none;
}
.contact .xe_form .linklist a {
background-position: -210px -899px;
color: #F37A1F;
display: inline-block;
font-weight: bold;
margin: 0;
min-height: 17px;
padding-left: 10px;
}
.contact .xe_form_input.input input,
.xe_form_input.input input
{
margin-bottom: 5px;
}
.contact .xe_form_error {
font-weight: normal;
color: red;
margin-top: 3px;
}
.contect .xe_form_alert.xe_layout_horizontal .label_terms span.xe_form_error{
color: red;
}
.serverError {
color: red;
display: block;
padding-top: 4px;
}
/* Betriebsanleitungen */
.manual_search_filter {
margin: 0 10px 25px;
}
.manual_search_filter .manualsearchblock {
margin-bottom: 25px;
}
.manual_search_filter .headline_manual {
margin: 0 0 0.8em;
}
.manual_search_filter .resultcol {
margin-bottom: 15px;
}
.manual_search_filter .input-checkbox {
margin-bottom: 6px;
}
.manual_search_filter .checkbox {
float: left;
background-position: -75px -65px;
cursor: pointer;
display: block;
float: left;
height: 27px;
overflow: hidden;
position: relative;
width: 27px;
margin: 0 9px 0 0;
}
.manual_search_filter .checkbox.active {
background-position: -105px -65px;
}
.no-js .manual_search_filter .checkbox {
background-image: none;
height: auto;
width: auto;
}
.manual_search_filter .checkbox input {
position: absolute;
top: -50px;
margin: 0;
padding: 0;
}
.no-js .manual_search_filter .checkbox input {
position: static;
}
.manual_search_filter .input-checkbox label {
display: block;
font-weight: normal;
margin: 0 20px 0 0;
padding-top: 6px;
}
.no-js .manual_search_filter .input-checkbox label {
padding: 0;
}
.manual_search_filter .text p {
line-height: 1.5em;
margin: 0 0 10px;
}
#manual_search_bar {
margin: 15px 0 25px;
position: relative;
}
#manual_input_search {
border: 1px solid #EAEAEA;
-moz-box-shadow: 0 0 4px #EAEAEA inset;
-webkit-box-shadow: 0 0 4px #EAEAEA inset;
box-shadow: 0 0 4px #EAEAEA inset;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 34px;
padding: 0 7px;
width: 100%;
}
#submitAnleitungSearch {
background: #F37B21;
background: -moz-linear-gradient(top, #F8AD75, #F37B21); /* Firefox */
background: -ms-linear-gradient(top, #F8AD75, #F37B21); /* IE */
background: -o-linear-gradient(top, #F8AD75, #F37B21); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F8AD75), to(#F37B21)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F8AD75, #F37B21); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F8AD75, #F37B21); /* CSS3 */
display: block;
float: right;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F8AD75', endColorstr='#F37B21'); /* IE */
margin: 0;
padding: 0;
position: absolute;
right: 0;
bottom: 1px;
}
#submitAnleitungSearch .ico {
background-position: -140px -65px;
height: 23px;
margin-top: -13px;
overflow: hidden;
position: absolute;
left: 20px;
text-indent: -1000px;
top: 50%;
width: 11px;
}
#submitAnleitungSearch input {
background-color: transparent;
border: none;
color: #FFFFFF;
display: block;
font-weight: bold;
margin: 0;
padding: 8px 20px 11px 35px;
position: relative;
text-align: left;
z-index: 10;
}
#manualtable {
margin: 0 10px 25px;
}
/* Gebrauchsanleitungen */
.manual-search .ui-autocomplete li,
.link-list.downloads li {
margin: 0;
}
.link-list.downloads .highlight-link.pdf a {
background: none;
}
.manual-search .ui-autocomplete li a,
.link-list.downloads li a {
min-height: 1.25em;
height: auto;
display: inline-block;
width: 100%;
box-sizing: border-box;
padding-bottom: 12px;
padding-top: 17px;
padding-left: 60px;
}
.link-list.downloads li a:after {
content: '';
position: absolute;
width: 21px;
height: 27px;
background: url("../img/layout/sprite.png") -23px -1939px no-repeat transparent;
left: 23px;
top: 50%;
margin-top: -13px;
}
.link-list.downloads li a span {
color: #444444;
display: table-cell;
font-weight: bold;
height: auto;
line-height: 1.25em;
width: 99%;
}
.link-list.downloads li a span.file-size {
height: auto;
font-weight: normal;
width: auto;
white-space: nowrap;
padding: 0 40px 0 0;
}
.link-list.downloads .manual-icon a:after {
background: url("../img/layout/STIHL_Feature_Icons_Gebrauchsanleitung_standard_rgb.png") no-repeat;
height: 25px;
margin-top: -11px;
width: 25px;
}
/* Aktionspreis */
.versions tr.price.special td {
vertical-align: middle;
}
.versions .special-price,
.compare_chain .special-price,
.notepad .special-price,
.versions .specialprice,
.compare_chain .specialprice,
.notepad .specialprice {
display: inline-block;
min-width: 80px;
font-style: normal;
}
.versions .special-price.long .blocked,
.compare_chain .special-price.long .blocked,
.notepad .special-price.long .blocked,
.versions .specialprice.long .blocked,
.compare_chain .specialprice.long .blocked,
.notepad .specialprice.long .blocked {
display: block;
}
.versions .special-price span.special,
.versions .special-price span.old,
.compare_chain .special-price span.special,
.compare_chain .special-price span.old,
.notepad .special-price span.special,
.notepad .special-price span.old,
.versions .specialprice span.special,
.versions .specialprice span.old,
.compare_chain .specialprice span.special,
.compare_chain .specialprice span.old,
.notepad .specialprice span.special,
.notepad .specialprice span.old {
font-size: 12px;
line-height: 16px;
font-weight: bold;
display: block;
}
.versions .special-price span.old,
.compare_chain .special-price span.old,
.notepad .special-price span.old,
.versions .specialprice span.old,
.compare_chain .specialprice span.old,
.notepad .specialprice span.old{
background-color: #FFFFFF;
border: 1px solid #f37a1f;
padding: 4px;
font-weight: normal;
min-height: 12px;
min-width: 34px;
text-align: center;
}
.versions .special-price span.special,
.compare_chain .special-price span.special,
.notepad .special-price span.special,
.versions .specialprice span.special,
.compare_chain .specialprice span.special,
.notepad .specialprice span.special{
background-color: #F37A1F;
color: #FFFFFF;
padding: 3px;
min-height: 14px;
min-width: 36px;
text-align: center;
}
#product_result .chain_fact_list em.special-price,
#product_result .chain_fact_list em.specialprice {
width: auto;
}
.compare_chain .special-price ~ .btn-orange,
.compare_chain .specialprice ~ .btn-orange {
top: 76px !important;
}
.compare_chain .special-price.long ~ .btn-orange,
.compare_chain .specialprice.long ~ .btn-orange {
top: 108px !important;
}
.link-list .special-price,
.link-list .specialprice {
position: relative;
top: 7px;
margin: -12px 0 0 0 !important;
min-width: 80px;
font-style: normal;
}
.link-list .special-price span.special,
.link-list .special-price span.old,
.link-list .specialprice span.special,
.link-list .specialprice span.old {
font-size: 12px;
line-height: 16px;
display: block;
margin: 0 !important;
white-space: normal;
}
.link-list .special-price.long span.special,
.link-list .special-price.long span.old,
.link-list .specialprice.long span.special,
.link-list .specialprice.long span.old {
display: block;
}
.link-list .special-price span.old,
.link-list .specialprice span.old {
background-color: #FFFFFF;
border: 1px solid #f37a1f;
padding: 4px;
font-weight: normal;
min-height: 12px;
min-width: 34px;
text-align: center;
}
.link-list .special-price span.special,
.link-list .specialprice span.special {
background-color: #f37a1f;
color: #FFFFFF;
padding: 5px;
box-sizing: border-box;
font-weight: bold;
min-height: 14px;
width: 100%;
text-align: center;
}
.link-list .special-price span.old .blocked,
.link-list .specialprice span.old .blocked {
font-weight: normal;
display: inline-block;
}
.link-list .special-price .blocked,
.link-list .specialprice .blocked {
margin: 0;
}
.link-list .special-price span.special .blocked,
.link-list .specialprice span.special .blocked {
color: #FFFFFF;
display: inline-block;
}
.link-list li.price a span.price{
max-width: 8em;
}
@media only screen and (max-width: 768px) {
.link-list .special-price span.special,
.link-list .specialprice span.special {
position: relative;
right: 0;
}
.link-list .price.special a > span {
display: table-cell;
height: 50px;
padding: 0 11.3em 0 10px;
vertical-align: middle;
}
.link-list .price.special a > span.price {
display: inline;
height: auto;
padding: 0;
top: 50%;
margin-top: -19px;
}
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.link-list .special-price span.old,
.link-list .specialprice span.old {
background-image: url("/img_layout/stroke-retina.png");
background-size: 42px 20px;
}
}
*/
.link-list li.price .has-special-price {
min-height: 84px;
}
.fr-fr .link-list li.price .has-special-price > span {
margin-right: 12em;
}
.link-list li.price .has-special-price span.price {
max-width: 10em;
margin-right: 0;
}
.fr-fr .link-list .specialprice span.old .blocked {
display: block;
}
@media only screen and (max-width: 380px) {
.fr-fr #content .link-list > li .has-special-price {
height: auto !important;
}
.fr-fr .link-list li.price .has-special-price > span {
margin-right: 11.3em;
}
.fr-fr .link-list li.price .has-special-price span.price {
position: static;
margin-top: 10px;
margin-left: 10px;
}
}
.it-it .link-list li.price.has-special-price a > span {
margin-right: 18em;
}
.it-it .link-list li.price.has-special-price a span.price {
max-width: 14em;
margin-right: 0;
}
@media only screen and (max-width: 380px) {
.it-it #content .link-list > li.has-special-price {
height: auto !important;
}
.it-it .link-list li.price.has-special-price a > span {
margin-right: 11.3em;
}
.it-it .link-list li.price.has-special-price a span.price {
position: static;
margin-top: 10px;
margin-left: 10px;
}
}
.cs-cz .link-list li.price .has-special-price {
min-height: 84px;
}
.cs-cz .link-list .special-price span.old .blocked,
.cs-cz .link-list .specialprice span.old .blocked {
display: block;
}
.cs-cz .link-list .special-price span.special .blocked,
.cs-cz .link-list .specialprice span.special .blocked {
display: block;
}
.cs-cz .link-list .special-price span.special .blocked .footnotes,
.cs-cz .link-list .specialprice span.special .blocked .footnotes {
display: inline;
margin: 0;
color: #FFFFFF;
}
.nl-NL .link-list li.price > a > span,
.nl-be .link-list li.price > a > span,
.fr-be .link-list li.price > a > span {
display: inline-block;
}
.nl-NL .link-list li.price a span.new-icon,
.nl-NL .link-list li.price a span.newicon,
.nl-be .link-list li.price a span.new-icon,
.nl-be .link-list li.price a span.newicon,
.fr-be .link-list li.price a span.new-icon,
.fr-be .link-list li.price a span.newicon {
margin-left: 10px;
}
.nl-NL .link-list li.price .has-special-price,
.nl-be .link-list li.price .has-special-price,
.fr-be .link-list li.price .has-special-price {
min-height: 68px;
}
.nl-NL .link-list .special-price span.old .blocked,
.nl-NL .link-list .specialprice span.old .blocked,
.nl-be .link-list .special-price span.old .blocked,
.nl-be .link-list .specialprice span.old .blocked,
.fr-be .link-list .special-price span.old .blocked,
.fr-be .link-list .specialprice span.old .blocked {
display: block;
}
.nl-NL .link-list .special-price span.special .blocked,
.nl-NL .link-list .specialprice span.special .blocked,
.nl-be .link-list .special-price span.special .blocked,
.nl-be .link-list .specialprice span.special .blocked,
.fr-be .link-list .special-price span.special .blocked,
.fr-be .link-list .specialprice span.special .blocked {
display: block;
}
.nl-NL .link-list .special-price span.special .blocked .footnotes,
.nl-NL .link-list .specialprice span.special .blocked .footnotes,
.nl-be .link-list .special-price span.special .blocked .footnotes,
.nl-be .link-list .specialprice span.special .blocked .footnotes,
.fr-be .link-list .special-price span.special .blocked .footnotes,
.fr-be .link-list .specialprice span.special .blocked .footnotes {
display: inline;
margin: 0;
color: #FFFFFF;
}
.fr-be .link-list li.price a.has-special-price > span {
margin-right: 15em;
}
.fr-be .link-list .special-price span.old .blocked,
.fr-be .link-list .specialprice span.old .blocked {
display: inline;
}
.fr-be .link-list li.price a.has-special-price span.price {
margin-right: 0;
max-width: 11em;
}
/* Fußzeile */
#footer {
position: relative;
top: -3px;
}
#footer ul {
display:inline-block;
list-style: none;
margin: 0;
padding: 0;
top:0px;
}
#footer .left {
float: left;
margin: 0 10px 8px 0;
}
#footer .right {
float: right;
margin: 0 0 8px 10px;
}
.iem7 #footer .right {
white-space: nowrap;
}
#footer ul li {
border-right:1px solid #5D5D5D;
float: left;
padding:0 10px;
}
.iem7 #footer ul li {
white-space: nowrap;
display: inline;
float: none;
padding:0 6px 0 10px;
}
#footer ul li.last,
#footer ul li:last-child {
border: 0;
}
#footer a {
color:#5D5D5D;
}
#footer .footertext {
clear: both;
padding: 0 10px;
color:#5D5D5D;
}
/*SEO Text footer*/
#footer {
margin-bottom: 0 !important;
}
.SEO_Left_Footer a, .SEO_Right_Footer a{
font-weight: bold;
color: #F37A1F;
}
.SEO_Left_Footer {
max-width: 100%;
width: auto;
color: #999999;
font-size: 1em;
padding: 0 15px 0 10px;
margin-bottom: 30px;
}
.SEO_Left_Footer h1, .SEO_Left_Footer h4{
font-size: 1em;
margin-bottom: 5px;
}
.SEO_Left_Footer p {
margin-bottom: 15px;
margin-top: 0px;
}
/* Onepager */
.page-headline .content-color {
color: #444444;
display: block;
}
.image-full{
margin-bottom: 32px;
}
.image-full img{
max-width: 100%;
}
.onepager {
margin: 0 10px 20px;
}
.onepager .page-headline {
margin-bottom: 24px;
margin-left: 0;
text-transform: uppercase;
}
.onepager .col_50 {
padding-bottom: 5px;
width: 50%;
}
.onepager .link-list {
margin-left: 0;
margin-right: 0;
}
.onepager .col_50.floating {
float: left;
margin-bottom: 10px;
}
.onepager .col_50.floating:first-child {
padding-right: 2%;
width: 48%;
}
.onepager .col_50.floating h2,
.onepager .video-type-slides h2
{
font-weight: normal;
padding-right: 15px;
text-transform: uppercase;
}
.onepager .col_50.floating a {
color: #f37a1f;
}
.onepager .col_50.floating .link-list {
margin: 0 0 30px;
}
.onepager .col_50.floating img {
display: block;
margin: 32px auto 0;
max-width: 100%;
}
.onepager .col_50.floating.margin-image img {
margin: 10px 0 20px 0;
}
.onepager .slideshow {
clear: both;
}
.onepager .slideshow ul {
border: none;
}
.onepager .slideshow #slideshow-pager {
display: none;
}
.onepager .slideshow #slideshow-prev {
cursor: pointer;
height: 100%;
left: -20px;
margin-top: 0;
position: absolute;
top: 0;
width: 20px;
z-index: 1000;
}
.onepager .slideshow #slideshow-prev span {
background-position: -230px 0;
height: 19px;
left: 5px;
margin-top: -10px;
width: 9px;
}
.onepager .slideshow #slideshow-next {
cursor: pointer;
height: 100%;
margin-top: 0;
position: absolute;
right: -20px;
top: 0;
width: 20px;
z-index: 1000;
}
.onepager .slideshow #slideshow-next span {
background-position: -266px 0;
height: 19px;
margin-top: -10px;
right: 5px;
width: 9px;
}
.detail-list {
clear: both;
margin-bottom: 17px;
}
.detail-list .col_50.floating {
margin-top: 7px;
}
.detail-list ul {
list-style: none;
margin: 0;
padding: 0;
}
.detail-list ul li {
background-position: -145px -951px;
margin-bottom: 15px;
padding-left: 20px;
}
.detail-list ul li strong {
display: block;
}
.onepager .image-product {
clear: both;
margin-bottom: 24px;
text-align: center;
}
.onepager .image-product img {
max-width: 50%;
}
.onepager .video-buttons {
margin-right: 19px;
}
.onepager .video-buttons .link-list {
border: none;
float: right;
margin: 0;
}
#content .onepager .video-buttons .link-list > li {
border-top: 1px solid #dfe0e1;
margin-bottom: 20px;
}
/* Ende Onepager */
/* Privacy Layer */
.privacyTop {
background-color: #454d53;
bottom: 0;
color: #FFFFFF;
left: 0;
padding: 0 15px 0 15px;
position: fixed;
right: 0;
z-index: 9999;
}
.privacyTop .privacyContent {
}
.privacyTop .privacyContent a {
color: #f37a1f;
font-weight: bold;
}
.privacyTop .privacyContent a.closeButton{
width: 38px;
height: 38px;
display: block;
right: 6px;
top: -19px;
position: absolute;
}
.privacyTop .privacyContent .close {
background: #F4F4F4;
background: -moz-linear-gradient(top, #F9F9F9, #F4F4F4); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F4F4F4); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F4F4F4); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F4F4F4)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F4F4F4); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F4F4F4); /* CSS3 */
border: 1px solid #DFE0E1;
color: #454d53;
display: block;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F9F9F9', endColorstr='#F4F4F4'); /* IE */
font-weight: bold;
line-height: 25px;
padding: 3px 10px 3px 22px;
position: absolute;
right: 50px;
top: 8px;
}
.privacyTop .privacyContent .close:before {
background-position: -266px 0;
content: "";
display: block;
height: 19px;
left: 8px;
margin-top: -11px;
position: absolute;
top: 50%;
width: 9px;
}
/* ==========================================================================
Helper classes
========================================================================== */
/* Prevent callout */
.nocallout {
-webkit-touch-callout: none;
}
.pressed {
background-color: rgba(0, 0, 0, 0.7);
}
/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {
-webkit-appearance: none;
}
/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
they have been set as display: none */
.gifhidden {
left: -100%;
position: absolute;
}
/*
* Image replacement
*/
.ir {
background-color: transparent;
background-repeat: no-repeat;
border: 0;
direction: ltr;
display: block;
overflow: hidden;
text-align: left;
text-indent: -999em;
}
.ir br {
display: none;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/**
* Clearfix helper
* Used to contain floats: h5bp.com/q
*/
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* Viking */
/* Sprite */
.viking #header #logo,
.viking #lang-select li,
.viking #menu-btn,
.viking #menu-content,
.viking #menu-content > div,
.viking #menu-content .search,
.viking #menu-content .search div,
.viking #menu-content .search input,
.viking .slideshow #slideshow-prev span,
.viking .slideshow #slideshow-next span,
.viking .slideshow #slideshow-pager span,
.viking .content-text ul li,
.viking .dropdown-list .content > ul > li,
.viking .dealer-search form .input,
.viking .dealer-search form .input div,
.viking .dealer-search form .input div input,
.viking .dealer-search form .submit,
.viking .dealer-search .next-dealer a:before,
.viking .dealer-search.sop .sop .checkbox,
.viking .teaser-list .link a .ico,
.viking .product-list li .ico,
.viking .dropdown-list li > .headline .ico,
.viking .btn-orange .ico,
.viking .highlight-phone .ico,
.viking .highlight-link.view360 a,
.viking .highlight-link.video a,
.viking .highlight-link.youtube a,
.viking .highlight-link.facebook a,
.viking .highlight-link.twitter a,
.viking .highlight-link.ok-ru a,
.viking .highlight-link.instagram a,
.viking .highlight-link.linkedin a,
.viking .highlight-link.mail a,
.viking .highlight-link.ext-link a,
.viking .highlight-link.int-link a,
.viking .highlight-link.kalender a,
.viking .highlight-link.pdf a,
.viking .highlight-link a .ico,
.viking .versions table td .checkbox,
.viking .versions .submit input,
.viking .product-price td .leaflet span,
.viking .features .orange_arrow,
.viking .link-list li a .ico,
.viking .link-list li.download a.ico-download span,
.viking .link-list li.social span.facebook,
.viking .link-list li.social span.twitter,
.viking .link-list li.social span.googleplus,
.viking .link-list li.social span.linkedin,
.viking .link-list li.social span.youtube,
.viking .link-list li.social span.blog,
.viking .link-list li.search .submit,
.viking .link-list li.search .input,
.viking .link-list li.search .input div,
.viking .link-list li.search .input div input,
.viking .dealer-locator .location .input,
.viking .dealer-locator .location .input div,
.viking .dealer-locator .location .input div input,
.viking .dealer-locator.sop .location .sop .checkbox,
.viking .dealer-locator .location .submit,
.viking .dealer-locator-advanced .checkbox,
.viking .dealer-locator-advanced label .ico,
.viking .dealer-locator .near-me .ico,
.viking .dealer-locator .advanced .ico,
.viking .dealer-locator-result li > a .ico,
.viking .dealer-locator-result li > a .number,
.viking .dealer-locator-result li .address .characteristics li,
.viking .dealer-locator-result li .products .products li,
.viking .dealer-locator-result li .products .services li,
.viking .dealer-locator-result li .right > span,
.viking .dealer-products ul li .ico,
.viking .dealer-services ul li,
.viking .dealer-characteristics ul li,
.viking .dealer-route .form .text,
.viking .dealer-route .form .text > div,
.viking .dealer-route .form .text input,
.viking .dealer-route .form .location .ico,
.viking .dealer-route .submit .ico,
.viking .notepad li .product .ico,
.viking .notepad li .table td.remove-notepad a,
.viking .notepad-send .ico,
.viking .contact .radio > div,
.viking .contact .checkbox,
.viking .contact .terms a,
.viking .contact .submit .ico,
.viking .search-result-menu > a,
.viking .contact .xe_form .linklist a,
.viking a.social-link,
.viking .dealer-locator-map .lock .ico,
.viking .dealer-locator-map .layer-ico,
.viking .box-slides #box-slides-prev span,
.viking .box-slides #box-slides-next span,
.viking .box-slides #box-slides-pager span,
.viking .box-slides .box ul li:before,
.viking .bvideo-type-slides #video-type-slides-prev span,
.viking .video-type-slides #video-type-slides-next span,
.viking .video-type-slides #video-type-slides-pager span,
.viking .video-type-slides .video-type-slides-prev span,
.viking .video-type-slides .video-type-slides-next span,
.viking .video-type-slides .video-type-slides-pager span,
.viking .job-filter .orange_arrow,
.viking .job-list .ico span,
.viking .link-list li .download-play a,
.viking .au-news .teaser_item .buttons li .button,
.viking .au-news-detail ul li {
background-image: url(../img/layout/sprite_viking.png);
}
/* Retina Sprite */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.viking #header #logo,
.viking #lang-select li,
.viking #menu-btn,
.viking #menu-content,
.viking #menu-content > div,
.viking #menu-content .search,
.viking #menu-content .search div,
.viking #menu-content .search input,
.viking .slideshow .cycle-slideshow-menu #slideshow-prev,
.viking .slideshow .cycle-slideshow-menu #slideshow-next,
.viking .slideshow .cycle-slideshow-menu #slideshow-pager span,
.viking .content-text ul li,
.viking .dropdown-list .content > ul > li,
.viking .dealer-search form .input,
.viking .dealer-search form .input div,
.viking .dealer-search form .input div input,
.viking .dealer-search form .submit,
.viking .dealer-search .next-dealer a:before,
.viking .dealer-search.sop .sop .checkbox,
.viking .teaser-list .link a .ico,
.viking .product-list li .ico,
.viking .dropdown-list li > .headline .ico,
.viking .btn-orange .ico,
.viking .highlight-phone .ico,
.viking .highlight-link.view360 a,
.viking .highlight-link.video a,
.viking .highlight-link.youtube a,
.viking .highlight-link.facebook a,
.viking .highlight-link.twitter a,
.viking .highlight-link.ok-ru a,
.viking .highlight-link.instagram a,
.viking .highlight-link.linkedin a,
.viking .highlight-link.mail a,
.viking .highlight-link.ext-link a,
.viking .highlight-link.int-link a,
.viking .highlight-link.kalender a,
.viking .highlight-link.pdf a,
.viking .highlight-link a .ico,
.viking .versions table td .checkbox,
.viking .versions .submit input,
.viking .product-price td .leaflet span,
.viking .features .orange_arrow,
.viking .link-list li a .ico,
.viking .link-list li.download a.ico-download span,
.viking .link-list li.social span.facebook,
.viking .link-list li.social span.twitter,
.viking .link-list li.social span.googleplus,
.viking .link-list li.social span.linkedin,
.viking .link-list li.social span.youtube,
.viking .link-list li.social span.blog,
.viking .link-list li.search .submit,
.viking .link-list li.search .input,
.viking .link-list li.search .input div,
.viking .link-list li.search .input div input,
.viking .dealer-locator .location .input,
.viking .dealer-locator .location .input div,
.viking .dealer-locator .location .input div input,
.viking .dealer-locator.sop .location .sop .checkbox,
.viking .dealer-locator .location .submit,
.viking .dealer-locator-advanced .checkbox,
.viking .dealer-locator-advanced label .ico,
.viking .dealer-locator .near-me .ico,
.viking .dealer-locator .advanced .ico,
.viking .dealer-locator-result li > a .ico,
.viking .dealer-locator-result li > a .number,
.viking .dealer-locator-result li .address .characteristics li,
.viking .dealer-locator-result li .products .products li,
.viking .dealer-locator-result li .products .services li,
.viking .dealer-locator-result li .right > span,
.viking .dealer-products ul li .ico,
.viking .dealer-services ul li,
.viking .dealer-characteristics ul li,
.viking .dealer-route .form .text,
.viking .dealer-route .form .text > div,
.viking .dealer-route .form .text input,
.viking .dealer-route .form .location .ico,
.viking .dealer-route .submit .ico,
.viking .notepad li .product .ico,
.viking .notepad li .table td.remove-notepad a,
.viking .notepad-send .ico,
.viking .contact .radio > div,
.viking .contact .checkbox,
.viking .contact .terms a,
.viking .contact .submit .ico,
.viking .search-result-menu > a,
.viking .contact .xe_form .linklist a,
.viking a.social-link,
.viking .dealer-locator-map .lock .ico,
.viking .dealer-locator-map .layer-ico,
.viking .box-slides #box-slides-prev span,
.viking .box-slides #box-slides-next span,
.viking .box-slides #box-slides-pager span,
.viking .box-slides .box ul li:before,
.viking .video-type-slides #video-type-slides-prev span,
.viking .video-type-slides #video-type-slides-next span,
.viking .video-type-slides #video-type-slides-pager span,
.viking .video-type-slides .video-type-slides-prev span,
.viking .video-type-slides .video-type-slides-next span,
.viking .video-type-slides .video-type-slides-pager span,
.viking .job-filter .orange_arrow,
.viking .job-list .ico span,
.viking .link-list li .download-play a,
.viking .au-news .teaser_item .buttons li .button,
.viking .au-news-detail ul li {
background-image: url(../img/layout/sprite_viking_retina.png);
background-size: 275px 2723px;
}
}
.viking #header {
border-color: #27A22D;
}
.viking .dealer-locator .location,
.viking .dealer-search form {
background-color: #27A22D;
}
.viking .dealer-search .next-dealer {
background: #298427;
background: -moz-linear-gradient(top, #3EAC3C, #298427); /* Firefox */
background: -ms-linear-gradient(top, #3EAC3C, #298427); /* IE */
background: -o-linear-gradient(top, #3EAC3C, #298427); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#3EAC3C), to(#298427)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #3EAC3C, #298427); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #3EAC3C, #298427); /* CSS3 */
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#3EAC3C', endColorstr='#298427'); /* IE */
}
.viking .search-result-menu a,
.viking .search-result a,
.viking .features .orange_arrow,
.viking .contact .terms a,
.viking .content-text a,
.viking .page-headline h1 {
color: #27A22D;
}
.viking .btn-orange,
.viking .highlight-phone,
.viking .teaser-list li.highlight > div,
.viking .notepad-send a,
.viking .contact .submit > div,
.viking .dropdown-list li.active > .headline,
.no-js .viking .dropdown-list li > .headline,
.viking .highlight-phone,
.viking .versions .submit,
.viking .product-price td .leaflet {
background: #298427;
background: -moz-linear-gradient(top, #3EAC3C, #298427); /* Firefox */
background: -ms-linear-gradient(top, #3EAC3C, #298427); /* IE */
background: -o-linear-gradient(top, #3EAC3C, #298427); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#3EAC3C), to(#298427)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #3EAC3C, #298427); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #3EAC3C, #298427); /* CSS3 */
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#3EAC3C', endColorstr='#298427'); /* IE */
}
/** produkt auswahl **/
#page_content .dealer-search{
margin: 0;
}
#page_content .chain_selection span{
display: block;
/* color: #fff;
display: block;
font-weight: bold;
height: 46px;
line-height: 20px;
white-space: normal;
padding: 10px;
background-color: #F37A20;
border-bottom: 1px solid #fff;
margin-top: 10px;
*/
}
/* #page_content .chain_selection span:before{
content: "Wählen Sie ein Produkt aus";
}*/
#page_content .chain_selection form .arrow_select{
/* background-image: url(../img/layout/sprite.png);
background-color: #fff;
background-repeat: no-repeat;
background-position: -185px -66px;
position: absolute;
right: 50px;
top: 14px;
height: 0px;
width: 5px;
z-index: 9999;
*/
}
#page_content .chain_selection form input.submit{
height: 30px;
margin-top: 18px;
height: 28px;
right: 2%;
}
/** page_content **/
#page_content{
padding: 0 10px 15px 10px;
/*width: 98.5%;*/
display: block;
clear: both;
}
#page_content .page-headline{
margin: 0;
}
/** filter criteria **/
#product_result .filter_criteria{
padding-left: 0;
}
#product_result li{
width: 100%;
display: block;
clear: both;
}
#product_result li .input-checkbox{
display: inline-block;
margin-left: 10px;
margin-bottom: 10px;
}
#product_result li .input-checkbox > label{
display: inline;
float: left;
line-height: 30px;
margin-top: -5px;
margin-right: 3px;
}
#product_result ul li strong{
float: left;
margin-left: 10px;
margin-bottom: 10px;
}
#product_result .filter_criteria li strong{
float: none;
display: inline-block;
}
#product_result .filter_criteria li img{
margin-left: 3px;
padding-top: 5px;
display: none;
}
#product_result li strong + img{
padding-top: 0 !important;
padding-bottom: 10px;
padding-left: 2px;
margin-top: -3px;
clear: both;
}
#product_result .filter_criteria li.column_3 .input-checkbox{
/*width: 100%;*/
width: 300px;
display: block;
}
#product_result .content{
padding: 20px 10px;
}
#product_result ol li strong{
float: left;
height: 25px;
}
#product_result ol li span{
float: left;
width: 100%;
}
#product_result ol li span a{
color: #F37A1F;
}
.product_guide_step-chains {
margin-bottom: 15px;
margin-left: 10px;
margin-right: 10px;
}
.product_guide_step.chains {
margin-bottom: 15px;
margin-left: 10px;
margin-right: 10px;
}
.product_guide_step.chains .ketten_input {
background: #F37B21;
background: -moz-linear-gradient(top, #F8AD75, #F37B21); /* Firefox */
background: -ms-linear-gradient(top, #F8AD75, #F37B21); /* IE */
background: -o-linear-gradient(top, #F8AD75, #F37B21); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F8AD75), to(#F37B21)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F8AD75, #F37B21); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F8AD75, #F37B21); /* CSS3 */
display: block;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F8AD75', endColorstr='#F37B21'); /* IE */
margin: 10px 0 0;
padding: 0;
position: relative;
right: 0;
display: inline-block;
}
.product_guide_step.chains .ketten_input input {
background-color: transparent;
border: medium none;
color: #fff;
display: block;
font-weight: bold;
margin: 0;
padding: 8px 15px 11px 35px;
position: relative;
text-align: left;
z-index: 10;
}
.product_guide_step.chains .ketten_input:after {
background-position: -140px -65px;
height: 23px;
left: 20px;
margin-top: -13px;
overflow: hidden;
position: absolute;
text-indent: -1000px;
top: 50%;
width: 11px;
content: "";
}
.product_guide_step-chains .selected-product
{
background: none;
list-style: none;
float: left;
width:100%;
padding-top: 17px;
padding-left: 5px;
padding-bottom: 17px;
}
.product_guide_step-chains #product_result .selected-product a
{
background: url(../img/arrow_orange.png) 0 1px no-repeat;
padding-left:12px;
font-weight: bold;
color: #F37A1F;
margin-top: 1px;
margin-left: 10px;
}
.product_guide_step-chains #product_result .selected-product strong {
display: block;
}
.product_guide_step-chains #product_result .show-desktop,
.product_guide_step-chains #product_result .selected-product h3 {
display: none;
}
#product_result .dropdown-list{
margin: 0;
}
#page_content > ul >li{
list-style-type: none !important;
}
#page_content .dropdown-list .content ul.filter_criteria > li{
background-image: none;
list-style-type: none;
padding-top: 20px;
}
#product_result ul.filter_criteria li:first-child{
padding-top: 0 !important;
}
#product_result .chain_result_item {
padding-top: 10px;
padding-bottom:100px;
border-bottom:1px dotted #444444;
display: inline-block;
margin: 10px;
clear: both;
}
#product_result .chain_result_item img
{
float: left;
border: 1px #d3d3d3 solid;
margin-right: 20px;
/* width: 100%;
height: auto;*/
}
#product_result .chain_facts
{
float: left;
width: 94%;
height: auto;
margin-top: 1px;
}
#product_result .chain_facts h4
{
font-size: 12px;
font-weight: bold;
margin-bottom: 20px;
}
#product_result .chain_facts table thead tr{
background-color: #d9d9d9;
font-weight: 700;
}
#product_result .chain_facts table tr{
background-color: #f1f1f1;
border-bottom: 1px solid #f1f1f1;
}
#product_result .chain_facts table tr.odd{
background-color: #fff;
border-bottom: 1px solid #f1f1f1;
}
#product_result .chain_facts table
{
margin-bottom: 10px;
float: left;
border-collapse: collapse !important;
border-spacing: 0;
width: 100%;
display: table;
}
#product_result .chain_facts table tr td,
#product_result .chain_facts table tr th
{
text-align: left;
padding: 8px 0 8px 10px;
}
#product_result .chain_facts table .col1{
width: 50%;
}
#product_result .chain_facts table .col2{
padding-left: 20px;
}
#product_result .chain_fact_list{
float: left;
width: 100%;
border-top:1px dotted #444444;
padding-top: 10px;
margin-top: 10px;
padding-bottom: 50px;
}
#product_result .chain_fact_list strong{
width: 50%;
float: left;
padding-left: 10px;
padding-right: 10px;
margin-left: 0;
box-sizing: border-box;
}
#product_result .chain_fact_list em{
font-weight: normal;
font-style: normal;
color: #444444;
font-size: 12px;
margin-top: 0px;
font-weight: 700!important;
padding-left: 20px;
width: 40%;
text-align: left;
}
#product_result .compare_chain{
float: left;
background-color:#F1F1F1;
width: 100%;
padding: 8px 0;
margin-top: 5px;
position: relative;
}
#product_result .compare_chain em,
#product_result .compare_chain strong{
font-weight: normal;
text-align: left;
}
#product_result .compare_chain strong{
box-sizing: border-box;
margin-left: 0;
padding-left: 20px;
padding-right: 10px;
width: 50%;
}
#product_result .checkbox {
float: left;
background-position: -75px -65px;
cursor: pointer;
display: block;
float: left;
height: 27px;
overflow: hidden;
position: relative;
width: 27px;
margin: 0 9px 0 0;
}
#product_result .checkbox.active{
background-position: -105px -65px;
}
#product_result .checkbox label{
margin: 0 20px 10px 36px;
}
#product_result .chains ul{
padding: 0;
}
#product_result .chains ul li{
height:auto;
}
#product_result .chains ul li p{
float:left;
margin-top:10px;
}
#product_result .product_guide_step-chains ul{
list-style-type: none;
}
#product_result .product_list_image{
float: left;
width: 100%;
height: auto;
}
img.tooltip
{
/*margin-bottom:-5px;
margin-left:5px;*/
cursor: help;
}
#product_result .show_product_compare{
border-bottom: 1px dotted #bebebe;
border-top: 1px dotted #bebebe;
height: auto;
width: 100%;
display: inline-block;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
}
/** button "Fachhändler finden" **/
#page_content .btn-orange{
width: 186px;
padding: 10px 5px 10px;
margin-left: 0;
float: left;
position: absolute;
top: 120px;
}
#product_result .find_button{
background: #EE7820 url(../img_layout/arrow_green.png) no-repeat scroll 8px 7px;
background: url(../img_layout/arrow_white.png) no-repeat scroll 8px 7px,
-moz-linear-gradient(top, #F9A14D, #EE7820);/* Firefox */
background: url(../img_layout/arrow_green.png) no-repeat scroll 8px 7px,
-ms-linear-gradient(top, #F9A14D, #EE7820);/* IE */
background: url(../img_layout/arrow_green.png) no-repeat scroll 8px 7px,
-o-linear-gradient(top, #F9A14D, #EE7820);/* Opera */
background: url(../img_layout/arrow_green.png) no-repeat scroll 8px 7px,
-webkit-gradient(linear, left top, left bottom, from(#F9A14D), to(#EE7820));/* Safari, Chrome */
background: url(../img_layout/arrow_green.png) no-repeat scroll 8px 7px,
-webkit-linear-gradient(top, #F9A14D, #EE7820);/* Safari, Chrome - neue Syntax! */
background: url(../img_layout/arrow_green.png) no-repeat scroll 8px 7px, linear-gradient(top, #F9A14D, #EE7820);/* CSS3 */
border: none;
color: #FFFFFF;
cursor: pointer;
font-size: 12px;
font-weight: 700;
padding: 3px 0 3px 10px;
line-height: 20px;
width: 186px;
}
#page_content #product_result .submit {
background: #F37B21;
background: -moz-linear-gradient(top, #F8AD75, #F37B21); /* Firefox */
background: -ms-linear-gradient(top, #F8AD75, #F37B21); /* IE */
background: -o-linear-gradient(top, #F8AD75, #F37B21); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F8AD75), to(#F37B21)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F8AD75, #F37B21); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F8AD75, #F37B21); /* CSS3 */
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F8AD75', endColorstr='#F37B21'); /* IE */
position: absolute;
float: left;
width: 197px;
height: 35px;
top: 70px !important;
}
#page_content #product_result .submit input {
background-color: transparent;
background-position: -243px -631px;
border: none;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
height: 35px;
line-height: 35px;
padding: 0 10px 0 40px;
text-align: left;
vertical-align: middle;
width: 100%;
}
/* Produktauswahl */
input#ketten_input_search{
border: 1px solid #eaeaea;
box-shadow: 0 0 4px #eaeaea inset;
height: 34px;
padding: 0 7px;
width: 100%;
box-sizing: border-box;
}
.product_guide_step.chains .ketten_input {
width: 205px;
}
.product_guide_step.chains h3 {
font-size: 1em;
margin-top: 35px;
}
.product_guide_step.chains {
margin-bottom: 45px;
}
.product_guide_step.chains > p {
margin-bottom: 0;
}
.product_guide_step.chains > p a {
color: #f37a1f;
font-weight:bold;
}
#submit_product_selection{
background: #F37B21;
background: -moz-linear-gradient(top, #F8AD75, #F37B21); /* Firefox */
background: -ms-linear-gradient(top, #F8AD75, #F37B21); /* IE */
background: -o-linear-gradient(top, #F8AD75, #F37B21); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F8AD75), to(#F37B21)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F8AD75, #F37B21); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F8AD75, #F37B21); /* CSS3 */
display: block;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F8AD75', endColorstr='#F37B21'); /* IE */
margin: 0;
padding: 0;
position: absolute;
bottom: 4px;
left: 70%;
}
#submit_product_selection .ico {
background-position: -140px -65px;
height: 23px;
margin-top: -13px;
overflow: hidden;
position: absolute;
left: 20px;
text-indent: -1000px;
top: 50%;
width: 11px;
}
input.product_selection_search{
background-color: transparent;
border: none;
color: #fff;
display: inline;
font-weight: bold;
margin: 0;
padding: 8px 15px 11px 35px;
position: relative;
text-align: left;
z-index: 10;
}
form#product_selection{
padding: 0 !important;
height: auto !important;
background: none !important;
}
.product_guide_step.chains .dealer_input_search_wrapper .ui-autocomplete{
list-style: none;
padding: 0;
border-top: 1px solid #DFE0E1;
position: absolute !important;
top: 100% !important;
z-index: 10000;
margin-top: 0;
}
.product_guide_step.chains .dealer_input_search_wrapper .ui-autocomplete li{
margin: 0;
background: #F4F4F4;
background: -moz-linear-gradient(top, #F9F9F9, #F4F4F4); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F4F4F4); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F4F4F4); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F4F4F4)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F4F4F4); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F4F4F4); /* CSS3 */
border-bottom: 1px solid #DFE0E1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F9F9F9', endColorstr='#F4F4F4'); /* IE */
position: relative;
padding-left: 10px;
line-height: 1em;
margin-bottom: 0;
}
.product_guide_step.chains .dealer_input_search_wrapper .ui-autocomplete li a {
min-height: 1.25em;
height: auto;
display: inline-block;
width: 100%;
box-sizing: border-box;
padding-bottom: 12px;
padding-top: 17px;
}
.chain_selection .ui-helper-hidden-accessible {
display: none !important;
}
/* Neue styles für tooltip mobile kettensägenberater*/
.product_guide_step-chains #product_result img.tooltip {
display: inline-block;
}
.product_guide_step-chains #product_result .tooltipBox {
border: 2px solid #F37A1F;
display: none;
padding: 5px;
background-color: #FFFFFF;
max-width: 500px;
}
/*Ende tooltip für kettensägenberater*/
.product_guide_step-chains #product_result .noModelFound {
display: none;
font-weight: bold;
margin: 20px 10px 35px;
}
.product_guide_step-chains .chain_fact_list .submit {
background: #F37B21;
background: -moz-linear-gradient(top, #F8AD75, #F37B21); /* Firefox */
background: -ms-linear-gradient(top, #F8AD75, #F37B21); /* IE */
background: -o-linear-gradient(top, #F8AD75, #F37B21); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F8AD75), to(#F37B21)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F8AD75, #F37B21); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F8AD75, #F37B21); /* CSS3 */
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F8AD75', endColorstr='#F37B21'); /* IE */
float: left;
height: 35px;
position: absolute;
top: 100% !important;
margin-top: 12px;
width: 197px;
}
.product_guide_step-chains .chain_fact_list .submit input {
background-color: transparent;
background-position: -243px -631px;
border: medium none;
color: #ffffff;
cursor: pointer;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
height: 35px;
line-height: 35px;
padding: 0 10px 0 40px;
text-align: left;
vertical-align: middle;
width: 100%;
font-size: 1em;
}
.product_guide_step-chains .chain_fact_list .btn-orange {
float: left;
height: 35px;
line-height: 35px;
margin: 57px 0 0;
padding: 0 5px 0;
position: absolute;
top: 100%;
width: 186px;
}
/** end of 320px */
@media screen and (min-width: 480px) {
.product-price tr.leaflet {
display: none;
}
.product-price td.leaflet {
display: table-cell;
}
.teaser-list .text-block {
clear: none;
width: 74%;
}
.teaser-list .teaser-text {
margin-left: 10px;
}
.ba-search .ba-search-col{
width: 100%;
}
.ba-search #manual_input_search{
max-width: 100%;
}
.highlight-link a span{
max-width: 260px;
}
}
.en-za .dealer-locator .location,
.en-au .dealer-locator .location {
margin-right: 0;
}
.en-za .dealer-locator .advanced,
.en-au .dealer-locator .advanced {
display: none;
}
@media only screen and (max-width: 557px) {
/* Onepager */
.onepager .image-full {
margin-bottom: 23px;
}
.onepager .col_50 {
padding-bottom: 0;
width: 100% !important;
}
.onepager .col_50.floating {
float: none;
}
.onepager .col_50.floating h2 {
margin-bottom: 12px;
padding-right: 0;
}
.onepager .image-product {
margin-bottom: 14px;
margin-top: 20px;
}
.onepager .image-product img {
max-width: 82%;
}
.onepager .detail-list {
margin-bottom: 25px;
}
.onepager .link-list {
margin-bottom: 40px;
}
.onepager .slideshow {
margin-bottom: 32px;
}
/* Ende Onepager */
.link-list.downloads li a span {
display: block;
width: auto;
max-width: none;
}
}
@media only screen and (min-width: 600px) {
}
@media only screen and (min-width: 650px) {
.content-text:before,
.content-text:after {
content: "";
display: table;
}
.content-text:after {
clear: both;
}
.content-text {
*zoom: 1;
}
.content-text > img {
margin-bottom: 5px;
margin-right: 15px;
float: left;
width: 33%;
}
.ba-search #manual_input_search, .ba-search .manual-search{
max-width: 300px;
}
.highlight-link a span{
max-width: 100%;
}
}
@media only screen and (min-width: 700px){
/*********************************************************** BEGINN Ketten- und Schienenberater *******************************************/
/** tooltip **/
img.tooltip
{
/*margin-bottom:-5px;
margin-left:5px;*/
cursor: help;
}
/*#page_content{
padding: 0 10px 20px 10px;
display: block;
clear: both;
}*/
#page_content .page-headline{
margin: 0;
}
#product_result .dropdown-list{
margin: 0;
}
#page_content > ul >li{
list-style-type: none !important;
}
#page_content .dropdown-list .content ul.filter_criteria > li{
background-image: none;
list-style-type: none;
}
/** filter criteria **/
#product_result li{
width: 100%;
display: block;
clear: both;
}
#product_result .filter_criteria li.column_3 .input-checkbox{
max-width: 45% !important;
display: inline;
}
#product_result li .input-checkbox{
/*max-width: 45% !important;*/
margin-left: 10px;
margin-bottom: 20px;
}
#product_result li .input-checkbox > label{
display: inline;
float: left;
line-height: 30px;
margin-top: -5px;
margin-right: 3px;
}
#product_result li strong + img{
clear: both;
padding-left: 2px;
}
#product_result .filter_criteria li img{
margin-left: 3px;
}
#product_result .content{
padding: 20px 10px;
}
#product_result ol li span{
float: left;
width: 100%;
}
#product_result ol li span a{
color: #F37A1F;
}
.product_guide_step-chains ol
{
padding: 0 0 3px 0;
float: left;
}
.product_guide_step-chains ol li
{
background: none;
list-style: none;
float: left;
width:100%;
padding-top: 5px;
padding-left: 5px;
}
.product_guide_step-chains #product_result ol li a
{
background: url(../img/arrow_orange.png) 0 1px no-repeat;
padding-left:12px;
font-weight: bold;
color: #F37A1F;
margin-top: 1px;
margin-left: 10px;
}
/** chain_result_item **/
#product_result .chain_result_item {
padding-top: 0;
padding-bottom:40px;
border-bottom:1px dotted #444444;
display: inline-block;
margin: 10px;
clear: both;
}
#product_result .chain_result_item img
{
float: left;
border: 1px #d3d3d3 solid;
margin-right: 20px;
}
/** chain_facts begin **/
#product_result .chain_facts
{
float: left;
width: 70%;
height: auto;
margin-top: -15px;
}
#product_result .chain_facts h4
{
font-size: 12px;
font-weight: bold;
margin-bottom: 20px;
}
#product_result .chain_facts table thead tr{
background-color: #d9d9d9;
font-weight: 700;
}
#product_result .chain_facts table tr{
background-color: #f1f1f1;
border-bottom: 1px solid #f1f1f1;
}
#product_result .chain_facts table tr.odd{
background-color: #fff;
border-bottom: 1px solid #f1f1f1;
}
#product_result .chain_facts table
{
margin-bottom: 10px;
float: left;
border-collapse: collapse !important;
border-spacing: 0;
width: 100%;
display: table;
}
#product_result .chain_facts table tr td,
#product_result .chain_facts table tr th
{
text-align: left;
padding: 8px 0 8px 10px;
}
#product_result .chain_facts table .col1
{
width: 220px;
}
/** end chain_facts **/
#product_result .chain_fact_list
{
float: left;
width: 100%;
border-top:1px dotted #444444;
padding-top: 10px;
margin-top: 10px;
padding-bottom: 50px;
}
#product_result .chain_fact_list strong
{
width: 220px;
float: left;
margin-right:10px;
padding-left: 10px;
}
#product_result .chain_fact_list em
{
font-weight: normal;
font-style: normal;
color: #444444;
font-size: 12px;
margin-top: 0px;
font-weight: 700!important;
}
#product_result .compare_chain
{
min-height: 40px;
float: left;
background-color:#F1F1F1;
width: 100%;
padding: 8px 0;
margin-top: 5px;
position: relative;
}
#product_result .compare_chain em,
#product_result .compare_chain strong
{
font-weight: normal;
}
#product_result .compare_chain strong
{
width: 220px;
padding-left: 20px;
}
#page_content .checkbox label{
margin: 0 20px 10px 36px;
}
/** button "Fachhändler finden" **/
#page_content .btn-orange{
width: 186px;
padding: 10px 5px 10px;
margin-left: 200px;
float: left;
position: absolute;
top: 70px;
}
.chains ul{
padding: 0;
}
.chains ul li
{
height:auto;
}
.chains ul li p
{
float:left;
margin-top:10px;
}
.product_guide_step-chains ul{
list-style-type: none;
}
#product_result .product_list_image{
float: left;
width: 187px !important;
}
#product_result .show_product_compare{
border-bottom: 1px dotted #bebebe;
border-top: 1px dotted #bebebe;
height: auto;
width: 100%;
display: inline-block;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
}
.product_guide_step-chains .chain_fact_list .btn-orange {
margin: 12px 0 0 210px;
}
/** fachhändler finden input button **/
#product_result .find_button{
background: #EE7820 url(../img_layout/arrow_green.png) no-repeat scroll 8px 7px;
background: url(../img_layout/arrow_white.png) no-repeat scroll 8px 7px,
-moz-linear-gradient(top, #F9A14D, #EE7820);/* Firefox */
background: url(../img_layout/arrow_green.png) no-repeat scroll 8px 7px,
-ms-linear-gradient(top, #F9A14D, #EE7820);/* IE */
background: url(../img_layout/arrow_green.png) no-repeat scroll 8px 7px,
-o-linear-gradient(top, #F9A14D, #EE7820);/* Opera */
background: url(../img_layout/arrow_green.png) no-repeat scroll 8px 7px,
-webkit-gradient(linear, left top, left bottom, from(#F9A14D), to(#EE7820));/* Safari, Chrome */
background: url(../img_layout/arrow_green.png) no-repeat scroll 8px 7px,
-webkit-linear-gradient(top, #F9A14D, #EE7820);/* Safari, Chrome - neue Syntax! */
background: url(../img_layout/arrow_green.png) no-repeat scroll 8px 7px, linear-gradient(top, #F9A14D, #EE7820);/* CSS3 */
border: none;
color: #FFFFFF;
cursor: pointer;
font-size: 12px;
font-weight: 700;
padding: 3px 0 3px 10px;
line-height: 20px;
width: 150px;
}
#page_content #product_result .submit {
background: #F37B21;
background: -moz-linear-gradient(top, #F8AD75, #F37B21); /* Firefox */
background: -ms-linear-gradient(top, #F8AD75, #F37B21); /* IE */
background: -o-linear-gradient(top, #F8AD75, #F37B21); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F8AD75), to(#F37B21)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F8AD75, #F37B21); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F8AD75, #F37B21); /* CSS3 */
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F8AD75', endColorstr='#F37B21'); /* IE */
position: absolute;
float: left;
width: 197px;
height: 35px;
top: 70px !important;
}
#page_content #product_result .submit input {
background-color: transparent;
background-position: -243px -631px;
border: none;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
height: 35px;
line-height: 35px;
padding: 0 10px 0 40px;
text-align: left;
vertical-align: middle;
width: 100%;
}
.product_guide_step.chains #manual_search_bar {
position: relative;
padding-right: 207px;
}
.product_guide_step.chains .dealer_input_search_wrapper {
margin-right: 0;
}
.product_guide_step.chains .ketten_input {
position: absolute;
top: -1px;
right: 0;
margin: 0;
}
#submit_product_selection{
background: #F37B21;
background: -moz-linear-gradient(top, #F8AD75, #F37B21); /* Firefox */
background: -ms-linear-gradient(top, #F8AD75, #F37B21); /* IE */
background: -o-linear-gradient(top, #F8AD75, #F37B21); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F8AD75), to(#F37B21)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F8AD75, #F37B21); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F8AD75, #F37B21); /* CSS3 */
display: block;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F8AD75', endColorstr='#F37B21'); /* IE */
margin: 0;
padding: 0;
position: absolute;
bottom: 4px;
left: 70%;
}
#submit_product_selection .ico {
background-position: -140px -65px;
height: 23px;
margin-top: -13px;
overflow: hidden;
position: absolute;
left: 20px;
text-indent: -1000px;
top: 50%;
width: 11px;
}
input.product_selection_search{
background-color: transparent;
border: none;
color: #fff;
display: block;
font-weight: bold;
margin: 0;
padding: 8px 15px 11px 35px;
position: relative;
text-align: left;
z-index: 10;
}
form#product_selection{
height: auto !important;
background: none !important;
margin: 0 !important;
}
.ketten-search .ui-autocomplete{
list-style: none;
padding: 0;
border-top: 1px solid #DFE0E1;
}
.ketten-search .ui-autocomplete li{
margin: 0;
background: #F4F4F4;
background: -moz-linear-gradient(top, #F9F9F9, #F4F4F4); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F4F4F4); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F4F4F4); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F4F4F4)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F4F4F4); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F4F4F4); /* CSS3 */
border-bottom: 1px solid #DFE0E1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F9F9F9', endColorstr='#F4F4F4'); /* IE */
position: relative;
padding-left: 10px;
line-height: 1em;
margin-bottom: 0;
}
.ketten-search .ui-autocomplete li a {
min-height: 1.25em;
height: auto;
display: inline-block;
width: 100%;
box-sizing: border-box;
padding-bottom: 12px;
padding-top: 17px;
}
/******************************************************************** END ***********************************************/
}
@media only screen and (min-width: 768px) {
#menu {
max-width: 320px;
}
#cols2Layout {
display: block;
}
.dealer-search form {
margin-left: 23em;
padding-top: 10px;
}
.ru-ru .dealer-search form {
margin-left: 0;
}
.dealer-search.sop form {
padding-bottom: 10px;
}
.no-js .dealer-search form {
margin-right: 0;
}
.dealer-search form .input {
margin-left: 10px;
overflow: hidden;
padding-right: 27px;
position: relative;
top: auto;
width: auto;
}
.dealer-search form .input .submit {
right: 0;
}
.dealer-search form .sop {
float: right;
margin-left: 20px;
margin-right: 15px;
position: relative;
top: 0;
}
.dealer-search form label {
display: inline;
left: 10px;
line-height: 48px;
margin: 0;
position: absolute;
top: 0;
}
.dealer-search.sop .sop label {
position: static;
}
.dealer-search .dropdown label {
left: 20px;
line-height: 1em;
margin-top: -0.5em;
top: 50%;
padding-top: 2px;
}
.dealer-search .dropdown {
margin-right: 58px;
height: 28px;
}
.dealer-search .dropdown.cols-3 {
margin-right: 0;
height: auto;
}
.dealer-search .dropdown > div {
float: left;
position: relative;
width: 50%;
padding-top: 5px;
margin-top: 0;
}
.dealer-search .dropdown.cols-3 > div {
float: none;
width: auto;
padding-top: 0;
margin-top: 9px;
}
.dealer-search .dropdown.cols-3 > div:first-child {
margin-top: 0;
}
.dealer-search .dropdown label {
left: 20px;
line-height: 1em;
margin-top: -0.5em;
top: 50%;
padding-top: 2px;
}
.dealer-search .dropdown.cols-3 label {
line-height: inherit;
margin: 0 0 3px 10px;
padding-top: 0;
position: static;
display: block;
}
.dealer-search .dropdown .input {
margin-left: 6em;
margin-right: 30px;
}
.dealer-search .dropdown.cols-3 .input {
margin: 0 80px 0 10px;
}
.dealer-search .dropdown div:first-child .input select,
.dealer-search .dropdown .input select {
margin-bottom: 0;
}
.dealer-search .next-dealer {
border-bottom: none;
border-right: 1px solid #FFFFFF;
box-sizing: border-box;
height: 48px;
left: 0;
position: absolute;
top: 0;
width: 23em;
}
.dealer-search.sop .next-dealer {
/*height: 83px;*/
}
.dealer-search h3 + .next-dealer{
top: inherit;
bottom: 0;
}
.dealer-search.simple .next-dealer {
position: relative;
width: auto;
}
.dealer-search .next-dealer a {
height: 48px;
padding-right: 0;
}
.dealer-search.sop .next-dealer a {
/*height: 83px;
line-height: 83px;
background-position: -246px -254px;*/
}
.dealer-locator-advanced .filter > div {
width: 25%;
max-width: 20em;
}
.dealer-locator-result li > div > .address {
float: left;
width: 45%;
}
.dealer-locator-result li > div > .products {
float: left;
width: 33%;
}
.dealer-locator-result li > div > .products > img {
vertical-align: top;
}
.dealer-locator-result li > div > .right {
float: left;
width: 22%;
}
.dealer-locator-result li .right ul {
padding-top: 17px;
}
.slideshow #slideshow-pager {
padding-bottom: 13px;
}
.highlight-link a {
min-height: 78px;
padding-left: 110px;
}
.highlight-link a span {
height: 78px;
}
.highlight-link.view360 a {
background-position: 7px -448px;
}
.highlight-link.video a {
background-position: 30px -537px;
}
.highlight-link.pdf a {
background-position: 0 -1843px;
}
/*Dieter*/
.highlight-link.video-mi a {
background-position: 30px -537px;
}
.highlight-link.youtube a {
background-position: 0 -1040px;
}
.highlight-link.facebook a {
background-position: 0 -1165px;
}
.highlight-link.blog a {
background-position: 0 -1996px;
}
.highlight-link.twitter a {
background-position: 0 -1290px;
}
.highlight-link.ok-ru a {
background-position: 0 -1415px;
}
.highlight-link.instagram a {
background-position: 0 -2506px;
}
.highlight-link.linkedin a {
background-position: 0 -2381px;
}
.highlight-link.xing a {
background-position: 0 -2887px;
}
.highlight-link.mail a {
background-position: 0 -1540px;
}
.highlight-link.pdf a {
background-position: 0 -1843px;
padding-top: 0;
}
.highlight-link.kalender a{
background-position: 3px -1693px;
}
.highlight-link.ext-link a:before,
.highlight-link.int-link a:before,
.highlight-link.kalender a:before{
background-position: -29px -1710px;
height: 40px;
margin-top: -25px;
width: 45px;
left: 34px;
}
.teaser-list {
margin: 0 0 45px 0;
}
.teaser-list li {
float: left;
width: 50%;
}
.teaser-list li > div {
margin: 0 5px;
}
.teaser-list .image {
width: 47%;
}
.teaser-list .link {
width: 53%;
}
.flexcols {
margin: 0;
}
.flexcols .top-left,
.flexcols .bottom {
float: left;
width: 67%;
}
.flexcols .top-right {
float: right;
width: 33%;
}
.flexcols .top-right > * {
margin-left: 5px;
}
.flexcols .bottom {
float: left;
width: 67%;
}
.product-list {
margin: 0 10px 30px 9px;
}
.product-list ul {
border-top: none;
display: block;
width: auto;
}
.product-list li {
display: block;
float: left;
width: 25%;
}
.product-list.cols3 li {
width: 33.33333%;
}
.product-list li a {
background: none;
border-bottom: none;
display: block;
margin: 0 0 1px 1px;
padding: 0;
}
.product-list li .image {
background: #F7F7F7;
background: -moz-linear-gradient(top, #F7F7F7, #FCFCFC); /* Firefox */
background: -ms-linear-gradient(top, #F7F7F7, #FCFCFC); /* IE */
background: -o-linear-gradient(top, #F7F7F7, #FCFCFC); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#FCFCFC)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F7F7F7, #FCFCFC); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F7F7F7, #FCFCFC); /* CSS3 */
display: block;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F7F7F7', endColorstr='#FCFCFC'); /* IE */
width: auto;
}
.no-js .product-list li .image {
text-align: center
}
.product-list li .image img {
width: 100%;
}
.no-js .product-list li .image img {
margin: 0 auto;
max-width: 250px;
}
.product-list li .text {
background-color: #262F36;
display: block;
width: 100%;
min-height: 2.5em;
padding: 0.35em 0 0.35em 0;
}
.product-list li .text span {
color: #FFFFFF;
display: table-cell;
margin: 0;
padding: 0 10px 0 10px;
vertical-align: middle;
}
.product-list li .text.small span {
font-size: 0.9em;
}
.product-list li .text .ico {
display: none;
}
.dealer-adress {
}
.dealer-adress p {
float: left;
}
.dealer-adress p:first-child {
width: 235px;
margin: 0 15px 10px 0;
}
.dealer-products ul li {
width: 159px;
}
.dealer-route {
margin-left: 10px;
margin-right: 10px;
top: 0;
}
.dealer-route.cols {
margin-bottom: 15px;
}
.dealer-route .form {
width: 400px;
float: left;
margin-right: 10%;
margin-bottom: 0;
padding-bottom: 9px;
}
.dealer-route .address {
float: left;
}
.notepad li .text {
float: left;
width: 50%;
}
.notepad li .text p {
margin-right: 10px;
}
.notepad li .table {
float: right;
width: 50%;
}
.notepad li .table > div {
margin-left: 10px;
}
.box-slides {
margin-bottom: 28px;
}
.video-type-slides {
margin-bottom: 28px;
}
.tiles .tile span {
bottom: 10px;
font-size: 1.1em;
position: absolute;
right: 10px;
padding-top: 6px;
padding-bottom: 6px;
margin-left: 10px;
}
.job-list {
}
.job-list > div {
display: table;
width: 100%;
}
.job-list a,
.job-list .head {
display: table-row;
padding: 0;
position: static;
}
.job-list a > span,
.job-list .head > span {
background-color: #F1F1F1;
display: table-cell;
width: 0;
}
.job-list a > span:first-child,
.job-list .head > span:first-child {
width: auto;
}
.job-list a.even > span,
.job-list .head > span {
background-color: #FFFFFF;
}
.job-list a > span {
padding: 9px 0 6px 0;
}
.job-list a > span:first-child {
padding-left: 10px;
padding-right: 15px;
}
.job-list .ico {
margin-top: 0;
padding: 0 10px;
position: static;
vertical-align: middle;
}
.job-list .head .connector {
display: none;
}
}
@media only screen and (min-width: 900px) {
.ba-search .ba-search-col{
width: 33%;
}
.dealer-locator .location {
margin-left: 21.6em;
margin-right: 12.9em;
padding: 10px 10px 10px 10px;
}
.ru-ru .dealer-locator .location,
.es-es .dealer-locator .location {
margin-left: 0;
}
.ru-ru .dealer-locator .location {
padding-right: 37px;
}
.dealer-locator.sop .location {
padding: 10px 25px 10px 10px;
}
.no-js .dealer-locator .location {
margin-right: 0;
}
.dealer-locator .location .submit {
right: 0;
}
.dealer-locator .location .sop {
float: right;
margin-left: 20px;
}
.dealer-locator .location .input {
margin-left: 0;
overflow: hidden;
padding: 0 27px 0 8px;
position: relative;
top: 0;
width: auto;
}
.ru-ru .dealer-locator .location .input {
overflow: visible;
margin-right: 165px;
}
.dealer-locator .location label {
display: inline;
left: 10px;
line-height: 48px;
margin: 0;
position: absolute;
top: 0;
}
.dealer-locator .location .dropdown label {
left: 20px;
line-height: 1em;
margin-top: -0.5em;
top: 50%;
padding-top: 2px;
}
.dealer-locator .location .dropdown {
margin-right: 8px;
height: 28px;
}
.dealer-locator .location .dropdown.cols-3 {
margin-right: 0;
height: auto;
}
.dealer-locator .location .dropdown > div {
float: left;
position: relative;
width: 50%;
padding-top: 5px;
margin-top: 0;
}
.dealer-locator .location .dropdown.cols-3 > div {
float: none;
position: static;
width: auto;
padding-top: 0;
margin-top: 9px;
}
.dealer-locator .location .dropdown.cols-3 > div:first-child {
margin-top: 0px;
}
.dealer-locator .location .dropdown .input {
margin-left: 6em;
margin-right: 10px;
}
.dealer-locator .location .dropdown.cols-3 .input {
margin-left: 0;
margin-right: 47px;
}
.dealer-locator .location .dropdown label {
left: 20px;
line-height: 1em;
margin-top: -0.5em;
top: 50%;
padding-top: 2px;
}
.dealer-locator .location .dropdown.cols-3 label {
display: block;
left: 10px;
line-height: inherit;
margin: 0 0 3px;
position: static;
padding-top: 0;
}
.dealer-locator .advanced {
position: absolute;
right: 0;
top: 0;
width: 12.9em;
}
.dealer-locator.sop .advanced {
/*height: 83px;*/
}
.dealer-locator.sop .advanced > div {
/*height: 83px;
line-height: 83px;*/
}
.dealer-locator .near-me {
position: absolute;
width: 21.6em;
}
.dealer-locator.sop .near-me {
/*height: 83px;*/
}
.dealer-locator .near-me a {
border-right: 1px solid #FFFFFF;
}
.dealer-locator.sop .near-me a {
/*height: 83px;
line-height: 83px;*/
}
/* Sprachspeziefische Anpassungen (Body-Klasse wird automatisch im CMS gesetzt) */
/*Suedafrika + Australien*/
/*.en-za .dealer-locator .location,
.en-au .dealer-locator .location {
margin-right: 23em;
}*/
.en-za .dealer-locator .near-me,
.en-au .dealer-locator .near-me{
/*right: 0;*/
}
/*Russland */
.ru-ru .dealer-locator .location {
margin-right: 0;
}
.ru-ru .dealer-locator .advanced {
position: static;
width: auto;
}
}
/*
@media only screen and (min-width: 1280px) {
.dealer-search .dropdown.cols-3 {
margin-right: 58px;
height: 28px;
}
.dealer-search .dropdown.cols-3 > div {
float: left;
position: relative;
width: 33.333%;
padding-top: 5px;
margin-top: 0;
}
.dealer-search .dropdown.cols-3 label {
left: 20px;
line-height: 1em;
margin-top: -0.5em;
top: 50%;
padding-top: 2px;
display: inline;
position: absolute;
}
.dealer-search .dropdown.cols-3 .input {
margin-left: 6em;
margin-right: 30px;
}
}
*/
/* Sprachspeziefische Anpassungen (Body-Klasse wird automatisch im CMS gesetzt) */
/*Frankreich*/
.fr-fr .dealer-locator-advanced .characteristics label .ico.stihl {
background-image: url(../img/layout/fr-elite.png);
background-size: 72px 42px;
background-position: 0 0;
}
/*Italien*/
.it-it .dealer-locator-advanced .characteristics label .ico.stihl {
background-position: 0 -27px;
width: 100px;
}
.it-it .dealer-characteristics li.ico.stihl {
background-position: 0 -27px;
width: 100px;
}
.it-it .dealer-locator-advanced .products label .ico.cutoffsaws {
background-position: 1px -3px;
}
.it-it .dealer-locator-result li .products .products li.cutoffsaws {
background-position: 1px -3px;
}
.it-it .dealer-locator-result li .products .products li.cutoffsaws.disabled {
background-position: -24px -3px;
}
.it-it .dealer-locator-advanced .products label .ico.eap {
background-position: -80px -3px;
width: 38px;
}
.it-it .dealer-locator-advanced .products label{
white-space: nowrap;
}
.it-it .dealer-locator-result li .products .products li.eap {
background-position: -80px -3px;
width: 38px;
}
.it-it .dealer-locator-result li .products .products li.eap.disabled {
background-position: -110px -30px;
width: 38px;
}
.it-it .dealer-products ul li .ico.eap {
background-position: -80px -3px;
width: 38px;
}
.it-it .dealer-products ul li .ico.eap + span {
margin-left: 40px;
}
/* Japan */
@media only screen and (min-width: 900px) {
.ja-JP .dealer-locator .advanced {
width: 14.9em;
}
.ja-JP .dealer-locator .location {
margin-right: 14.9em;
}
}
/*Spanien*/
.es-es .dealer-locator-advanced .products label .ico.mietservice,
.es-es .dealer-products li .ico.mietservice,
.es-es .dealer-locator-advanced .products label .ico.finanzierung,
.es-es .dealer-products li .ico.finanzierung,
.es-es .dealer-locator-result li .products .products li.mietservice,
.es-es .dealer-locator-result li .products .products li.mietservice.disabled,
.es-es .dealer-locator-result li .products .products li.finanzierung,
.es-es .dealer-locator-result li .products .products li.finanzierung.disabled,
.es-es .dealer-locator-advanced .characteristics label .ico.premium,
.es-es .dealer-characteristics ul li.premium,
.es-es .dealer-characteristics li.distribuidor,
.pt-PT .dealer-locator-advanced .characteristics label .ico.premium,
.pt-PT .dealer-characteristics ul li.premium {
background-size: 50px 135px;
background-image: url(../img/layout/es-locator-icons.png);
}
.es-es .dealer-locator-advanced .products label .ico.finanzierung,
.es-es .dealer-products ul li .ico.finanzierung {
background-position: -23px 0;
}
.es-es .dealer-locator-advanced .products label {
position: relative;
padding-left: 29px;
}
.es-es .dealer-locator-advanced .products label .ico {
position: absolute;
top: 0;
left: 3px;
}
.es-es .dealer-locator-advanced .characteristics label .ico.premium,
.es-es .dealer-characteristics ul li.premium,
.es-es .dealer-characteristics li.distribuidor,
.pt-PT .dealer-locator-advanced .characteristics label .ico.premium,
.pt-PT .dealer-characteristics ul li.premium {
background-position: 0 -44px;
width: 50px;
height: 91px;
}
.es-es .dealer-locator-result li > div > .right {
float: none;
clear: left;
width: auto;
}
.es-es .dealer-locator-result li > div > .right ul {
margin: 18px 0 0;
padding: 0;
}
.es-es .dealer-locator-result li > div > .right ul li {
background: #F4F4F4;
background: -moz-linear-gradient(top, #F9F9F9, #F4F4F4); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F4F4F4); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F4F4F4); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F4F4F4)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F4F4F4); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F4F4F4); /* CSS3 */
border-bottom: 1px solid #DFE0E1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F9F9F9', endColorstr='#F4F4F4'); /* IE */
position: relative;
padding: 0;
line-height: 1em;
margin: 0;
}
.es-es .dealer-locator-result li > div > .right ul li a {
display: block;
padding: 13px 40px 14px 10px;
position: relative;
min-height: none;
color: #444444;
background-image: none;
}
.es-es .dealer-locator-result li > div > .right ul li a:after {
background-position: -266px 0;
height: 19px;
margin-top: -10px;
overflow: hidden;
position: absolute;
right: 10px;
text-indent: -1000px;
top: 50%;
width: 9px;
content: "";
}
@media only screen and (min-width: 768px) {
.es-es .dealer-locator .location {
margin-right: 0;
}
.es-es .dealer-locator .near-me {
position: static;
width: auto;
}
.es-es .dealer-locator .advanced {
position: static;
width: auto;
}
.es-es .dealer-locator .location label {
display: block;
line-height: 1.4;
margin: 0 0 10px;
position: static;
}
.es-es .dealer-locator .location .input {
margin-left: 0;
}
}
@media only screen and (min-width: 1024px) {
.es-es .dealer-locator .location {
margin-left: 22.1em;
margin-right: 13.9em;
}
.es-es .dealer-locator .near-me {
border-bottom: none;
position: absolute;
width: 22.1em;
}
.es-es .dealer-locator .advanced {
position: absolute;
width: 13.9em;
}
.es-es .dealer-locator .location label {
display: inline;
left: 10px;
line-height: 48px;
margin: 0;
position: absolute;
top: 0;
}
.es-es .dealer-locator-result li .products .products li.mietservice {
background-position: 0px 0px;
}
.es-es .dealer-locator-result li .products .products li.mietservice.disabled {
background-position: 0px -22px;
}
.es-es .dealer-locator-result li .products .products li.finanzierung {
background-position: -22px 0px;
}
.es-es .dealer-locator-result li .products .products li.finanzierung.disabled {
background-position: -22px -22px;
}
}
/*Suedafrika + Australien*/
.en-za .dealer-locator .advanced,
.en-au .dealer-locator .advanced {
display: none;
}
/*Ungarn*/
.hu-hu .dealer-locator-advanced .characteristics label {
padding-top: 6px;
}
.hu-hu .characteristics .ico.stihlpremium {
background-position: 0 -97px;
height: 20px;
width: 140px;
/* background-image: none; */
/* text-indent: 0px; */
}
.hu-hu .characteristics .ico.vikingpremium {
background-position: 0 -52px;
height: 20px;
width: 140px;
/* background-image: none; */
/* text-indent: 0px; */
}
.hu-hu .characteristics .ico.makeosz {
background-position: 0 -74px;
height: 20px;
width: 140px;
/* background-image: none; */
/* text-indent: 0px; */
}
.hu-hu .dealer-locator-advanced .products label .ico.akku {
background-position: -49px -3px;
}
.hu-hu .dealer-locator-advanced .products label .ico.reiniger{
background-position: 1px -2px;
}
.hu-hu .dealer-locator-result li .products .products li.akku {
background-position: -49px -3px;
}
.hu-hu .dealer-locator-result li .products .products li.akku.disabled {
background-position: -74px -3px;
}
.hu-hu .dealer-locator-result li .products .products li.reiniger {
background-position: 1px -2px;
}
.hu-hu .dealer-locator-result li .products .products li.reiniger.disabled {
background-position: -24px -3px;
}
/*Russland */
/*.ru-ru .dealer-search form {
margin-right: 0;
}
.ru-ru .dealer-locator-advanced .products label .ico {
background-size: 72px 156px;
background-image: url(../img/layout/ru-locator-icons.png);
height: 20px;
margin-left: 3px;
margin-top: 6px;
width: 58px;
position: relative;
top: -5px;
}
.ru-ru .dealer-locator-advanced .products label .ico.stihl {
background-position: 0 0;
}
.ru-ru .dealer-locator-advanced .products label .ico.viking {
background-position: 0 -20px;
}*/
.ru-ru .dealer-locator-advanced .products label .ico.clean {
background-position: -116px -2012px;
}
.ru-ru .dealer-locator-advanced .products label .ico.tools,
.ru-ru .dealer-locator-advanced .products label .ico.services {
background-position: -116px -2048px;
}
.ru-ru .dealer-locator-result {
margin-bottom: 50px;
}
.ru-ru .dealer-locator-result li > a .map-icon {
background-image: url(../img/layout/ru-locator-icons.png);
background-position: 0 -80px;
height: 32px;
left: 8px;
margin-top: -16px;
position: absolute;
top: 50%;
width: 32px;
}
.ru-ru .dealer-locator-result li > a span {
margin-left: 48px;
}
/*
.ru-ru .dealer-locator-result li > div > .address,
.ru-ru .dealer-locator-result li > div > .products {
max-width: 250px;
width: 25%;
}*/
.ru-ru .dealer-locator-result li > div > .products p {
margin: 0 0 0 10px;
margin-bottom: 15px;
}
.ru-ru .dealer-locator-result li > div > .products p a {
color: #F37A1F;
}
/*
.ru-ru .dealer-locator-result li > div > .right {
width: 50%;
}
*/
.ru-ru .dealer-locator-result li > div > .right .products {
//float: right;
margin: 0 5px 0 0;
padding: 0;
list-style: none;
}
.ru-ru .dealer-locator-result li > div > .right .products li {
float: left;
display: block;
height: 20px;
margin: 0 5px 5px 0;
width: 58px;
background-image: url(../img/layout/ru-locator-icons.png);
text-indent: -1000px;
overflow: hidden;
}
.ru-ru .dealer-locator-result li > div > .right .products li.stihl {
background-position: 0 0;
}
.ru-ru .dealer-locator-result li > div > .right .products li.viking {
background-position: 0 -20px;
}
.ru-ru .dealer-locator-result li > div > .right .products li.clean {
background-position: 0 -40px;
}
.ru-ru .dealer-locator-result li > div > .right .products li.services {
background-position: 0 -60px;
}
.ru-ru .dealer-route .form .location {
display: none;
}
.ru-ru .dealer-locator-result li .right .dealer-services {
margin-top: 10px;
}
.ru-ru .dealer-locator-result li .right {
margin-top: 15px;
margin-top: 0;
}
.ru-ru .dealer-locator-result li .right h3 {
margin-left: 0;
}
.ru-ru .dealer-locator-result li .right .products {
float: none !important;
margin-top: 0 !important;
}
.ru-ru .dealer-locator-result li .right .dealer-services ul {
margin: 0 0 0 10px;
margin: 0;
padding: 0;
}
.ru-ru .dealer-locator-result li .right .dealer-services ul li {
padding-left: 20px;
}
/*.ru-ru .dealer-products ul li span {
margin-left: 62px;
}*/
/*.ru-ru .dealer-products ul li .ico {
background-image: url("../img/layout/ru-locator-icons.png") !important;
background-size: 72px 156px !important;
height: 20px;
width: 58px;
margin: 2px 0 0;
}*/
.ru-ru .dealer-locator-result .characteristics .ico,
.ru-ru .dealer-characteristics ul .ico {
background-image: url("../img/layout/ru-locator-icons.png") !important;
background-size: 72px 156px !important;
height: 42px;
width: 72px;
margin: 2px 0 0;
}
/*.ru-ru .dealer-products ul li .ico.stihl {
background-position: 0 0;
}
.ru-ru .dealer-products ul li .ico.viking {
background-position: 0 -20px;
}*/
.ru-ru .dealer-products ul li .ico.clean {
background-position: -116px -2012px;
}
.ru-ru .dealer-products ul li .ico.tools,
.ru-ru .dealer-products ul li .ico.services {
background-position: -116px -2048px;
}
.ru-ru .dealer-locator-result .characteristics .ico.exklusiv,
.ru-ru .dealer-characteristics ul .ico.exklusiv,
.ru-ru .dealer-locator-advanced .characteristics .ico.exklusiv {
background-position: 0 -114px;
}
.ru-ru .dealer-locator-advanced .characteristics .ico.exklusiv {
background-size: 72px 156px;
background-image: url(../img/layout/ru-locator-icons.png);
height: 42px;
margin-left: 3px;
margin-top: 6px;
width: 72px;
position: relative;
top: -5px;
}
@media only screen and (max-width: 768px) {
.ru-ru .dealer-locator-result li > div > .address,
.ru-ru .dealer-locator-result li > div > .products,
.ru-ru .dealer-locator-result li > div > .right {
max-width: inherit;
width: 100%;
}
.ru-ru .dealer-locator-result li > div > .right .products {
margin-left: 9px;
}
.ru-ru .dealer-locator-result li .right {
margin-top: 15px;
}
.ru-ru .dealer-locator-result li .right h3 {
margin-left: 10px;
}
.ru-ru .dealer-locator-result li .right .dealer-services ul {
margin: 0 0 0 10px;
}
}
/* Australien */
.en-au .dealer-locator-advanced .products label .ico.stihlstockist,
.en-au .dealer-locator-result li .products .products li.stihlstockist,
.en-au .dealer-products ul li .ico.stihlstockist {
height: 36px;
width: 62px;
background-image: url(//static.stihl.com/img_layout/au/logo_stihl.png);
background-repeat: no-repeat;
background-position: 0 -12px;
margin-left: 10px;
}
.en-au .dealer-products ul li .ico.stihlstockist {
margin-left: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.en-au .dealer-locator-advanced .products label .ico.stihlstockist,
.en-au .dealer-locator-result li .products .products li.stihlstockist,
.en-au .dealer-products ul li .ico {
background-image: url(//static.stihl.com/img_layout/au/logo_stihl.png);
background-size: 62px 55px;
}
}
.en-au .dealer-characteristics .characteristics .ico.elite,
.en-au .dealer-locator-advanced .characteristics label .ico.elite {
height: 55px;
width: 62px;
background-image: url(//static.stihl.com/img_layout/au/AU_elitedealer-logo_final.png);
background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.en-au .dealer-characteristics .characteristics .ico.elite,
.en-au .dealer-locator-advanced .characteristics label .ico.elite {
background-image: url(//static.stihl.com/img_layout/au/AU_elitedealer-logo_final.png);
background-size: 62px 55px;
}
}
.en-au .dealer-characteristics .characteristics .ico.platinum,
.en-au .dealer-locator-advanced .characteristics label .ico.platinum {
height: 55px;
width: 62px;
background-image: url(//static.stihl.com/img_layout/au/master_tech_logo.png);
background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.en-au .dealer-characteristics .characteristics .ico.platinum,
.en-au .dealer-locator-advanced .characteristics label .ico.platinum {
background-image: url(//static.stihl.com/img_layout/au/master_tech_logo.png);
background-size: 62px 55px;
}
}
.en-au .dealer-characteristics .characteristics .ico.twelvemonths,
.en-au .dealer-locator-advanced .characteristics label .twelvemonths.ico {
background-image: url(//static.stihl.com/img_layout/au/12mnths_elitedealer-logo.png);
background-repeat: no-repeat;
height: 56px;
width: 62px;
}
@media only screen and (-webkit-min-device-pixel-ratkio: 2),
only screen and (min-device-pixel-ratio: 2) {
.en-au .dealer-characteristics .characteristics .ico.twelvemonths,
.en-au .dealer-locator-advanced .characteristics label .twelvemonths.ico {
background-image: url(//static.stihl.com/img_layout/au/12mnths_elitedealer-logo.png);
background-size: 62px 56px;
}
}
.au-news {
display: flex;
flex-wrap: wrap;
}
.au-news h1 {
font-size: 1.6em;
font-weight: normal;
margin: -15px 10px 0;
}
.au-news > p {
line-height: 1.5em;
margin: 10px 10px 15px;
width: 100%;
}
.au-news .teaser_items {
margin-bottom: 45px;
}
.au-news .teaser_item:before,
.au-news .teaser_item:after {
content: "";
display: table;
}
.au-news .teaser_item:after {
clear: both;
}
.au-news .teaser_item {
*zoom: 1;
margin-bottom: 25px;
padding: 5px 10px 0;
}
.au-news .teaser_item > * {
float: right;
width: 74%;
}
.au-news .teaser_item > img {
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
height: auto;
margin-bottom: 10px;
padding-right: 10px;
width: 26%;
}
.au-news .teaser_item > h3 {
font-size: 1em;
font-weight: bold;
margin: 0 0 5px;
}
.au-news .teaser_item > p {
line-height: 1.5em;
margin: 0;
}
.au-news .teaser_item .buttons {
display: block;
list-style: none;
margin: 10px 0 10px;
padding: 0;
}
.au-news .teaser_item .buttons li {
background: #F4F4F4;
background: -moz-linear-gradient(top, #F9F9F9, #F4F4F4); /* Firefox */
background: -ms-linear-gradient(top, #F9F9F9, #F4F4F4); /* IE */
background: -o-linear-gradient(top, #F9F9F9, #F4F4F4); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F4F4F4)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9F9F9, #F4F4F4); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9F9F9, #F4F4F4); /* CSS3 */
border-bottom: 1px solid #DFE0E1;
border-top: 1px solid #DFE0E1;
display: block;
margin: 0 0 5px;
padding: 0;
position: relative;
}
.au-news .teaser_item .buttons li a {
color: #444444;
display: block;
font-weight: bold;
padding: 13px 40px 14px 10px;
margin: 0;
}
.au-news .teaser_item .buttons li .button {
background-position: -266px 0;
height: 19px;
margin: -10px 0 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 10px;
text-indent: -1000px;
top: 50%;
width: 9px;
}
.au-news-detail {
margin: 0 10px 30px;
}
.au-news-detail h1 {
color: #F37A1F;
font-size: 1.6em;
font-weight: normal;
margin: 0 0 15px;
}
.au-news-detail h2 {
font-size: 1.6em;
font-weight: normal;
margin: -15px 0 15px;
}
.au-news-detail p {
line-height: 1.5em;
margin: 0 0 10px;
}
.au-news-detail a {
color: #F37A1F;
}
.au-news-detail img.mood {
max-width: 100%;
height: auto;
margin-bottom: 16px;
}
.au-news-detail .wallpaper_gallery {
display: none;
}
.au-news-detail ul {
list-style: none;
margin: 0 0 10px 0;
padding: 0;
}
.au-news-detail ul li {
background-position: -135px -949px;
line-height: 1.5em;
margin-bottom: 5px;
padding-left: 27px;
}
@media only screen and (min-width: 768px) {
.au-news .teaser_item {
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
}
.au-news .teaser_item > * {
width: 53%;
}
.au-news .teaser_item > img {
float: left;
width: 47%;
}
}
/* UK */
.en-GB .dealer-locator-advanced .products label .ico {
width: 22px;
left: 0;
margin-right: 1px;
margin-left: 5px;
}
.en-GB .dealer-locator-advanced .products label .ico.stihl {
background-position: 0 -25px;
}
.en-GB .dealer-locator-advanced .products label .ico.eap {
background-position: -25px -25px;
height: 22px;
width: 22px;
}
.en-GB .dealer-locator-advanced .products label .ico.electric {
background-position: 0 0;
}
.en-GB .dealer-locator-advanced .products label .ico.imow {
background-position: -50px 0;
}
.en-GB .dealer-locator-advanced .products label .ico.dienst {
background-position: -25px 0;
}
.en-GB .dealer-locator-result li .products .products li {
width: 22px;
}
.en-GB .dealer-locator-result li .products .products li.disabled {
display: none;
}
.en-GB .dealer-locator-result li .products .products li.stihl {
background-position: 0 -25px;
}
.en-GB .dealer-locator-result li .products .products li.eap {
background-position: -25px -25px;
}
.en-GB .dealer-locator-result li .products .products li.electric {
background-position: 0 0;
}
.en-GB .dealer-locator-result li .products .products li.imow {
background-position: -50px 0;
}
.en-GB .dealer-locator-result li .products .products li.dienst {
background-position: -25px 0;
}
.en-GB .dealer-products ul li .ico {
width: 22px;
}
.en-GB .dealer-products ul li .ico.stihl {
background-position: 0 -25px;
}
.en-GB .dealer-products ul li .ico.eap {
background-position: -25px -25px;
}
.en-GB .dealer-products ul li .ico.electric {
background-position: 0 0;
}
.en-GB .dealer-products ul li .ico.imow {
background-position: -50px 0;
}
.en-GB .dealer-products ul li .ico.dienst {
background-position: -25px 0;
}
/* New Icon */
.new-icon,
.newicon {
background: #EE7820;
background: -moz-linear-gradient(top, #F9A14D, #EE7820); /* Firefox */
background: -ms-linear-gradient(top, #F9A14D, #EE7820); /* IE */
background: -o-linear-gradient(top, #F9A14D, #EE7820); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9A14D), to(#EE7820)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9A14D, #EE7820); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9A14D, #EE7820); /* CSS3 */
border: 2px solid #e4e3e8;
color: #FFF;
font-size: 11px;
font-weight: bold;
display: inline-block;
line-height: 12px;
margin-right: 5px;
padding: 2px 7px 2px 7px;
text-shadow: 0px 0px 6px #646464;
vertical-align: top;
}
.page-headline h1 .new-icon,
.page-headline h1 .newicon {
top: 2px;
position: relative;
}
.link-list li a .new-icon,
.link-list li a .newicon {
color: #FFF;
display: inline-block;
font-weight: normal;
}
/* New Icon */
.new-icon,
.newicon {
background: #EE7820;
background: -moz-linear-gradient(top, #F9A14D, #EE7820); /* Firefox */
background: -ms-linear-gradient(top, #F9A14D, #EE7820); /* IE */
background: -o-linear-gradient(top, #F9A14D, #EE7820); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F9A14D), to(#EE7820)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F9A14D, #EE7820); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F9A14D, #EE7820); /* CSS3 */
border: 2px solid #e4e3e8;
color: #FFF;
font-size: 11px;
font-weight: bold;
display: inline-block;
line-height: 12px;
margin-right: 5px;
padding: 2px 7px 2px 7px;
text-shadow: 0px 0px 6px #646464;
vertical-align: top;
}
.page-headline h1 .new-icon,
.page-headline h1 .newicon {
top: 2px;
position: relative;
}
.link-list li.price a span.new-icon,
.link-list li a .new-icon,
.link-list li.price a span.newicon,
.link-list li a .newicon {
color: #FFF;
display: inline-block;
font-weight: normal;
margin: -4px 5px 0 0;
}
/* Search No Result */
.result_noresults {
margin: 0 10px 50px;
}
.result_noresults a {
color: #f37a1f;
}
.result_noresults .search-result {
padding: 0;
margin: 0;
background-image: none;
}
.result_noresults .search-result li {
background-position: -135px -952px;
margin-bottom: 5px;
padding: 0 0 0 27px;
background-image: url(../img/layout/sprite.png);
background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.result_noresults .search-result li {
background-image: url(../img/layout/sprite_retina.png);
background-size: 275px 2963px;
}
}
/* Load more */
.load-more .teaser-product {
display: none;
}
.load-more .show-more {
display: none;
}
.load-more .show-more a {
cursor: pointer;
}
.no-js .load-more .teaser-product {
display: block;
}
.download-tracking {
margin-left: 10px;
}
/* DL FR */
.dealer-locator-result li > a .number.grey {
background-position: -245px -2330px;
}
.dealer-locator-result li > div > .right {
//float: right;
}
.dealer-locator-result li > div > .dropdown-list {
clear: both;
float: none;
margin: 0 10px 20px 10px;
}
.dealer-locator-result li .dropdown-list .products .products li {
background: none;
text-indent: 0;
width: auto;
float: none;
}
.dealer-locator-result li .dropdown-list .products .products li img {
float: left;
margin-right: 5px;
}
.dealer-locator-result li .dropdown-list .products .products li span {
display: block;
background-color: #FFFFFF;
height: 22px;
line-height: 22px;
}
.dealer-locator-result li .dropdown-list .content h3 {
font-size: 1em;
top: 0;
}
.dealer-locator-result li .dropdown-list .content .sop-link {
border: none;
margin: 0 10px;
padding: 0;
}
.dealer-locator-result li .dropdown-list .content .sop-link img {
display: block;
margin-bottom: 5px;
}
.dealer-locator-result li .dropdown-list .content .sop-link .orange_arrow {
color: #f37a1f;
background-position: -210px -900px;
background-repeat: no-repeat;
display: inline-block;
font-weight: bold;
margin: 0;
min-height: 17px;
padding: 0 0 0 15px;
}
.dealer-locator-result li .products .characteristics {
margin: 0 1px 15px 10px;
}
.dealer-locator-result li .products .characteristics li.elite {
float: left;
height: 42px;
margin: 0 9px 0 0;
overflow: hidden;
text-indent: -1000px;
height: 42px;
width: 72px;
background-image: url(/img_layout/fr/elite-gris-72x42.jpg);
}
/* Smartbanner */
#smartbanner { position:absolute; left:0; top:-82px; border-bottom:1px solid #e8e8e8; width:100%; height:78px; font-family:'Helvetica Neue',sans-serif; background:-webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%); background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); box-shadow:0 1px 2px rgba(0,0,0,0.5); z-index:9998; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none; }
#smartbanner, html.sb-animation {-webkit-transition: all .3s ease;}
#smartbanner .sb-container { margin: 0 auto; }
#smartbanner .sb-close { position:absolute; left:5px; top:5px; display:block; border:2px solid #fff; width:14px; height:14px; font-family:'ArialRoundedMTBold',Arial; font-size:15px; line-height:15px; text-align:center; color:#fff; background:#070707; text-decoration:none; text-shadow:none; border-radius:14px; box-shadow:0 2px 3px rgba(0,0,0,0.4); -webkit-font-smoothing:subpixel-antialiased; }
#smartbanner .sb-close:active { font-size:13px; color:#aaa; }
#smartbanner .sb-icon { position:absolute; left:30px; top:10px; display:block; width:57px; height:57px; background:rgba(0,0,0,0.6); background-size:cover; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.3); }
#smartbanner.no-icon .sb-icon { display:none; }
#smartbanner .sb-info { position:absolute; left:98px; top:18px; width:44%; font-size:11px; line-height:1.2em; font-weight:bold; color:#6a6a6a; text-shadow:0 1px 0 rgba(255,255,255,0.8); }
#smartbanner #smartbanner.no-icon .sb-info { left:34px; }
#smartbanner .sb-info strong { display:block; font-size:13px; color:#4d4d4d; line-height: 18px; }
#smartbanner .sb-info > span { display:block; }
#smartbanner .sb-info em { font-style:normal; text-transform:uppercase; }
#smartbanner .sb-button { position:absolute; right:20px; top:24px; border:1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height:24px; font-size:14px; line-height:24px; text-align:center; font-weight:bold; color:#6a6a6a; background:-webkit-linear-gradient(top, #efefef 0%,#dcdcdc 100%); text-transform:uppercase; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,0.8); border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(255,255,255,0.7) inset; }
#smartbanner .sb-button:active, #smartbanner .sb-button:hover { background:-webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%); }
#smartbanner .sb-icon.gloss:after { content:''; position:absolute; left:0; top:-1px; border-top:1px solid rgba(255,255,255,0.8); width:100%; height:50%; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); border-radius:10px 10px 12px 12px; }
#smartbanner.android { border-color:#212228; background: #3d3d3d url('data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7'); border-top: 5px solid #88B131; box-shadow: none; }
#smartbanner.android .sb-close { border:0; width:17px; height:17px; line-height:17px; color:#b1b1b3; background:#1c1e21; text-shadow:0 1px 1px #000; box-shadow:0 1px 2px rgba(0,0,0,0.8) inset,0 1px 1px rgba(255,255,255,0.3); }
#smartbanner.android .sb-close:active { color:#eee; }
#smartbanner.android .sb-info { color:#ccc; text-shadow:0 1px 2px #000; }
#smartbanner.android .sb-info strong { color:#fff; }
#smartbanner.android .sb-button { min-width: 12%; border:1px solid #DDDCDC; padding:1px; color:#d1d1d1; background: none; border-radius: 0; box-shadow: none; min-height:28px}
#smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; background-color: #42B6C9; background-image: -webkit-gradient(linear,0 0,0 100%,from(#42B6C9),to(#39A9BB)); background-image: -moz-linear-gradient(top,#42B6C9,#39A9BB); text-transform:none; text-shadow:none; box-shadow:none; }
#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; }
#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background:#2AC7E1; }
#smartbanner.windows .sb-icon { border-radius: 0px; }
/* custom styling Smartbanner */
#smartbanner.android {
border-top: none;
position: absolute !important;
top: -78px !important;
}
#smartbanner.android .sb-close {
top: 10px;
}
#smartbanner.android .sb-button {
line-height: 28px;
}
body.smartbanner-visible {
margin-top: 78px;
position: relative;
}
/* Smartbanner End */
.legend {
display: block;
font-style: normal;
margin-bottom: 1em;
}
.legend a {
color: #f37a1f;
font-weight: bold;
}
/* Bewerber form */
.xe_form #headline_22312,
.xe_form #headline_22308 {
display: none;
}
.xe_form #headline_22309 {
margin-bottom: -21px;
}
.xe_form #headline_22313,
.xe_form #headline_22309,
.xe_form #headline_22316 {
padding-top: 20px;
color: #f37a1f;
}
.xe_form .radio > div {
clear: both;
margin-bottom: 10px;
}
.xe_form_radio span.xe_form_error {
display: block !important;
font-weight: bold !important;
}
.xe_form_upload {
margin: 0 0 17px;
}
.upload-btn {
background: #F37B21;
background: -moz-linear-gradient(top, #F8AD75, #F37B21); /* Firefox */
background: -ms-linear-gradient(top, #F8AD75, #F37B21); /* IE */
background: -o-linear-gradient(top, #F8AD75, #F37B21); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F8AD75), to(#F37B21)); /* Safari, Chrome */
background: -webkit-linear-gradient(top, #F8AD75, #F37B21); /* Safari, Chrome - neue Syntax! */
background: linear-gradient(top, #F8AD75, #F37B21); /* CSS3 */
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F8AD75', endColorstr='#F37B21'); /* IE */
margin: 0 0 5px;
padding: 0;
position: relative;
display: inline-block;
overflow: hidden;
}
.upload-btn:before {
content: "";
background-position: -140px -65px;
height: 23px;
margin-top: -12px;
overflow: hidden;
position: absolute;
left: 20px;
text-indent: -1000px;
top: 50%;
width: 11px;
}
.upload-btn span {
display: inline-block;
color: #FFFFFF;
padding: 9px 20px 10px 35px;
font-weight: bold;
}
.upload-btn input {
cursor: pointer;
font-size: 20px;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Newsletter layer styles */
#newsletter-layer {
display: block;
overflow: hidden;
position: relative;
}
#newsletter-layer h3,
#newsletter-layer p {
font-size: 14px;
}
#newsletter-layer p {
color: #444;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
#newsletter-layer p .orange {
color: #f37a1f;
}
#newsletter-layer .content-box {
display: block;
padding: 15px;
padding-right: 0;
margin-right: 45px;
position: relative;
z-index: 2;
}
#newsletter-layer .close-layer {
width: 44px;
height: 44px;
background: url(../img/closeButton.png) no-repeat;
background-position: 2px 3px;
display: block;
font-size: 0;
margin-top: -22px;
position: absolute;
right: 0;
top: 50%;
z-index: 3;
}
#newsletter-layer .close-layer:hover {
cursor: pointer;
}
#newsletter-layer.hide {
display: none;
}
/* company structure */
.structure {
margin: 0 10px 30px;
}
.structure p {
line-height: 1.5em;
margin: 0 0 10px 0;
}
.structure > img {
display: none;
}
.structure > div {
margin-bottom: 15px;
}
.structure > div > p > a {
color: #000000;
text-decoration: underline;
}
.structure div ul {
list-style: none;
margin: 0;
padding: 0;
}
.structure > div > ul li {
font-size: 11px;
height: 20px;
margin-bottom: 5px;
margin-right: 20px;
padding-left: 25px;
position: relative;
}
.structure ul li:before {
content: "";
display: block;
height: 17px;
left: 0;
position: absolute;
top: -3px;
width: 23px;
}
.structure ul .marketing:before {
background-position: -79px -1009px;
}
.structure ul .production:before {
background-position: -110px -976px;
}
.structure .orga_diagram {
}
.structure .orga_diagram .firstlevel {
border-bottom: 1px solid #DFE0E1;
}
.structure .orga_diagram ul li {
border-top: 1px solid #DFE0E1;
display: block;
height: auto;
margin: 0;
padding: 0;
}
.structure .orga_diagram ul li:before {
content: none;
}
.structure .orga_diagram ul li a,
.structure .orga_diagram ul li > p {
color: #000000;
display: block;
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 13px 10px 14px;
position: relative;
}
.structure .orga_diagram ul li a:after {
background-position: -266px 0;
content: "";
display: block;
height: 19px;
margin-top: -9px;
position: absolute;
right: 10px;
top: 50%;
width: 9px;
}
.structure .orga_diagram ul li a.active:after {
transform: rotate(90deg);
}
.structure .orga_diagram ul li a span {
color: #F37A1F;
font-weight: normal;
}
.structure .orga_diagram .firstlevel > li:first-child > a {
background-color: #454d53;
color: #FFFFFF;
}
.structure .orga_diagram .firstlevel > li > a span {
display: inline-block;
font-weight: bold;
margin-left: 10px;
}
.structure .orga_diagram .secondlevel {
padding-left: 22px;
}
.structure .orga_diagram .secondlevel li a.active + .dropdown {
padding-top: 0;
}
.structure .orga_diagram .secondlevel li:first-child {
border-top: none;
}
.structure .orga_diagram .secondlevel > li > a,
.structure .orga_diagram .secondlevel > li > p {
margin: 0;
padding: 8px 9px 8px 0;
}
.structure .orga_diagram .thirdlevel {
padding: 0 0 0 5px;
}
.structure .orga_diagram .thirdlevel li {
border: none;
}
.structure .orga_diagram .thirdlevel li p {
font-weight: normal;
padding: 5px 0;
}
.structure .orga_diagram .thirdlevel span,
.structure .orga_diagram .dropdown h4 .production {
display: inline-block;
height: 17px;
margin-left: 5px;
position: relative;
text-indent: -9999px;
top: -2px;
width: 23px;
}
.structure .orga_diagram .thirdlevel .marketing {
background-position: -79px -1009px;
}
.structure .orga_diagram .thirdlevel .production,
.structure .orga_diagram .dropdown h4 .production {
background-position: -110px -976px;
}
.structure .orga_diagram .dropdown {
max-height: 0;
overflow: hidden;
}
.structure .orga_diagram .dropdown h4 {
border-bottom: 1px solid #F37A1F;
color: #F37A1F;
font-size: 14px;
margin-bottom: 4px;
margin-top: 15px;
}
.structure .orga_diagram .dropdown h4 + p {
margin-top: 4px;
}
.structure .orga_diagram .dropdown h4:first-child,
.structure .orga_diagram .dropdown p:first-child {
margin-top: 0;
}
.structure .orga_diagram .dropdown a {
color: #F37A1F;
}
.structure .orga_diagram .dropdown p {
font-size: 14px;
}
.structure .orga_diagram .dropdown strong {
display: inline-block;
font-size: 14px;
margin-bottom: 5px;
margin-top: 10px;
}
.structure .orga_diagram .dropdown .message {
background-color: #F37A1F;
color: #FFFFFF;
display: block;
font-size: 13px;
margin: 0 -10px;
padding: 5px 10px;
}
.structure .orga_diagram .dropdown .contact,
.structure .orga_diagram .dropdown .address {
line-height: 18px;
margin: 0 0 10px 0;
}
.structure .orga_diagram .dropdown p a {
display: inline;
font-size: 14px;
font-weight: normal;
padding: 0;
}
.structure .orga_diagram .dropdown .contact a:after,
.structure .orga_diagram .dropdown p a:after {
content: none;
}
.structure .orga_diagram ul li a.active + .dropdown {
max-height: 1500px;
-webkit-transition: max-height 1.5s;
padding: 10px;
transition: max-height 1.5s;
}
/* Global Search Autocomplete */
#menu-content .ui-autocomplete,
.link-list .search .ui-autocomplete {
background-color: #ffffff;
border-radius: 2px;
border-top: 1px solid #d9d9d9;
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
font-family: Arial, sans-serif;
overflow: auto;
max-height: 400px;
padding: 0;
width: 181px;
z-index: 100;
}
#menu-content .ui-autocomplete .ui-menu-item,
.link-list .search .ui-autocomplete .ui-menu-item {
padding: 0;
background-color: #ffffff;
}
#menu-content .ui-autocomplete .ui-menu-item a:hover,
.link-list .search .ui-autocomplete .ui-menu-item a:hover {
background-color: #d9d9c2 !important;
}
#menu-content .ui-autocomplete .ui-menu-item a,
.link-list .search .ui-autocomplete .ui-menu-item a {
display: block;
margin: 0;
border-top: 1px solid #e6e6e6;
cursor: default;
line-height: 30px;
overflow: hidden;
padding: 0 4px;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
color: #000000;
font-size: 13px;
}
#menu-content .ui-helper-hidden-accessible,
.link-list .search .ui-helper-hidden-accessible {
display: none;
}
/* Optin layer */
.optin {
display: none;
}
.optin .bg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.7;
background-color: #000000;
z-index: 10000;
}
.optin .layer {
position: absolute;
top: 20px;
left: 10px;
right: 10px;
background-color: #FFFFFF;
z-index: 10001;
margin-bottom: 20px;
}
@media screen and (min-width: 840px) {
.optin .layer {
top: 10%;
left: 50%;
right: inherit;
width: 800px;
transform: translate(-50%, 0);
}
}
.optin .layer .closeButton {
width: 38px;
height: 38px;
display: block;
right: -8px;
top: -17px;
position: absolute;
}
.optin .layer .top {
box-sizing: border-box;
padding: 0 10px;
}
.optin .layer .top h2 {
color: #f37a1f;
text-align: center;
margin: 25px 0 20px;
font-size: 1.7em;
}
.optin .layer .top p {
text-align: center;
font-size: 1.2em;
}
.optin .layer .top p a {
color: #f37a1f;
font-weight: bold;
}
.optin .layer .top .switches {
overflow: hidden;
}
.optin .layer .top .switches ul {
display: block;
list-style: none;
margin: 20px -1px;
width: 100%;
padding: 0;
}
.optin .layer .top .switches ul li {
width: 33.333%;
height: 112px;
float: left;
background-color: #E9EAEC;
position: relative;
border-left: 1px solid #FFFFFF;
box-sizing: border-box;
}
.optin .layer .top .switches ul li a {
width: 100%;
margin: 0 1px;
height: 112px;
float: left;
background-color: #FFFFFF;
position: relative;
box-sizing: border-box;
border: 2px solid #E9EAEC;
color: #B5B5B5;
}
.optin .layer .top .switches ul li a.active {
background-color: #E9EAEC;
border-top: 3px solid #f37a1f;
color: #f37a1f;
}
.optin .layer .top .switches ul li a.selected:before {
content: "";
position: absolute;
top: -0.5px;
left: 50%;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 14.5px 0 14.5px;
border-color: #f37b1f transparent transparent transparent;
margin-left: -14.5px;
}
.optin .layer .top .switches ul li a span {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
text-transform: uppercase;
font-size: 3vw;
}
@media screen and (min-width: 480px) {
.optin .layer .top .switches ul li a span {
font-size: 1.2em;
}
}
.optin .layer .top .switches ul li a:after {
content: "";
position: absolute;
bottom: 50px;
left: 50%;
transform: translate(-50%, 0);
background-size: 100% 100%;
}
.optin .layer .top .switches ul li.functional a:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOC4wMDUiIGhlaWdodD0iMjEuOTg3IiB2aWV3Qm94PSIwIDAgMjguMDA1IDIxLjk4NyI+CiAgPHBhdGggaWQ9ImNoZWNrIiBkPSJNOC45MSwxNy40MDcsMi4yMjgsMTAuNTE2LDAsMTIuODA4LDguOTEsMjIsMjgsMi4zMTEsMjUuNzgxLjAxMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAyIC0wLjAxMikiIGZpbGw9IiNmMzdhMWYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K");
height: 22px;
width: 28px;
}
.optin .layer .top .switches ul li.analytics a:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MiIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDUyIDI1Ij4KICA8cGF0aCBpZD0iZnVuY3Rpb25hbCIgZD0iTTQ3LjkyLjAyNWE0LjU0OCw0LjU0OCwwLDAsMC01LDQuMDE5LDQuNDU0LDQuNDU0LDAsMCwwLC4zODksMi4zNDRsLTguMTYxLDYuNTU2YTQuNTczLDQuNTczLDAsMCwwLTUuOTM2LjQ0OWwtNS4zNy0yLjEzOWMuMDA1LS4wMzcuMDExLS4wNzQuMDE1LS4xMTFBNC41NTMsNC41NTMsMCwwLDAsMTQuOCwxMC4yYTQuNDQzLDQuNDQzLDAsMCwwLC4yLDEuODc0bC03LjY1LDQuODQ4YTQuNTA5LDQuNTA5LDAsMSwwLDEuNzMzLDQuMDMxLDQuNDQ0LDQuNDQ0LDAsMCwwLS4zMzktMi4yMzVsNy40ODQtNC43NDNhNC41NzMsNC41NzMsMCwwLDAsNi43NjMtLjYzbDUuMDYxLDIuMDE2YTQuNDU4LDQuNDU4LDAsMCwwLS4xNDIuNzM4LDQuNTUzLDQuNTUzLDAsMCwwLDkuMDU3LjkzOSw0LjQ0NCw0LjQ0NCwwLDAsMC0uMzg4LTIuMzQ0bDguMTYxLTYuNTU2YTQuNTYzLDQuNTYzLDAsMCwwLDcuMjM2LTMuMTU3QTQuNTI4LDQuNTI4LDAsMCwwLDQ3LjkyLjAyNVpNNC4zMTcsMjIuNzMxYTIuMjU4LDIuMjU4LDAsMSwxLDItMy42NzVsLjAyLjAyNWEyLjIzNSwyLjIzNSwwLDAsMSwuNDg1LDEuNjRBMi4yNzUsMi4yNzUsMCwwLDEsNC4zMTcsMjIuNzMxWm0xNC43NzEtOS44MTRhMi4yNzUsMi4yNzUsMCwwLDEtMS42NTUtLjk5MWMtLjAwNy0uMDEzLS4wMTQtLjAyNi0uMDIyLS4wMzhsLS4wMTItLjAxN2EyLjIzLDIuMjMsMCwwLDEtLjMzOC0xLjQzMywyLjI3NywyLjI3NywwLDEsMSwyLjAyNywyLjQ3OVptMTMuMTEzLDUuOWEyLjI1NywyLjI1NywwLDEsMSwyLjUtMi4wMUEyLjI2NSwyLjI2NSwwLDAsMSwzMi4yLDE4LjgxNlpNNDcuMjA5LDYuNzU4YTIuMjcyLDIuMjcyLDAsMCwxLTEuNTEzLS44Yy0uMDA2LS4wMDctLjAxLS4wMTUtLjAxNi0uMDIxcy0uMDEyLS4wMTMtLjAxOC0uMDJhMi4yMzQsMi4yMzQsMCwwLDEtLjQ4LTEuNjM0LDIuMjc3LDIuMjc3LDAsMSwxLDIuMDI3LDIuNDc5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iI2I1YjViNSIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPgo=");
height: 25px;
width: 52px;
}
.optin .layer .top .switches ul li.analytics a.active:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MiIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDUyIDI1Ij4KICA8cGF0aCBpZD0iZnVuY3Rpb25hbCIgZD0iTTQ3LjkyLjAyNWE0LjU0OCw0LjU0OCwwLDAsMC01LDQuMDE5LDQuNDU0LDQuNDU0LDAsMCwwLC4zODksMi4zNDRsLTguMTYxLDYuNTU2YTQuNTczLDQuNTczLDAsMCwwLTUuOTM2LjQ0OWwtNS4zNy0yLjEzOWMuMDA1LS4wMzcuMDExLS4wNzQuMDE1LS4xMTFBNC41NTMsNC41NTMsMCwwLDAsMTQuOCwxMC4yYTQuNDQzLDQuNDQzLDAsMCwwLC4yLDEuODc0bC03LjY1LDQuODQ4YTQuNTA5LDQuNTA5LDAsMSwwLDEuNzMzLDQuMDMxLDQuNDQ0LDQuNDQ0LDAsMCwwLS4zMzktMi4yMzVsNy40ODQtNC43NDNhNC41NzMsNC41NzMsMCwwLDAsNi43NjMtLjYzbDUuMDYxLDIuMDE2YTQuNDU4LDQuNDU4LDAsMCwwLS4xNDIuNzM4LDQuNTUzLDQuNTUzLDAsMCwwLDkuMDU3LjkzOSw0LjQ0NCw0LjQ0NCwwLDAsMC0uMzg4LTIuMzQ0bDguMTYxLTYuNTU2YTQuNTYzLDQuNTYzLDAsMCwwLDcuMjM2LTMuMTU3QTQuNTI4LDQuNTI4LDAsMCwwLDQ3LjkyLjAyNVpNNC4zMTcsMjIuNzMxYTIuMjU4LDIuMjU4LDAsMSwxLDItMy42NzVsLjAyLjAyNWEyLjIzNSwyLjIzNSwwLDAsMSwuNDg1LDEuNjRBMi4yNzUsMi4yNzUsMCwwLDEsNC4zMTcsMjIuNzMxWm0xNC43NzEtOS44MTRhMi4yNzUsMi4yNzUsMCwwLDEtMS42NTUtLjk5MWMtLjAwNy0uMDEzLS4wMTQtLjAyNi0uMDIyLS4wMzhsLS4wMTItLjAxN2EyLjIzLDIuMjMsMCwwLDEtLjMzOC0xLjQzMywyLjI3NywyLjI3NywwLDEsMSwyLjAyNywyLjQ3OVptMTMuMTEzLDUuOWEyLjI1NywyLjI1NywwLDEsMSwyLjUtMi4wMUEyLjI2NSwyLjI2NSwwLDAsMSwzMi4yLDE4LjgxNlpNNDcuMjA5LDYuNzU4YTIuMjcyLDIuMjcyLDAsMCwxLTEuNTEzLS44Yy0uMDA2LS4wMDctLjAxLS4wMTUtLjAxNi0uMDIxcy0uMDEyLS4wMTMtLjAxOC0uMDJhMi4yMzQsMi4yMzQsMCwwLDEtLjQ4LTEuNjM0LDIuMjc3LDIuMjc3LDAsMSwxLDIuMDI3LDIuNDc5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iI2YzN2ExZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPgo=");
}
.optin .layer .top .switches ul li.retargeting a:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDM2IDMwIj4KICA8cGF0aCBpZD0ibWFya2V0aW5nIiBkPSJNLjk3LDMwSDM1LjAzYS45Ni45NiwwLDAsMCwuOTctLjk1VjUuNDM3YS45Ni45NiwwLDAsMC0uOTctLjk1SDI4LjIxOGEuOTYuOTYsMCwwLDAtLjk3Ljk1VjExLjlIMjIuMzc2Vi45NWEuOTYuOTYsMCwwLDAtLjk3LS45NUgxNC41OTRhLjk2Ljk2LDAsMCwwLS45Ny45NVYxOC45MzRIOC43NTJWMTAuODU1YS45Ni45NiwwLDAsMC0uOTctLjk1SC45N2EuOTYuOTYsMCwwLDAtLjk3Ljk1VjI5LjA1QS45Ni45NiwwLDAsMCwuOTcsMzBaTTI5LjE4OCwxMi44NDlWNi4zODdIMzQuMDZWMjguMUgyOS4xODhabS02LjgxMi45NTFoNC44NzJWMjguMUgyMi4zNzZaTTE1LjU2NCwxLjloNC44NzJWMjguMUgxNS41NjRaTTguNzUyLDIwLjgzNWg0Ljg3MlYyOC4xSDguNzUyWk0xLjk0LDExLjgwNkg2LjgxMlYyOC4xSDEuOTRaIiBmaWxsPSIjYjViNWI1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==");
height: 30px;
width: 36px;
}
.optin .layer .top .switches ul li.retargeting a.active:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDM2IDMwIj4KICA8cGF0aCBpZD0ibWFya2V0aW5nIiBkPSJNLjk3LDMwSDM1LjAzYS45Ni45NiwwLDAsMCwuOTctLjk1VjUuNDM3YS45Ni45NiwwLDAsMC0uOTctLjk1SDI4LjIxOGEuOTYuOTYsMCwwLDAtLjk3Ljk1VjExLjlIMjIuMzc2Vi45NWEuOTYuOTYsMCwwLDAtLjk3LS45NUgxNC41OTRhLjk2Ljk2LDAsMCwwLS45Ny45NVYxOC45MzRIOC43NTJWMTAuODU1YS45Ni45NiwwLDAsMC0uOTctLjk1SC45N2EuOTYuOTYsMCwwLDAtLjk3Ljk1VjI5LjA1QS45Ni45NiwwLDAsMCwuOTcsMzBaTTI5LjE4OCwxMi44NDlWNi4zODdIMzQuMDZWMjguMUgyOS4xODhabS02LjgxMi45NTFoNC44NzJWMjguMUgyMi4zNzZaTTE1LjU2NCwxLjloNC44NzJWMjguMUgxNS41NjRaTTguNzUyLDIwLjgzNWg0Ljg3MlYyOC4xSDguNzUyWk0xLjk0LDExLjgwNkg2LjgxMlYyOC4xSDEuOTRaIiBmaWxsPSIjZjM3YTFmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==");
height: 30px;
width: 36px;
}
.optin .layer .top .info {
clear: both;
margin: 20px 0;
height: auto !important;
}
.optin .layer .top .info .cols {
overflow: hidden
}
.optin .layer .top .info .cols .left {
}
.optin .layer .top .info .cols ul {
list-style: none;
margin: 0 5px;
padding: 0;
}
.optin .layer .top .info .cols .left ul li {
padding-left: 25px;
position: relative;
}
.optin .layer .top .info .cols .left ul li:before {
content: "";
display: block;
height: 11px;
left: 0;
position: absolute;
top: 1px;
width: 15px;
background-position: -260px -836px;
}
.optin .layer .top .info .cols .right ul li {
padding-left: 10px;
position: relative;
}
.optin .layer .top .info .cols .right ul li:before {
content: "-";
display: block;
left: 0;
position: absolute;
top: -1px;
}
.optin .layer .top .info .cols .right {
}
.optin .layer .top .info .cols h3 {
background: #F0F0F0;
background: -moz-linear-gradient(top, #F9F9F9, #F0F0F0);
background: -ms-linear-gradient(top, #F9F9F9, #F0F0F0);
background: -o-linear-gradient(top, #F9F9F9, #F0F0F0);
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F0F0F0));
background: -webkit-linear-gradient(top, #F9F9F9, #F0F0F0);
background: linear-gradient(top, #F9F9F9, #F0F0F0);
padding: 13px 50px 14px 10px;
position: relative;
font-size: 13px;
cursor: pointer;
}
.optin .layer .top .info .cols h3:after {
content: "";
background-position: -2px -74px;
height: 8px;
margin-top: -4px;
overflow: hidden;
position: absolute;
right: 18px;
text-indent: -1000px;
top: 50%;
width: 20px;
}
.optin .layer .top .info .cols h3.red {
color: #FF0000;
}
.optin .layer .top .info .cols h3.active {
background: #F37B21;
background: -moz-linear-gradient(top, #F8AD75, #F37B21);
background: -ms-linear-gradient(top, #F8AD75, #F37B21);
background: -o-linear-gradient(top, #F8AD75, #F37B21);
background: -webkit-gradient(linear, left top, left bottom, from(#F8AD75), to(#F37B21));
background: -webkit-linear-gradient(top, #F8AD75, #F37B21);
background: linear-gradient(top, #F8AD75, #F37B21);
color: #FFFFFF;
}
.optin .layer .top .info .cols h3.active:after {
background-position: -37px -74px;
}
.optin .layer .top .info .cols ul {
display: none;
}
.optin .layer .top .info .cols h3.active + ul {
display: block;
}
.optin .layer .top .buttons {
margin: 0 0 30px;
display: flex;
justify-content: space-between;
text-align: center;
}
.optin .layer .top .buttons .button {
background: #F37B21;
background: -moz-linear-gradient(top, #F8AD75, #F37B21);
background: -ms-linear-gradient(top, #F8AD75, #F37B21);
background: -o-linear-gradient(top, #F8AD75, #F37B21);
background: -webkit-gradient(linear, left top, left bottom, from(#F8AD75), to(#F37B21));
background: -webkit-linear-gradient(top, #F8AD75, #F37B21);
background: linear-gradient(top, #F8AD75, #F37B21);
display: inline-block;
padding: 8px 20px 11px 35px;
color: #FFFFFF;
font-weight: bold;
position: relative;
cursor: pointer;
}
.optin .layer .top .buttons .button:before {
content: "";
background-position: -140px -65px;
height: 23px;
margin-top: -13px;
overflow: hidden;
position: absolute;
left: 20px;
text-indent: -1000px;
top: 50%;
width: 11px;
}
.optin .layer .top .buttons .button.selection {
background: #808080;
background: -moz-linear-gradient(top, #a6a6a6, #808080);
background: -ms-linear-gradient(top, #a6a6a6, #808080);
background: -o-linear-gradient(top, #a6a6a6, #808080);
background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#808080));
background: -webkit-linear-gradient(top, #a6a6a6, #808080);
background: linear-gradient(top, #a6a6a6, #808080);
}
.optin .layer .top .buttons .button.all {
margin-left: 10px;
}
@media screen and (min-width: 480px) {
.optin .layer .top .buttons .button.all {
min-width: 50%;
}
}
.optin .layer .bottom {
clear: both;
background-color: #EBEBEB;
padding: 10px 10px;
text-align: center;
}
.optin .layer .bottom a.arrow {
background-position: -210px -899px;
color: #F37A1F;
display: inline-block;
font-weight: bold;
margin: 10px 25px;
min-height: 17px;
padding-left: 10px;
}
.optin .cookie-layer {
display: block;
background-color: #3C3C3C;
z-index: 10001;
position: fixed;
padding: 20px 50px;
bottom: 0;
left: 0;
right: 0;
}
.optin .cookie-layer .cookie-layer-content {
position: relative;
color: #fff;
margin: 0 auto;
}
.optin .cookie-layer .cookie-layer-content .top {
}
.optin .cookie-layer .cookie-layer-content .top h2 {
color: #f37a1f;
margin-bottom: 20px;
}
.optin .cookie-layer .cookie-layer-content .top p {
margin-bottom: 10px;
}
.optin .cookie-layer .cookie-layer-content .top p a {
color: #f37a1f;
}
.optin .cookie-layer .cookie-layer-content .top .buttons {
display: flex;
flex-direction: column;
justify-content: center;
}
.optin .cookie-layer .cookie-layer-content .top .buttons .button {
cursor: pointer;
font-size: 16px;
line-height: 20px;
margin-top: 15px;
padding: 6px 26px 6px 36px;
text-align: center;
vertical-align: middle;
}
.optin .cookie-layer .cookie-layer-content .top .buttons .button.settings {
border: 1px solid grey;
margin-right: 0;
}
.optin .cookie-layer .cookie-layer-content .top .buttons .button.all {
background-color: #f37a1f;
border: 1px solid #f37a1f;
}
@media screen and (min-width: 480px) {
.optin .cookie-layer .cookie-layer-content .top .buttons {
flex-direction: row;
}
.optin .cookie-layer .cookie-layer-content .top .buttons .button.settings {
margin-right: 25px;
}
}
.show-optin-layer {
display: none;
}
.newsletter-popup {
background: url('../img/layout/background-tile-mobile.jpg') repeat;
width: 100%;
padding-bottom: 15px;
border-bottom: 3px solid white;
display: none;
*zoom: 1;
}
.newsletter-popup:before,
.newsletter-popup:after {
content: "";
display: table;
}
.newsletter-popup:after {
clear: both;
}
.newsletter-popup span {
display: block;
}
.newsletter-popup-headline,
.newsletter-popup-information,
.newsletter-popup-accept,
.newsletter-popup-close {
display: inline-block;
}
.newsletter-popup-accept {
margin-left: 10px;
margin-top: 15px;
margin-bottom: -5px;
margin-right: 50px;
}
@media screen and (min-width: 480px) {
.newsletter-popup-accept {
float: right;
}
}
.newsletter-popup-headline {
font-size: 17px;
margin-top: 15px;
margin-left: 10px;
font-weight: bold;
}
.newsletter-popup-headline span {
line-height: 1.1;
}
.newsletter-popup-information {
font-size: 15px;
margin-right: 70px;
}
.newsletter-popup-white_text {
color: #fff;
}
.newsletter-popup-orange_text {
color: #f37a1f;
}
.newsletter-popup-accept_button {
text-align: center;
}
.newsletter-popup-accept_button a {
background: #f37a1f;
background: -moz-linear-gradient(top, #fda953 20%, #f37c20 52%);
background: -webkit-linear-gradient(top, #fda953 20%, #f37c20 52%);
background: linear-gradient(to bottom, #fda953 20%, #f37c20 52%);
border: 0;
color: #fff;
display: block;
font-weight: bold;
float: left;
padding: 5px 12px;
position: relative;
white-space: nowrap;
font-size: 14px;
}
.newsletter-popup .newsletter-popup-close {
margin-top: 7px;
position: absolute;
right: 8px;
top: 0;
}
.newsletter-popup-close_button {
position: relative;
display: inline-block;
width: 22px;
height: 22px;
overflow: hidden;
background: #f37a1f;
background: -moz-linear-gradient(top, #fda953 20%, #f37c20 52%);
background: -webkit-linear-gradient(top, #fda953 20%, #f37c20 52%);
background: linear-gradient(to bottom, #fda953 20%, #f37c20 52%);
border-radius: 50%;
border: 2px solid #fff;
}
.newsletter-popup-close_button::before,
.newsletter-popup-close_button::after {
content: '';
position: absolute;
height: 2px;
width: 14px;
top: 12px;
left: 4px;
margin-top: -2px;
background: #fff;
border-radius: 5px;
}
.newsletter-popup-close_button::before {
transform: rotate(135deg);
}
.newsletter-popup-close_button::after {
transform: rotate(-140deg);
}