/* - ++resource++werkbank.plonetheme.stylesheets/main-optimierung.css - */
/* https://www.klingspor.de/portal_css/++resource++werkbank.plonetheme.stylesheets/main-optimierung.css?original=1 */
@font-face {
font-family: 'KLBulletinSansBlack';
src: url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Black.eot'); /* */
src: url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Black.eot?#iefix') format('embedded-opentype'), /* */
url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Black.woff') format('woff'), /* */
url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Black.svg#KLBulletinSans-Black') format('svg'); /* */
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'KLBulletinSans';
src: url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Bold.eot'); /* */
src: url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Bold.eot?#iefix') format('embedded-opentype'), /* */
url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Bold.woff') format('woff'), /* */
url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Bold.svg#KLBulletinSans-Bold') format('svg'); /* */
font-style: normal;
font-weight: bold;
}
@font-face {
font-family: 'KLBulletinSans-Fett';
src: url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Bold.eot'); /* */
src: url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Bold.eot?#iefix') format('embedded-opentype'), /* */
url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Bold.woff') format('woff'), /* */
url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Bold.svg#KLBulletinSans-Bold') format('svg'); /* */
font-style: normal;
font-weight: bold;
}
@font-face {
font-family: 'KLBulletinSans';
src: url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-BoldItalic.eot'); /* */
src: url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-BoldItalic.eot?#iefix') format('embedded-opentype'), /* */
url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-BoldItalic.woff') format('woff'), /* */
url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-BoldItalic.svg#KLBulletinSans-BoldItalic') format('svg'); /* */
font-style: italic;
font-weight: bold;
}
@font-face {
font-family: 'KLBulletinSans';
src: url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Italic.eot'); /* */
src: url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Italic.eot?#iefix') format('embedded-opentype'), /* */
url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Italic.woff') format('woff'), /* */
url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Italic.svg#KLBulletinSans-Italic') format('svg'); /* */
font-style: italic;
font-weight: normal;
}
@font-face {
font-family: 'KLBulletinSans';
src: url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Regular.eot'); /* */
src: url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Regular.eot?#iefix') format('embedded-opentype'), /* */
url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Regular.woff') format('woff'), /* */
url('++resource++werkbank.plonetheme.stylesheets/webfonts/KLBulletinSans-Regular.svg#KLBulletinSans-Regular') format('svg'); /* */
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'KLPictograms';
src: url('++resource++werkbank.plonetheme.stylesheets/webfonts/klpictograms-webfont.eot');
src: url('++resource++werkbank.plonetheme.stylesheets/webfonts/klpictograms-webfont.eot?#iefix') format('embedded-opentype'),
url('++resource++werkbank.plonetheme.stylesheets/webfonts/klpictograms-webfont.woff2') format('woff2'),
url('++resource++werkbank.plonetheme.stylesheets/webfonts/klpictograms-webfont.woff') format('woff'),
url('++resource++werkbank.plonetheme.stylesheets/webfonts/klpictograms-webfont.ttf') format('truetype'),
url('++resource++werkbank.plonetheme.stylesheets/webfonts/klpictograms-webfont.svg#kl_pictogramsregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* */
* {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.clearfix {
height: 0;
margin: 0;
padding: 0;
clear: both;
}
.clearcontent:after {
content: ".";
clear: both;
display: block;
visibility: hidden;
height: 0px;
}
.backendOnly {
display: none;
}
#portal-header {
position: relative;
z-index: 10;
}
.ui-widget label {
font-family: 'KLBulletinSans';
font-weight: 300;
cursor: pointer;
display: inline-block;
padding: 10px 0;
width: 100%;
}
.ui-widget .detailfilterBlock label:hover {
background: #F4E22A;
}
.template-manage-portlets .backendOnly {
display: inherit;
}
#content-core {
margin-bottom: 70px;
}
.template-tab_view.portaltype-klingsportabseite #content-core {
margin-bottom: 0;
}
body { color: #000000; font-family: 'KLBulletinSans' !important; background: #e7e7e7; border-top: 8px solid #000000;
background: url(++resource++werkbank.plonetheme.images/bodyBG.jpg) repeat left top; }
#visual-portal-wrapper { max-width: 940px; margin-left: auto; margin-right: auto; position: relative;
z-index: 1;
}
#portal-columns { box-shadow: 0px 5px 5px #cdcdcd; background: #FFFFFF url(++resource++werkbank.plonetheme.images/columnsBG.jpg) repeat-x left top; }
div.width-full { width: 100%; }
div.width-3\3a 4 {
width: 66%;
}
.template-homepage_view div.width-3\3a 4 {
width: 100%;
}
div.position-0 { margin-left: -100%; }
#content { font-size: 20px; line-height: 1.4em; }
#content p { letter-spacing: 0.00125em !important; }
h1, h2, h3, h4, h5, h6, .pseudo-h2, .pseudo-h3 { font-family: 'KLBulletinSans'; color: #000000; }
h2, .pseudo-h2 { letter-spacing: -0.01em !important; }
.pseudo-h2, .pseudo-h3 {
font-weight: bold;
line-height: 1.5em;
display: inline-block;
}
#content h1.documentFirstHeading,
.template-tab_view #content h1.documentFirstHeading {
color: #9d9d9c;
font-size: 17px;
font-weight: 300;
letter-spacing: -0.01em !important;
line-height: 1.05em;
margin-bottom: 39px;
margin-top: -28px;
}
#content h1.documentFirstHeading {
color: #000;
font-size: 42px;
font-weight: 600;
margin-top: 30px;
}
#content h1.documentFirstHeading.schmal {
max-width: 577px;
}
.template-document_view #contentPortlets .portletNavigationTree,
.template-folder_listing #contentPortlets .portletNavigationTree {
max-width: 584px;
width: 85%;
}
#content h2 {
border-top: medium none;
clear: both;
font-size: 22px;
line-height: 1.3em;
margin:5px 0 15px;
padding: 3px 0 0;
}
.subtitle {
font-size: 53px;
font-weight: 600;
line-height: 55px;
margin-bottom: 19px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.img-resp img {
max-width: 100%;
width: 100%;
}
#content h3 { font-size: 22px; margin: 1em 0 0.5em 0; line-height: 1.3em; }
#content h4 { font-size: 19px; margin: 1em 0 0.5em 0; line-height: 1.0em; }
#content a { color: #000000 !important; border-bottom: 1px dotted #8f8f8f !important; }
#content a:hover { border-bottom: 1px dotted #000000 !important; color: #000000 !important; }
#content img { border: none; }
#content li { font-size: 17px; line-height: 1.4em; margin-bottom: 5px; }
#content ul { margin-left: 15px; list-style: url(++resource++werkbank.plonetheme.images/bullets.gif); }
#content h2.bigh2 { font-size: 28px; margin: 1.25em 0 1em 0; line-height: 1.05em; letter-spacing: -0.01em !important; border: none; }
.bigcopy { font-size: 25px; line-height: 32px; }
.smallcopy { font-size: 17px; line-height: 1.4em; }
p { text-rendering: optimizeLegibility; font-feature-settings: "kern" 1; font-kerning: normal; }
#content-core thead tr { border-top: 4px solid #000000; border-bottom: 2px solid #000000; background: #ffffff; }
#content-core thead th { padding: 5px 5px 4px 5px; text-align: center;}
#content-core table { border: none; font-size: 12px; }
#content-core table tr:nth-child(odd) { background: #f2f2f3; }
#content-core table td { padding: 5px 5px 4px 5px; }
.versteckt { display: none; }
.row.versteckt { display: none !important; }
.documentDescription { display: none; }
#viewlet-below-content #category { display: none; }
.tab-selektor-products { display: none; }
/* */
#portal-languageselector {
border-radius: 0;
float: none;
max-width: 100%;
padding: 0;
/* */
/* */
background: rgb(76,76,76);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(0,0,0,1) 40%);
background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(0,0,0,1) 40%);
background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(0,0,0,1) 40%);
/* */
}
.einblenden_button { float: right; cursor: pointer; }
.einblenden_button span { font-size: 14px; color: #575756; border-bottom: 1px dotted #8f8f8f; }
.einblenden_button .languageCode { font-size: 16px; display: inline-block; font-weight: bold; text-transform: uppercase; color: #ffed00; text-align: center; }
#portal-languageselector .einblendung {
/* */
/* */
/* */
font-size: 14px;
left: 0;
padding: 36px 10% 50px;
position: relative;
/* */
}
#portal-languageselector h2, #portal-languageselector .pseudo-h2 { font-size: 25px; color: #FFFFFF; margin-bottom: 40px; }
#portal-languageselector h3, #portal-languageselector .pseudo-h3 { font-size: 20px; color: #FFFFFF;
/* */
/* */
padding: 3px 0 0 0; display: block; margin: 20px 0 15px 0; }
#portal-languageselector li a { font-size: 14px; color: #FFFFFF; border-top: 1px solid #b3b3b3; display: block; width: 172px; padding: 8px 0 7px 0; }
#portal-languageselector li a:hover { font-size: 14px; color: #ffee00; }
#portal-languageselector li.currentLanguage a { color: #ffee00; background: url(++resource++werkbank.plonetheme.images/currentLanguage.png) no-repeat right center; }
/* */
#portal-personaltools-wrapper { position: absolute; }
.searchSection { display: none; }
#portal-searchbox #livesearchLegend { display: none; }
#portal-searchbox #LSResult {
background: #f9e800 none repeat scroll 0 0;
left: 0;
margin: 0;
top: 80px;
z-index: 10;
overflow: hidden;
}
#portal-searchbox .livesearchContainer {
border: none;
color: #666666;
font-size: 11px;
margin: 0;
padding: 0;
width: 100%;
}
#portal-searchbox #LSResult[style] {
display: block !important;
}
#portal-searchbox .livesearchContainer .LSRow { padding: 0; width: 100%; }
#portal-searchbox .livesearchContainer .LSRow:hover,
#portal-searchbox .livesearchContainer .LSRow:focus { background: #ffee00; }
#portal-searchbox .livesearchContainer .LSRow:nth-child(even) { }
#portal-searchbox .livesearchContainer .LSRow:hover,
#portal-searchbox .livesearchContainer .LSRow:focus { background: #f2dc00; }
#portal-searchbox .livesearchContainer .LSRow:last-child { display: none; }
#portal-searchbox .livesearchContainer .LSRow a {
color: #000;
background: none;
padding: 10px !important;
font-size: 16px;
display: block;
}
#LSResult .LSDescr {
display: none;
}
#LSResult a.advancedsearchlink.advanced-search {
display: none;
}
#portal-searchbox .livesearchContainer .LSRow a:hover { color: #000000; }
#portal-searchbox .livesearchContainer li img,
#portal-searchbox .livesearchContainer .advancedsearchlink { display: none; }
.template-search #content .searchResults dt a {
/* */ /* */
border: medium none !important;
display: block;
padding: 5px 5px 5px 24px;
}
.template-search .teaser-viewlet {
display: none;
}
/* */
/* */
/* */
.template-search #content .searchResults dt a {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/bullets.gif") no-repeat scroll left 10px top 19px;
}
.template-search #content .searchResults dt a:hover,
.template-search #content .searchResults dt a:focus {
background: #f2dc00 url("++resource++werkbank.plonetheme.images/bullets.gif") no-repeat scroll left 10px top 19px;
}
.template-search.icons-on form.searchPage dl.searchResults dt, .template-search form.searchPage dl.searchResults dt {
background-image: none;
line-height: 2em;
padding-left: 0 !important;
}
/* */
/* */
/* */
#content div.listingBar a {
border: 0.1em solid #ccc !important;
}
div.listingBar a:hover {
background-color: #f2dc00;
}
#portal-globalnav .submenu li {
float: none;
}
/* */
#headerwrapper { width: 100%; overflow: hidden; box-shadow: 0px 0px 7px #cdcdcd; }
.banner img, .slider img { width: 100%; height: auto; }
.infoSlider-arrow { display: block; width: 34px; height: 35px; position: absolute; bottom: 23px; background: #CCCCCC; cursor: pointer; }
.infoSlider-arrow.prev { right: 135px; background: url(++resource++werkbank.plonetheme.images/prev.png) no-repeat left top; transition: all ease .2s}
.infoSlider-arrow.prev:hover { right: 135px; background: url(++resource++werkbank.plonetheme.images/prevHover.png) no-repeat left top; }
.infoSlider-arrow.prev:active { right: 135px; background: url(++resource++werkbank.plonetheme.images/prevActive.png) no-repeat left top; }
.infoSlider-arrow.next { right: 48px; background: url(++resource++werkbank.plonetheme.images/next.png) no-repeat left top; transition: all ease .2s}
.infoSlider-arrow.next:hover { right: 48px; background: url(++resource++werkbank.plonetheme.images/nextHover.png) no-repeat left top; }
.infoSlider-arrow.next:active { right: 48px; background: url(++resource++werkbank.plonetheme.images/nextActive.png) no-repeat left top; }
.dots { position: absolute; bottom: 49px; right: 123px; font-size: 18px; color: #FFFFFF; }
.dots .dot { display: none; position: absolute; }
.dots .active { display: block; }
/* */
.template-homepage_view .documentFirstHeading { display: none; }
.template-homepage_view #portal-column-content {
width: 100%;
}
.template-homepage_view #content { font-size: 25px; line-height: 1.3em;  }
.teaser-viewlet h2 { font-size: 18px; border-top: 2px solid #000000; padding: 3px 0 0 0; margin: 30px 0 15px 0; }
.teaser-viewlet h2 .h2dregular { font-weight: normal; }
.teaser-viewlet h3{ line-height: 1.1em;  margin-bottom: 0.2em; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none;  hyphens: none; }
.teaser-viewlet .teasercontainer { width: 268px; float: left; margin: 0 20px 40px 0; }
.teaser-viewlet .teasercontainer:last-child { margin: 0 0 40px 0; }
.teaser-viewlet .teaser .imagecontainer { height: 173px; overflow: hidden; margin-bottom: 5px; }
.teaser-viewlet .teaser img { width: 268px; height: auto; }
.teaser-viewlet .teaser span { font-size: 16px; color: #000000;   -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }
.template-vergleichsdetails .teaser-viewlet {
display: none;
}
.template-tabpage_view .tab-selektoren { border-bottom: 8px solid #ffee00; display: table; width: 100%; }
.template-tabpage_view .tab-selektoren div { float: left; cursor: pointer; background: #f2dc00; box-shadow: 2px -2px 3px #d2bf00 inset; color: #6e6700; font-size: 16px; padding: 7px 10px 5px; }
.template-tabpage_view .tab-selektoren div:hover,
.template-tabpage_view .tab-selektoren div.aktiv { background: #ffee00; color: #000000; box-shadow: -1px 0px 0px #d2bf00; }
.template-tabpage_view .tab-selektoren div:first-child:hover,
.template-tabpage_view .tab-selektoren div.aktiv:first-child { box-shadow: 0px 0px 0px #d2bf00; }
.template-tabpage_view .tabs { background: url(++resource++werkbank.plonetheme.images/tabviewBG.gif) no-repeat left top; padding: 20px; }
.template-tab_view .tab-selektoren { border-bottom: 8px solid #ffee00; display: table; width: 100%; }
.template-tab_view .tab-selektoren div { float: left; cursor: pointer; background: #f2dc00; box-shadow: 2px -2px 3px #d2bf00 inset; color: #6e6700; font-size: 16px; padding: 7px 10px 5px; }
.template-tab_view .tab-selektoren div:hover,
.template-tab_view .tab-selektoren div.aktiv { background: #ffee00; color: #000000; box-shadow: -1px 0px 0px #d2bf00; }
.template-tab_view .tab-selektoren div:first-child:hover,
.template-tab_view .tab-selektoren div.aktiv:first-child { box-shadow: 0px 0px 0px #d2bf00; }
.template-tab_view .tabs {
background: url("++resource++werkbank.plonetheme.images/tabviewBG.gif") repeat-x left top;
/* */
padding-top: 20px;
}
.tab-selektoren.sticky {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
max-width: 844px;
width: 100%;
}
.filterung { border-top: 8px solid #ffee00; background: url(++resource++werkbank.plonetheme.images/tabviewBG.gif) no-repeat left top; padding: 2px 20px 30px 12px; height: 150px; }
#content .filterung h2 { border-top: none; font-size: 22px; margin: 0 0 0.5em 0; }
#content .filterung h3 { font-size: 16px; font-weight: normal; }
.filterung .kategorie, .filterung .laendergesellschaft { float: left; margin-right: 40px; }
.filterung a div { background: #f2dc00 url(++resource++werkbank.plonetheme.images/filterung.png) no-repeat 10px 9px; float: left; margin-right: 12px; display: block;
box-shadow: 2px 2px 2px #cccccc; padding: 9px 10px 5px 33px; border-radius: 4px; -moz-border-radius: 4px; border-bottom: none !important; }
.filterung a div.aktiv { background: #ffee00 url(++resource++werkbank.plonetheme.images/filterung_aktiv.png) no-repeat 10px 9px; padding: 9px 10px 5px 33px; }
#content .filterung a:hover { color: #000000 !important; }
.ergebnisse { clear: both; font-size: 20px; line-height: 1.4em; }
.ergebnisse .date { font-size: 16px; color: #9d9d9c; }
#content .ergebnisse h2 {
border-top: none; font-size: 29px; margin: 0.25em 0 0.5em 0; }
#content .ergebnisse a { border-bottom: 1px dotted #8f8f8f; }
.ergebnisse .ergebnis { padding: 20px 30px 20px 15px; background: #f2f2f3;}
.ergebnisse .ergebnis:nth-child(even) { background: transparent; }
.portaltype-folderishpage #content-core .discreet:last-child,
.portaltype-folderishnews #content-core .discreet:last-child { display: none; }
figcaption.discreet{
display: inherit !important;
}
.template-link_iframe_view #headerwrapper,
.template-link_iframe_view #portal-breadcrumbs { display: none; }
.template-link_iframe_view #content { margin: 0; }
.template-link_iframe_view #portal-column-content { width: 100%; }
.template-link_iframe_view .blaetterkatalog_iframe { width: 100%; height: 695px; }
.template-link_iframe_view #content div { font-size: 1px; line-height: 0.5em; }
.photoAlbumEntry, #pressebilder div {
background: none;
float: left;
width: 268px;
height: auto;
margin: 0 10px 30px 0;/* */ /* */
/* */ /* */
overflow: visible;
padding: 0;
text-align: left;
}
#content .photoAlbumEntry a:link {
border-bottom: none !important;
}
.photoAlbumEntryWrapper { height: 200px; width: 268px; margin-bottom: 10px; }
#content .imageWrapper { height: 173px; }
.photoAlbumEntry a, #pressebilder div a { font-size: 90%; height: 200px; margin: 0; width: 268px; border-bottom: none !important; }
.photoAlbumEntry img, #pressebilder div img { margin: 0 0 5px 0; }
.photoAlbumEntryTitle, #pressebilder div span {
color: #000000;
height: auto;
width: auto;
/* */
display: block;
line-height: 20px;
padding-top: 5px;
font-size: 17px;
}
#content .backToOverview,
#content .backToOverview:hover,
#portal-column-two .backToOverview,
#portal-column-two .backToOverview:hover { background: #f2dc00; float: left; margin-right: 12px; display: block; border-bottom: none !important; font-size: 17px;
clear: both; color: #000000 !important; box-shadow: 2px 2px 2px #cccccc; padding: 9px 15px 5px 15px;
border-radius: 4px; -moz-border-radius: 4px; border-bottom: none !important; }
#content .backToOverview {
float: right;
}
.floatList { float: left; width: 170px; margin-bottom: 1.25em; }
.vorteil { padding: 20px 20px 15px 20px; }
.vorteil img { margin: 0 1em 1em 0; }
#content .vorteil h3 { margin: 0 0 0.25em 0; }
.grey { clear: both; background: #f2f2f3; }
.image_inline { float: left; margin-right: 12px; }
.floatContainer { float: left; width: 268px; margin-bottom: 1.25em; }
.floatContainer.first { margin-right: 20px; clear: both; }
#content .teaser h2 { clear: both; margin-top: 0; }
#content .teaser h3 { margin: 0.25em 0 0.25em; }
#content .teaser li { font-size: 17px; line-height: 20px; margin-bottom: 5px; }
#content .teaser a { border-bottom: none !important; }
.template-tabpage_view #content { font-size: 17px; line-height: 20px; }
.template-default_error_message #headerwrapper,
.template-default_error_message #portal-breadcrumbs { display: none; }
.template-default_error_message #portal-columns { padding-top: 40px; }
.subsection-allgemeine-geschaeftsbedingungen #headerwrapper,
.subsection-datenschutzhinweise #headerwrapper,
.subsection-impressum #headerwrapper,
.subsection-general-conditions #headerwrapper,
.subsection-data-protection-information #headerwrapper,
.subsection-imprint #headerwrapper,
.subsection-editeur #headerwrapper,
.subsection-conditions-generales-de-vente #headerwrapper,
.subsection-ogolne-warunki-handlowe #headerwrapper,
.subsection-polityka-prywatnosci #headerwrapper,
.subsection-agb #headerwrapper,
.subsection-terminos-legales #headerwrapper,
.subsection-vykhidni-dani #headerwrapper,
.subsection-zahalni-umovy-zdiysnennya-torhovykh-operatsiy #headerwrapper,
.subsection-condicoes-gerais-de-venda #headerwrapper,
.subsection-privacidade-de-dados #headerwrapper,
.subsection-ficha-editorial #headerwrapper,
.subsection-information-der-oeffentlichkeit-gemaess-8a-der-stoerfall-verordnung-stoerfallv #headerwrapper{
display: none;
}
.portaltype-folderishpage .summary,
.portaltype-folderishpage .documentByLine { display: none; }
.template-search #search-field { margin: 0 0 40px 0; padding: 0; }
.template-search #search-results-bar { font-size: 80%; }
.template-search #searchResultsSort { float: left; clear: both; margin-top: 5px; }
.template-search #search-results-bar .actionMenuContent { margin-top: 0; }
.template-search #search-filter .noborder:first-child { display: none; }
input.searchPage { font-size: 80% !important; }
input.searchPage:first-child { background: url(++resource++werkbank.plonetheme.images/search.png) no-repeat left top; -moz-appearance: none;
float: left; display: block; border: none; height: 24px; width: 185px; padding-left: 10px; }
.template-search .searchButton { background: url(++resource++werkbank.plonetheme.images/searchButton.png) no-repeat left top; border: none;
float: left; display: block; height: 24px; width: 28px; font-size: 1px !important; font-size: 0px !important; color: #FFFFFF; }
.template-search .discreet { font-size: 60% !important; line-height: 1.2em; }
.template-search .documentLocation { font-size: 80%; }
.template-search #search-results dd { margin: 0 0 1em 1em; }
/* */
.portletNavigationTree { padding-top: 20px !important; }
.portletNavigationTree li img { display: none; }
.portletNavigationTree li { cursor: pointer; }
.portletNavigationTree li a {
font-size: 22px;
font-weight: bold;
color: #000 !important;
border-top: 2px solid #000 !important;
padding: 12px 0 11px 0;
line-height: 1.3em;
}
.portletNavigationTree li a:hover {
color: #6e6700 !important;
}
.portletNavigationTree .navTreeLevel1 li { padding-left: 0 !important; }
.portletNavigationTree .navTreeLevel1 li a { font-weight: normal; margin: 0; padding: 9px 0 5px 25px; border-top: 1px solid #6e6700 !important; background-image: none !important; }
.portletNavigationTree .navTreeLevel2 li a { padding: 10px 0 5px 50px; font-size: 18px; }
dl.portlet ul.navTreeLevel0 > .navTreeItem { border-bottom: none; }
.portletNavigationTree ul.navTree li .navTreeCurrentItem {
background-color: transparent;
border: none;
margin: 0;
color: #6e6700 !important;
}
#contentPortlets .portletNavigationTree .portletHeader { display: none; }
#contentPortlets .portletNavigationTree { border-bottom: 8px solid #ffee00; display: table; width: 85%; margin: 0 0 0 48px; }
#contentPortlets .portletNavigationTree li { padding: 0; }
#contentPortlets .portletNavigationTree li a { float: left; cursor: pointer; background: #f2dc00; box-shadow: 2px -2px 3px #d2bf00 inset; border-top: none !important;
color: #6e6700; font-size: 16px; padding: 7px 10px 5px !important; font-weight: normal; }
#contentPortlets .portletNavigationTree li a:hover,
#contentPortlets .portletNavigationTree li a.navTreeCurrentItem { background: #ffee00; color: #000000; box-shadow: -1px 0px 0px #d2bf00; }
#contentPortlets .portletNavigationTree li:first-child a:hover,
#contentPortlets .portletNavigationTree li:first-child a.navTreeCurrentItem { box-shadow: 0px 0px 0px #d2bf00; }
/* */
#portal-column-two .portletStaticText { border-top: 8px solid #ffee00; padding: 10px 0 0 0; font-size: 16px; line-height: 1.3em;
background: url(++resource++werkbank.plonetheme.images/portletBG.jpg) repeat left top; }
#portal-column-two .portletStaticText:after { content: ""; display: block; width: 100%; height: 54px; background: url(++resource++werkbank.plonetheme.images/portletBottom.gif) repeat-x left top; }
#portal-column-two .portletStaticText h2 { padding: 8px 0 15px 47px; line-height: 1.1em; font-size: 22px; margin: 0 20px 0 15px;
background: url(++resource++werkbank.plonetheme.images/serviceIcon.png) no-repeat left 10px; }
#portal-column-two .portletStaticText h2 span { font-weight: normal; }
.kontaktkarriereportlet {
display: block;
font-size: 18px;
font-weight: 600 !important;
left: -45px;
position: relative;
top: 14px;
}
#portal-column-two .portletStaticText h3 { font-size: 16px; border-bottom: 2px solid #000000; margin: 0.75em 20px 0.5em 15px; }
#portal-column-two .portletStaticText a { color: #000000; }
#portal-column-two .portletStaticText p { margin: 0 20px 0 15px; }
#portal-column-two .portlet-static-klingspor-service a { font-size: 20px; color: #000000; border-bottom: 1px solid #000000; display: block; padding: 8px 0 3px 0; }
#portal-column-two .portlet-static-klingspor-service a.buttonProduktfinder {
background: url("++resource++werkbank.plonetheme.images/buttonProduktfinderIcon.png") left 7px center no-repeat rgb(233,213,0);
border-bottom: 0;
border-radius: 5px;
font-weight: 600;
padding: 14px 0 13px 0;
box-shadow: 2px 2px 2px #cccccc;
margin-bottom: 4px;
margin-top: 10px;
padding-left: 53px;
position: relative;
top: 0;
transition: all ease .1s;
cursor: pointer;
}
#portal-column-two .portlet-static-klingspor-service a.buttonProduktfinder:hover {
}
#portal-column-two .portlet-static-klingspor-service a:hover { font-weight: bold; }
/* */
#portal-footer { background: transparent; float: left; font-size: 14px; color: #575756; line-height: 18px;
padding: 0; margin: 20px 0 30px 0; width: 100%; }
.adress_container {
float: left;
margin: 0;
}
.adress_container span {
display: block;
}
.adress_container:first-child { width: 190px; margin: 0 0 0 20px; }
.adress_container a {
color: #575756;
}
.adress_container a:hover {
color: #000;
}
#klingspor-siteactions { clear: none; text-align: left; float: right; margin: 0 20px 0 20px; }
#klingspor-siteactions li { margin-right: 10px; }
#klingspor-siteactions li a { font-size: 14px; color: #575756; border-bottom: 1px dotted #8f8f8f; }
#klingspor-siteactions li a:hover { color: #000000; }
/* */
.detailfilter-container {
min-height: 120px;
}
.accordion.detailfilter .ui-state-default,
.accordion.detailfilter .ui-state-active,
#accordion.detailfilter .ui-state-default,
#accordion.detailfilter .ui-state-active,
.accordion.detailfilter .ui-widget-content,
#accordion.detailfilter .ui-widget-content,
.accordion.auswahlsortieren .ui-state-default,
.accordion.auswahlsortieren .ui-state-active,
.accordion.auswahlsortieren .ui-widget-content {
border: none;
border-radius: 0;
}
.accordion.detailfilter .ui-state-default,
#accordion.detailfilter .ui-state-default,
.accordion.auswahlsortieren .ui-state-default {
background: none #dadada;
color: #000;
transition: all linear .1s;
padding-left: 36px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
font-family: 'KLBulletinSans';
font-size: 15px;
}
.accordion.detailfilter .ui-state-active,
#accordion.detailfilter .ui-state-active,
.accordion.auswahlsortieren .ui-state-active {
background: none #000;
color: #ffe800;
}
.accordion.detailfilter .ui-widget-content,
#accordion.detailfilter .ui-widget-content,
.accordion.auswahlsortieren .ui-widget-content {
background: none #f2f2f2;
padding-left: 5px;
padding-right: 5px;
position: absolute;
width: calc(33% - 26px);
z-index: 1;
padding-top: 3px;
}
.accordion.detailfilter label img,
#accordion.detailfilter label img,
.accordion.auswahlsortieren label img {
position: relative;
top: -2px;
margin-right: 7px;
}
.accordion.detailfilter,
#accordion.detailfilter,
.accordion.auswahlsortieren {
float: left;
font-size: 14px;
/**/ /* */
width: calc(33% - 16px); /* */
margin: 0 8px 10px;
}
.aktive-elemente-detailfilter {
float: left;
}
.accordion.auswahlsortieren {
float: left;
margin-top: 7px;
margin-left: 18px;
}
.accordion.auswahlsortieren div span {
display: block;
padding-left: 30px;
}
.accordion.auswahlsortieren div span:hover {
cursor: pointer;
background-color: #F4E22A;
}
.sortierung {
border-top: 2px solid #dadada;
margin-top: 10px;
}
.sortierung span.sortierenNach {
float: left;
font-weight: 600;
color: #dadada;
padding-top: 11px;
}
#content .ui-accordion-header a.fragezeichen {
background: #000;
width: 17px;
height: 17px;
display: inline-block;
border-radius: 9px;
position: absolute;
right: 9px;
border-bottom: none !important;
box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.8);
}
.ui-accordion-header a.fragezeichen span {
color: #ffee00;
text-align: center;
display: inline-block;
padding-left: 5px;
}
#content .ui-accordion-header.ui-accordion-header-active a.fragezeichen {
background: #ffee00;
}
.ui-accordion-header.ui-accordion-header-active a.fragezeichen span {
color: #000;
}
/* */
.abdunklung {
position: fixed;
background: rgba(0,0,0,0.7);
z-index: 500;
top: 0;
height: 100%;
width: 100%;
}
.schleifwissenOverlay {
z-index: 501;
position: absolute;
margin: 0 auto;
width: 80%;
margin-left: 10%;
margin-right: 10%;
margin-top: 23%;
}
.schleifwissenOverlay #portal-columns {
border-top: 8px solid #ffee00;
}
.schleifwissenOverlay p {
font-size: 18px;
line-height: 18px;
}
.schleifwissenOverlay .back-schleifwissen.btn.btn-info,
.schleifwissenOverlay form[action="@@search"],
.schleifwissenOverlay #content-core hr {
display: none;
}
/* */
.produktfinder {
position: absolute;
width: 100%;
z-index: 2;
}
.maschine.akkordeon,
.anwendungsgruppe.akkordeon {
clear: both;
}
.produktfinder .akkordeon {
border-left: 1px solid #FEED02;
border-right: 1px solid #FEED02;
border-bottom: 1px solid #FEED02;
background-color: #282827;
}
.pf_header {
background: #feed02 url("++resource++werkbank.plonetheme.images/pf/pf_headerBG.png") repeat scroll 0 0;
display: block;
padding: 13px 10px 10px 45px;
}
.produktfinder .akkordeon-head {
background: #000 url("++resource++werkbank.plonetheme.images/pf/pf_akkordeonIcons.png") no-repeat scroll left 46px top 11px;
color: #feed02;
display: block;
font-size: 21px;
letter-spacing: 1px;
padding: 0 10px 0 78px;
cursor: pointer;
}
.produktfinder .akkordeon-head.aktiv {
background: #000 url("++resource++werkbank.plonetheme.images/pf/pf_akkordeonIcons_active.png") no-repeat scroll left 46px top 10px;
}
.akkordeon-head td {
vertical-align: top;
padding-top: 10px;
padding-bottom: 10px;
}
.akkordeon-head td:first-child {
padding-right: 30px;
}
.akkordeon-body {
background-color: #282827;
display: inline-block;
padding: 25px 5.5% 0;
width: 89%;
}
.arbeitsschritte .auswahl {
cursor: pointer;
}
.anwendungsgruppe{
padding-bottom: 25px;
}
.col-1-3{
width: 31.6%;
float: left;
color: #fff;
margin-right:1.6%;
border-top: 3px solid;
height: 30px;
padding-top: 10px;
}
.col-1-3:nth-child(3n) {	margin: 0;}
.col-1-4 {
width: 25%;
float: left;
color: #fff;
}
.col-2-4 {
width: 50%;
float: left;
color: #fff;
}
.col-3-4 {
width: 75%;
float: left;
color: #fff;
}
.akkordeon-body .ueberschrift {
font-weight: 600;
letter-spacing: 1px;
padding-top: 10px;
font-size: 18px;
border-top: none;
color: #fff;
border-top: 3px solid #fff;
}
.ausgewaehlt {
background: url("++resource++werkbank.plonetheme.images/pf/pf_select.png") no-repeat center right;
color: #feed02 !important;
}
.anwendungsgruppe .spalte1 span,
.anwendungsgruppe .spalte2 span,
.anwendungsgruppe .spalte3 span,
.anwendungsgruppe .spalte4 span,
.spalte1 .sortimentTooltips,
.spalte2 .sortimentTooltips,
.spalte3 .sortimentTooltips,
.spalte4 .sortimentTooltips   {
display: block;
border-top: 1px solid #706F6F;
font-weight: 300;
font-size: 14px;
letter-spacing: normal;
padding-top: 0;
padding-bottom: 6px;
padding-top: 6px;
color: #f9f9f9;
max-width: 196px;
width: 100%;
cursor: pointer;
}
.anwendungsgruppe .spalte1 span:hover,
.anwendungsgruppe .spalte2 span:hover,
.anwendungsgruppe .spalte3 span:hover,
.maschine .spalte1 span:hover,
.maschine .spalte2 span:hover,
.maschine .spalte3 span:hover,
.konfektionen .spalte1 span:hover,
.konfektionen .spalte2 span:hover,
.konfektionen .spalte3 span:hover {
color: #feed02;
}
.maschinen .sortimentTooltips {
padding-right: 13px;
width: calc(100% - 13px);
}
.pf-abfrage-head:hover {
color: #000 !important;
}
.auswahl.sortimentTooltips .pf-abfrage-meldung span:hover {
color: #000 !important;
}
.ausgegraut,
.anwendungsgruppe div .ausgegraut {
color: #706F6F;
}
/* */
.piktogram {
background: url("++resource++werkbank.plonetheme.images/sortiment/klingsporArtikelIconsSprite.png");
height: 83px;
width: 97px;
}
/* */
.sortimentTooltips[data-produktfinder="Handschliff"] .piktogram {
background-position: 496px 218px;
}
.sortimentTooltips[data-produktfinder="Handklotz"] .piktogram {
background-position: 496px 118px;
}
.sortimentTooltips[data-produktfinder="Handklotz"] .piktogram {
background-position: 580px 219px;
}
.sortimentTooltips[data-produktfinder="Schwingschleifer"] .piktogram {
background-position: 252px -147px;
}
.sortimentTooltips[data-produktfinder="Exzenterschleifer"] .piktogram {
background-position: 414px -499px;
width: 93px;
}
.sortimentTooltips[data-produktfinder="Dreieckschleifer"] .piktogram {
background-position: 91px -377px;
}
.sortimentTooltips[data-produktfinder="Handbandmaschine"] .piktogram {
background-position: 89px -143px;
}
.sortimentTooltips[data-produktfinder="Handbandfeile"] .piktogram {
background-position: 10px -498px;
}
.sortimentTooltips[data-produktfinder="Bohrmaschine"] .piktogram {
background-position: -320px -498px;
}
.sortimentTooltips[data-produktfinder="Geradschleifer"] .piktogram {
background-position: -482px -140px;
width: 95px;
}
.sortimentTooltips[data-produktfinder="Satiniermaschine"] .piktogram {
background-position: -403px -266px;
width: 93px;
}
.sortimentTooltips[data-produktfinder="Winkelschleifer"] .piktogram {
background-position: 6px -21px;
}
.sortimentTooltips[data-produktfinder="Benzintrenner"] .piktogram {
background-position: -483px -492px;
}
.sortimentTooltips[data-produktfinder="Mauerschlitzfräse"] .piktogram {
background-position: -478px -378px;
}
.sortimentTooltips[data-produktfinder="Fugenschneider"] .piktogram {
background-position: -400px -26px;
width: 90px;
}
.sortimentTooltips[data-produktfinder="Abgewinkelter Stabschleifer"] .piktogram {
background-position: -481px -26px;
}
.sortimentTooltips[data-produktfinder="Biegsame Welle"] .piktogram {
background-position: 9px -255px;
}
.sortimentTooltips[data-produktfinder="Parkettschleifer"] .piktogram {
background-position: -237px -143px;
}
.sortimentTooltips[data-produktfinder="Ständerschleifmaschine"] .piktogram {
background-position: -157px -263px;
}
.sortimentTooltips[data-produktfinder="Centerlessschleifmaschine"] .piktogram {
background-position: 9px -618px;
}
.sortimentTooltips[data-produktfinder="Flachschleifmaschine"] .piktogram {
background-position: -560px -259px;
width: 80px;
}
.sortimentTooltips[data-produktfinder="Kantenschleifmaschine"] .piktogram {
background-position: -560px -259px;
}
.sortimentTooltips[data-produktfinder="Kantenschleifmaschine"] .piktogram {
background-position: -317px -143px;
}
.sortimentTooltips[data-produktfinder="Profilschleifmaschine"] .piktogram {
background-position: -318px -266px;
}
.sortimentTooltips[data-produktfinder="Langbandmaschine"] .piktogram {
background-position: -153px -143px;
}
.sortimentTooltips[data-produktfinder="Breitbandmaschine"] .piktogram {
background-position: -242px -615px;
}
.sortimentTooltips[data-produktfinder="Schleifbock"] .piktogram {
background-position: -235px -27px;
}
.sortimentTooltips[data-produktfinder="Stationäre Trennmaschine"] .piktogram {
background-position: -74px -21px;
width: 80px;
}
.sortimentTooltips[data-produktfinder="Tischmaschine"] .piktogram {
background-position: -73px -137px;
}
.sortimentTooltips[data-produktfinder="Tischsäge"] .piktogram {
background-position: 8px -378px;
}
.sortimentTooltips[data-produktfinder="Benzintrenner mit Klemmvorrichtung"] .piktogram {
background-position: -319px -378px;
}
.sortimentTooltips[data-produktfinder="Hubbalken mit Marmorierkörper"] .piktogram {
background-position: -483px -261px;
}
.sortimentTooltips[data-produktfinder="Bohrstaender"] .piktogram {
background-position: -400px -377px;
}
.sortimentTooltips[data-produktfinder="Kehlnahtschleifer"] .piktogram {
background-position: -320px -25px;
}
.sortimentTooltips[data-produktfinder="Bohrhammer"] .piktogram {
background-position: -153px -25px;
}
.sortimentTooltips[data-produktfinder="Stationäre Trennmaschine offen"] .piktogram {
background-position: -74px -260px;
}
.sortimentTooltips[data-produktfinder="Tischschleifmaschine"] .piktogram {
background-position: -321px -622px;
}
/* */
.sortimentTooltips .piktogramKonfektion {
background: url("++resource++werkbank.plonetheme.images/sortiment/konfektionSprite.jpg") no-repeat;
height: 124px;
width: 124px;
}
.sortimentTooltips[data-produktfinder="Rollen"] .piktogramKonfektion {
background-position: 0 0;
}
.sortimentTooltips[data-produktfinder="Bänder"] .piktogramKonfektion {
background-position: -123px 0;
}
.sortimentTooltips[data-produktfinder="Fiberscheiben"] .piktogramKonfektion {
background-position: -248px 0;
}
.sortimentTooltips[data-produktfinder="Schleifblätter"] .piktogramKonfektion {
background-position: -371px 0;
}
.sortimentTooltips[data-produktfinder="Quick Change Discs"] .piktogramKonfektion {
background-position: -496px 0;
}
.sortimentTooltips[data-produktfinder="Schleifmop"] .piktogramKonfektion {
background-position: -620px 0;
}
.sortimentTooltips[data-produktfinder="Schleifmopteller"] .piktogramKonfektion {
background-position: -744px 0;
}
.sortimentTooltips[data-produktfinder="Kronenflex Trennscheiben"] .piktogramKonfektion {
background-position: -868px 0;
}
.sortimentTooltips[data-produktfinder="Kronenflex Schruppscheiben"] .piktogramKonfektion {
background-position: -992px 0;
}
.sortimentTooltips[data-produktfinder="Elastische Schleifmittel"] .piktogramKonfektion {
background-position: -1116px 0;
}
.sortimentTooltips[data-produktfinder="Hartmetallfräser"] .piktogramKonfektion {
background-position: -1240px 0;
}
.sortimentTooltips[data-produktfinder="Diamanttrennscheiben"] .piktogramKonfektion {
background-position: -1373px 0;
}
.sortimentTooltips[data-produktfinder="Diamantschleifteller"] .piktogramKonfektion {
background-position: -1627px 0;
}
.sortimentTooltips[data-produktfinder="Bohrkronen und Zubehör"] .piktogramKonfektion {
background-position: -1503px 0;
}
.col-3-4 .spalte1,
.col-3-4 .spalte2,
.col-3-4 .spalte3 {
float: left;
max-width: 196px;
width: 100%;
margin-right: 12px;
}
.col-3-4 .spalte3 {
margin-right: 0;
}
.maschine.col-1-5 {
width: 20%;
float: left;
}
.maschine.col-2-5 {
width: 38.5%;
float: left;
}
.maschine.col-2-5:nth-child(3) {
float: right;
}
.maschine.col-1-5 .ueberschrift {
width: 100%;
max-width: 150px;
display: block;
}
.maschine.col-2-5 .ueberschrift {
display: block;
width: 100%;
}
.maschine.col-1-5 .spalte1 {
width: 100%;
max-width: 150px;
}
.maschine.col-2-5 .spalte1,
.maschine.col-2-5 .spalte2 {
width: 46.5%;
float: left;
}
.maschine.col-2-5 .spalte2 {
float: right;
}
.anwendungsgruppe.col-1-4 > span,
.maschine.col-1-4 > span {
max-width: 196px;
width: 100%;
display: block;
}
.anwendungsgruppe.col-3-4 > span,
.maschine.col-3-4 > span {
border-top: 3px solid #fff;
display: block;
max-width: 638px;
width: 100%;
}
.spalte1,
.spalte2,
.spalte3,
.spalte4 {
margin-top: 20px;
}
.pf_footer {
background: url("++resource++werkbank.plonetheme.images/pf/pf_headerArrow.png") no-repeat #feed02 top left 130px;
padding-bottom: 10px;
}
.pf_footer > input {
background-color: transparent;
border: 1px solid #000;
border-radius: 4px;
font-size: 23px;
font-weight: 300;
margin-left: 45px;
margin-top: 17px;
padding: 3px 11px;
margin-bottom: 6px;
cursor: pointer;
font-family: 'KLBulletinSansBlack', Arial, sans-serif;
}
.zwischenergebnis {
float: right;
font-size: 17px;
padding-right: 50px;
position: relative;
top: 29px;
}
.schliessen-button {
background-color: #feed02;
box-shadow: 0 6px 2px -4px rgba(0, 0, 0, 0.4) inset;
height: 50px;
}
.aktive_elemente {
background: transparent none repeat scroll 0 0;
}
.aktive_elemente span {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/pf/pf_filterClose.png") no-repeat scroll right 4px center;
border: 1px solid #fff;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 15px;
padding: 2px 22px 1px 8px;
margin-right: 10px;
margin-bottom: 6px;
}
.aktive_elemente span:last-child {
margin-right: 0;
}
.aktive-elemente-detailfilter span.aktive_elemente {
background: transparent none repeat scroll 0 0;
border: 1px solid #000;
border-radius: 3px;
color: #000;
display: inline-block;
height: 17px;
padding: 2px;
line-height: 13px;
margin-left: 2px;
margin-right: 2px;
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/pf/pf_filterCloseBlack.png") no-repeat scroll right 4px top 4px;
}
.aktive-elemente-detailfilter span.aktive_elemente span {
color: #000;
background: none;
padding-right: 0;
padding-left: 0;
margin: 0;
}
.aktive-elemente-detailfilter span.aktive_elemente span.key {
padding-left: 5px;
}
.aktive-elemente-detailfilter span.value {
padding-right: 22px !important;
}
.aktive-elemente-detailfilter span.aktive_elemente span:hover {
cursor: pointer;
}
.akkordeon-head > span:first-child {
display: inline-block;
padding: 10px 0;
width: 200px;
}
/* */
#accordion.detailfilter,
#accordion.auswahlsortieren {
width: 220px;
}
.template-vergleichsdetails .vergleichsdetails-listeAkk #accordion.detailfilter {
width: 230px;
margin-left: 0;
}
.detailfilter input[type="checkbox"] {
display:none;
}
.detailfilter input[type="checkbox"] + label span:first-child {
display: inline-block;
width: 19px;
height: 19px;
margin: -1px 4px 0 0;
vertical-align: middle;
background: url("++resource++werkbank.plonetheme.images/check_radio_sheet.png") left top no-repeat;
cursor: pointer;
float: left;
}
.detailfilter input[type="checkbox"]:checked + label span:first-child {
background: url("++resource++werkbank.plonetheme.images/check_radio_sheet.png") -19px top no-repeat;
}
.detailfilter .ui-state-default .ui-icon,
.detailfilter .ui-state-active .ui-icon,
.accordion.auswahlsortieren .ui-state-default .ui-icon,
.accordion.auswahlsortieren .ui-state-active .ui-icon {
height: 24px;
width: 24px;
margin-top: -12px;
left: 5px;
}
.detailfilter .ui-state-default .ui-icon,
.accordion.auswahlsortieren .ui-state-default .ui-icon {
background: url("++resource++werkbank.plonetheme.images/iconAccordion.png") no-repeat top left;
}
.detailfilter .ui-state-active .ui-icon,
.accordion.auswahlsortieren .ui-state-active .ui-icon {
background: url("++resource++werkbank.plonetheme.images/iconAccordion_active.png") no-repeat top left;
}
.detailfilter span.detailText,
.accordion.auswahlsortieren span.detailText {
top: 2px;
position: relative;
max-width: 140px;
display: inline-block;
}
.detailfilterBlock {
border-bottom: 1px solid;
}
.detailfilterBlock:first-child {
padding-top: 0;
}
.detailfilterBlock:last-child {
padding-bottom: 0;
border-bottom: none;
}
/* */
#content .vorteilecontainer > h2,
#content .anwendungcontainer h2 {
font-size: 40px;
}
.vorteileBlockLinks {
float: left;
}
.vorteileBlockLinks img {
clear: left;
float: left;
}
.vorteileBlockLinks .vorteil {
float: left;
padding-top: 0;
width: 300px;
}
.vorteileBlockRechts {
float: right;
}
.vorteileBlockRechts h4,
.anwendungBlockRechts h4 {
border-top: 2px solid #000;
font-size: 17px;
margin-bottom: 31px;
padding-top: 4px;
}
#content .vorteileBlockRechts li {
margin-bottom: 2px;
}
.anwendungBlockLinks {
float: left;
max-width: 560px;
text-align: center;
width: 100%;
}
.anwendungBlockLinks > img {
margin-bottom: 20px;
}
.anwendungBlockLinks p,
.anwendungBlockLinks ol,
.anwendungBlockLinks h3,
.anwendungBlockLinks span {
text-align: left;
}
.anwendungBlockRechts {
max-width: 250px;
width: 100%;
float: right;
}
.anwendungBlockLinks ol li span:first-child {
display: block;
font-weight: 600;
}
.anwendungBlockLinks ol li span {
left: -18px;
position: relative;
}
.anwendungBlockLinks ol li span:first-child {
display: block;
font-weight: 600;
left: 0;
}
.anwendungListeContainer {
clear: both;
width: 100%;
}
.anwendungListeContainer span {
display: block;
font-size: 16px;
line-height: 19px;
}
.anwendungListe1, .anwendungListe2, .anwendungListe3 {
float: left;
text-align: left;
width: 33%;
}
.anwendungListeHead {
font-weight: 600;
margin-top: 15px;
}
.anwendungListeText {
}
#content .anwendungBlockLinks > h3 {
clear: both;
font-size: 29px;
margin-top: 70px;
}
.anwendungBlockLinks .bauformen {
float: left;
width: 33%;
font-size: 16px;
line-height: 19px;
}
.anwendungBlockLinks .bauformen img {
margin-bottom: 25px;
}
.bauformen p {
padding: 13px;
}
.bauformenBeispielText span:first-child {
left: -106px;
position: relative;
}
.bauformenBeispielText span:nth-child(2) {
left: 101px;
position: relative;
}
.anwendungBlockLinks .links {
float: left;
margin-top: 50px;
text-align: left;
width: 50%;
font-size: 16px;
line-height: 19px;
}
.anwendungBlockLinks .links span {
display: block;
}
.anwendungBlockLinks .rechts {
float: left;
width: 50%;
margin-top: 50px;
}
.anwendungBaenderFormen .bild {
float: left;
width: 197px;
}
.anwendungBaenderFormen .text {
float: left;
width: 50%;
}
.anwendungBaenderFormen .bild img {
width: 100%;
max-width: 185px;
}
.anwendungBaenderFormen .form {
clear: both;
font-size: 16px;
line-height: 18px;
margin-bottom: 20px;
min-height: 129px;
}
.anwendungBaenderFormen .links,
.anwendungBaenderFormen .rechts {
width: 50%;
float: left;
}
.anwendungSchleifblaetter .links {
float: left;
width: 50%;
}
.anwendungSchleifblaetter > table {
background: #f2f2f3 none repeat scroll 0 0;
float: left;
width: 50%;
}
.anwendungSchleifblaetter > table td:nth-child(1) {
text-align: right;
}
.anwendungStuetzteller .bilder {
text-align: center;
}
.anwendungStuetzteller .bilder img {
margin-right: 30px;
}
.anwendungStuetzteller .bilder img:last-child {
margin-right: 0;
}
.anwendungStuetzteller .links {
float: left;
width: 50%;
}
.anwendungStuetzteller .rechts {
float: left;
width: 50%;
}
.anwendungStuetzteller .right img[style] {
height: auto !important;
max-width: 100%;
}
.anwendungSchleifmop .mopdurchmesser .links {
float: left;
width: 50%;
}
#content .anwendungSchleifmop .mopdurchmesser > table {
float: left;
width: 50%;
text-align: center;
}
.anwendungSchleifmop .mopdurchmesser {
margin-top: 30px;
}
.anwendungSchleifmop table.schleifverhalten {
width: 100%;
}
.anwendungSchleifmop .schleifverhalten .tblBorder {
border-bottom: 2px solid;
}
.anwendungSchleifmop .schleifverhalten th {
background: #fff none repeat scroll 0 0;
border-top: 4px solid #000;
text-align: center;
}
.anwendungSchleifmop .schleifverhalten tr td:first-child {
background: #fff none repeat scroll 0 0;
}
.anwendungSchleifmop figure {
float: left;
margin-bottom: 40px;
width: 50%;
}
#content .anwendungTrennscheiben > h2 {
margin-top: 70px;
}
.anwendungTrennscheiben .links,
.anwendungTrennscheiben .rechts {
font-size: 13px;
line-height: 27px;
width: calc( 49% - 161.5px );
}
.anwendungTrennscheiben .links,
.anwendungTrennscheiben .links img {
float: left;
}
.anwendungTrennscheiben .rechts {
float: right;
}
.anwendungTrennscheiben .farben > figure,
.anwendungDiamantwerkzeug .farben > figure {
float: left;
margin-right: 90px;
}
.anwendungTrennscheiben .farben > figure:nth-child(3), .farben > figure:nth-child(6),
.anwendungDiamantwerkzeug .farben > figure:nth-child(3), .farben > figure:nth-child(6) {
margin-right: 0;
}
.anwendungTrennscheiben .farben > figure:nth-child(4),
.anwendungTrennscheiben .farben > figure:nth-child(6),
.anwendungDiamantwerkzeug .farben > figure:nth-child(4),
.anwendungDiamantwerkzeug .farben > figure:nth-child(6) {
clear: right;
}
.anwendungTrennscheiben .farbe,
.anwendungDiamantwerkzeug .farbe {
height: 40px;
width: 160px;
}
.anwendungTrennscheiben .farbe.grau,
.anwendungDiamantwerkzeug .farbe.grau {
background-color: #8F9293;
}
.anwendungTrennscheiben .farbe.blau,
.anwendungDiamantwerkzeug .farbe.blau  {
background-color: #004B82;
}
.anwendungTrennscheiben .farbe.silber,
.anwendungDiamantwerkzeug .farbe.silber  {
background-color: #F3F5F8;
}
.anwendungTrennscheiben .farbe.schwarz,
.anwendungDiamantwerkzeug .farbe.schwarz {
background-color: #231F20;
}
.anwendungTrennscheiben .farbe.rot,
.anwendungDiamantwerkzeug .farbe.rot {
background-color: #ED2024;
}
.anwendungTrennscheiben .farbe.gruen,
.anwendungDiamantwerkzeug .farbe.gruen {
background-color: #3CAC46;
}
.anwendungTrennscheiben .farbe.weiss,
.anwendungDiamantwerkzeug .farbe.weiss {
border: 1px solid;
}
.anwendungTrennscheiben .qualitaetsklassen > figure,
.anwendungDiamantwerkzeug .qualitaetsklassen > figure {
float: left;
width: 33%;
}
.anwendungTrennscheiben .qualitaetsklassen figcaption,
.anwendungDiamantwerkzeug .qualitaetsklassen figcaption p {
font-size: 16px;
line-height: 19px;
padding: 35px 20px 0 0;
}
.anwendungTrennscheiben .aufbau {
margin-top: 70px;
}
.anwendungTrennscheiben .farben figcaption,
.anwendungDiamantwerkzeug .farben figcaption {
font-size: 16px;
font-weight: 600;
line-height: 19px;
margin-bottom: 30px;
margin-top: 10px;
}
.anwendungTrennscheiben .lagerung > img {
float: left;
}
.anwendungTrennscheiben .haltbarkeit {
float: right;
width: 50%;
}
.anwendungTrennscheiben .lagerung {
margin-top: 70px;
}
#content table.haltbarkeit {
padding: 0 10px;
}
#content table.haltbarkeit thead {
text-align: center;
}
.anstellwinkelTrennen .links,
.korrektesAufspannen .links {
font-size: 20px;
width: 60%;
}
.anstellwinkelTrennen .rechts img,
.korrektesAufspannen .rechts img {
max-width: 100%;
height: auto;
}
.anwendungFraeser table {
width: 100%;
}
.anwendungFraeser table th {
font-size: 16px;
}
.anwendungFraeser table .white {
background-color: #fff;
}
.anwendungFraeser table .border {
border-bottom: 3px solid #000;
}
.anwendungDiamantwerkzeug .links,
.anwendungDiamantwerkzeug .rechts {
float: left;
width: 50%;
}
.anwendungDiamantwerkzeug .links img {
margin-bottom: 30px;
max-width: 150px;
width: 100%;
}
.anwendungDiamantwerkzeug .rechts ol {
font-weight: 600;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.anwendungDiamantwerkzeug .rechts ul {
height: 115px;
font-weight: 300;
}
.anwendungDiamantwerkzeug .osabilder {
height: 180px;
margin: 40px auto;
max-width: 630px;
width: 100%;
}
.anwendungDiamantwerkzeug .verzahnung {
height: auto;
margin: 0 auto;
max-width: 560px;
width: 100%;
}
#content table.anwendungVerzahnung {
font-size: 15px;
vertical-align: top;
}
#content table.anwendungVerzahnung tr {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#content table.anwendungVerzahnung tr td:first-child {
font-weight: 600;
white-space: nowrap;
}
/* */
.produktfinder-abfrage {
border-top: 4px solid;
display: inline-block;
min-height: 155px;
padding: 9px 9px 16px;
width: 266px;
position:relative;
}
.anwendungsgruppe .produktfinder-abfrage span{
max-width:100%;
border:none;
}
.anwendungsgruppe .produktfinder-abfrage .pf-abfrage-head {
color: #e74011;
font-size: 18px;
font-weight: 400;
}
.produktfinder-abfrage .buttons {
background: #000 none repeat scroll 0 0;
border-radius: 5px;
box-shadow: 1px 1px #a6a6a6;
color: #ffee00;
display: inline-block;
float: left;
font-size: 18px;
font-weight: 400;
height: 14px;
padding: 10px 5px;
width: 115px;
margin-top: 35px;
}
.produktfinder-abfrage .buttons:hover {
background: #ffee00;
color: #000;
}
.produktfinder-abfrage .buttons:nth-child(4) {
float: right;
}
.anwendungsgruppe .produktfinder-abfrage .pf-abfrage-meldung span {
display: inline;
color: #000;
}
.anwendungsgruppe .produktfinder-abfrage .pf-meldung-bold {
font-weight: 600;
}
.produktfinder-abfrage[style] {
color: #000;
margin-top: -210px;
}
.arbeitsschritte .produktfinder-abfrage[style] {
margin-top: -100px;
}
/* */
.sortimentTooltips {
position: relative;
display: inline;
}
.sortimentTooltips span.bild,
.artikel-auf-vergleichsliste {
position: absolute;
color: #000000;
background: #DADADA;
height: 85px;
width: 100px;
line-height: 40px;
text-align: center;
visibility: hidden;
border-radius: 0px;
box-shadow: 0px 0px 8px #000000;
opacity: 0;
transition: opacity ease .3s;
bottom: 34px;
left: 50%;
margin-left: -74px;
z-index: 999;
padding-top: 15px;
}
.sortimentTooltips span.bild:after,
.artikel-auf-vergleichsliste:after {
content: '';
position: absolute;
top: 100%;
left: 10px;
width: 0;
height: 0;
border-top: 12px solid #DADADA;
border-right: 12px solid transparent;
}
.konfektionen .sortimentTooltips span.bild {
height: 124px;
width: 124px;
padding-top: 0;
}
.vergleichsdetails-produkt {
overflow: hidden;
}
.vergleichsdetails-produkt table {
position: relative;
}
.sortimentTooltips:hover .text + span.bild {
visibility: visible;
opacity: 1;
}
.vergleichLeer {
background-color: #ffee00;
border: 2px solid #575756;
border-radius: 8px;
display: block;
font-size: 30px;
font-weight: 600;
margin: 50px auto 0;
max-width: 310px;
padding: 10px;
text-align: center;
width: 100%;
}
/* */
/**/ /* */
.suchergebnisse .produkt-kurzinfo {
float: left;
width: 25%;
margin-bottom: 50px;
}
#content .suchergebnisse a.produkt-kurzinfo {
border-bottom: none !important;
}
.zentrierung {
text-align: center;
width: calc(100% - 28px);
}
.produkt-kurzinfo div {
text-align: center;
margin: 0 auto;
}
/* */
.suchergebnisse .produkt-kurzinfo:nth-child(5) {
clear:both
}
.template-search.icons-on #search-results .contenttype-document {
background-image: none;
}
span.produkttitel {
font-style: italic;
font-weight: 600;
}
span.produkttitel .qualitaetsklasse {
font-weight: 300;
}
div span.qualitaetsklasse {
font-weight: 300;
}
.produkt-content {
width: 100% !important;
}
.suchergebnisse .produkt-kurzinfo img,
.suchergebnisse .produkttitel {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
max-width: 100%;
}
.suchergebnisse .produkt-kurzinfo img:hover,
.suchergebnisse .produkt-kurzinfo:hover .produkttitel {
-webkit-transform:scale(1.08);
-moz-transform:scale(1.08);
-ms-transform:scale(1.08);
-o-transform:scale(1.08);
transform:scale(1.08);
}
.suchergebnisse .produkttitel:hover {
cursor: pointer;
}
/* */
.template-produktsuche #content-core.width-3\:4,
.template-produkt_view #content-core.width-3\:4 {
width: 100%;
}
.template-produktsuche .suchergebnisse {
margin-top: 40px;
}
.template-produkt_view .headerbanners {
display: none;
}
.template-produkt_view #content-core {
background: #ffffff /* */;
}
.produktTabs {
background-color: #ffee00;
height: 39px;
}
#content .produktTabs ul {
list-style-type: none;
margin-left: 0;
}
#content .produktTabs ul li {
background: #f2dc00 none repeat scroll 0 0;
border-top: medium none !important;
box-shadow: 2px -2px 3px #d2bf00 inset;
color: #6e6700;
cursor: pointer;
float: left;
font-size: 16px;
font-weight: normal;
padding: 7px 0 5px !important;
display: inherit;
width: 33.3334%;
}
#content .produktTabs ul li.anwendung.ausgegraut {
background: #D1D1D1 none repeat scroll 0 0;
box-shadow: 2px -2px 3px rgba(0, 0, 0, 0.3) inset;
color: #333;
cursor: default;
}
#content .produktTabs ul li span {
padding-left: 15px;
}
#content ul li.aktiv,
#content .produktTabs ul li:hover  {
background: #ffee00 none repeat scroll 0 0;
box-shadow: -3px 0 3px -2px #d2bf00;
transition: all ease .2s;
}
#content ul li.aktiv:first-child,
#content .produktTabs ul li:first-child:hover {
background: #ffee00 none repeat scroll 0 0;
box-shadow: 0 0 0 #d2bf00;
transition: all ease .2s;
}
#content .produkt-content li,
#content .produktDaten li {
display: inherit;
}
.produkt-content #content h1.documentFirstHeading {
display: none;
}
.produktBlock {
clear: both;
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/portletBG.jpg") repeat scroll left top;
height: auto;
min-height: 249px;
}
.produktBild {
width: calc(29% - 16px);
}
#content .produktBild h1,
#content .produktBild h2 {
margin: 0;
padding: 0;
font-style: italic;
border: none;
}
#content .produktBild h1 {
font-size: 14px;
font-weight: 300;
margin-top: 10px;
}
#content .produktBild h2 {
font-size: 25px;
font-weight: 600;
margin-top: 10px;
}
#content .produktBild .headline-konfektion {
font-size: 14px;
font-weight: 300;
margin-top: 10px;
}
.produktBild h2 {
font-size: 25px;
font-weight: 600;
}
.produktQualitaetsklasse {
/* */
/* */
font-weight: 300;
font-size: 39px;
font-style: italic;
margin-top: -6px;
text-transform: uppercase;
}
.einzelDaten {
clear: both;
}
.produktBild,
.produktDaten {
float: left;
padding-top: 20px;
padding-left: 16px;
}
.produktDaten {
width: 71%;
padding-left: 0;
}
.produktBild img {
max-width: 200px;
}
.closeButton {
background-color: #f2dc00;
border-radius: 15px;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.44);
cursor: pointer;
font-size: 27px;
font-weight: 300;
height: 28px;
padding: 1px 0 0 2px;
position: absolute;
right: 20px;
text-align: center;
width: 28px;
}
.produktDaten ul {
list-style-type: none;
}
.produktDaten .produktEigenschaften {
float: left;
width: 30%;
margin-left: 1.5%;
}
.produktEigenschaften.eigenschaft img {
margin-top: 8px;
}
.produktDaten .vorteile {
font-size: 15px;
margin: 20px 0;
clear: both;
padding-left: 10px;
line-height: 18px;
}
.produktEigenschaften.qualitaet {
width: 186px;
}
.produktDaten .produktEigenschaften .eigenschaftenHead {
border-bottom: 3px solid #000;
font-size: 16px;
font-weight: 600;
}
.eigenschaftenHeadContent {
font-style: italic;
font-weight: 300;
display: inline !important;
text-transform: uppercase;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
.produktDaten .produktEigenschaften span {
display: block;
}
.produktEigenschaften.qualitaet .eigenschaftenHead .leistungsklasse,
.produktEigenschaften.qualitaet .eigenschaftenHead .eigenschaftenHeadContent {
display: inline-block;
}
.produktEigenschaften.qualitaet .eigenschaftenContent span:nth-child(2){
display: inline-block;
float: right;
position: relative;
top: 9px;
}
.produktEigenschaften.anwendung .eigenschaftenContent .bild,
.produktEigenschaften.anwendung .eigenschaftenContent .title {
float: left;
}
.produktEigenschaften.anwendung .eigenschaftenContent .title {
width: 144px;
}
.produktEigenschaften .eigenschaftenContent .title,
.produktEigenschaften .eigenschaftenContent .stufe {
font-size: 14px;
display: inline-block;
}
/* */
.section-uk .produktEigenschaften.qualitaet .eigenschaftenContent .title {
max-width: 100px;
}
.produktEigenschaften.eigenschaft .title:nth-child(2) {
float: right;
text-align: left;
}
.produktEigenschaften.eigenschaft .title:first-child {
width: 70px;
}
.produktEigenschaften.anwendung .eigenschaftenContent {
clear: left;
}
.produktEigenschaften.anwendung .eigenschaftenContent .bild {
margin-left: 10px;
}
.eigenschaftenContent {
border-top: 1px solid #000;
}
.eigenschaftenContent:nth-child(2) {
border-top: 0 none;
}
.produktansichtButtons {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/portletBottom.gif") repeat-x scroll left top;
clear: both;
float: none;
height: 37px;
margin-bottom: 30px;
padding-top: 10px;
position: relative;
}
.produktansichtButtons > div {
float: right;
}
.helper {
width: 384px;
}
.template-produkt_view .produktansichtButtons .helper {
min-width: 384px;
width: auto;
}
.section-pt-br .helper,
.section-es-es .helper,
.section-es-pe .helper,
.section-es-mx .helper,
.section-es-ar .helper,
.section-es-cl .helper,
.section-fr-fr .helper,
.section-fr-ch .helper,
.section-fr-be .helper {
width: 441px;
}
.section-pl .helper {
width: 470px;
}
.auf-vergleichsliste-container {
float: left;
}
.produkt-content:empty {
display: none;
float: left;
}
.produktansichtButtons .button, .btn,
button.zurueck {
border-radius: 4px;
box-shadow: 2px 2px 2px #cccccc;
color: #000000;
display: inline-block;
font-size: 17px;
margin-right: 12px;
padding: 7px 15px 3px 45px;
font-weight: 300;
transition: all ease .2s;
cursor: pointer;
}
/* */
#content .btn,
button.zurueck {
background-color: #f2dc00;
color: #000;
padding: 5px 15px 3px;
border: 1px solid #f2dc00 !important;
font-family: 'KLBulletinSansBlack', Arial, sans-serif;
}
button.zurueck {
background-image: url("++resource++werkbank.plonetheme.images/buttonBack.png");
background-repeat: no-repeat;
font-weight: 300;
background-position: left -11px center;
padding: 9px 9px 7px 25px;
font-family: 'KLBulletinSans';
transition: all 0s;
float: right;
position: absolute;
right: 0;
top: -88px;
right: -10px;
}
@media screen and (max-width: 520px) {
button.zurueck {
float: none;
position: relative;
right: 0;
top: -49px;
right: 0;
margin-top: 44px;
}
}
button.zurueck:hover {
background-position: left 6px center;
background-color: #000;
color: #f2dc00;
border-color: #000 !important;
}
#content .btn:hover{
background-color: #000;
color: #f2dc00 !important;
border: 1px solid #000 !important;
}
#portal-column-two .portlet-static-klingspor-service a.buttonProduktfinder:hover {
color: #f2dc00 !important;
background: rgb(0, 0, 0) url("++resource++werkbank.plonetheme.images/buttonProduktfinderIconHover.png") no-repeat scroll left 7px center
}
#content .btn.kontakt {
font-size: 22px;
margin-bottom: 47px;
margin-top: 13px;
padding: 6px 18px 2px;
}
#content .btn.kontakt a {
border-bottom: none !important;
}
#content .btn.kontakt a:hover {
color: #f2dc00 !important;
}
.btn.kontakt > span {
display: inline-block;
font-size: 25px;
font-weight: 600;
position: relative;
top: 2px;
}
.produktansichtButtons .button.liste {
background: url("++resource++werkbank.plonetheme.images/iconAufVergleichsliste.png") no-repeat left 4px center #f2dc00;
}
.produktansichtButtons .button.liste.button-ausgegraut,
.produktansichtButtons .button.liste.button-ausgegraut:hover,
.produktansichtButtons .button.liste.button-ausgegraut2,
.produktansichtButtons .button.liste.button-ausgegraut2:hover  {
background: url("++resource++werkbank.plonetheme.images/iconAufVergleichsliste.png") #c6c6c6 no-repeat left 4px center;
box-shadow: none;
border: 1px solid #b7b7b7;
cursor: auto;
color: #000;
}
.produktansichtButtons .button.datenblatt {
background: url("++resource++werkbank.plonetheme.images/iconDatenblattdownload.png") no-repeat left 4px center #f2dc00;
float: right;
}
.produktansichtButtons .button.liste:hover {
background: url("++resource++werkbank.plonetheme.images/iconAufVergleichslisteHover.png") no-repeat left 4px center #000;
color: #f2dc00;
}
.produktansichtButtons .button.datenblatt:hover {
background: url("++resource++werkbank.plonetheme.images/iconDatenblattdownloadHover.png") no-repeat left 4px center #000;
color: #f2dc00;
}
#content .produktansichtButtons .button.datenblatt a {
border: none !important;
}
#content .produktansichtButtons .button.datenblatt:hover a {
color: #f2dc00 !important;
border: none !important;
}
/* */
.produktDaten .produktEigenschaften .rahmen,
.eigenschaftenContent .rahmen {
border: 1px solid #000;
border-radius: 50%;
height: 10px;
width: 10px;
display: inline-block;
background-color: #fff;
}
.produktDaten .produktEigenschaften .Ja,
.eigenschaftenContent .Ja {
background: #000 none repeat scroll 0 0;
border-radius: 10px;
height: 11px;
width: 11px;
display: inline-block;
margin: 0 !important;
-webkit-print-color-adjust: exact;
}
.produktDaten .produktEigenschaften .Undefiniert,
.eigenschaftenContent .Undefiniert {
height: 10px;
width: 5px;
background-color: #000;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
display: inline-block;
margin: 0 !important;
}
.produktbild135 {
height: 135px;
width: 135px;
}
.suchergebnisse .artikel-auf-vergleichsliste {
opacity: 0;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
position: absolute;
text-align: left;
transition: opacity 0.3s ease 0s;
width: 300px;
visibility: visible;
top: -107px;
margin-left: 39px;
font-size: 14px;
}
.button-ausgegraut + .artikel-auf-vergleichsliste {
opacity: 1;
transition: all ease .2s;
}
.button-ausgegraut2 + .artikel-auf-vergleichsliste {
opacity: 0;
transition: all ease .2s;
}
.button-ausgegraut.button-ausgegraut2:hover + .artikel-auf-vergleichsliste{
opacity: 1;
}
.artikel-auf-vergleichsliste-fett {
font-weight: 600;
margin-bottom: 5px;
}
.artikel-auf-vergleichsliste > span {
line-height: 15px;
padding-left: 14px;
width: 173px;
display: inline-block;
}
.artikel-auf-vergleichsliste > img {
float: left;
margin-left: 8px;
margin-top: -6px;
}
.template-produkt_view .koernung,
.template-produktsuche .koernung {
margin-bottom: 20px;
}
.template-produkt_view .koernung span,
.template-produktsuche .koernung span {
background-color: #b3b2b2;
display: block;
float: left;
font-size: 14px;
height: 22px;
margin: 0 1px 0 0;
padding: 0;
text-align: center;
width: 3.88%;
line-height: 23px;
}
.template-produkt_view .koernung span.inaktiv,
.template-produktsuche .koernung span.inaktiv {
background-color: #DADADA;
color: #A7A9AC;
}
ul.produkticon {
display: inline;
}
ul.produkticon li {
margin-right: 20px;
}
/* */
#downloadliste {
margin-bottom: 100px;
}
.downloadsform label {
background-color: #dadada;
border-radius: 6px;
padding: 1px 9px 0;
font-weight: 300;
font-size: 16px;
width: 173px;
display: inline-block;
margin-right: 16px;
margin-bottom: 21px;
cursor: pointer;
transition: all ease .2s;
transition: background-image 0s;
}
.downloadsform label:hover {
background-color: #000;
color: #f2dc00;
}
.downloadsform input:checked + label {
background: url("++resource++werkbank.plonetheme.images/pf/pf_filterClose.png") no-repeat right 7px center transparent;
border: 1px solid #000;
color: #000;
width: 171px;
}
.downloadsform input {
display: none;
}
hr.grey {
border: 1px solid #B2B2B2;
}
.filter_header {
color: #B2B2B2;
font-weight: 600;
}
.downloadliste {
margin-top: 10px;
}
.downloadliste a {
display: block;
}
/* */
.kachelseite > img {
}
.kachelseite .kachel {
background-size: cover;
overflow: hidden;
display: inline-block;
width: 200px;
height: 159px;
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;
position: relative;
}
.kachelseite .kachel.rollen {
background:url("++resource++werkbank.plonetheme.images/kachel/rollen.jpg") no-repeat;
width: 200px;
height: 159px;
}
.kachelseite .kachel.schleifbaender {
background:url("++resource++werkbank.plonetheme.images/kachel/schleifbaender.jpg") no-repeat 0 0 / cover;
max-width: 406px;
width: 100%;
height: 159px;
}
.kachelseite .kachel.schleifblaetter {
background:url("++resource++werkbank.plonetheme.images/kachel/schleifblaetter.jpg") no-repeat;
width: 200px;
height: 159px;
}
.kachelseite .kachel.quickchangediscs {
background:url("++resource++werkbank.plonetheme.images/kachel/quickchangedisc.jpg") no-repeat;
width: 200px;
height: 159px;
}
.kachelseite .kachel.stuetzteller {
background:url("++resource++werkbank.plonetheme.images/kachel/stuetzteller.jpg") no-repeat;
width: 200px;
height: 159px;
}
.kachelseite .kachel.hartmetallfraesen {
background:url("++resource++werkbank.plonetheme.images/kachel/hartmetallfraesen.jpg") no-repeat;
width: 200px;
height: 159px;
}
.kachelseite .kachel.schleifmopteller {
background:url("++resource++werkbank.plonetheme.images/kachel/schleifmopteller.jpg") no-repeat 0 0 / cover;
max-width: 406px;
width: 100%;
height: 159px;
margin-right: 2px;
}
.kachelseite .kachel.schleifmop {
background:url("++resource++werkbank.plonetheme.images/kachel/schleifmop.jpg") no-repeat;
width: 200px;
height: 159px;
}
.kachelseite .kachel.elastischeschleifmittel {
background:url("++resource++werkbank.plonetheme.images/kachel/elastischeschleifmittel.jpg") no-repeat;
width: 200px;
height: 159px;
}
.kachelseite .kachel.trennundschruppscheiben {
background:url("++resource++werkbank.plonetheme.images/kachel/trennundschruppscheiben.jpg") no-repeat 0 0 / cover;
max-width: 406px;
width: 100%;
height: 159px;
margin-right: 2px;
}
.kachelseite .kachel.diamantwerkzeuge {
background:url("++resource++werkbank.plonetheme.images/kachel/diamantwerkzeuge.jpg") no-repeat 0 0 / cover;
max-width: 407px;
width: 100%;
height: 159px;
}
.kachelseite .mehrInformationen {
display: block;
font-size: 16px;
left: 0;
line-height: 18px;
padding-left: 7px;
padding-top: 7px;
position: absolute;
top: 0;
width: 195px;
z-index: 1;
}
.kachelseite .kacheloverlay {
background:rgba(255, 238, 48, 0.9);
text-align:center;
padding:45px 0 66px 0;
opacity:0;
height: 100%;
transition: opacity .3s ease;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
border-top: 3px solid #000;
}
.kachelseite .kachel:hover .kacheloverlay {
opacity:1;
}
.hovertitel {
display: block;
font-weight: 600;
padding: 0 3px;
position: relative;
top: -36px;
}
.template-tab_view #content-core {
width: 100%;
}
.bildcontainerlinks {
margin-top: 80px;
}
.kachel.mineralisch,
.kachel.holz,
.kachel.lack,
.kachel.metalle,
.kachel.glas,
.kachel.kunststoff {
background: transparent url("++resource++werkbank.plonetheme.images/kachel/mineralischewerkstoffe.jpg") no-repeat scroll 0 0 / cover;
height: 136px;
max-width: 412px;
width: 100%;
}
.kachel.holz {
background: transparent url("++resource++werkbank.plonetheme.images/kachel/holz.jpg") no-repeat scroll 0 0 / cover;
}
.kachel.lack {
background: transparent url("++resource++werkbank.plonetheme.images/kachel/lackefarben.jpg") no-repeat scroll 0 0 / cover;
}
.kachel.metalle {
background: transparent url("++resource++werkbank.plonetheme.images/kachel/metalle.jpg") no-repeat scroll 0 0 / cover;
}
.kachel.glas {
background: transparent url("++resource++werkbank.plonetheme.images/kachel/glaskeramik.jpg") no-repeat scroll 0 0 / cover;
}
.kachel.kunststoff {
background: transparent url("++resource++werkbank.plonetheme.images/kachel/kunststoffgummi.jpg") no-repeat scroll 0 0 / cover;
}
.kachelseite.anwendungen .kacheloverlay {
padding: 0;
}
.kachelseite.anwendungen .kacheltext {
display: block;
font-size: 16px;
line-height: 18px;
padding: 7px;
text-align: left;
}
#content .kachelseite.anwendungen a.kachellink::before {
content: "▶";
}
#content .kachelseite.anwendungen a.kachellink {
border: medium none !important;
display: block;
font-size: 16px;
line-height: 16px;
font-weight: 600;
margin-left: 6px;
text-align: left;
}
/* */
/* */
/* */
.submenu {
display: none;
}
#portal-globalnav li[id*=portaltab-]:hover .submenu {
display: block
}
#portaltab-unternehmen .submenu.statisch {
background: #ffee00 url("++resource++werkbank.plonetheme.images/dropdownBG.gif") no-repeat scroll left 8px;
padding-bottom: 20px;
padding-left: 12px;
position: absolute;
width: calc(100% - 12px);
z-index: 3;
}
#portal-globalnav li .submenu.statisch a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
box-shadow: none;
color: #000;
font-size: 15px;
padding: 8px 4px 0;
cursor: pointer;
height: auto;
}
.ueberschrift-links,
.ueberschrift-rechts {
border-bottom: 1px solid #000;
display: block;
font-size: 19px;
font-weight: 600;
margin-bottom: 20px;
margin-left: 14px;
margin-top: 29px;
padding-bottom: 3px;
width: 429px;
}
.drei.links, .drei.rechts {
float: left;
width: 50%;
}
.einer {
border-right: 1px solid #c1b500;
float: left;
margin-left: 14px;
max-width: 138px;
width: 30%;
}
.einer > ul {
min-height: 120px;
}
.rechts .einer > ul {
min-height: 127px;
}
.einer > span {
display: block;
font-size: 30px;
font-weight: 600;
margin-top: 10px;
}
.rechts .einer > span {
font-size: 20px;
}
.rechts .einer:nth-child(4) {
border-right: 0 none;
}
.menuschliessenbutton {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/dropdownBottom.gif") repeat-x scroll left top;
bottom: -60px;
left: 0;
position: absolute;
width: 100%;
}
figure img {
max-width: 100%;
height: auto;
}
figure.forschung {
float: left;
margin-right: 17px;
max-width: 270px;
width: 100%;
}
figure.forschung img {
max-width: 100%;
width: 100%;
height: auto;
}
figure.forschung:nth-child(7) {
margin-right: 0;
}
.forschung figcaption {
font-size: 15px;
line-height: 18px;
margin-bottom: 20px;
margin-top: 13px;
}
h3.subheader,
#content h2.subheader {
border-top: 2px solid #000;
padding-top: 4px;
clear: both;
}
#content h3.subheader.service {
float: right;
width: 510px;
margin-top: 0;
}
#content h3.subheader.vertrieb {
margin-top: 40px;
width: 356px;
}
p.service {
float: right;
width: 510px;
}
figure.innovation {
background: #dbdbdb none repeat scroll 0 0;
float: left;
margin-right: 23px;
width: 150px;
}
figure.innovation:nth-child(7n) {
margin-right: 0;
}
.innovation > figcaption {
background: #fff none repeat scroll 0 0;
font-size: 16px;
line-height: 18px;
padding-top: 10px;
}
.footerganzebreite.produktion > span,
.footerganzebreite.produktion > span:first-child {
color: #fff;
font-size: 20px;
font-style: unset;
font-weight: 600;
left: -30px;
position: relative;
top: 0;
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.43);
}
.footerganzebreite.qualitaet > span,
.footerganzebreite.qualitaet > span:first-child {
color: #fff;
font-size: 20px;
font-style: unset;
font-weight: 600;
left: -30px;
position: relative;
top: 0;
}
.footerganzebreite.unternehmen span {
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.43);
}
.sticky {
position: fixed;
top: 0;
z-index: 9999;
}
figure.produktion {
float: left;
margin-right: 21px;
width: 195px;
}
figure.produktion figcaption {
font-size: 15px;
line-height: 18px;
margin-bottom: 20px;
margin-top: 13px;
}
figure.produktion:nth-child(8) {
margin-right: 0;
}
#tab2,
#tab3,
#tab4 {
margin-top: 60px;
}
.textbox {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/textboxBG.jpg") no-repeat scroll 0 0;
margin: 50px auto 60px;
max-width: 480px;
min-height: 394px;
padding-left: 20px;
padding-top: 2px;
}
.textbox .image-inline {
display: block;
margin: 0 auto;
text-align: center;
margin-top: 20px;
}
#content .textbox > h3 {
font-size: 30px;
}
#content .textbox > ul {
margin-left: 17px;
}
#content ul.fachverbaende {
list-style: outside none none;
}
#content ul.fachverbaende > li {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
display: inline;
float: left;
margin: 0;
max-width: 100%;
min-height: 204px;
text-align: center;
width: 16.6667%;
}
#content ul.fachverbaende li span {
display: block;
min-height: 110px;
padding: 12px;
text-align: left;
}
#content ul.fachverbaende img {
max-width: 76%;
text-align: center;
}
/* */ #content .fachverbaende a {
border-bottom:medium none !important;
}
/* */
#content p.zertcontainer {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.section-de-de #content p.zertcontainer,
.section-en-gb #content p.zertcontainer,
.section-en-sg #content p.zertcontainer,
.section-en-ca #content p.zertcontainer,
.section-en-au #content p.zertcontainer,
.section-en-za #content p.zertcontainer {
float: left;
margin-bottom: 20px;
margin-top: 20px;
max-width: 50%;
text-align: center;
max-width: 395px;
}
.section-de-de #content p.zertcontainer.zusatzLink,
.section-en-gb #content p.zertcontainer.zusatzLink,
.section-en-sg #content p.zertcontainer.zusatzLink,
.section-en-ca #content p.zertcontainer.zusatzLink,
.section-en-au #content p.zertcontainer.zusatzLink,
.section-en-za #content p.zertcontainer.zusatzLink {
float: right;
margin-right: 16px;
}
#content .btn.zert {
cursor: pointer;
font-size: 20px;
line-height: 31px;
padding: 5px 2px 0 9px;
width: 100%;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
#content .btn.zert .kreis {
background-color: #000;
border-radius: 30px;
display: inline-block;
height: 27px;
margin-right: 6px;
position: relative;
transition: all 0.2s ease 0s;
width: 27px;
}
#content .btn.zert:hover > .kreis {
background-color: #f3df00;
}
/* */
@media screen and (max-width:883px) {
#content p.zertcontainer,
#content p.zertcontainer.zusatzLink,
.section-de-de #content p.zertcontainer,
.section-en-gb #content p.zertcontainer,
.section-en-sg #content p.zertcontainer,
.section-en-ca #content p.zertcontainer,
.section-en-au #content p.zertcontainer,
.section-en-za #content p.zertcontainer,
.section-de-de #content p.zertcontainer.zusatzLink,
.section-en-gb #content p.zertcontainer.zusatzLink,
.section-en-sg #content p.zertcontainer.zusatzLink,
.section-en-ca #content p.zertcontainer.zusatzLink,
.section-en-au #content p.zertcontainer.zusatzLink,
.section-en-za #content p.zertcontainer.zusatzLink  {
float: none;
width: 100%;
max-width: 100%;
}
}
/* */
.zeitstrahl .left {
border-right: 1px solid;
float: left;
padding: 0 2%;
width: 34%;
}
.zeitstrahl .eintrag span {
display: block;
}
.zeitstrahl .left .eintrag {
text-align: right;
clear: both;
}
.zeitstrahl .left .left .text {
float: right;
}
.zeitstrahl .right {
float: left;
padding: 0 2%;
width: 56%;
}
.jahr1893 .jahr {
font-size: 100px;
line-height: 100px;
}
.zeitstrahl .left .text {
font-size: 13px;
line-height: 14px;
width: 180px;
float: right;
}
.zeitstrahl .right .text {
font-size: 13px;
line-height: 14px;
width: 220px;
}
.jahr1926 .jahr {
font-size: 46px;
line-height: 46px;
}
.eintrag.jahr1926 {
float: left;
margin-top: 134px;
width: 172px;
}
.bild1926 {
float: right;
margin-top: 94px;
}
.bild1950 {
float: right;
}
.jahr1971 .jahr {
font-size: 99px;
line-height: 99px;
}
.eintrag.jahr1971 {
margin-top: 29px;
}
.zeitstrahl .jahr1971 .text {
margin-bottom: 47px;
width: 350px;
}
.jahr1978 .jahr, .jahr1996 .jahr {
font-size: 44px;
line-height: 44px;
}
.zeitstrahl .jahr1978 .text,
.zeitstrahl .jahr1996 .text {
width: 250px;
}
.eintrag.jahr1996 {
margin-top: 40px;
}
.jahr2015 .jahr {
font-size: 101px;
line-height: 101px;
margin-top: 102px;
}
.jahr1899 .jahr {
font-size: 46px;
line-height: 46px;
}
.eintrag.jahr1899 {
margin-top: 10px;
}
.jahr1950 .jahr {
font-size: 85px;
line-height: 85px;
}
.eintrag.jahr1950 {
margin-top: 175px;
}
.eintrag.stammwerk > img {
margin-top: 75px;
max-width: 319px;
width: 100%;
}
.section-ru .eintrag.stammwerk > img {
margin-top: 115px;
}
.eintrag.stammwerk {
position: relative;
}
.zeitstrahl .stammwerk .text {
bottom: 0;
float: right;
position: absolute;
right: 0;
width: 130px;
}
.jahr2003 .jahr {
font-size: 43px;
line-height: 43px;
margin-top: 14px;
}
.zeitstrahl .jahr2003 .text {
width: 240px;
}
.zeitstrahl .right .jahr2015 .text {
float: left;
margin-left: 10px;
margin-top: 104px;
}
.eintrag.jahr2015 > img {
float: left;
}
.right .eintrag.jahr2015 {
margin-top: 10px;
}
p.schulung {
max-width: 730px;
width: 100%;
}
.subheader.schulung {
max-width: 698px;
width: 100%;
}
/* */
#kartestandortecontainer {
background: #EDEEF0 none repeat scroll 0 0;
height: 693px;
margin-left: -48px;
position: relative;
width: calc(100% + 96px);
margin-bottom: 60px;
}
#content .kartestandorteheader {
position: absolute;
z-index: 2;
padding-left: 48px;
}
#content .kartestandorteheader > h2 {
font-size: 27px;
margin-top: 36px;
}
.laenderliste {
position: absolute;
z-index: 2;
}
#kartestandorte {
position: relative;
z-index: 1;
}
#kartestandortecontainer .laenderliste {
position: absolute;
top: 455px;
z-index: 2;
}
/* */
.pin {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/pin.png") no-repeat scroll 0 0 / contain;
height: 9px;
width: 10px;
position: absolute;
transition: all .2s ease-in-out;
z-index: 5000;
}
.pin:hover {
transform: scale(8);
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/logoFree.png") no-repeat scroll 0 0 / contain;
z-index: 9999999;
}
.pin.stoneycreek {
left: 30.2%;
top: 40.7%;
}
.pin.hickory {
left: 30.4%;
top: 46.7%;
}
.pin.tijuana {
left: 22.3%;
top: 47.5%;
}
.pin.lima {
left: 31.7%;
top: 65.4%;
}
.pin.santiago {
left: 33.33%;
top: 73.5%;
}
.pin.curitiba {
left: 37.4%;
top: 70.2%;
}
.pin.buenosaires {
left: 35.3%;
top: 74.3%;
}
.pin.moskau {
left: 56.5%;
top: 34.7%;
}
.pin.kolding {
left: 50.1%;
top: 36.1%;
}
.pin.worksop {
left: 47.6%;
top: 37.6%;
}
.pin.sittard {
left: 48.9%;
top: 39.5%;
}
.pin.leuven {
left: 48.6%;
top: 39.9%;
}
.pin.haiger {
left: 49.6%;
top: 37.9%;
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/pinSchwarz.png") no-repeat scroll 0 0 /contain;
height: 11px;
width: 12px;
}
.pin.haiger:hover {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/logoFree.png") no-repeat scroll 0 0 / contain;
}
.pin.lviv {
left: 53.5%;
top: 39.3%;
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/pinSchwarz.png") no-repeat scroll 0 0 /contain;
height: 11px;
width: 12px;
}
.pin.lviv:hover {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/logoFree.png") no-repeat scroll 0 0 / contain;
}
.pin.bielsko{
left: 52.1%;
top: 39.3%;
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/pinSchwarz.png") no-repeat scroll 0 0 /contain;
height: 11px;
width: 12px;
}
.pin.bielsko:hover {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/logoFree.png") no-repeat scroll 0 0 / contain;
}
.pin.brno {
left: 52.1%;
top: 40.5%;
}
.pin.Perray {
left: 48.4%;
top: 41%;
}
.pin.wien {
left: 51.1%;
top: 41%;
}
.pin.basel {
left: 50.2%;
top: 41.2%;
}
.pin.budapest {
left: 53%;
top: 41.8%;
}
.pin.brescia {
left: 50.5%;
top: 42.8%;
}
.pin.belgrad {
left: 52.6%;
top: 42.8%;
}
.pin.bukarest {
left: 53.6%;
top: 43.4%;
}
.pin.sofia {
left: 52.8%;
top: 43.7%;
}
.pin.madrid {
left: 47.1%;
top: 45.1%;
}
.pin.qingdao {
left: 75.2%;
top: 47%;
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/pinSchwarz.png") no-repeat scroll 0 0 /contain;
height: 11px;
width: 12px;
}
.pin.qungdao:hover {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/logoFree.png") no-repeat scroll 0 0 / contain;
}
.pin.shanghai {
left: 75.2%;
top: 49.4%;
}
.pin.dubai {
left: 59.9%;
top: 52.2%;
}
.pin.pune {
left: 65%;
top: 53.2%;
}
.pin.bangkok {
left: 71.2%;
top: 56%;
}
.pin.hochiminh {
left: 72.4%;
top: 56.5%;
}
.pin.singapur {
left: 72.4%;
top: 56.5%;
}
.pin.sydney {
left: 72.4%;
top: 56.5%;
}
.pin.singapur {
left: 71.6%;
top: 60.1%;
}
.pin.sydney {
left: 82.2%;
top: 73.6%;
}
.pin.johannesburg {
left: 54%;
top: 70%;
}
#content .laenderliste ul {
display: inline;
margin: 0;
}
#content .laenderliste ul li {
font-size: 13px;
line-height: 14px;
list-style: outside none none;
margin: 0;
padding: 0;
}
.laenderliste {
display: none;
}
#kartestandortecontainer .laenderliste.afrika {
display: block;
left: 49px;
top: 582px;
}
#kartestandortecontainer .laenderliste.amerika {
display: block;
left: 49px;
}
#kartestandortecontainer .laenderliste.europa {
display: block;
left: 381px;
}
.laenderliste.europa ul:nth-child(3) {
float: left;
left: 134px;
position: relative;
top: -154px;
}
#kartestandortecontainer .laenderliste.asien {
display: block;
left: 662px;
}
#kartestandortecontainer .laenderliste.australien {
display: block;
left: 819px;
}
#content .laenderliste  h3 {
font-size: 13px;
line-height: 14px;
margin: 0;
padding: 0;
}
/* */
.blockcontainer.links {
float: left;
max-width: 387px;
width: 100%;
}
.blockcontainer.mitte {
float: left;
max-width: 247px;
width: 100%;
}
.blockcontainer.rechts {
float: left;
max-width: 210px;
width: 100%;
}
.block {
border-left: 1px solid #000;
padding-left: 15px;
margin-bottom: 46px;
}
.blockEins .zahl {
font-size: 92px;
font-weight: 600;
line-height: 80px;
}
.textklein {
font-size: 13px;
line-height: 13px;
}
.blockZwei .zahl {
font-size: 250px;
line-height: 205px;
}
.blockZwei .text {
font-size: 141px;
font-weight: 600;
line-height: 85px;
display: inline;
}
/* */
.section-es-es .blockZwei .text,
.section-es-pe .blockZwei .text,
.section-es-mx .blockZwei .text,
.section-es-ar .blockZwei .text,
.section-es-cl .blockZwei .text {
font-size: 96px;
}
.blockZwei .textklein {
display: inline;
}
.blockDrei .zahl {
font-size: 38px;
font-weight: 600;
}
.blockDrei .blocklinks {
float: left;
margin-right: 30px;
}
.blockDrei .blockrechts {
float: left;
}
.blockDrei .blocklinks, .blockDrei .blockrechts {
position: relative;
top: 20px;
}
.blockVier .text1 {
font-size: 62px;
line-height: 81px;
}
.blockVier .zahl {
font-size: 190px;
line-height: 144px;
}
.blockVier .text2 {
font-size: 60px;
font-weight: 600;
line-height: 51px;
}
.blockFuenf .zahl {
font-size: 91px;
font-weight: 600;
line-height: 90px;
}
.blockFuenf .textklein {
width: 150px;
}
.blockSechs .zahl {
font-size: 37px;
font-weight: 600;
line-height: 47px;
}
.blockSechs .text {
font-size: 36px;
font-weight: 600;
line-height: 33px;
}
.blockSieben .zahl {
font-size: 260px;
font-weight: 600;
line-height: 227px;
}
.blockSieben .textklein {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin-top: -30px;
width: 125px;
}
.blockAcht .zahl {
font-size: 92px;
font-weight: 600;
line-height: 90px;
}
.blockAcht .textklein {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;    margin-top: -10px;
width: 150px;
}
/* */
.organisationEinkaufLinks {
margin-right: 20px;
}
.organisationEinkaufLinks, .organisationEinkaufRechts {
border-top: 2px solid #000;
float: left;
width: calc(50% - 10px);
}
#portal-column-two .portlet-static-klingspor-service a.anfahrtLink,
#portal-column-two .portlet-static-klingspor-service a.AGBEInkauflink  {
display: inline-block;
margin-top: 10px;
font-size: 16px;
font-weight: 600;
}
.downloadlink:before {
content: "";
background: url("++resource++werkbank.plonetheme.images/iconDatenblattdownload.png") no-repeat left top 2px;
width: 32px;
height: 26px;
display: inline-block;
}
/* */
.template-search .actionMenu.deactivated,
.template-search #searchResultsSort {
display: none;
}
.template-search .headerbanners {
display: none;
}
/* */
.portlet-column-right-eins #content-core.width-3\:4 {
width: 100%;
}
/* */
.template-worldmap #world-map .jvectormap-container svg,
.template-worldmap_en #world-map .jvectormap-container svg {
width: 100%;
}
/* */
/* */
.responsiveContainer {
position: relative;
padding-bottom: 56%;
height: 0;
overflow: hidden;
}
.responsiveContainer iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* */
#content .pagination {
float: right;
width: 50%;
position: relative;
top: 9px;
}
#content .pagination li {
list-style: none;
float: left;
margin: 0 1px;
cursor: pointer;
}
#content .pagination li.disabled {
cursor: default;
}
#content .pagination li span {
font-weight: 600;
background: #dadada;
padding: 4px 7px;
text-align: center;
width: 17px;
display: inline-block;
}
#content .pagination li.active span {
font-weight: 600;
background: #000;
color: #ffed00;
}
#content .pagination li.active span.current.prev,
#content .pagination li.active span.current.next {
background: transparent;
font-weight: 300;
background: #dadada;
height: 23px;
}
.page-link.prev::before {
content: "\25C0";
color: #000;
font-size: 16px
}
.page-link.next::before {
content: "\25B6";
color: #000;
font-size: 16px
}
/* */
.template-pressemitteilung_view #content-core {
margin-bottom: 100px;
}
.subsection-presse-pressemitteilungen-europaeischer-hersteller-von-premium-diamanttrennscheiben #parent-fieldname-title {
hyphens: none;
}
#content a:link, dl.portlet a:link {
border-bottom: 0.1em solid #ccc;
color: #205c90;
}
#content input#searchSchleifwissen {
border: 1px solid #eee;
border-radius: 4px;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5) inset;
display: block;
font-size: 16px;
margin-bottom: 1em;
padding: 10px 8px;
width: 100%;
}
.template-vergleichsdetails #headerbanner,
.template-vergleichsdetails #portal-breadcrumbs {
display: none;
}
/* */
html[lang="es-ES"] .subsection-es-es-start #portal-column-two .portlet-static-klingspor-service a.contactMail,
html[lang="es-PE"] .subsection-es-pe-start #portal-column-two .portlet-static-klingspor-service a.contactMail,
html[lang="es-MX"] .subsection-es-mx-start #portal-column-two .portlet-static-klingspor-service a.contactMail,
html[lang="es-AR"] .subsection-es-ar-start #portal-column-two .portlet-static-klingspor-service a.contactMail,
html[lang="es-CL"] .subsection-es-cl-start #portal-column-two .portlet-static-klingspor-service a.contactMail {
border-bottom: medium none;
font-size: 16px;
padding: 0;
}
html[lang="es-ES"] .subsection-es-es-start #portal-column-two .portlet-static-klingspor-service .portletStaticText p,
html[lang="es-PE"] .subsection-es-pe-start #portal-column-two .portlet-static-klingspor-service .portletStaticText p,
html[lang="es-MX"] .subsection-es-mx-start #portal-column-two .portlet-static-klingspor-service .portletStaticText p,
html[lang="es-AR"] .subsection-es-ar-start #portal-column-two .portlet-static-klingspor-service .portletStaticText p,
html[lang="es-CL"] .subsection-es-cl-start #portal-column-two .portlet-static-klingspor-service .portletStaticText p {
font-size: 16px;
}
html[lang="es-ES"] .subsection-es-es-start #portal-column-two .portletStaticText.portlet-static-klingspor-service  p.portletTextKlein,
html[lang="es-PE"] .subsection-es-pe-start #portal-column-two .portletStaticText.portlet-static-klingspor-service  p.portletTextKlein,
html[lang="es-MX"] .subsection-es-mx-start #portal-column-two .portletStaticText.portlet-static-klingspor-service  p.portletTextKlein,
html[lang="es-AR"] .subsection-es-ar-start #portal-column-two .portletStaticText.portlet-static-klingspor-service  p.portletTextKlein,
html[lang="es-CL"] .subsection-es-cl-start #portal-column-two .portletStaticText.portlet-static-klingspor-service  p.portletTextKlein {
font-size: 15px;
}
/* */
@media screen and (max-width: 755px) {
/* */
.template-tab_view #content h1.documentFirstHeading {
margin-top: 0;
}
/* */
.tab-selektoren a div {
display: block;
width: calc(100% - 20px);
}
/* */
.anwendungTrennscheiben .links,
.anwendungTrennscheiben .links img {
float: none;
}
.anwendungTrennscheiben .links,
.anwendungTrennscheiben .rechts {
font-size: 13px;
line-height: 27px;
width: 100%;
}
.anwendungTrennscheiben .qualitaetsklassen > figure,
.anwendungDiamantwerkzeug .qualitaetsklassen figure {
float: none;
width: 100%;
text-align: center;
}
.anwendungTrennscheiben .qualitaetsklassen figure figcaption,
.anwendungDiamantwerkzeug .qualitaetsklassen figure figcaption {
text-align: left;
margin-bottom: 30px;
}
.anwendungTrennscheiben .farben > figure,
.anwendungDiamantwerkzeug .farben > figure {
float: left;
margin-right: 0;
}
.anwendungTrennscheiben .haltbarkeit {
float: none;
width: 100%;
}
.anwendungListe1, .anwendungListe2, .anwendungListe3 {
float: none;
text-align: left;
width: 100%;
}
.anwendungBlockLinks {
float: none;
max-width: 100%;
text-align: center;
width: 100%;
}
.anwendungBlockRechts {
float: none;
max-width: 100%;
width: 100%;
}
.anwendungBlockLinks .bauformen {
float: none;
font-size: 16px;
line-height: 19px;
width: 100%;
}
/* */
#kartestandortecontainer {
margin-left: -10px;
position: relative;
width: calc(100% + 20px);
height: auto;
}
.anwendungBaenderFormen .links,
.anwendungBaenderFormen .rechts {
width: 100%;
float: none;
}
/* */
#content ul.fachverbaende > li {
-moz-hyphens: auto;
display: inline;
float: left;
margin: 0;
max-width: 100%;
min-height: 204px;
text-align: center;
width: 50%;
}
figure.produktion {
float: none;
margin: 0 auto;
text-align: center;
width: 100%;
}
.footerganzebreite.produktion {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/produktionganzebreite.jpg") no-repeat scroll left 37% top / cover ;
height: 346px;
margin-left: -10px;
margin-top: 80px;
max-width: calc(100% + 20px);
width: 940px;
}
.footerganzebreite.schulung {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/gelbSchulungganzebreite.jpg") no-repeat scroll left 37% top / cover ;
height: 346px;
margin-left: -10px;
margin-top: 80px;
max-width: calc(100% + 20px);
width: 940px;
}
#content .footerganzebreite.schulung span {
color: #fff;
font-size: 56px;
line-height: 47px;
margin-left: 10px;
text-shadow: 0 0 6px rgba(0, 0, 0, 1);
}
#content .footerganzebreite.schulung h2 span {
display: block;
margin-top: 134px;
padding: 0 10px;
color: #fff;
font-size: 22px;
}
#content .footerganzebreite.qualitart {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/qualitaetganzebreite.jpg") no-repeat scroll left 37% top / cover ;
height: 346px;
margin-left: -10px;
margin-top: 80px;
max-width: calc(100% + 20px);
width: 940px;
}
.footerganzebreite.qualitaet .text {
display: block;
font-size: 16px !important;
font-weight: 300;
left: 16px !important;
line-height: 19px;
max-width: 600px;
top: 10px;
width: 90% !important;
}
.footerganzebreite.qualitaet > span:nth-child(2) {
display: block;
font-size: 39px;
font-weight: 600;
line-height: 43px;
margin: 8px 0 0 49px;
}
.footerganzebreite.qualitaet {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/qualitaetganzebreite.jpg") no-repeat scroll left top / cover ;
}
.col-2-5,
.col-2-5:nth-child(3),
.col-2-5 .spalte1,
.col-2-5 .spalte2,
.col-1-4,
.col-3-4,
.col-1-5,
.maschine.col-2-5,
.maschine.col-1-5,
.maschine.col-2-5 .spalte2,
.maschine.col-2-5 .spalte1 {
float: none;
width: 100%;
}
.anwendungsgruppe .spalte1 span,
.anwendungsgruppe .spalte2 span,
.anwendungsgruppe .spalte3 span,
.spalte1 .sortimentTooltips,
.spalte2 .sortimentTooltips,
.spalte3 .sortimentTooltips,
.maschine.col-1-5 .ueberschrift,
.maschine.col-1-5 .spalte1,
.anwendungsgruppe.col-1-4 > span,
.maschine.col-1-4 > span,
.col-3-4 .spalte1,
.col-3-4 .spalte2,
.col-3-4 .spalte3 {
max-width: 100%;
}
.sortimentTooltips span.bild {
margin-left: -164px;
}
.maschine.col-2-5 .ueberschrift {
margin-top: 20px;
}
/* */
.accordion.detailfilter
#accordion.detailfilter {
width: 100%;
float: none;
}
.accordion.detailfilter .ui-widget-content,
#accordion.detailfilter .ui-widget-content {
width: 100%;
}
.vorteileBlockLinks {
float: none;
text-align: center;
}
.vorteileBlockLinks img {
clear: left;
float: none;
margin-bottom: 20px;
}
.vorteileBlockLinks .vorteil {
float: none;
padding-top: 0;
text-align: left;
width: auto;
}
.vorteileBlockRechts {
float: none;
}
/* */
.anwendungBlockLinks {
float: left;
max-width: 560px;
text-align: center;
width: 100%;
}
.anwendungBlockLinks p,
.anwendungBlockLinks ol,
.anwendungBlockLinks h3 {
text-align: left;
}
.anwendungBlockRechts {
max-width: 250px;
width: 100%;
float: right;
}
/* */
.einblenden_button span,
.navi-ganzoben,
#header_title,
#portal-globalnav,
#portal-breadcrumbs,
#contentPortlets .portletNavigationTree { display: none; }
/* */
#portal-logo { display: none; }
#portal-logo-mobile { display: block; position: absolute; top: 12px; left: 10px; width: 62px; height: 63px; }
#mobile-logo { margin: 12px 0 0 10px; }
#portal-languageselector { padding: 0 10px 0 10px; }
.einblenden_button .languageCode { width: 41px; background: url(++resource++werkbank.plonetheme.images/languageCode_mobile.png) no-repeat center top; height: 32px; margin: 0 -4px 0 0; padding-top: 0px; }
.einblenden_button { float: right; cursor: pointer; margin-right: 10px; }
/* */
.mobile-tabs {
height: 32px;
padding-right: 10px;
border-bottom: 8px solid #ffee00;
}
.mobile-tabs div {
display: block;
width: 41px;
height: 32px;
float: right;
padding-left: 7px;
}
.mobile-tabs .mobile-button-service,
.mobile-tabs .mobile-button-finder,
.mobile-tabs .mobile-button-search,
.mobile-tabs .mobile-button-navi {
transition: all ease .2s;
}
.mobile-tabs .mobile-button-service {
background: url("++resource++werkbank.plonetheme.images/mobileService.png") no-repeat left top;
}
.mobile-tabs .mobile-button-service:hover {
background: url("++resource++werkbank.plonetheme.images/mobileService_Active.png") no-repeat left top;
cursor: pointer;
}
.mobile-tabs .mobile-button-service.aktiv {
background: url("++resource++werkbank.plonetheme.images/mobileService_Active.png") no-repeat left top;
cursor: pointer;
}
.mobile-tabs .mobile-button-finder {
background: url("++resource++werkbank.plonetheme.images/mobileFinder.png") no-repeat left top;
}
.mobile-tabs .mobile-button-finder:hover {
background: url("++resource++werkbank.plonetheme.images/mobileFinder_Active.png") no-repeat left top;
cursor: pointer;
}
.mobile-tabs .mobile-button-finder.aktiv {
background: url("++resource++werkbank.plonetheme.images/mobileFinder_Active.png") no-repeat left top;
cursor: pointer;
}
.mobile-tabs .mobile-button-search {
background: url("++resource++werkbank.plonetheme.images/mobileSearch.png") no-repeat left top;
}
.mobile-tabs .mobile-button-search:hover {
background: url("++resource++werkbank.plonetheme.images/mobileSearch_Active.png") no-repeat left top;
cursor: pointer;
}
.mobile-tabs .mobile-button-search.aktiv {
background: url("++resource++werkbank.plonetheme.images/mobileSearch_Active.png") no-repeat left top;
cursor: pointer;
}
.mobile-tabs .mobile-button-navi {
background: url("++resource++werkbank.plonetheme.images/mobileNav.png") no-repeat left top;
}
.mobile-tabs .mobile-button-navi:hover {
background: url("++resource++werkbank.plonetheme.images/mobileNav_Active.png") no-repeat left top;
cursor: pointer;
}
.mobile-tabs .mobile-button-navi.aktiv {
background: url("++resource++werkbank.plonetheme.images/mobileNav_Active.png") no-repeat left top;
cursor: pointer;
}
.mobile-content-service,
.mobile-navi {
background: #ffee00 url("++resource++werkbank.plonetheme.images/dropdownBG.gif") no-repeat left top;
cursor: pointer;
}
.mobile-navi a, .mobile-navi ul li, .mobile-navi div {
cursor: pointer;
}
.mobile-content-service {
padding: 10px;
}
.mobile-content-service h2, .mobile-content-service .pseudo-h2 {
font-weight: normal;
font-size: 16px;
border-bottom: 1px solid #000000;
margin-bottom: 0.5em;
}
.mobile-content-service .pseudo-h2 {
width: 100%;
}
.mobile-content-service a {
display: block;
font-weight: bold;
font-size: 22px;
color: #000000;
padding: 12px 0 10px 0;
border-bottom: 1px solid #000000;
}
.mobile-content-service a:last-child {
border-bottom: none;
}
/* */
#portal-searchbox {
margin-top: 0;
padding: 30px 0 0 0;
height: 128px;
width: 100%;
background: #ffee00 url("++resource++werkbank.plonetheme.images/dropdownBG.gif") no-repeat left top;
}
.portal-searchbox.versteckt {
display: none;
}
.portal-searchbox {
display: block;
}
#portal-searchbox #searchGadget {
background: url("++resource++werkbank.plonetheme.images/searchMobile.png") no-repeat left top;
-moz-appearance: none;
float: left;
display: block;
border: none;
height: 32px;
width: 242px;
padding-left: 15px;
font-size: 130%;
}
#portal-searchbox .searchButton {
background: url("++resource++werkbank.plonetheme.images/searchButtonMobile.png") no-repeat left top;
border: none;
float: left;
display: block;
height: 32px;
width: 43px;
}
#portal-searchbox #searchGadget:focus {
background: url("++resource++werkbank.plonetheme.images/searchMobileFocus.png") no-repeat left top;
}
#portal-searchbox #searchGadget:focus + .searchButton {
background: url("++resource++werkbank.plonetheme.images/searchButtonMobileFocus.png") no-repeat left top;
}
#portal-searchbox #searchGadget:focus {
background: url("++resource++werkbank.plonetheme.images/searchMobileFocus.png") no-repeat left top;
}
#portal-searchbox #searchGadget:focus + .searchButton {
background: url("++resource++werkbank.plonetheme.images/searchButtonMobileFocus.png") no-repeat left top;
}
#portal-searchbox .LSBox {
margin: 0 auto;
position: relative;
width: 300px;
}
#portal-searchbox #LSResult {
top: 33px;
}
/* */
#headerwrapper { height: auto; }
#headerwrapper .slider { min-height: 200px !important; }
.triangle { display: none; }
.template-homepage_view .triangle { background: url(++resource++werkbank.plonetheme.images/triangleMobile.png) no-repeat left top; width: 136px; height: 146px;
position: absolute; padding: 15px 10px 0 10px; display: block; }
.triangle .titel { position: absolute; top: 5px; font-size: 34px; line-height: 1em; font-weight: normal; font-family: 'KLBulletinSansBlack'; color: #010101; width: 80px; }
.triangle .untertitel { display: none; }
.infoSlider-arrow { margin-right: -30px; }
.dots { right: 93px; }
/* */
#portal-column-content { width: 100% !important; }
#portal-column-two { width: 97% !important; margin-left: -97%; clear: both; }
#content { margin: 1em 10px; }
.teaser-viewlet { margin: 0 10px 0 10px; }
#portal-footer { margin: 20px 0 30px 0; }
.adress_container:first-child { width: 130px; margin: 0 0 0 12px; }
.adress_container { float: left; width: 170px; }
.adress_container:first-child { width: 130px; }
#klingspor-siteactions { clear: both; float: left; margin: 20px 0 0 12px; }
#portal-column-two .portletStaticText { margin: 10px 10px 0 0; }
#contentPortlets .portletNavigationTree { margin: 0 0 0 10px; }
/* */
/* */
.suchergebnisse .produkt-kurzinfo {
width: 50%;
}
/* */
.suchergebnisse .produkt-kurzinfo:nth-child(3) {
clear: both;
}
.produktTabs {
height: auto;
}
#content .produktTabs ul li {
float: none;
width: auto;
}
.produktBild,
.produktDaten {
width: calc(100% - 16px);
}
.produktEigenschaften.qualitaet,
.produktDaten .produktEigenschaften {
float: none;
width: 97%;
}
.produktansichtButtons .button {
margin-bottom: 10px;
width: 160px;
float: right;
}
.closeButton {
margin-top: -297px;
}
.template-vergleichsdetails #content {
margin: 1em 56px 48px;
}
.vergleichsdetails-listeAkk #accordion.detailfilter {
position: relative;
z-index: 500;
}
.vergleichsdetails-buttons {
left: 0;
margin-bottom: 40px;
position: relative;
top: 20px;
}
#content .vergleichsdetails-buttons .btn.drucken {
margin-top: 9px;
padding: 5px 15px 3px;
width: 100p
}
.footerganzebreite {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/gutFooter.jpg") no-repeat scroll left top / contain ;
height: 278px;
margin-left: -10px;
max-width: calc(100% + 20px);
width: 960px;
}
.footerganzebreite.unternehmen.flex {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/flexFooter.jpg") no-repeat scroll left top / contain;
color: #fff;
}
.footerganzebreite > span:first-child {
display: inline-block;
font-size: 23px;
font-style: italic;
padding: 15px 0 0 50px;
}
.footerganzebreite > span:nth-child(2) {
display: block;
font-size: 30px;
font-weight: 600;
margin: -1px 0 0 49px;
}
.footerganzebreite.qualitaet > span:nth-child(2) {
display: block;
font-size: 40px;
font-weight: 600;
margin: 8px 0 0 49px;
}
.spalteeins, .spaltezwei, .spaltedrei {
float: none;
width: 49%;
height: 100%;
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/grissel.jpg") repeat scroll left bottom;
}
#content .spalteninhalt > h3 {
font-size: 30px;
text-align: center;
}
.spalteeins {
margin-left: 0;
width: 100%;
}
.spaltezwei {
width: 100%;
margin: 0;
float: none;
}
.spaltedrei {
float: none;
width: 100%
}
.spaltenkopf {
border-top: 8px solid #ffee00;
padding-top: 22px;
text-align: center;
height: 180px;
}
.spaltenkopf img {
width: 150px;
}
.spalteninhalt > p {
padding: 0 20px;
}
.kachelseite.anwendungen .kacheltext {
font-size: 14px;
line-height: 14px;
}
/* */
.produktfinder .col-1-3 {
height: 45px;
}
.produktfinder .spalte2,
.produktfinder .spalte3  {
margin-top: 0;
}
#content .btn.zert {
width: 90%;
}
/* */
#kartestandortecontainer .laenderliste {
display: none !important;
}
#content .kartestandorteheader {
padding-left: 10px;
}
.block.blockZwei .zahl[style] {
font-size: 160px !important;
}
/* */
#content h3.subheader.vertrieb,
#content h3.subheader.service,
.subheader.schulung,
p.schulung,
p.service {
width: 100%;
}
/* */
.zeitstrahl .left,
.zeitstrahl .right {
width: 40%;
}
.zeitstrahl .left .text,
.zeitstrahl .right .text {
width: 100%;
}
.zeitstrahl img {
display: none;
}
.zeitstrahl [class^="jahr"] {
font-size: 50px;
line-height: 50px;
}
.zeitstrahl .eintrag.jahr1926 {
width: auto;
}
.zeitstrahl .bild1926 {
margin-top: 0;
}
.zeitstrahl .jahr1950 .jahr {
margin-top: 240px;
}
.eintrag.stammwerk {
display: none;
}
.left .eintrag,
.right .eintrag {
height: 160px;
margin: 0;
}
.zeitstrahl .right {
margin-top: 100px;
}
.left .clearfix,
.right .clearfix {
margin: 0 !important;
}
.zeitstrahl .left .eintrag .jahr,
.zeitstrahl .right .eintrag .jahr,
.right .eintrag.jahr2015 {
margin: 0;
}
.zeitstrahl .right .eintrag.jahr2015 {
margin-top: 118px;
}
/* */
#portal-columns #contentPortlets .portletNavigationTree {
display: block;
border: none;
}
#portal-columns #contentPortlets .portletNavigationTree li {
display: inline-block;
float: none;
margin: 0;
width: 100%;
}
#portal-columns #contentPortlets .portletNavigationTree li a {
width: 100%;
}
/* */
.mobile-navi .portlet.portletNavigationTree:nth-child(2) {
display: none;
}
/* */
.auf-vergleichsliste-container {
float: right;
}
/* */
#content-core .produktContainer .einzelDaten table,
#content-core .produktContainer .einzelDaten thead,
#content-core .produktContainer .einzelDaten tbody,
#content-core .produktContainer .einzelDaten th,
#content-core .produktContainer .einzelDaten td,
#content-core .produktContainer .einzelDaten tr {
display: block;
}
#content-core .produktContainer .einzelDaten thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
#content-core .produktContainer .einzelDaten td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align:left;
}
#content-core .produktContainer .einzelDaten td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: bold;
}
#content-core .produktContainer .einzelDaten td:before {
content: attr(data-title);
}
/* */
.downloadsform label {
width: 94%;
}
#downloadliste > a {
display: inline-block;
margin-bottom: 20px;
}
/* */
.smallcopy img.image-left {
float: none;
}
/* */
.portlet-column-right-mehr #content-core {
width: 100%;
}
.organisationEinkaufLinks, .organisationEinkaufRechts {
border-top: 2px solid #000;
float: none;
width: 100%;
}
/* */
.produktBild, .produktDaten {
float: none;
}
@media screen and (min-width: 520px) {
.produktBild, .produktDaten {
float: left;
}
}
.produkt-content .produktBild {
width: 100%;
}
.produktDaten {
width: 100%;
}
.anwendungSchleifblaetter .links {
float: none;
width: 100%;
}
.anwendungSchleifblaetter > table {
width: 100%;
}
.produktDaten .closeButton {
margin-top: -267px;
}
.anwendungStuetzteller .links,
.anwendungStuetzteller .rechts {
float: none;
width: 100%;
}
.anwendungSchleifmop figure,
.anwendungSchleifmop .mopdurchmesser .links {
float: none;
width: 100%;
}
#content .anwendungSchleifmop .mopdurchmesser > table {
float: none;
text-align: center;
width: 100%;
}
.anwendungcontainer .anwendungBlockLinks {
float: none;
max-width: 100%;
text-align: left;
width: 100%;
}
.anwendungBlockLinks img {
height: auto;
max-width: 100%;
}
.anwendungListeContainer .anwendungListeText,
.anwendungListeContainer .anwendungListeHead {
display: block;
}
.bauformenBeispielText span:first-child {
left: 16px;
}
.bauformenBeispielText span:nth-child(2) {
left: 141px;
}
.anwendungcontainer .anwendungBlockLinks .links,
.anwendungcontainer .anwendungBlockLinks .rechts {
float: none;
width: 100%;
}
.anwendungcontainer .anwendungBlockLinks .rechts > img[style],
.anwendungTrennscheiben img[style],
.anwendungTrennscheiben .lagerung > img {
height: auto !important;
max-width: 100% !important;
}
.accordion.detailfilter /**/ {
float: left;
font-size: 14px;
margin: 0 8px 10px;
width: calc(100% - 13px);
}
.anwendungDiamantwerkzeug .rechts {
width: 75%;
}
.anwendungDiamantwerkzeug .links {
width: 25%;
}
.anwendungDiamantwerkzeug .rechts li {
height: 145px;
}
.anwendungDiamantwerkzeug .links br {
line-height: 150px;
}
#content .anwendungDiamantwerkzeug .rechts ol li {
height: 145px;
}
#content .anwendungDiamantwerkzeug .rechts li ul li {
font-size: 15px !important;
height: auto;
line-height: 15px !important;
}
.osabilder img {
max-width: 100%;
height: auto;
}
#content input#searchSchleifwissen {
width: calc(100% - 20px);
}
/* */
#content .pagination {
float: left;
width: 100%;
}
.template-vergleichsdetails body {
border-top: none;
}
.accordion.detailfilter .ui-widget-content, #accordion.detailfilter .ui-widget-content {
width: calc(100% - 23px);
}
/* */
.pf_footer > input {
font-size: 100% !important;
}
#portal-top {
font-size: 100% !important;
}
.sortimentTooltips:hover .text + span.bild {
opacity: 0;
}
.suchergebnisse .artikel-auf-vergleichsliste {
left: 0;
margin-left: 0;
}
/* */
.auf-vergleichsliste-container,
.artikel-auf-vergleichsliste {
display: none;
}
.accordion.auswahlsortieren{
float: none;
margin: 40px 8px 10px;
width: calc(100% - 13px);
}
.accordion.auswahlsortieren .ui-widget-content {
width: calc(100% - 23px);
}
#portal-languageselector .einblendung {
left: 0;
padding: 36px 30px 50px;
}
}
/* */
@media screen and (min-width: 755px) {
.languageButtonContainer {
height: 0;
left: 4%;
margin: 0 auto;
max-width: 941px;
position: absolute;
right: 4%;
}
#portal-searchbox .livesearchContainer .LSRow a {
padding: 10px !important;
padding-left: 47px !important;
}
/* */
#content .einzelDaten table {
font-size: 15px;
width: 100%;
}
#content .einzelDaten thead tr {
background: white none repeat scroll 0 0;
border-top: medium none;
}
#content .einzelDaten,
#content .einzelDaten td {
border-right: 2px solid #fff;
text-align: center;
}
#content-core .produktContainer .einzelDaten tr td {
padding: 0;
font-weight: 600;
}
.footerganzebreite.produktion {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/produktionganzebreite.jpg") no-repeat scroll left top / contain ;
height: 506px;
margin-left: -10px;
max-width: calc(100% + 20px);
width: 940px;
margin-top: 80px;
}
.footerganzebreite.qualitaet {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/qualitaetganzebreite.jpg") no-repeat scroll left top / contain ;
height: 530px;
margin-left: -10px;
max-width: calc(100% + 20px);
width: 940px;
margin-top: 80px;
}
.footerganzebreite.qualitaet .text {
display: block;
font-size: 25px;
font-weight: 300;
left: 30px;
top: 120px;
width: 600px;
}
.footerganzebreite > span:first-child {
display: inline-block;
font-size: 23px;
font-style: italic;
padding: 15px 0 0 50px;
}
.footerganzebreite > span:nth-child(2) {
display: block;
font-size: 30px;
font-weight: 600;
margin: -1px 0 0 49px;
}
.footerganzebreite.flex > span {
color: #fff;
}
.footerganzebreite.qualitaet > span,
.footerganzebreite.qualitaet > span:first-child {
color: #fff;
font-size: 30px;
font-style: unset;
font-weight: 600;
left: 0;
position: relative;
top: 0;
}
.footerganzebreite.qualitaet > span:nth-child(2) {
display: block;
font-size: 60px;
font-weight: 600;
margin: 24px 0 0 49px;
line-height: 60px
}
.footerganzebreite.qualitaet .text {
display: block;
font-size: 25px;
font-weight: 300;
left: 51px;
top: 130px;
width: 730px;
}
.bildcontainerrechts {
float: right;
}
.bildcontainerlinks {
float: left;
margin-top: 80px;
}
/* */
#portal-globalnav li.finderButton {
background: url("++resource++werkbank.plonetheme.images/iconProduktfinder.png") no-repeat left 10px center #d0d0d0;
}
#portal-globalnav li.finderButton span {
padding-left: 40px;
top: 15px;
}
/* */
#portal-column-content {
width: 100%;
}
.template-translate_item #portal-column-content { width: 100%; margin-left: -100%; }
#portal-column-two { width: 30%; margin-left: -30%;
position: relative;
top: -58px;
}
.template-worldmap #portal-column-two,
.template-worldmap_en #portal-column-two,
.template-downloads #portal-column-two {
display: none;
}
.template-worldmap_en #content-core {
width: 100%;
}
.template-document_view #portal-column-two,
.template-folder_listing #portal-column-two{
margin-left: -30%;
position: absolute;
right: 110px;
top: 164px;
width: 25.5%;
}
.template-homepage_view #portal-column-two {
width: 30%;
margin-left: -30%;
position: relative;
top: -47px;
left: 0;
float: right;
}
/* */
.einblenden_button .languageCode { width: 32px; background: url(++resource++werkbank.plonetheme.images/languageCode.png) no-repeat center top; height: 31px; margin: 0 0 0 6px; padding-top: 1px; }
#portal-logo { margin: 0 0 20px 20px; float: left; }
.hiddenscreen { display: none; }
.navi-ganzoben { text-align: center; margin-top: 6px; }
.navi-ganzoben a { font-size: 14px; color: #575756; border-bottom: 1px dotted #8f8f8f; margin-right: 10px; }
.navi-ganzoben a:hover { color: #000000; }
.einblenden_button { margin-right: 20px; }
#header_title { float: right; clear: right; margin-top: 10px; margin-right: 20px; }
#header_title strong { font-size: 25px; }
#header_title { font-size: 20px; line-height: 25px; }
.mobile-tabs { display: none; }
#portal-searchbox {
/* */
position: absolute;
z-index: 2;
/* */
transition: all ease-out .2s;
top: 157px;
right: 0;
width: 100%;
background: #ffee00 url("++resource++werkbank.plonetheme.images/dropdownBG.gif") no-repeat;
height: 110px;
font-family: KLBulletinSans, arial;
box-shadow: 0 15px 12px -12px rgba(0, 0, 0, 0.6);
}
#portal-searchbox #searchGadget {
background: url("++resource++werkbank.plonetheme.images/search.png") no-repeat left top;
-moz-appearance: none;
float: left;
display: block;
border: none;
height: 24px;
width: 185px;
padding-left: 10px;
margin-left: 130px;
margin-top: 36px;
}
#portal-searchbox .searchButton {
background: url("++resource++werkbank.plonetheme.images/searchButton.png") no-repeat left top;
border: none;
float: left;
display: block;
height: 24px;
width: 28px;
margin-top: 36px;
}
#portal-searchbox #searchGadget:focus {
background: url("++resource++werkbank.plonetheme.images/searchFocus.png") no-repeat left top;
}
#portal-searchbox #searchGadget:focus + .searchButton {
background: url("++resource++werkbank.plonetheme.images/searchButtonFocus.png") no-repeat left top;
}
#portal-searchbox #searchGadget:focus {
background: url("++resource++werkbank.plonetheme.images/searchFocus.png") no-repeat left top;
}
#portal-searchbox #searchGadget:focus + .searchButton { background: url(++resource++werkbank.plonetheme.images/searchButtonFocus.png) no-repeat left top; }
#portal-globalnav {
border-bottom: 8px solid #ffee00;
margin-bottom: -1px;
background: #c6c8ca;
}
#portal-globalnav {
box-shadow: 2px -2px 3px #a6a6a6 inset;
}
#portal-globalnav li:first-child a {
}
#portal-globalnav li a {
background: #f2dc00;
border-right: none;
padding: 14px 30px 7px 15px;
min-width: 40px;
box-shadow: 2px -2px 3px #d2bf00 inset;
color: #6e6700;
font-size: 18px;
cursor: pointer;
}
#portal-globalnav li a:hover,
#portal-globalnav li.selected a,
#portal-globalnav li.selected a:hover { background: #ffee00; border: none !important; color: #000000; box-shadow: -1px 0px 0px #d2bf00; }
#portal-globalnav li:first-child a:hover,
#portal-globalnav li:first-child.selected a,
#portal-globalnav li:first-child.selected a:hover { box-shadow: 0 0px 0px #d2bf00; }
#portal-globalnav ul.submenu {
background: #ffee00 url(++resource++werkbank.plonetheme.images/dropdownBG.gif) no-repeat left 8px;
padding: 48px 0 0 2%;
border: none;
width: 98.1%;
z-index: 3;
}
#portal-globalnav li:hover ul { left: 0; }
#portal-globalnav li.selected ul.submenu { margin-top: 0px; z-index: 10;}
#portal-globalnav ul.submenu li { width: 146px; float: left; display: block; border-right: 1px solid #c1b500; margin-bottom: 20px; }
#portal-globalnav ul.submenu li a,
#portal-globalnav ul.submenu li a:hover { border: none !important; font-size: 17px; font-weight: bold; color: #000000 !important; box-shadow: none; line-height: 1.2em;
background: transparent !important; width: 128px; padding: 0 8px 0 10px; display: block; height: 203px; cursor: pointer; }
#portal-globalnav ul.submenu li a.state-private { color: Red !important; }
#portal-globalnav ul.submenu img { margin-bottom: 8px; }
#portal-globalnav li.searchButton,
#portal-globalnav li.vergleichButton {
width: 45px;
}
#portal-globalnav li.searchButton,
#portal-globalnav li.vergleichButton,
#portal-globalnav li.finderButton a{
background: url("++resource++werkbank.plonetheme.images/searchIcon.png") no-repeat center center #c6c8ca;
height: 40px;
width: 45px;
padding: 0;
color: #575756;
box-shadow: 2px -2px 3px #a6a6a6 inset;
cursor: pointer;
}
#portal-globalnav li.vergleichButton {
background: url("++resource++werkbank.plonetheme.images/iconVergleich.png") no-repeat left 5px center #c6c8ca;
transition: all ease .1s;
}
#portal-globalnav li.vergleichButton:hover {
background: url("++resource++werkbank.plonetheme.images/iconVergleichAktiv.png") no-repeat left 5px center;
}
#portal-globalnav li.vergleichButton .vergleich-aktiv {
background: url("++resource++werkbank.plonetheme.images/iconVergleichAktiv.png") no-repeat left 5px top 8px ;
width: 12px;
}
/* */
.section-fr-fr #portal-globalnav li.vergleichButton,
.section-fr-ch #portal-globalnav li.vergleichButton,
.section-fr-be #portal-globalnav li.vergleichButton {
background: #c6c8ca url("++resource++werkbank.plonetheme.images/iconVergleich.png") no-repeat scroll left 5px top 15px;
}
.section-fr-fr #portal-globalnav li.vergleichButton:hover,
.section-fr-ch #portal-globalnav li.vergleichButton:hover,
.section-fr-be #portal-globalnav li.vergleichButton:hover {
background: #ffee00 url("++resource++werkbank.plonetheme.images/iconVergleichAktiv.png") no-repeat scroll left 5px top 15px;
}
.section-en-gb #portal-globalnav li.vergleichButton .vergleich-aktiv,
.section-en-sg #portal-globalnav li.vergleichButton .vergleich-aktiv,
.section-fr-fr #portal-globalnav li.vergleichButton .vergleich-aktiv,
.section-fr-ch #portal-globalnav li.vergleichButton .vergleich-aktiv,
.section-fr-be #portal-globalnav li.vergleichButton .vergleich-aktiv,
.section-es-es #portal-globalnav li.vergleichButton .vergleich-aktiv,
.section-es-pe #portal-globalnav li.vergleichButton .vergleich-aktiv,
.section-es-mx #portal-globalnav li.vergleichButton .vergleich-aktiv,
.section-es-ar #portal-globalnav li.vergleichButton .vergleich-aktiv,
.section-es-cl #portal-globalnav li.vergleichButton .vergleich-aktiv,
.section-pt-br #portal-globalnav li.vergleichButton .vergleich-aktiv,
.section-en-au #portal-globalnav li.vergleichButton .vergleich-aktiv,
.section-en-ca #portal-globalnav li.vergleichButton .vergleich-aktiv,
.section-en-za #portal-globalnav li.vergleichButton .vergleich-aktiv  {
background: #ffee00 url("++resource++werkbank.plonetheme.images/iconVergleichAktiv.png") no-repeat scroll left 5px top 15px;
height: 42px;
}
.section-pt-br #portal-globalnav li.vergleichButton .vergleich-aktiv {
width: 16px;
}
.section-en-gb .buttonVergleich,
.section-en-sg .buttonVergleich,
.section-fr-fr .buttonVergleich,
.section-fr-ch .buttonVergleich,
.section-fr-be .buttonVergleich,
.section-es-es .buttonVergleich,
.section-es-pe .buttonVergleich,
.section-es-mx .buttonVergleich,
.section-es-ar .buttonVergleich,
.section-es-cl .buttonVergleich,
.section-pt-br .buttonVergleich,
.section-en-au .buttonVergleich,
.section-en-ca .buttonVergleich,
.section-en-za .buttonVergleich,
.section-ru .buttonVergleich,
.section-ro .buttonVergleich {
padding-top: 21px;
}
#portal-globalnav li.finderButton {
background: url("++resource++werkbank.plonetheme.images/iconProduktfinder.png") no-repeat left 5px center #c6c8ca;
height: 40px;
color: #575756;
box-shadow: 2px -2px 3px #a6a6a6 inset;
transition: all ease .1s;
cursor: pointer;
}
#portal-globalnav li.finderButton span {
padding-left: 33px;
top: 15px;
position: relative;
font-size: 10px;
}
.section-ru #portal-globalnav li.vergleichButton .vergleich-aktiv,
.section-ro #portal-globalnav li.vergleichButton .vergleich-aktiv {
background: url("++resource++werkbank.plonetheme.images/iconVergleichAktiv.png") no-repeat left 5px top 17px;
}
/* */
.section-en-gb #portal-globalnav li.finderButton span,
.section-en-sg #portal-globalnav li.finderButton span,
.section-fr-fr #portal-globalnav li.finderButton span,
.section-fr-ch #portal-globalnav li.finderButton span,
.section-fr-be #portal-globalnav li.finderButton span,
.section-es-es #portal-globalnav li.finderButton span,
.section-es-pe #portal-globalnav li.finderButton span,
.section-es-mx #portal-globalnav li.finderButton span,
.section-es-ar #portal-globalnav li.finderButton span,
.section-es-cl #portal-globalnav li.finderButton span,
.section-pt-br #portal-globalnav li.finderButton span,
.section-en-au #portal-globalnav li.finderButton span,
.section-en-ca #portal-globalnav li.finderButton span,
.section-en-za #portal-globalnav li.finderButton span {
top: 21px;
}
#portal-globalnav li.finderButton.produktfinder-aktiv,
#portal-globalnav li.finderButton:hover {
background: url("++resource++werkbank.plonetheme.images/iconProduktfinderAktiv.png") no-repeat left 5px center #ffee00;
box-shadow: none;
}
#portal-globalnav li.suche-aktiv,
#portal-globalnav li.searchButton:hover,
#portal-globalnav li.vergleichButton:hover,
#portal-globalnav li.vergleichButton .vergleich-aktiv {
box-shadow: none;
background-color: #ffee00;
}
#portal-globalnav li.searchButton:hover {
background: url("++resource++werkbank.plonetheme.images/searchIconHover.png") no-repeat center center #ffee00;
}
#portal-globalnav li.vergleichButton:hover .buttonVergleich,
#portal-globalnav li.vergleichButton .buttonVergleich-aktiv {
color: #000;
}
ul.submenu .menuschliessenbutton,
.schliessen-button {
clear: both;
height: 60px;
/* */
width: 100%;
cursor: pointer;
background: url("++resource++werkbank.plonetheme.images/dropdownBottom.gif") repeat-x left top;
}
.schliessen-button {
margin-left: 0;
width: 100%;
}
ul.submenu .menuschliessenbuttonicon, .menuschliessenbuttonicon { background: url(++resource++werkbank.plonetheme.images/dropdownClose.png) no-repeat left center;
height: 60px; width: 31px; position: relative; margin: 0 auto 0 auto; cursor:pointer;}
/* */
.languageTextContainer {
min-height: 305px;
}
/* */
.languageTextContainer::after {
content: "";
display: block;
clear: both;
}
.kontinentgruppe {
float: left;
/* */
position: relative;
/* */
width: 25%;
min-height:  252px;
}
.kontinentgruppe:last-of-type {
margin: 0;
}
.kontinent{
width: 172px;
}
.kontinent.kontinent-nordamerika hr,
.kontinent.kontinent-afrika hr{
display:none;
}
/* */
#headerwrapper .slider { min-height: 422px !important; }
.triangle {
background: url(++resource++werkbank.plonetheme.images/triangleSmall.png) no-repeat left top;
position: absolute;
width: 204px;
height: 239px;
/* */
padding: 100px 40px 0 20px;
display: block;
}
body[class*="subsection-"] .triangle div {
font-size: 66px;
}
body[class*="subsection-"] .triangle span {
font-size: 20px;
font-weight: 300;
margin-left: 5px;
margin-top: 6px;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
.triangle .titel { font-size: 46px; line-height: 1em; font-weight: normal; font-family: 'KLBulletinSansBlack'; color: #010101; width: 194px; display: block; }
.template-homepage_view .triangle .titel { font-size: 79px; line-height: 1em; width: 265px; }
.triangle .untertitel {
font-size: 21px !important;
font-weight: 300; color: #010101; max-width: 220px; display: block; line-height: 1.3em;
font-family: KLBulletinSans;
}
.untertitel {
font-family: KLBulletinSans-Fett !important;
font-weight: bold;
}
body[class*="subsection-"] #bigtext-id0.bigtext .triangle1[style],
body[class*="subsection-"] #bigtext-id0.bigtext .triangle2[style],
body[class*="subsection-"] #bigtext-id0.bigtext .triangle3[style],
body[class*="subsection-"] #bigtext-id1.bigtext .triangle1[style],
body[class*="subsection-"] #bigtext-id1.bigtext .triangle2[style],
body[class*="subsection-"] #bigtext-id1.bigtext .triangle3[style],
body[class*="subsection-"] #bigtext-id2.bigtext .triangle1[style],
body[class*="subsection-"] #bigtext-id2.bigtext .triangle2[style],
body[class*="subsection-"] #bigtext-id2.bigtext .triangle3[style],
body[class*="subsection-"] #bigtext-id3.bigtext .triangle1[style],
body[class*="subsection-"] #bigtext-id3.bigtext .triangle2[style],
body[class*="subsection-"] #bigtext-id3.bigtext .triangle3[style],
body[class*="subsection-"] #bigtext-id4.bigtext .triangle1[style],
body[class*="subsection-"] #bigtext-id4.bigtext .triangle2[style],
body[class*="subsection-"] #bigtext-id4.bigtext .triangle3[style] {
font-size: 60px !important;
margin-top: -20px;
}
/* */
body.section-es-es[class*="subsection-"] #bigtext-id0.bigtext .triangle1[style],
body.section-es-es[class*="subsection-"] #bigtext-id0.bigtext .triangle2[style],
body.section-es-es[class*="subsection-"] #bigtext-id0.bigtext .triangle3[style],
body.section-es-es[class*="subsection-"] #bigtext-id1.bigtext .triangle1[style],
body.section-es-es[class*="subsection-"] #bigtext-id1.bigtext .triangle2[style],
body.section-es-es[class*="subsection-"] #bigtext-id1.bigtext .triangle3[style],
body.section-es-es[class*="subsection-"] #bigtext-id2.bigtext .triangle1[style],
body.section-es-es[class*="subsection-"] #bigtext-id2.bigtext .triangle2[style],
body.section-es-es[class*="subsection-"] #bigtext-id2.bigtext .triangle3[style],
body.section-es-es[class*="subsection-"] #bigtext-id3.bigtext .triangle1[style],
body.section-es-es[class*="subsection-"] #bigtext-id3.bigtext .triangle2[style],
body.section-es-es[class*="subsection-"] #bigtext-id3.bigtext .triangle3[style],
body.section-es-es[class*="subsection-"] #bigtext-id4.bigtext .triangle1[style],
body.section-es-es[class*="subsection-"] #bigtext-id4.bigtext .triangle2[style],
body.section-es-es[class*="subsection-"] #bigtext-id4.bigtext .triangle3[style],
body.section-es-mx[class*="subsection-"] #bigtext-id0.bigtext .triangle1[style],
body.section-es-mx[class*="subsection-"] #bigtext-id0.bigtext .triangle2[style],
body.section-es-mx[class*="subsection-"] #bigtext-id0.bigtext .triangle3[style],
body.section-es-mx[class*="subsection-"] #bigtext-id1.bigtext .triangle1[style],
body.section-es-mx[class*="subsection-"] #bigtext-id1.bigtext .triangle2[style],
body.section-es-mx[class*="subsection-"] #bigtext-id1.bigtext .triangle3[style],
body.section-es-mx[class*="subsection-"] #bigtext-id2.bigtext .triangle1[style],
body.section-es-mx[class*="subsection-"] #bigtext-id2.bigtext .triangle2[style],
body.section-es-mx[class*="subsection-"] #bigtext-id2.bigtext .triangle3[style],
body.section-es-mx[class*="subsection-"] #bigtext-id3.bigtext .triangle1[style],
body.section-es-mx[class*="subsection-"] #bigtext-id3.bigtext .triangle2[style],
body.section-es-mx[class*="subsection-"] #bigtext-id3.bigtext .triangle3[style],
body.section-es-mx[class*="subsection-"] #bigtext-id4.bigtext .triangle1[style],
body.section-es-mx[class*="subsection-"] #bigtext-id4.bigtext .triangle2[style],
body.section-es-mx[class*="subsection-"] #bigtext-id4.bigtext .triangle3[style],
body.section-es-pe[class*="subsection-"] #bigtext-id0.bigtext .triangle1[style],
body.section-es-pe[class*="subsection-"] #bigtext-id0.bigtext .triangle2[style],
body.section-es-pe[class*="subsection-"] #bigtext-id0.bigtext .triangle3[style],
body.section-es-pe[class*="subsection-"] #bigtext-id1.bigtext .triangle1[style],
body.section-es-pe[class*="subsection-"] #bigtext-id1.bigtext .triangle2[style],
body.section-es-pe[class*="subsection-"] #bigtext-id1.bigtext .triangle3[style],
body.section-es-pe[class*="subsection-"] #bigtext-id2.bigtext .triangle1[style],
body.section-es-pe[class*="subsection-"] #bigtext-id2.bigtext .triangle2[style],
body.section-es-pe[class*="subsection-"] #bigtext-id2.bigtext .triangle3[style],
body.section-es-pe[class*="subsection-"] #bigtext-id3.bigtext .triangle1[style],
body.section-es-pe[class*="subsection-"] #bigtext-id3.bigtext .triangle2[style],
body.section-es-pe[class*="subsection-"] #bigtext-id3.bigtext .triangle3[style],
body.section-es-pe[class*="subsection-"] #bigtext-id4.bigtext .triangle1[style],
body.section-es-pe[class*="subsection-"] #bigtext-id4.bigtext .triangle2[style],
body.section-es-pe[class*="subsection-"] #bigtext-id4.bigtext .triangle3[style],
body.section-es-ar[class*="subsection-"] #bigtext-id0.bigtext .triangle1[style],
body.section-es-ar[class*="subsection-"] #bigtext-id0.bigtext .triangle2[style],
body.section-es-ar[class*="subsection-"] #bigtext-id0.bigtext .triangle3[style],
body.section-es-ar[class*="subsection-"] #bigtext-id1.bigtext .triangle1[style],
body.section-es-ar[class*="subsection-"] #bigtext-id1.bigtext .triangle2[style],
body.section-es-ar[class*="subsection-"] #bigtext-id1.bigtext .triangle3[style],
body.section-es-ar[class*="subsection-"] #bigtext-id2.bigtext .triangle1[style],
body.section-es-ar[class*="subsection-"] #bigtext-id2.bigtext .triangle2[style],
body.section-es-ar[class*="subsection-"] #bigtext-id2.bigtext .triangle3[style],
body.section-es-ar[class*="subsection-"] #bigtext-id3.bigtext .triangle1[style],
body.section-es-ar[class*="subsection-"] #bigtext-id3.bigtext .triangle2[style],
body.section-es-ar[class*="subsection-"] #bigtext-id3.bigtext .triangle3[style],
body.section-es-ar[class*="subsection-"] #bigtext-id4.bigtext .triangle1[style],
body.section-es-ar[class*="subsection-"] #bigtext-id4.bigtext .triangle2[style],
body.section-es-ar[class*="subsection-"] #bigtext-id4.bigtext .triangle3[style],
body.section-es-cl[class*="subsection-"] #bigtext-id0.bigtext .triangle1[style],
body.section-es-cl[class*="subsection-"] #bigtext-id0.bigtext .triangle2[style],
body.section-es-cl[class*="subsection-"] #bigtext-id0.bigtext .triangle3[style],
body.section-es-cl[class*="subsection-"] #bigtext-id1.bigtext .triangle1[style],
body.section-es-cl[class*="subsection-"] #bigtext-id1.bigtext .triangle2[style],
body.section-es-cl[class*="subsection-"] #bigtext-id1.bigtext .triangle3[style],
body.section-es-cl[class*="subsection-"] #bigtext-id2.bigtext .triangle1[style],
body.section-es-cl[class*="subsection-"] #bigtext-id2.bigtext .triangle2[style],
body.section-es-cl[class*="subsection-"] #bigtext-id2.bigtext .triangle3[style],
body.section-es-cl[class*="subsection-"] #bigtext-id3.bigtext .triangle1[style],
body.section-es-cl[class*="subsection-"] #bigtext-id3.bigtext .triangle2[style],
body.section-es-cl[class*="subsection-"] #bigtext-id3.bigtext .triangle3[style],
body.section-es-cl[class*="subsection-"] #bigtext-id4.bigtext .triangle1[style],
body.section-es-cl[class*="subsection-"] #bigtext-id4.bigtext .triangle2[style],
body.section-es-cl[class*="subsection-"] #bigtext-id4.bigtext .triangle3[style] {
/* */ font-size: 52px !important;/* */
}
/* */
body.section-pt-br[class*="subsection-"] #bigtext-id0.bigtext .triangle1[style],
body.section-pt-br[class*="subsection-"] #bigtext-id0.bigtext .triangle2[style],
body.section-pt-br[class*="subsection-"] #bigtext-id0.bigtext .triangle3[style],
body.section-pt-br[class*="subsection-"] #bigtext-id1.bigtext .triangle1[style],
body.section-pt-br[class*="subsection-"] #bigtext-id1.bigtext .triangle2[style],
body.section-pt-br[class*="subsection-"] #bigtext-id1.bigtext .triangle3[style],
body.section-pt-br[class*="subsection-"] #bigtext-id2.bigtext .triangle1[style],
body.section-pt-br[class*="subsection-"] #bigtext-id2.bigtext .triangle2[style],
body.section-pt-br[class*="subsection-"] #bigtext-id2.bigtext .triangle3[style] {
font-size: 52px !important;
}
/* */
body.section-fr-fr[class*="subsection-"] #bigtext-id0.bigtext .triangle1[style],
body.section-fr-fr[class*="subsection-"] #bigtext-id0.bigtext .triangle2[style],
body.section-fr-fr[class*="subsection-"] #bigtext-id0.bigtext .triangle3[style],
body.section-fr-fr[class*="subsection-"] #bigtext-id2.bigtext .triangle1[style],
body.section-fr-fr[class*="subsection-"] #bigtext-id2.bigtext .triangle2[style],
body.section-fr-fr[class*="subsection-"] #bigtext-id2.bigtext .triangle3[style],
body.section-fr-fr[class*="subsection-"] #bigtext-id3.bigtext .triangle1[style],
body.section-fr-fr[class*="subsection-"] #bigtext-id3.bigtext .triangle2[style],
body.section-fr-fr[class*="subsection-"] #bigtext-id3.bigtext .triangle3[style],
body.section-fr-fr[class*="subsection-"] #bigtext-id4.bigtext .triangle1[style],
body.section-fr-fr[class*="subsection-"] #bigtext-id4.bigtext .triangle2[style],
body.section-fr-fr[class*="subsection-"] #bigtext-id4.bigtext .triangle3[style],
body.section-fr-be[class*="subsection-"] #bigtext-id0.bigtext .triangle1[style],
body.section-fr-be[class*="subsection-"] #bigtext-id0.bigtext .triangle2[style],
body.section-fr-be[class*="subsection-"] #bigtext-id0.bigtext .triangle3[style],
body.section-fr-be[class*="subsection-"] #bigtext-id2.bigtext .triangle1[style],
body.section-fr-be[class*="subsection-"] #bigtext-id2.bigtext .triangle2[style],
body.section-fr-be[class*="subsection-"] #bigtext-id2.bigtext .triangle3[style],
body.section-fr-be[class*="subsection-"] #bigtext-id3.bigtext .triangle1[style],
body.section-fr-be[class*="subsection-"] #bigtext-id3.bigtext .triangle2[style],
body.section-fr-be[class*="subsection-"] #bigtext-id3.bigtext .triangle3[style],
body.section-fr-be[class*="subsection-"] #bigtext-id4.bigtext .triangle1[style],
body.section-fr-be[class*="subsection-"] #bigtext-id4.bigtext .triangle2[style],
body.section-fr-be[class*="subsection-"] #bigtext-id4.bigtext .triangle3[style],
body.section-fr-ch[class*="subsection-"] #bigtext-id0.bigtext .triangle1[style],
body.section-fr-ch[class*="subsection-"] #bigtext-id0.bigtext .triangle2[style],
body.section-fr-ch[class*="subsection-"] #bigtext-id0.bigtext .triangle3[style],
body.section-fr-ch[class*="subsection-"] #bigtext-id2.bigtext .triangle1[style],
body.section-fr-ch[class*="subsection-"] #bigtext-id2.bigtext .triangle2[style],
body.section-fr-ch[class*="subsection-"] #bigtext-id2.bigtext .triangle3[style],
body.section-fr-ch[class*="subsection-"] #bigtext-id3.bigtext .triangle1[style],
body.section-fr-ch[class*="subsection-"] #bigtext-id3.bigtext .triangle2[style],
body.section-fr-ch[class*="subsection-"] #bigtext-id3.bigtext .triangle3[style],
body.section-fr-ch[class*="subsection-"] #bigtext-id4.bigtext .triangle1[style],
body.section-fr-ch[class*="subsection-"] #bigtext-id4.bigtext .triangle2[style],
body.section-fr-ch[class*="subsection-"] #bigtext-id4.bigtext .triangle3[style] {
font-size: 62px !important;
}
body.section-fr-fr[class*="subsection-"] #bigtext-id1.bigtext .triangle1[style],
body.section-fr-fr[class*="subsection-"] #bigtext-id1.bigtext .triangle2[style],
body.section-fr-fr[class*="subsection-"] #bigtext-id1.bigtext .triangle3[style],
body.section-fr-be[class*="subsection-"] #bigtext-id1.bigtext .triangle1[style],
body.section-fr-be[class*="subsection-"] #bigtext-id1.bigtext .triangle2[style],
body.section-fr-be[class*="subsection-"] #bigtext-id1.bigtext .triangle3[style],
body.section-fr-ch[class*="subsection-"] #bigtext-id1.bigtext .triangle1[style],
body.section-fr-ch[class*="subsection-"] #bigtext-id1.bigtext .triangle2[style],
body.section-fr-ch[class*="subsection-"] #bigtext-id1.bigtext .triangle3[style] {
font-size: 40px !important;
margin-top: -6px;
}
/* */
body.section-pl[class*="subsection-"] #bigtext-id0.bigtext .triangle1[style],
body.section-pl[class*="subsection-"] #bigtext-id0.bigtext .triangle2[style],
body.section-pl[class*="subsection-"] #bigtext-id0.bigtext .triangle3[style],
body.section-pl[class*="subsection-"] #bigtext-id1.bigtext .triangle1[style],
body.section-pl[class*="subsection-"] #bigtext-id1.bigtext .triangle2[style],
body.section-pl[class*="subsection-"] #bigtext-id1.bigtext .triangle3[style],
body.section-pl[class*="subsection-"] #bigtext-id2.bigtext .triangle1[style],
body.section-pl[class*="subsection-"] #bigtext-id2.bigtext .triangle2[style],
body.section-pl[class*="subsection-"] #bigtext-id2.bigtext .triangle3[style],
body.section-pl[class*="subsection-"] #bigtext-id3.bigtext .triangle1[style],
body.section-pl[class*="subsection-"] #bigtext-id3.bigtext .triangle2[style],
body.section-pl[class*="subsection-"] #bigtext-id3.bigtext .triangle3[style],
body.section-pl[class*="subsection-"] #bigtext-id4.bigtext .triangle1[style],
body.section-pl[class*="subsection-"] #bigtext-id4.bigtext .triangle2[style],
body.section-pl[class*="subsection-"] #bigtext-id4.bigtext .triangle3[style] {
font-size: 55px !important;
margin-top: -9px;
}
/* */
body.section-ru[class*="subsection-"] #bigtext-id0.bigtext .triangle1[style],
body.section-ru[class*="subsection-"] #bigtext-id0.bigtext .triangle2[style],
body.section-ru[class*="subsection-"] #bigtext-id0.bigtext .triangle3[style],
body.section-ru[class*="subsection-"] #bigtext-id1.bigtext .triangle1[style],
body.section-ru[class*="subsection-"] #bigtext-id1.bigtext .triangle2[style],
body.section-ru[class*="subsection-"] #bigtext-id1.bigtext .triangle3[style],
body.section-ru[class*="subsection-"] #bigtext-id2.bigtext .triangle1[style],
body.section-ru[class*="subsection-"] #bigtext-id2.bigtext .triangle2[style],
body.section-ru[class*="subsection-"] #bigtext-id2.bigtext .triangle3[style],
body.section-ru[class*="subsection-"] #bigtext-id3.bigtext .triangle1[style],
body.section-ru[class*="subsection-"] #bigtext-id3.bigtext .triangle2[style],
body.section-ru[class*="subsection-"] #bigtext-id3.bigtext .triangle3[style],
body.section-ru[class*="subsection-"] #bigtext-id4.bigtext .triangle1[style],
body.section-ru[class*="subsection-"] #bigtext-id4.bigtext .triangle2[style],
body.section-ru[class*="subsection-"] #bigtext-id4.bigtext .triangle3[style] {
font-size: 56px !important;
margin-top: -20px;
}
/* */
body.section-ro[class*="subsection-"] #bigtext-id0.bigtext .triangle1[style],
body.section-ro[class*="subsection-"] #bigtext-id0.bigtext .triangle2[style],
body.section-ro[class*="subsection-"] #bigtext-id0.bigtext .triangle3[style],
body.section-ro[class*="subsection-"] #bigtext-id1.bigtext .triangle1[style],
body.section-ro[class*="subsection-"] #bigtext-id1.bigtext .triangle2[style],
body.section-ro[class*="subsection-"] #bigtext-id1.bigtext .triangle3[style],
body.section-ro[class*="subsection-"] #bigtext-id2.bigtext .triangle1[style],
body.section-ro[class*="subsection-"] #bigtext-id2.bigtext .triangle2[style],
body.section-ro[class*="subsection-"] #bigtext-id2.bigtext .triangle3[style],
body.section-ro[class*="subsection-"] #bigtext-id3.bigtext .triangle1[style],
body.section-ro[class*="subsection-"] #bigtext-id3.bigtext .triangle2[style],
body.section-ro[class*="subsection-"] #bigtext-id3.bigtext .triangle3[style],
body.section-ro[class*="subsection-"] #bigtext-id4.bigtext .triangle1[style],
body.section-ro[class*="subsection-"] #bigtext-id4.bigtext .triangle2[style],
body.section-ro[class*="subsection-"] #bigtext-id4.bigtext .triangle3[style] {
font-size: 48px !important;
margin-top: -20px;
}
body[class*="subsection-"] #bigtext-id0.bigtext .untertitel[style],
body[class*="subsection-"] #bigtext-id1.bigtext .untertitel[style],
body[class*="subsection-"] #bigtext-id3.bigtext .untertitel[style],
body[class*="subsection-"] #bigtext-id4.bigtext .untertitel[style] {
font-family: "KLBulletinSans";
font-size: 20px !important;
}
.template-homepage_view .triangle {
background: url(++resource++werkbank.plonetheme.images/triangle.png) no-repeat left top;
width: 255px;
height: 336px;
padding: 20px 40px 0 20px;
}
.template-homepage_view .triangle .titel.bigtext {
margin-top: 60px;
}
.template-homepage_view .triangle .titel.bigtext span[style] {
line-height: 1.2em !important;
margin-top: 0;
}
/* */
#content { margin: 1em 20px 48px; }
#portal-breadcrumbs { margin: 40px 0 30px 20px; }
/* */
#breadcrumbs-home, #breadcrumbs-1 { display: none !important; }
/* */
#breadcrumbs-2, #breadcrumbs-2 a,
#breadcrumbs-3, #breadcrumbs-3 a,
.breadcrumbSeparator { color: #9d9d9c; font-size: 18px; }
/* */
#breadcrumbs-4 span { display: none; }
.teaser-viewlet { margin-left: 48px; max-width: 66%; }
.template-homepage_view #portal-column-two .portletStaticText { /* */}
.template-homepage_view #portal-column-two .portletStaticText {
max-width: 239px;
margin-left: -4px;
}
.template-homepage_view .teaser-viewlet h2 {
max-width: 556px;
}
#portal-languageselector .einblendung {
/* */
/* */
left: 0;
padding: 36px 22px 50px;
}
.template-vergleichsdetails #content {
margin: 1em 95px 48px;
}
.vergleichsdetails-buttons {
margin-bottom: 40px;
top: 3px;
position: absolute;
left: 250px;
}
.vergleichsdetails-listeAkk #accordion.detailfilter {
position: absolute;
}
/* */
.drei.links,
.drei.rechts {
float: none;
width: 100%
}
.footerganzebreite {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/gutFooter.jpg") no-repeat scroll left top / contain ;
height: 278px;
margin-left: -20px;
max-width: calc(100% + 40px);
width: 960px;
}
.footerganzebreite.unternehmen.flex {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/flexFooter.jpg") no-repeat scroll left top / contain;
}
.footerganzebreite.produktion {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/produktionganzebreite.jpg") no-repeat scroll left top / contain ;
height: 506px;
margin-left: -20px;
max-width: calc(100% + 40px);
width: 940px;
margin-top: 80px;
}
.footerganzebreite.qualitaet {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/qualitaetganzebreite.jpg") no-repeat scroll left top / contain ;
height: 530px;
margin-left: -20px;
max-width: calc(100% + 40px);
width: 940px;
margin-top: 80px;
}
.footerganzebreite.produktion > span,
.footerganzebreite.produktion > span:first-child {
color: #fff;
font-size: 20px;
font-style: unset;
font-weight: 600;
left: -30px;
position: relative;
top: 280px;
}
.footerganzebreite.produktion > span:last-child {
font-size: 50px;
line-height: normal;
}
.footerganzebreite.qualitaet .text {
display: block;
font-size: 25px;
font-weight: 300;
left: 51px;
top: 120px;
width: calc(750px - 54px);
}
.footerganzebreite.schulung {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/gelbSchulungganzebreite.jpg") no-repeat scroll left top / cover ;
height: 346px;
margin-left: -20px;
margin-top: 80px;
max-width: calc(100% +40px);
width: 940px;
}
#content .btn.zert {
max-width: 510px;
}
#content .footerganzebreite.schulung span {
color: #fff;
font-size: 56px;
line-height: 47px;
margin-left: 50px;
text-shadow: 0 0 6px rgba(0, 0, 0, 1);
width: 400px;
}
#content .footerganzebreite.schulung h2 span {
color: #fff;
display: block;
font-size: 22px;
margin-top: 164px;
padding: 0;
}
.spalteeins, .spaltezwei, .spaltedrei {
float: left;
width: 30%;
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/grissel.jpg") repeat scroll left bottom;
}
.spaltedrei {
float: right;
}
.spaltenkopf {
border-top: 8px solid #ffee00;
padding-top: 22px;
text-align: center;
}
.spaltenkopf img {
width: 150px;
}
.spalteninhalt > p {
font-size: 16px;
line-height: 21px;
padding: 0 20px;
}
.spaltezwei {
margin-left: 5%;
}
.spalteninhalt h3 {
text-align: center;
}
.kachelseite.anwendungen .kacheltext {
font-size: 16px;
line-height: 18px;
}
/* */
.section-es-es #portal-globalnav li.searchButton,
.section-es-es #portal-globalnav li.vergleichButton,
.section-es-es #portal-globalnav li.finderButton a,
.section-es-es #portal-globalnav li.finderButton,
.section-es-pe #portal-globalnav li.searchButton,
.section-es-pe #portal-globalnav li.vergleichButton,
.section-es-pe #portal-globalnav li.finderButton a,
.section-es-pe #portal-globalnav li.finderButton,
.section-es-mx #portal-globalnav li.searchButton,
.section-es-mx #portal-globalnav li.vergleichButton,
.section-es-mx #portal-globalnav li.finderButton a,
.section-es-mx #portal-globalnav li.finderButton,
.section-es-ar #portal-globalnav li.searchButton,
.section-es-ar #portal-globalnav li.vergleichButton,
.section-es-ar #portal-globalnav li.finderButton a,
.section-es-ar #portal-globalnav li.finderButton,
.section-fr-fr #portal-globalnav li.searchButton,
.section-fr-fr #portal-globalnav li.vergleichButton,
.section-fr-fr #portal-globalnav li.finderButton a,
.section-fr-fr #portal-globalnav li.finderButton,
.section-fr-ch #portal-globalnav li.searchButton,
.section-fr-ch #portal-globalnav li.vergleichButton,
.section-fr-ch #portal-globalnav li.finderButton a,
.section-fr-ch #portal-globalnav li.finderButton,
.section-fr-be #portal-globalnav li.searchButton,
.section-fr-be #portal-globalnav li.vergleichButton,
.section-fr-be #portal-globalnav li.finderButton a,
.section-fr-be #portal-globalnav li.finderButton,
.section-pt-br #portal-globalnav li.searchButton,
.section-pt-br #portal-globalnav li.vergleichButton,
.section-pt-br #portal-globalnav li.finderButton a,
.section-pt-br #portal-globalnav li.finderButton {
height: 58px;
}
.section-es-cl #portal-globalnav li.searchButton,
.section-es-cl #portal-globalnav li.vergleichButton,
.section-es-cl #portal-globalnav li.finderButton a,
.section-es-cl #portal-globalnav li.finderButton {
height: 55px; }
/* */
.section-es-es #portal-globalnav .vergleichListeContainer,
.section-es-pe #portal-globalnav .vergleichListeContainer,
.section-es-mx #portal-globalnav .vergleichListeContainer,
.section-es-ar #portal-globalnav .vergleichListeContainer,
.section-es-cl #portal-globalnav .vergleichListeContainer,
.section-fr-fr #portal-globalnav .vergleichListeContainer,
.section-fr-ch #portal-globalnav .vergleichListeContainer,
.section-fr-be #portal-globalnav .vergleichListeContainer,
.section-en-gb #portal-globalnav .vergleichListeContainer,
.section-en-sg #portal-globalnav .vergleichListeContainer,
.section-pt-br #portal-globalnav .vergleichListeContainer,
.section-en-au #portal-globalnav .vergleichListeContainer,
.section-en-ca #portal-globalnav .vergleichListeContainer,
.section-en-za #portal-globalnav .vergleichListeContainer {
top: 55px;
}
.section-ru #portal-globalnav .vergleichListeContainer,
.section-ro #portal-globalnav .vergleichListeContainer {
top: 59px;
}
.section-fr-fr #portal-searchbox,
.section-fr-ch #portal-searchbox,
.section-fr-be #portal-searchbox,
.section-pt-br #portal-searchbox {
top: 177px;
}
.section-es-es #portal-searchbox,
.section-es-pe #portal-searchbox,
.section-es-mx #portal-searchbox,
.section-es-ar #portal-searchbox,
.section-es-cl #portal-searchbox {
top: 174px;
}
.section-pt-br #portal-searchbox {
top: 174px;
}
.section-en-gb #portal-searchbox,
.section-en-sg #portal-searchbox {
top: 174px;
}
.section-pl #portal-globalnav li.finderButton span {
top: 7px;
}
#kartestandortecontainer {
margin-left: -20px;
width: calc(100% + 40px);
}
#kartestandortecontainer .laenderliste.europa {
left: 201px;
}
#kartestandortecontainer .laenderliste.asien {
left: 492px;
}
#kartestandortecontainer .laenderliste.australien {
left: 659px;
}
}
@media screen and (min-width: 755px) and (orientation:portrait) {
.bildcontainerrechts {
float: left;
}
figure.forschung {
max-width: 230px;
}
.innovation img {
max-width: 100%;
height: auto;
}
figure.innovation {
width: 125px;
}
figure.produktion {
width: 165px;
}
figure.produktion img {
max-width: 100%;
}
.zeitstrahl .stammwerk .text {
width: 80px;
}
p.service {
width: 410px;
}
}
/* */
/* */
@media screen and (min-width: 980px) {
.languageTextContainer {
margin: 0 auto;
max-width: 970px;
padding: 30px 20px;
}
#portal-globalnav li.finderButton {
background: url("++resource++werkbank.plonetheme.images/iconProduktfinder.png") no-repeat left 16px center #c6c8ca;
}
#portal-languageselector .einblendung {
left: 0;
/* */
/* */
padding: 36px 0 0px;
}
/* */
.languageTextContainer hr, .languageTextContainer h2, .languageTextContainer h3, .languageTextContainer ul, .languageTextContainer .pseudo-h2, .languageTextContainer .pseudo-h3 {
padding-left: 12px !important;
position: relative;
}
.languageTextContainer hr {
background: #fff none repeat scroll 0 0;
border: 1px solid #fff;
left: 12px;
padding-top: 1px;
}
/* */
#portal-globalnav li.finderButton span {
padding-left: 51px;
font-size: 13px;
display: block;
}
#content {
margin: 0 48px;
}
#portal-breadcrumbs {
/* */
margin: 20px 0 30px 48px;
}
#portal-logo {
margin: 0 0 20px 0;
}
.einblenden_button {
margin-right: 0px;
}
#header_title {
margin-right: 0px;
}
/* */
#portal-searchbox #searchGadget,
#portal-searchbox #searchGadget:focus {
background: #ebebeb none repeat scroll 0 0;
border-bottom-left-radius: 24px;
border-top-left-radius: 24px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
max-width: 646px;
width: 90%;
}
#portal-searchbox #searchGadget:focus {
background: #fff;
box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.2) inset;
}
html:lang(es-ES) #portal-globalnav li a,
html:lang(es-PE) #portal-globalnav li a,
html:lang(es-CL) #portal-globalnav li a,
html:lang(es-MX) #portal-globalnav li a,
html:lang(es-AR) #portal-globalnav li a {
padding: 10px 46px 7px 15px;
min-width: 40px;
width: auto;
}
/* */
#portal-globalnav ul.submenu li a,
#portal-globalnav ul.submenu li a:hover {
width: 128px !important;
padding: 0 8px 0 10px !important;
}
#portal-globalnav ul.submenu li a:hover {
color: #6e6700 !important;
}
#portal-globalnav li a {
width: 125px;
padding: 14px 0 7px 15px;
transition: all ease .2s;
}
li.finderButton {
width: 150px;
cursor: pointer;
}
/* */
.section-es-es li.finderButton,
.section-es-pe li.finderButton,
.section-es-mx li.finderButton,
.section-es-ar li.finderButton,
.section-es-cl li.finderButton {
width: 207.4px;
}
#portal-globalnav li.finderButton.produktfinder-aktiv,
#portal-globalnav li.finderButton:hover {
background: url("++resource++werkbank.plonetheme.images/iconProduktfinderAktiv.png") no-repeat left 16px center #ffee00;
box-shadow: none;
}
#portal-globalnav li.finderButton:hover span {
color: #000;
}
.adress_container:first-child {
margin: 0 0 0 48px;
}
#klingspor-siteactions {
margin: 0 48px 0 20px;
}
/* */
.drei.links,
.drei.rechts {
float: left;
width: 50%
}
.footerganzebreite {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/gutFooter.jpg") no-repeat scroll left top / contain ;
height: 278px;
margin-left: -48px;
width: 940px;
max-width: calc(100% + 96px);
}
.footerganzebreite.flex{
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/flexFooter.jpg") no-repeat scroll left top / contain ;
}
.footerganzebreite.produktion {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/produktionganzebreite.jpg") no-repeat scroll left top / contain ;
max-height: 506px;
margin-left: -48px;
max-width: calc(100% + 96px);
width: 940px;
margin-top: 80px;
}
.footerganzebreite.qualitaet {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/qualitaetganzebreite.jpg") no-repeat scroll left top / contain ;
max-height: 530px;
margin-left: -48px;
max-width: calc(100% + 96px);
width: 940px;
margin-top: 80px;
margin-bottom: 20px;
}
.footerganzebreite.produktion > span,
.footerganzebreite.produktion > span:first-child {
color: #fff;
font-size: 20px;
font-style: unset;
font-weight: 600;
left: 0;
position: relative;
top: 300px;
}
.footerganzebreite.produktion > span:last-child {
font-size: 60px;
line-height: 54px;
padding-top: 16px;
}
.footerganzebreite.schulung {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/gelbSchulungganzebreite.jpg") no-repeat scroll left top / cover ;
height: 346px;
margin-left: -48px;
margin-top: 80px;
max-width: calc(100% + 96px);
width: 940px;
}
.dreispalter {
display: table;
height: 100%;
}
.spalteeins, .spaltezwei, .spaltedrei {
margin-left: 1.5%;
display: table;
height: 100%;
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/grissel.jpg") repeat scroll left bottom;
}
.spaltenkopf {
border-top: 8px solid #ffee00;
padding-top: 22px;
text-align: center;
height: 180px;
}
.spaltenkopf img {
width: 65%;
}
.spalteninhalt > h3 {
text-align: center;
}
.spalteeins {
margin-left: 0;
}
.spaltezwei {
margin-left: 5%;
}
.spaltefooter {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/portletBottom.gif") repeat-x scroll left top;
height: 54px;
position: relative;
width: 100%;
z-index: 9999999;
}
/* */
/* */
.section-es-es .blockZwei .text,
.section-es-pe .blockZwei .text,
.section-es-mx .blockZwei .text,
.section-es-ar .blockZwei .text,
.section-es-cl .blockZwei .text {
font-size: 96px;
}
.section-fr-fr .blockZwei .text,
.section-fr-ch .blockZwei .text,
.section-fr-be .blockZwei .text {
font-size: 128px;
}
.section-fr-fr .blockVier .text1,
.section-fr-ch .blockVier .text1,
.section-fr-be .blockVier .text1 {
font-size: 50px;
}
.section-es-es #portal-globalnav li.searchButton,
.section-es-es #portal-globalnav li.vergleichButton,
.section-es-es #portal-globalnav li.finderButton a,
.section-es-es #portal-globalnav li.finderButton,
.section-es-pe #portal-globalnav li.searchButton,
.section-es-pe #portal-globalnav li.vergleichButton,
.section-es-pe #portal-globalnav li.finderButton a,
.section-es-pe #portal-globalnav li.finderButton,
.section-es-mx #portal-globalnav li.searchButton,
.section-es-mx #portal-globalnav li.vergleichButton,
.section-es-mx #portal-globalnav li.finderButton a,
.section-es-mx #portal-globalnav li.finderButton,
.section-es-ar #portal-globalnav li.searchButton,
.section-es-ar #portal-globalnav li.vergleichButton,
.section-es-ar #portal-globalnav li.finderButton a,
.section-es-ar #portal-globalnav li.finderButton,
.section-en-gb #portal-globalnav li.searchButton,
.section-en-gb #portal-globalnav li.vergleichButton,
.section-en-gb #portal-globalnav li.finderButton a,
.section-en-gb #portal-globalnav li.finderButton,
.section-en-sg #portal-globalnav li.searchButton,
.section-en-sg #portal-globalnav li.vergleichButton,
.section-en-sg #portal-globalnav li.finderButton a,
.section-en-sg #portal-globalnav li.finderButton,
.section-pt-br #portal-globalnav li.searchButton,
.section-pt-br #portal-globalnav li.vergleichButton,
.section-pt-br #portal-globalnav li.finderButton a,
.section-pt-br #portal-globalnav li.finderButton,
.section-en-au #portal-globalnav li.searchButton,
.section-en-au #portal-globalnav li.vergleichButton,
.section-en-au #portal-globalnav li.finderButton a,
.section-en-au #portal-globalnav li.finderButton ,
.section-en-ca #portal-globalnav li.searchButton,
.section-en-ca #portal-globalnav li.vergleichButton,
.section-en-ca #portal-globalnav li.finderButton a,
.section-en-ca #portal-globalnav li.finderButton,
.section-en-za #portal-globalnav li.searchButton,
.section-en-za #portal-globalnav li.vergleichButton,
.section-en-za #portal-globalnav li.finderButton a,
.section-en-za #portal-globalnav li.finderButton  {
height: 55px;
}
#content .btn.zert {
max-width: 600px;
}
/* */
#kartestandortecontainer {
margin-left: -48px;
width: calc(100% + 96px);
}
#kartestandortecontainer .laenderliste.afrika {
left: 49px;
}
#kartestandortecontainer .laenderliste.amerika {
left: 49px;
}
#kartestandortecontainer .laenderliste.europa {
left: 381px;
}
#kartestandortecontainer .laenderliste.asien {
left: 662px;
}
#kartestandortecontainer .laenderliste.australien {
left: 819px;
}
} /* */
.buttonVergleich {
background: transparent none repeat scroll 0 0;
height: 35px;
position: absolute;
top: 0;
padding-left: 29px;
padding-top: 13px;
}
.vergleichListe {
position: absolute;
left: 0;
padding-left: 36px;
margin-top: 23px;
}
.vergleichListe .imgContainer {
/* */
/* */
min-height: 132px;
height: 100%;
position: relative;
/* */
width: 100%;
text-align: center;
}
.vergleichListe img {
height: auto;
margin: 0 10%;
max-height: 116px;
max-width: 100px;
width: auto;
}
.vergleichListe .container_inner {
background-color: #fff;
width: calc(100% - 40px);
height: calc(100% - 30px);
position: absolute;
padding: 10px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.vergleichListe .title {
color: #000;
display: block;
font-size: 17px;
font-weight: 600;
/* */
/* */
margin-top: -9px;
/* */
padding-left: 14px;
}
#portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen,
#portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen:hover {
background-color: transparent;
border: 1px solid #000 !important;
border-radius: 4px;
bottom: 61px;
box-shadow: none;
color: #000;
cursor: pointer;
font-size: 23px;
font-weight: 600;
margin-bottom: 6px;
margin-left: 45px;
margin-top: 17px;
padding: 5px 11px 2px;
position: absolute;
right: 50px;
width: 240px;
text-align: center;
}
/* */
.section-en-gb #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen,
.section-en-gb #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen:hover,
.section-en-sg #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen,
.section-en-sg #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen:hover {
line-height: 35px;
}
.section-fr-fr #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen,
.section-fr-fr #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen:hover,
.section-fr-ch #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen,
.section-fr-ch #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen:hover,
.section-fr-be #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen,
.section-fr-be #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen:hover,
.section-es-es #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen,
.section-es-es #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen:hover,
.section-es-pe #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen,
.section-es-pe #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen:hover,
.section-es-mx #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen,
.section-es-mx #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen:hover,
.section-es-ar #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen,
.section-es-ar #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen:hover,
.section-es-cl #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen,
.section-es-cl #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen:hover,
.section-pt-br #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen,
.section-pt-br #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen:hover,
.section-en-au #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen,
.section-en-au #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen:hover,
.section-en-ca #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen,
.section-en-ca #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen:hover,
.section-en-za #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen,
.section-en-za #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen:hover  {
width: 290px;
line-height: 36px;
}
.leftSwitch,
.rightSwitch  {
background: #ffee00 url("++resource++werkbank.plonetheme.images/dropdownBG.gif") no-repeat scroll left 8px;
float: left;
left: 0;
min-height: 290px;
position: absolute;
top: 0;
width: 50px;
z-index: 1;
cursor: pointer;
}
.leftSwitch img,
.rightSwitch img {
position: absolute;
top: 29%;
}
.leftSwitch > img {
left: 10px;
}
.rightSwitch {
float: right;
right: 0;
left: auto;
}
#portal-globalnav .vergleichListe li {
display: inline;
list-style-type: none;
border-right: 1px solid #e2d201;
width: 130px;
}
.vergleichListeContainer {
background: #ffee00 url("++resource++werkbank.plonetheme.images/dropdownBG.gif") no-repeat scroll left 8px;
min-height: 326px;
padding-top: 30px;
left: 0;
overflow-x: hidden;
position: absolute;
top: 40px;
width: 100%;
cursor: initial;
}
.vergleichListeAnzahl {
bottom: 71px;
color: #000;
font-size: 18px;
font-weight: 600;
left: 50px;
position: absolute;
}
.vergleichListeContainer input {
bottom: 20px;
right: 50px;
position: absolute;
background-color: transparent;
border: 1px solid #000;
border-radius: 4px;
font-size: 23px;
font-weight: 600;
padding: 3px 11px;
cursor: pointer;
}
.vergleichListeContainer .menuschliessenbutton {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/dropdownBottom.gif") repeat-x scroll left top;
clear: both;
cursor: pointer;
position: absolute;
width: 100%;
bottom: 0;
}
.muelleimer {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/iconTrash.png") no-repeat scroll right top / 20px auto;
cursor: pointer;
display: inline-block;
float: right;
height: 20px;
position: relative;
width: 20px;
/* */
top: -17px;
left: -1px;
/* */
}
.template-vergleichsdetails #content-core.width-3\:4 {
width: 100%;
}
.template-vergleichsdetails .page {
border-top: 3px solid #000;
margin-bottom: 15px;
padding-top: 15px;
clear: both;
margin-top: 55px;
}
.vergleichsdetails-produkt .leftSwitch,
.vergleichsdetails-produkt .rightSwitch {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
cursor: pointer;
float: none;
left: auto;
min-height: auto;
position: absolute;
top: 193px;
width: 50px;
z-index: 1;
}
.vergleichsdetails-produkt .leftSwitch {
margin-left: -61px;
}
.vergleichsdetails-produkt .rightSwitch {
margin-right: -61px;
}
.vergleichsdetailsKlein {
font-size: 14px;
}
.vergleichsdetails-listeAkk #accordion.detailfilter .detailfilterBlock {
padding-bottom: 0;
padding-top: 0;
border-bottom: none;
}
.vergleichsdetails-listeAkk #accordion.detailfilter .ui-widget-content {
color: #000;
font-size: 15px;
padding: 3px 5px;
width: calc(100% - 10px);
}
.vergleichsdetails-listeAkk #accordion.detailfilter .ui-widget-content span {
cursor: pointer;
display: inline-block;
width: 100%;
}
.vergleichsdetails-listeAkk #accordion.detailfilter .ui-widget-content span:hover {
background: #ffe800;
}
.vergleichsdetails-listeAkk {
float: left;
width: 260px;
}
.vergleichsdetails-produkt .imgContainer{
display: table-cell;
text-align: center;
vertical-align: middle;
width: 33.3333%;
}
.template-vergleichsdetails #content .btn.back {
position: absolute;
right: 0;
top: 32px;
color: #f2dc00;
background-color: #000;
border: 1px solid #000 !important;
}
.imgContainer {
height: 135px;
}
.vergleichsdetails-produkt .produktTitle {font-size: 27px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
font-style: italic;
margin-top: 30px;
}
.vergleichsdetails-produkt .eigenschaftenHead {
font-size: 14px;
font-weight: 600;
border-bottom: 3px solid #000;
display: block;
}
.vergleichsdetails-produkt .eigenschaftenHead.qualitaet {
display: table-cell;
}
.vergleichsdetails-produkt .eigenschaftenHead > span:first-child,
.vergleichsdetails-produkt .eigenschaftenContent .title {
display: inline-block;
min-width: 80px;
}
.template-vergleichsdetails .vergleichsdetails-produkt .produktEigenschaften .eigenschaftenHead > span {
width: 100%;
}
.template-vergleichsdetails .vergleichsdetails-produkt .eigenschaftenContent{
display: block;
}
#content-core .vergleichsdetails-produkt thead tr {
border: 0;
}
#content-core .vergleichsdetails-produkt table tr {
background-color: transparent;
}
.vergleichsdetails-produkt td .eigenschaftenHead {
margin-top: 20px;
}
.windows.explorer .vergleichsdetails-produkt td .eigenschaftenHead span.eigenschaftenHeadContent,
.windows.Chrome .vergleichsdetails-produkt td .eigenschaftenHead span.eigenschaftenHeadContent {
padding-left: 10px;
}
.vergleichsdetails-produkt table td {
vertical-align: top;
}
.vergleichsdetails-produkt .eigenschaftenContent {
border-top: none;
border-bottom: 1px solid #000;
}
.vergleichsdetails-produkt .produktEigenschaften.anwendung .eigenschaftenContent {
display: inline-block;
width: 100%;
}
/* */ .stufe3 {
background: transparent url("++resource++werkbank.plonetheme.images/3.png") no-repeat scroll left top;
display: inline-block;
height: 10px;
width: 82px;
}
/* */.stufe4 {
background: transparent url("++resource++werkbank.plonetheme.images/4.png") no-repeat scroll left top;
display: inline-block;
height: 10px;
width: 82px;
}
/* */.stufe5 {
background: transparent url("++resource++werkbank.plonetheme.images/5.png") no-repeat scroll left top;
display: inline-block;
height: 10px;
width: 82px;
}
/* */.stufe6 {
background: transparent url("++resource++werkbank.plonetheme.images/6.png") no-repeat scroll left top;
display: inline-block;
height: 10px;
width: 82px;
}
/* */.stufe7 {
background: transparent url("++resource++werkbank.plonetheme.images/7.png") no-repeat scroll left top;
display: inline-block;
height: 10px;
width: 82px;
}
/* */
.schleifwissen_titel {
background: #dadada url("++resource++werkbank.plonetheme.images/schleifwissenPfeil.png") no-repeat scroll left 5px top 4px;
display: block;
min-height: 30px;
padding-left: 43px;
padding-top: 7px;
padding-bottom: 0;
transition: all ease .2s;
}
.schleifwissen_titel:hover {
background: #000 url("++resource++werkbank.plonetheme.images/schleifwissenPfeil.png") no-repeat scroll left 5px top 4px;
color: #f2dc00;
}
.back-schleifwissen.btn {
margin-top: 15px;
margin-bottom: 45px;
}
.template-schleifwissen .clusterItem {
margin-bottom: 8px;
}
.schleifwissen-suche-titel {
display: block;
font-size: 28px;
font-weight: 600;
margin-bottom: 13px;
margin-top: 15px;
}
input.searchField {
appearance: inherit;
-moz-appearance: inherit;
-webkit-appearance: inherit;
}
#content button.searchButton.btn {
padding-bottom: 5px;
}
.template-schleifwissen #suchergebnisse > h3 {
border-top: 1px dotted;
font-size: 20px;
font-weight: 300;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
background-color: #fff;
}
/* */
.bauformenBeispielText.schleifwissen span:first-child {
left: 35px;
}
.bauformenBeispielText.schleifwissen span:nth-child(2) {
left: 245px;
}
/* */
.template-messe #content-core.width-3\:4 {
width: 100%;
}
#content-core table#messetermine {
width: 100%;
margin-top: 20px;
}
#content-core #messetermine thead tr {
border-top: none;
}
#content-core #messetermine thead th {
font-size: 18px;
}
#content-core #messetermine tr {
background: none;
border-bottom: 1px solid #000;
}
#content-core #messetermine td {
font-size: 15px;
}
#content-core #messetermine td.messe_titel {
font-weight: 600;
font-size: 15px;
}
#content-core #messetermine td .messe_titel > img {
margin-left: 20px;
}
.messeHeader {
border-top: 3px solid #bbb;
color: #bbb;
padding-top: 15px;
margin-bottom: 20px;
}
#getMesse > label[for="sort_on"] {
margin-right: 20px;
}
select.select {
-moz-appearance: none;
-webkit-appearance: none;
background: #dadada url("++resource++werkbank.plonetheme.images/iconAccordion_active.png") no-repeat scroll left 4px center / 22px auto;
border: 0 none;
font-size: 16px;
height: 30px;
min-width: 180px; /**//* */
padding: 1px 1px 1px 30px;
margin-left: 5px;
}
.piktogramm {
font-family: 'KLPictograms';
}
.piktogramm .bauform {
color: #000;
}
/* */
#portal-globalnav li {
position: initial;
}
/* */
#content-core.volle-breite,
.template-worldmap #content-core,
.template-worldmap-en #content-core,
.template-downloads #portal-column-content div.width-3\:4 {
width: 100%;
}
#world-map {
border-bottom: 1px solid #000;
border-top: 1px solid #000;
overflow: hidden;
margin-top: 20px;
margin-bottom: 100px;
}
.template-worldmap #ergebnis,
.template-worldmap_en #ergebnis {
background: #fff none repeat scroll 0 0;
border: 2px solid #dbdbdb;
font-size: 14px;
line-height: 18px;
max-width: 350px;
padding: 10px;
position: absolute;
right: 15px;
top: 74px;
z-index: 100;
}
.template-worldmap #schliessen-knopf,
.template-worldmap_en #schliessen-knopf {
position: absolute;
right: 8px;
}
.template-worldmap #content h1.documentFirstHeading,
.template-worldmap_en #content h1.documentFirstHeading {
font-size: 53px;
font-weight: 600;
line-height: 55px;
margin-bottom: 19px;
color: #000;
}
.template-worldmap .ansprechpartner,
.template-worldmap_en .ansprechpartner {
border-top: 1px solid;
}
.template-worldmap .mapansprechpartnerland,
.template-worldmap_en .mapansprechpartnerland {
display: inline-block;
font-size: 20px;
font-weight: 600;
padding-right: 17px;
}
.template-worldmap .ansprechpartnertitle,
.template-worldmap_en .ansprechpartnertitle {
font-weight: 600;
}
.jvectormap-container {
top: -28px;
}
.styled-select select {
background: transparent;
width: 268px;
padding: 5px;
font-size: 16px;
line-height: 1;
border: 0;
border-radius: 0;
height: 34px;
-webkit-appearance: none;
}
.styled-select {
width: 240px;
height: 34px;
overflow: hidden;
background-color: #f2dc00;
border: none;
border-radius: 5px;
}
.footerganzebreite {
clear: both;
}
.cke_reset {
font-size: 15px !important;
min-height: 600px;
white-space: pre-line !important;
}
#portal-globalnav li .submenu.statisch a:hover {
color: #6e6700;
}
#search-results-bar {
z-index: 0;
}
#portal-globalnav li.vergleichButton.vergleich-aktiv {
box-shadow: none;
background-color: #ffee00;
}
/* */
/* */
.section-en-gb #portal-globalnav li a,
.section-en-sg #portal-globalnav li a,
.section-pt-br #portal-globalnav li a,
.section-en-au #portal-globalnav li a ,
.section-en-ca #portal-globalnav li a,
.section-en-za #portal-globalnav li a {
height: 34px;
}
.section-fr-fr #portal-globalnav li a,
.section-fr-ch #portal-globalnav li a,
.section-fr-be #portal-globalnav li a {
height: 37px;
}
.section-es-es #portal-globalnav li a,
.section-es-pe #portal-globalnav li a,
.section-es-mx #portal-globalnav li a,
.section-es-ar #portal-globalnav li a,
.section-es-cl #portal-globalnav li a,
.section-ru #portal-globalnav li a,
.section-ro #portal-globalnav li a {
height: 38px;
}
.section-en-gb #portal-globalnav li.searchButton,
.section-en-gb #portal-globalnav li.vergleichButton,
.section-en-gb #portal-globalnav li.finderButton a,
.section-en-gb #portal-globalnav li.finderButton,
.section-en-sg #portal-globalnav li.searchButton,
.section-en-sg #portal-globalnav li.vergleichButton,
.section-en-sg #portal-globalnav li.finderButton a,
.section-en-sg #portal-globalnav li.finderButton,
.section-pt-br #portal-globalnav li.searchButton,
.section-pt-br #portal-globalnav li.vergleichButton,
.section-pt-br #portal-globalnav li.finderButton a,
.section-pt-br #portal-globalnav li.finderButton,
.section-en-au #portal-globalnav li.searchButton,
.section-en-au #portal-globalnav li.vergleichButton,
.section-en-au #portal-globalnav li.finderButton a,
.section-en-au #portal-globalnav li.finderButton ,
.section-en-ca #portal-globalnav li.searchButton,
.section-en-ca #portal-globalnav li.vergleichButton,
.section-en-ca #portal-globalnav li.finderButton a,
.section-en-ca #portal-globalnav li.finderButton ,
.section-en-za #portal-globalnav li.searchButton,
.section-en-za #portal-globalnav li.vergleichButton,
.section-en-za #portal-globalnav li.finderButton a,
.section-en-za #portal-globalnav li.finderButton {
height: 55px;
}
.section-ru #portal-globalnav li.searchButton,
.section-ru #portal-globalnav li.vergleichButton,
.section-ru #portal-globalnav li.finderButton a,
.section-ru #portal-globalnav li.finderButton,
.section-ro #portal-globalnav li.searchButton,
.section-ro #portal-globalnav li.vergleichButton,
.section-ro #portal-globalnav li.finderButton a,
.section-ro #portal-globalnav li.finderButton  {
height: 59px;
}
#portal-globalnav li#portaltab-conocimentos-en-rectificado a {
padding-right: 0;
width: 121px;
}
#portal-globalnav li#portaltab-servicio-postventa a {
padding-right: 30px;
width: 83px;
}
#portal-globalnav li#portaltab-nociones-en-abrasivos a {
width: 81px;
}
.section-es-es #portal-globalnav li.finderButton,
.section-es-pe #portal-globalnav li.finderButton,
.section-es-mx #portal-globalnav li.finderButton,
.section-es-ar #portal-globalnav li.finderButton,
.section-es-cl #portal-globalnav li.finderButton {
width: auto;
}
.section-es-es  #portal-globalnav li.finderButton span,
.section-es-pe  #portal-globalnav li.finderButton span,
.section-es-mx  #portal-globalnav li.finderButton span,
.section-es-ar  #portal-globalnav li.finderButton span,
.section-es-cl  #portal-globalnav li.finderButton span {
width: 72px;
}
.template-vergleichsdetails  h1 {
display: none;
}
a.state-private span {
color: red !important;
}
/* */
/* */
#tab1 .kachelseite .kacheloverlay {
background: rgba(255, 238, 48, 0.9) none repeat scroll 0 0;
border-top: 3px solid #000;
height: 100%;
opacity: 0;
padding: 0;
position: absolute;
text-align: left;
transition: opacity 0.3s ease 0s;
width: 100%;
}
#tab1 .hovertext {
height: 100%;
position: absolute;
text-align: center;
width: 100%;
}
#tab1 .hovertitel {
display: block;
font-weight: 600;
padding: 0 3px;
position: relative;
top: 0;
}
#tab1 .kachelseite .kachel:hover .kacheloverlay {
opacity:1;
}
/* */
/* */
.newTagsSection {  display:none;}
.userrole-manager .newTagsSection { display: block; }
/* */
.subsection-sortiment-anwendung #content-core,
.subsection-sortiment-vorteile  #content-core,
.subsection-produits-vorteile   #content-core,
.subsection-produits-anwendung  #content-core,
.subsection-products-vorteile   #content-core,
.subsection-products-anwendung  #content-core,
.subsection-produkty-vorteile   #content-core,
.subsection-produkty-anwendung  #content-core,
.subsection-productos-vorteile  #content-core,
.subsection-productos-anwendung #content-core,
.subsection-produkty-vorteile   #content-core,
.subsection-produkty-anwendung  #content-core,
.subsection-produtos-vorteile   #content-core,
.subsection-produtos-anwendung  #content-core {
width: 100%;
}
.subsection-sortiment-anwendung #portal-column-two,
.subsection-sortiment-vorteile  #portal-column-two,
.subsection-produits-anwendung  #portal-column-two,
.subsection-produits-vorteile   #portal-column-two,
.subsection-products-vorteile   #portal-column-two,
.subsection-products-anwendung  #portal-column-two,
.subsection-produkty-vorteile   #portal-column-two,
.subsection-produkty-anwendung  #portal-column-two,
.subsection-productos-vorteile  #portal-column-two,
.subsection-productos-anwendung #portal-column-two,
.subsection-produkty-vorteile   #portal-column-two,
.subsection-produkty-anwendung  #portal-column-two,
.subsection-produtos-vorteile   #portal-column-two,
.subsection-produtos-anwendung  #portal-column-two {
display: none;
}
/* */
/* */
/* */
.subsection-allgemeine-geschaeftsbedingungen #portal-breadcrumbs {
height: 20px;
}
.subsection-allgemeine-geschaeftsbedingungen #portal-breadcrumbs span {
display: none;
}
/* */
/* */
/* */
/* */
.black {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10;
}
.template-produkt_content_haendler_suche_view #portal-column-two {
display: none;
}
.template-produkt_content_haendler_suche_view #content-core.position-0 {
width: 100%;
}
.template-produkt_content_haendler_suche_view #content-core .einzelDaten table thead th {
line-height: 15px;
vertical-align: top;
}
span.haendlerContainer {
display: initial !important;
}
.template-produkt_content_haendler_suche_view #content-core .einzelDaten table tbody tr:hover,
.template-produktsuche .produkt-content .einzelDaten table tbody tr:hover,
.template-produkt_view .produktContainer .einzelDaten table tbody tr:hover {
background-color: #f2dc00 !important;
}
.template-produkt_content_haendler_suche_view .haendler-suche-container,
.template-produktsuche .produkt-content .haendler-suche-container,
.template-produkt_view .produktContainer .haendler-suche-container {
background: #ffffff url("++resource++werkbank.plonetheme.images/columnsBG.jpg") repeat-x scroll left top;
float: none;
left: 0;
margin: 0 auto;
/* */
position: fixed;
top: 100px;
right: 0;
width: 100%;
max-width: 803px;
z-index: 11;
border-top: 5px solid #f2dc00;
padding: 20px;
display: none;
}
.template-produkt_content_haendler_suche_view #content .warenkorb,
.template-produktsuche .produkt-content .warenkorb,
.template-produkt_view .produktContainer .warenkorb{
background: #f2dc00 url("++resource++werkbank.plonetheme.images/warenkorb.png") no-repeat scroll center center;
border-bottom: 1px solid #fff;
height: 100%;
}
.template-produkt_content_haendler_suche_view #content .warenkorb:hover,
.template-produktsuche .produkt-content .warenkorb:hover,
.template-produkt_view .produktContainer .warenkorb:hover{
background: #000 url("++resource++werkbank.plonetheme.images/warenkorbHover.png") no-repeat scroll center center;
}
.template-produkt_content_haendler_suche_view #content .warenkorbButton,
.template-produktsuche .produkt-content .warenkorbButton,
.template-produkt_view .produktContainer .warenkorbButton{
display: block;
height: 100%;
cursor: pointer;
}
.template-produkt_content_haendler_suche_view .onlineHaendler,
.template-produktsuche .produkt-content .onlineHaendler,
.template-produkt_view .produktContainer .onlineHaendler {
background-color: #dfdfdf;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
height: 134px;
max-width: 250px;
width: 100%;
position: relative;
text-align: center;
margin-bottom: 20px;
float: left;
margin-right: 20px;
}
.template-produkt_content_haendler_suche_view .onlineHaendler img,
.template-produktsuche .produkt-content .onlineHaendler img,
.template-produkt_view .produktContainer .onlineHaendler img {
height: 100%;
max-height: 81px;
width: auto;
}
.template-produkt_content_haendler_suche_view .onlineHaendler .haenlderlogo,
.template-produktsuche .produkt-content .onlineHaendler .haenlderlogo,
.template-produkt_view .produktContainer .onlineHaendler .haenlderlogo {
height: calc(100% - 32px);
width: 100%;
}
.template-produkt_content_haendler_suche_view #content .onlineHaendler .online_kaufen.warenkorb,
.template-produktsuche .produkt-content .onlineHaendler .online_kaufen.warenkorb,
.template-produkt_view .produktContainer .onlineHaendler .online_kaufen.warenkorb {
background-position: left 6px center;
border-bottom: medium none !important;
display: block;
font-size: 17px;
height: 22px;
padding-bottom: 5px;
padding-left: 34px;
padding-top: 5px;
position: absolute;
width: calc(100% - 34px);
bottom: 0;
text-align: left;
}
.template-produkt_content_haendler_suche_view #content .onlineHaendler:hover .online_kaufen.warenkorb,
.template-produktsuche .produkt-content .onlineHaendler:hover .online_kaufen.warenkorb,
.template-produkt_view .produktContainer .onlineHaendler:hover .online_kaufen.warenkorb {
color: #f2dc00 !important;
background: #000 url("++resource++werkbank.plonetheme.images/warenkorbHover.png") no-repeat scroll left 6px center;
}
.template-produkt_content_haendler_suche_view #content .haendler-suche-container .onlineshopLinkText,
.template-produktsuche .produkt-content .haendler-suche-container .onlineshopLinkText,
.template-produkt_view .produktContainer .haendler-suche-container .onlineshopLinkText {
border-top: 1px solid #000;
margin-top: 20px;
padding-top: 8px;
clear: left;
font-size: 15px;
}
.template-produkt_content_haendler_suche_view #content .mobileOnly,
.template-produktsuche .produkt-content .mobileOnly,
.template-produkt_view .produktContainer .mobileOnly {
display: none;
}
.template-produkt_content_haendler_suche_view .vertriebsteam > img,
.template-produktsuche .produkt-content .vertriebsteam > img,
.template-produkt_view .produktContainer .vertriebsteam > img {
float: left;
}
.template-produkt_content_haendler_suche_view .vertriebsteam > p,
.template-produktsuche .produkt-content .vertriebsteam > p,
.template-produkt_view .produktContainer .vertriebsteam > p {
padding-left: 100px;
padding-top: 17px;
}
.template-produkt_content_haendler_suche_view .vertriebsteam span,
.template-produktsuche .produkt-content .vertriebsteam a,
.template-produkt_view .produktContainer .vertriebsteam a {
font-weight: 600;
white-space: nowrap;
}
.template-produkt_content_haendler_suche_view #content .vertriebsteam a,
.template-produktsuche .produkt-content .vertriebsteam a,
.template-produkt_view .produktContainer .vertriebsteam a {
border-bottom: 1px solid #000 !important;
}
.template-produkt_content_haendler_suche_view .haendlersuche.haendler > p,
.template-produktsuche .produkt-content .haendlersuche.haendler > p,
.template-produkt_view .produktContainer .haendlersuche.haendler > p {
padding-right: 25px;
}
.template-produkt_content_haendler_suche_view .haendler-suche-container .closeButton,
.template-produktsuche .produkt-content .haendler-suche-container .closeButton,
.template-produkt_view .produktContainer .haendler-suche-container .closeButton {
right: 11px;
top: 8px;
}
.template-produkt_content_haendler_suche_view #content-core .produktContainer .einzelDaten td.warenkorb,
.template-produktsuche .produkt-content .produktContainer .einzelDaten td.warenkorb,
.template-produkt_view .produktContainer .einzelDaten td.warenkorb {
cursor: pointer;
}
.template-produkt_content_haendler_suche_view .onlineHaendler > a,
.template-produktsuche .produkt-content .onlineHaendler > a,
.template-produkt_view .produktContainer .onlineHaendler > a {
display: block;
height: 100%;
width: 100%;
}
.template-produkt_content_haendler_suche_view .onlineHaendler:hover,
.template-produktsuche .produkt-content .onlineHaendler:hover,
.template-produkt_view .produktContainer .onlineHaendler:hover {
box-shadow: 0 0 0 3px #000 inset;
}
.template-produkt_content_haendler_suche_view .oh_pfeil,
.template-produktsuche .produkt-content .oh_pfeil,
.template-produkt_view .produktContainer .oh_pfeil {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/onlineHaendlerPfeilSchwarz.png") no-repeat scroll right center;
display: inline-block;
height: 10px;
width: 10px;
}
.template-produkt_content_haendler_suche_view .onlineHaendler:hover .oh_pfeil,
.template-produktsuche .produkt-content .onlineHaendler:hover .oh_pfeil,
.template-produkt_view .produktContainer .onlineHaendler:hover .oh_pfeil {
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/onlineHaendlerPfeilGelb.png") no-repeat scroll right center;
}
.template-produkt_content_haendler_suche_view .closeButton > img,
.template-produktsuche .produkt-content .closeButton > img,
.template-produkt_view .produktContainer .closeButton > img {
height: 50%;
left: 0;
position: relative;
top: -7px;
}
.template-produkt_content_haendler_suche_view.Chrome .closeButton > img,
.template-produktsuche.Chrome .produkt-content .closeButton > img,
.template-produkt_view.Chrome .produktContainer .closeButton > img {
left: 1px;
top: -4px;
}
.template-produkt_content_haendler_suche_view.Chrome.windows .closeButton > img,
.template-produktsuche.Chrome.windows .produkt-content .closeButton > img,
.template-produkt_view.Chrome.windows .produktContainer .closeButton > img{
left: 1px;
top: -4px;
}
.template-produkt_content_haendler_suche_view.Chrome.osx .haendler-suche-container .closeButton > img,
.template-produktsuche.Chrome.osx .produkt-content .haendler-suche-container .closeButton > img,
.template-produkt_view.Chrome.osx .produktContainer .haendler-suche-container .closeButton > img {
right: 11px;
top: -7px;
}
@media screen and (max-width: 902px) {
.template-produkt_content_haendler_suche_view .haendler-suche-container,
.template-produktsuche .produkt-content .haendler-suche-container,
.template-produkt_view .produktContainer .haendler-suche-container {
width: calc(100% - 40px);
}
}
@media screen and (max-width: 755px) {
.template-produkt_content_haendler_suche_view #content-core .einzelDaten table tbody tr:hover,
.template-produktsuche .produkt-content .einzelDaten table tbody tr:hover,
.template-produkt_view .produktContainer .einzelDaten table tbody tr:hover {
background-color: inherit;
}
.template-produkt_content_haendler_suche_view .haendler-suche-container,
.template-produktsuche .produkt-content .haendler-suche-container,
.template-produkt_view .produktContainer .haendler-suche-container {
background: #ffffff url("++resource++werkbank.plonetheme.images/columnsBG.jpg") repeat-x scroll left top;
bottom: 0;
display: none;
float: none;
/* */
left: 0;
margin: 0 auto;
margin-bottom: 20px;
padding: 20px;
position: fixed;
/* */
right: 0;
width: 82%;
z-index: 11;
}
.template-produkt_content_haendler_suche_view .vertriebsteam > img,
.template-produktsuche .produkt-content .vertriebsteam > img,
.template-produkt_view .produktContainer .vertriebsteam > img {
float: none;
}
.template-produkt_content_haendler_suche_view .vertriebsteam > p,
.template-produktsuche .produkt-content .vertriebsteam > p,
.template-produkt_view .produktContainer .vertriebsteam > p {
padding-left: 0;
}
}
@media screen and (max-width: 757px) {
.closeButton {
margin-top: 0;
}
}
@media screen and (max-width: 754px) {
.template-produkt_content_haendler_suche_view #content .warenkorb,
.template-produktsuche .produkt-content .warenkorb,
.template-produkt_view .produktContainer .warenkorb {
height: 31px;
}
.template-produkt_content_haendler_suche_view #content .warenkorb,
.template-produktsuche .produkt-content .warenkorb,
.template-produkt_view .produktContainer .warenkorb {
background: #f2dc00 url("++resource++werkbank.plonetheme.images/warenkorb.png") no-repeat scroll left 15px center;
}
.template-produkt_content_haendler_suche_view #content .warenkorb:hover,
.template-produktsuche .produkt-content .warenkorb:hover,
.template-produkt_view .produktContainer .warenkorb:hover {
background: #000 url("++resource++werkbank.plonetheme.images/warenkorbHover.png") no-repeat scroll left 15px center;
}
.template-produkt_content_haendler_suche_view #content .mobileOnly,
.template-produktsuche .produkt-content .mobileOnly,
.template-produkt_view .produktContainer .mobileOnly {
display: inline;
}
.template-produkt_content_haendler_suche_view #content td.warenkorb:hover .mobileOnly,
.template-produktsuche .produkt-content td.warenkorb:hover .mobileOnly,
.template-produkt_view .produktContainer td.warenkorb:hover .mobileOnly {
color: #f2dc00;
}
.template-produkt_content_haendler_suche_view #content-core .produktContainer .einzelDaten td.warenkorb,
.template-produktsuche .produkt-content .produktContainer .einzelDaten td.warenkorb,
.template-produkt_view .produktContainer .einzelDaten td.warenkorb {
font-size: 12px;
font-weight: 600;
padding-bottom: 0;
padding-left: 40px;
padding-top: 6px;
}
.template-produkt_content_haendler_suche_view .haendler-suche-container,
.template-produktsuche .produkt-content .haendler-suche-container,
.template-produkt_view .produktContainer .haendler-suche-container{
overflow-y: scroll;
max-height: 600px;
}
/* */
.template-produkt_content_haendler_suche_view .haendler-suche-container,
.template-produktsuche .produkt-content .haendler-suche-container,
.template-produkt_view .produktContainer .haendler-suche-container {
height: 90% !important;
top: 20px !important;
max-height: 100% !important;
}
}
@media screen and (min-width: 855px) {
.template-produkt_content_haendler_suche_view .onlineHaendler:nth-child(3n+1),
.template-produktsuche .produkt-content .onlineHaendler:nth-child(3n+1),
.template-produkt_view .produktContainer .onlineHaendler:nth-child(3n+1) {
margin-right: 0 !important;
}
}
.suchergebnisseImportant {
display: inline-block !important;
}
.suchergebnisse span.produkttitel {
hyphens: none;
display: block;
text-align: center;
margin-top: 9px;
line-height: 23px;
}
/* */
.produkt-content:empty {
display: inline;
margin: 0;
height: 0;
}
/* */
.subsection-presse-bildarchiv-pressedownloads #portal-column-two {
display: none;
}
.subsection-presse-bildarchiv-pressedownloads #content-core {
width: 100%;
}
.subsection-presse-bildarchiv-pressedownloads #content .photoAlbumEntry a {
border-bottom: medium none !important;
font-size: 90%;
height: 200px;
width: 268px;
}
.subsection-presse-bildarchiv-pressedownloads #content .photoAlbumEntry .photoAlbumEntryTitle {
border-bottom: none;
}
.subsection-presse-bildarchiv-pressedownloads #pressebilder div span {
max-width: 200px;
width: auto;
}
.subsection-presse-bildarchiv-pressedownloads #content-core .summary > img {
position: relative;
top: -4px;
}
.subsection-presse-bildarchiv-pressedownloads .summary a {
font-weight: 300;
height: 0;
}
/* */
.produktfinder .konfektionen.akkordeon-body {
padding-bottom: 19px;
padding-top: 5px;
}
/* */
.section-pl * {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
/* */
.section-pl.subsection-firma-bezpiecznie .triangle #bigtext-id0 span.triangle1.bigtext-line0[style] {
font-size: 38px !important;
}
.section-pl #portaltab-unternehmen .submenu.statisch .drei.links .einer:nth-child(3) span {
font-size: 26px !important;
position: relative;
top: 2px;
}
.section-pl #content .footerganzebreite.schulung span {
max-width: 500px;
width: 100%;
}
/* */
/* */
/* */
#portal-globalnav .menuPic {
background-image: url(++resource++werkbank.plonetheme.images/menu/menuSprite.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 124px;
height: 124px;
}
#portal-globalnav .menuPic {
margin-bottom: 8px;
}
#portal-globalnav .menuPic.sicher {
background-position: left top;
}
#portal-globalnav .menuPic.sicher {
background-position: left top -124px;
}
#portal-globalnav .menuPic.gelb {
background-position: left top -248px;
}
#portal-globalnav .menuPic.vertrieb {
background-position: left top -372px;
}
#portal-globalnav .menuPic.karriere {
background-position: left top -496px;
}
#portal-globalnav .menuPic.lieferanten {
background-position: left top -620px;
}
#portal-globalnav .menuPic.schleifrollen {
background-position: left top -744px;
}
#portal-globalnav .menuPic.schleifbaender {
background-position: left top -868px;
}
#portal-globalnav .menuPic.fiberscheiben {
background-position: left top -992px;
}
#portal-globalnav .menuPic.schleifblaetter {
background-position: left top -1116px;
}
#portal-globalnav .menuPic.quick-change-discs {
background-position: left top -1240px;
}
#portal-globalnav .menuPic.schleifmop {
background-position: left top -1364px;
}
#portal-globalnav .menuPic.schleifmopteller {
background-position: left top -1488px;
}
#portal-globalnav .menuPic.kronenflex-r-trennscheiben {
background-position: left top -1612px;
}
#portal-globalnav .menuPic.kronenflex-r-schruppscheiben {
/* */
background-position: left top -2852px;
}
#portal-globalnav .menuPic.elastische-schleifmittel {
background-position: left top -1736px;
}
#portal-globalnav .menuPic.hartmetallfraeser {
background-position: left top -1860px;
}
#portal-globalnav .menuPic.diamantwerkzeug {
background-position: left top -1984px;
}
#portal-globalnav .menuPic.messetermine {
background-position: left top -2108px;
}
#portal-globalnav .menuPic.schulungen {
background-position: left top -2232px;
}
#portal-globalnav .menuPic.downloads {
background-position: left top -2356px;
}
#portal-globalnav .menuPic.anfahrt {
background-position: left top -2479px;
}
#portal-globalnav .menuPic.pressemitteilungen {
background-position: left top -2603px;
}
#portal-globalnav .menuPic.bildarchiv {
background-position: left top -2727px;
}
/* */
/* */
/* */
.produktBild {
width: 205px;
}
.produktDaten {
/* */
width: calc(100% - 255px);
padding-left: 25px;
}
@media screen and (max-width: 520px) {
.produktDaten {
width: 100%;
padding-left: 0;
}
}
.zentrierung {
position: relative;
background-color: #fff;
border: 2px solid #aaa;
margin-bottom: 5px;
width: 201px;
height: 201px;
}
.zentrierung.klein {
width: 96px;
height: 96px; /* */
float: left;
}
.zentrierung.klein:nth-child(2n+1) {
margin-left: 5px;
clear: right;
}
.zentrierung.klein img {
/* *//* */
left: 50%;/* */
position: absolute;/* */
top: 50%;/* */
transform: translate(-50%, -50%);/* */
height: auto;
width: auto;
}
.zentrierung.klein a { /* */
height: 96px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 96px;
}
#content a.vidLink {
border: 2px solid #aaa !important;
clear: both;
display: inline-block;
background: #000;
position: relative;
}
.produktBild img {
/* *//* */
/* */
width: auto;
height: auto
}
.produktBild  .zentrierung a {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
#content a.prettyPhoto {
border-bottom: none !important;
}
.zentrierung .prettyPhoto::after {
/* */
background-image: url("++resource++werkbank.plonetheme.images/sprite/ksSprite.png");
width: 16px;
height: 18px;
background-position: -1px -65px;
display: inline-block;
position: absolute;
bottom: 6px;
right: 4px;
content: "";
}
/* */
.einzelDaten thead th {
vertical-align: bottom;
position: relative;
}
.einzelDaten .wert {
width: calc(100% - 15px);
min-width: 70px;
float: left;
/* */
margin-right: 5px;
top: 1px;
line-height: 16px;
position: relative;
}
.einzelDaten .wert span {
display: block;
}
.einzelDaten th.nosort {
min-width: 42px;
top: 1px;
line-height: 16px;
position: relative;
}
.sorting {
position: absolute;
right: 3px;
bottom: 10px;
}
button.sort {
background-image: url("++resource++werkbank.plonetheme.images/sprite/ksSprite.png");
background-color: transparent;
width: 16px;
height: 8px;
border: none;
text-indent: -10000px;
cursor: pointer;
display: block;
}
.sort.up {
background-position: -55px -65px;
margin-bottom: 1px;
}
.sort.up.active,
.sort.up.sortdirection {
background-position: -73px -65px;
}
.sort.down {
background-position: -18px -65px;
}
/* */
.sort.down.active,
.sort.down.sortdirection {
background-position: -37px -65px;
}
.sortable th .wert {
cursor: pointer;
}
/* */
div.pp_overlay[style] {
background: rgb(60,60,60) !important;
}
div.pp_pic_holder { /* */
max-width: 100% !important;
}
div.facebook .pp_top .pp_left,
div.facebook .pp_top .pp_middle,
div.facebook .pp_top .pp_right,
div.facebook .pp_bottom .pp_left,
div.facebook .pp_bottom .pp_middle,
div.facebook .pp_bottom .pp_right,
div.facebook .pp_content_container .pp_right,
div.facebook .pp_content_container .pp_left {
background-image: none;
background-color: #fff;
}
div.facebook .pp_details {
position: absolute;
top: -9px;
margin: 0;
right: 8px;
float: none;
}
div.facebook .pp_close {
background-image: url("++resource++werkbank.plonetheme.images/sprite/ksSprite.png");
background-repeat: no-repeat;
width: 33px;
height: 33px;
background-position: -1px -1px;
}
div.facebook .pp_expand { /* */
display: none !important;
}
@media screen and (max-width: 560px) { /* */
#pp_full_res {
text-align: center;
}
div.facebook .pp_content {
max-width: 100%;
width: 100% !important;
height: auto !important;
}
div.pp_pic_holder {
max-width: 100% !important;
width: 100% !important;
left: 0 !important;
}
#pp_full_res #fullResImage {
width: 90% !important;
height: auto !important;
}
}
/* */
.template-search .bereichHead {
list-style: none;
border-top: 1px solid;
margin-top: 30px;
padding-top: 3px;
}
.template-search .bereichHead span {
padding-bottom: 4px;
display: inline;
font-size: 16px;
}
.template-search .bereichHead span.kurztext {
display: inline;
font-weight: 300;
}
.template-search #content .bereichHead ul {
margin-left: 10px;
list-style-position: inside;
}
.template-search #content .bereichHead ul li a {
margin-left: -7px !important;
border-bottom: none !important;
font-weight: bold;
display: inline-block;
float: right;
width: calc(100% - 20px);
}
.template-search #search-results {
padding-top: 0;
}
.template-search #search-results-bar .searchResultList {
float: right !important;
}
.template-search .searchResultListItem span {
position: relative;
top: 1px;
}
.template-search .searchResults ul li ul li {
padding: 5px;
}
.template-search .searchResults ul li ul li:hover {
background: #ffee00;
}
.template-search #search-results-bar {
border-top: 0;
border-bottom: 0;
padding: 0;
}
.template-search .searchResultListItem::before {
content: "  |  ";
padding: 0 5px;
}
.template-search .searchResultListItem:first-child::before {
content: " [  ";
padding-right: 5px;
padding-left: 0;
}
.template-search .searchResultListItem:last-child::after {
content: " ]  ";
padding-left: 5px;
padding-right: 0;
}
/* */
/* */
.anwendungTrennscheiben.schruppscheiben .typenbezeichungcontainer {
/* */
width: 133px;
float: left;
margin-right: 15px;
background: rgba(0, 0, 0, 0) url("++resource++werkbank.plonetheme.images/portletBG.jpg") repeat scroll left top;
}
.anwendungTrennscheiben.schruppscheiben .typenbezeichungcontainer:last-child {
margin-right: 0;
clear: right;
}
@media only screen and (max-width: 795px) {
.typenbezeichungcontainer/* */ {
margin-top: 40px;
}
}
.anwendungTrennscheiben.schruppscheiben .typenbezeichungheader {
background-color: #575756;
color: #fff;
padding: 8px 5px 5px 15px;
margin-bottom: 8px;
font-size: 16px;
}
.anwendungTrennscheiben.schruppscheiben .typenbezeichungkey {
color: #fff;
background: #b3b6b8;
width: 40px;
height: 33px;
display: inline-block;
text-align: center;
margin-bottom: 8px;
padding: 7px 0 0 0;
/* */
font-size: 16px;
}
.anwendungTrennscheiben.schruppscheiben .typenbezeichungvalue {
font-size: 14px;
}
.anwendungTrennscheiben.schruppscheiben .typenbezeichungheader.korn {
line-height: 17px;
padding: 5px 5px 2px 15px;
}
.anwendungTrennscheiben.schruppscheiben .typenbezeichungcontainer .haertepfeil {
background: url("++resource++werkbank.plonetheme.images/pfeil.png") no-repeat top 50px left 43px;
}
.anwendungTrennscheiben.schruppscheiben .typenbezeichungcontainer.haerte .typenbezeichungvalue.border,
.anwendungTrennscheiben.schruppscheiben .typenbezeichungcontainer.haerte .typenbezeichungvalue.pfeil {
padding-left: 19px;
}
.anwendungTrennscheiben.schruppscheiben .sprite--pictos {
background-image: url("++resource++werkbank.plonetheme.images/sprite--pictos.png");
background-repeat: no-repeat;
display: inline-block;
}
.anwendungTrennscheiben.schruppscheiben .sprite--pictos-picto_anleitung {
width: 49px;
height: 49px;
background-position: -3px -3px;
}
.anwendungTrennscheiben.schruppscheiben .sprite--pictos-picto_augenschutz {
width: 49px;
height: 49px;
background-position: -3px -58px;
}
.anwendungTrennscheiben.schruppscheiben .sprite--pictos-picto_bruch {
width: 49px;
height: 49px;
background-position: -3px -113px;
}
.anwendungTrennscheiben.schruppscheiben .sprite--pictos-picto_handschutz {
width: 49px;
height: 49px;
background-position: -3px -168px;
}
.anwendungTrennscheiben.schruppscheiben .sprite--pictos-picto_mundschutz {
width: 49px;
height: 49px;
background-position: -3px -223px;
}
.anwendungTrennscheiben.schruppscheiben .sprite--pictos-picto_nicht_nass {
width: 49px;
height: 49px;
background-position: -3px -278px;
}
.anwendungTrennscheiben.schruppscheiben .sprite--pictos-picto_nicht_seite {
width: 49px;
height: 49px;
background-position: -3px -333px;
}
.anwendungTrennscheiben.schruppscheiben .sprite--pictos-picto_ohren {
width: 49px;
height: 49px;
background-position: -3px -388px;
}
.anwendungTrennscheiben.schruppscheiben .sprite--pictos + span {
display: inline-block;
font-size: 16px;
position: relative;
top: -19px;
hyphens: none;
-moz-hyphens: none;
max-width: 170px;
line-height: 16px;
}
.anwendungTrennscheiben.schruppscheiben .pictos:nth-child(2n+1) {
/* */
}
.anwendungTrennscheiben.schruppscheiben .pictos {
float: left;
width: 280px;
}
.anwendungTrennscheiben.schruppscheiben .sprite--pictos + span.mehrz {
top: -11px;
}
/* */
/* */
.max-lines {
display: block; /* */
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
max-height: 4.1em;
/* */
}
.mehr-link {
cursor: pointer;
}
/* */
#content .produktDaten .vorteile h3,
#content .produktDaten .vorteile h4 {
font-weight: 600;
font-size: 15px;
}
#content .produktDaten .vorteile ul {
list-style-image: url("++resource++werkbank.plonetheme.images/bullets.gif");
margin-left: 15px;
}
#content .produktDaten .vorteile ul li {
display: list-item;
font-size: 100%;
line-height: normal;
}
/* */
#content a.prettyPhoto {
border-bottom: none !important;
display: block;
height: 100%;
width: 100%;
}
.produktBild img {
transform: translate(-50%, -50%);
top: 50%;
position: absolute;
left: 50%;
}
.produktBild .vidLink img {
top: auto;
left: auto;
position: relative;
transform: inherit;
}
/* */
.template-produkt_view #content h2.unterueberschrift {
font-weight: 300;
font-size: 2em;
margin-top: -10px;
padding-top: 0;
}
.template-produkt_view #content button.zurueck {
position: absolute;
/* */
top: -142px;
/* */
right: 0;
/* */
width: auto;
z-index: 500;
}
.template-produkt_view #content h1 {
margin-top: 23px;
font-size: 30px;
margin-bottom: 20px;
}
.template-produkt_view #content h1 .unterueberschrift {
font-weight: 300;
display: block;
line-height: 35px;
}
.template-produkt_view #content h1 .produktQualitaetsklasse {
font-size: 30px;
}
@media screen and (min-width: 521px) {
.template-produkt_view #content button.zurueck {
top: 17px;
}
}
@media screen and (min-width: 531px) {
.template-produkt_view #content button.zurueck {
width: auto;
position: absolute;
top: 17px;
right: 5px;
}
}
@media screen and (min-width: 754px) {
.template-produkt_view #content button.zurueck {
position: absolute;
top: 40px;
right: 8px;
z-index: 1;
}
}
@media screen and (min-width: 980px) {
.template-produkt_view #content button.zurueck {
right: 37px;
}
}
/* */
.suchergebnisse .kurztext {
font-size: 16px;
padding: 0 20px;
display: block;
line-height: 18px;
color: #666;
text-align: center;
margin: 0 auto;
hyphens: none;
}
#pp_full_res {
line-height: 1 !important;
max-width: calc(100% - 40px);
height: auto !important;
}
#pp_full_res img#fullResImage{
padding: 20px;
background-color: #fff;
max-width: calc(100% - 40px) !important;
height: auto !important;
}
div.facebook .pp_top .pp_left, div.facebook .pp_top .pp_middle, div.facebook .pp_top .pp_right, div.facebook .pp_bottom .pp_left, div.facebook .pp_bottom .pp_middle, div.facebook .pp_bottom .pp_right, div.facebook .pp_content_container .pp_right, div.facebook .pp_content_container .pp_left,
div.facebook .pp_content {
background: transparent;
}
div.facebook .pp_close {
right: 35px;
top: -5px;
}
div.ppt {
color: #fff;
display: none;
font-size: 17px;
margin: 0 0 5px 20px;
z-index: 9999;
position: relative;
top: 20px;
text-shadow: 1px 1px 2px rgba(0,0,0,1);
}
/* */
.template-produkt_view #breadcrumbs-3 .breadcrumbSeparator {
display: none;
}
.template-produkt_view #pp_full_res iframe {
width: calc(100% - 40px);
border: 20px solid #fff;
}
.youtubeOverlay {
background: url("++resource++werkbank.plonetheme.images/youtubeIcon.png") no-repeat center center;
height: 100%;
width: 100%;
z-index: 2000;
position: absolute;
}
#content a.vidLink.popup {
display: none;
}
.vidLink.iframe {
border: 2px solid #aaa;
}
/* */
@media screen and (min-width: 768px) {
.vidLink.iframe {
display: none;
}
#content a.vidLink.popup {
display: block;
}
}
#portal-searchbox .livesearchContainer ul li a {
font-weight: 600;
/* */
}
#portal-searchbox .livesearchContainer ul li a span {
font-weight: 300;
/* */
}
#content a.searchResultListItem:link {
border-bottom: none !important;
}
.vorteileContainer h1,
.anwendungContainer h1 {
display: none;
}
.anwendungContainer #content {
margin-top: 38px;
}
#portal-globalnav .vergleichListe .imgContainer img {
/* */
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
margin: 0;
}
@media screen and (min-width: 768px) {
.produktContainer .produktBlock .produktDaten .produktEigenschaften {
width: 186px;
}
.produktContainer .produktBlock .produktDaten .produktEigenschaften.eigenschaft .title:first-child {
width: auto;
}
}
@media screen and (min-width: 902px) {
.produktContainer .produktBlock .produktDaten .produktEigenschaften.eigenschaft .title:first-child {
float: left;
}
}
.produktEigenschaften.eigenschaft .eigenschaftenContent::after {
clear: both;
content: "";
display: table;
}
.produktEigenschaften:before,
.produktEigenschaften:after,
.koernungsbereich:before,
.koernungsbereich:after,
.produktDaten .vorteile:before,
.produktDaten .vorteile:after {
content: "";
display: table;
}
.produktEigenschaften:after,
.koernungsbereich:after,
.produktDaten .vorteile:after {
clear: both;
}
@media screen and (max-width: 901px) {
.produktEigenschaften.qualitaet,
.produktDaten .produktEigenschaften {
float: none;
width: 97% !important;
}
}
.passendeprodukte {
margin-top: 20px;
}
.passendeprodukte  .passendesprodukt {
float: left;
width: 33%;
margin-bottom: 20px;
}
@media screen and (max-width: 680px) {
.passendeprodukte  .passendesprodukt {
width: 50%;
}
}
.produkttitel,
.kurztext {
text-align: center;
display: block;
}
.kurztext {
font-size: 16px;
padding: 0 20px;
display: block;
line-height: 18px;
color: #666;
text-align: center;
margin: 0 auto;
hyphens: none;
}
.template-schleifwissen_view #livesearch1 {
border-top: 1px solid #000;
clear: left;
}
.template-schleifwissen_view .back-schleifwissen.btn {
margin-bottom: 18px;
}
#portal-searchbox #LSResult .LSShadow li a span.kurztext {
text-align: left;
padding: 0;
}
/* */
/* */
/* */
#portal-languageselector .pseudo-h2 {
font-size: 25px;
color: #FFFFFF;
margin-bottom: 20px;
width: 100%;
border-bottom: 3px solid #fff;
padding-bottom: 30px;
padding-left: 0 !important;
}
#portal-languageselector span.pseudo-h3.leer {
display: none;
}
.kontinentgruppe {
position: relative;
/* */
min-height: 252px;
}
.kontinent-europa-2 {
margin-top: -50px;
}
.kontinentgruppe:last-child {
margin-right: 0;
float: right;
}
.kontinent {
width: 100%;
}
#portal-languageselector .pseudo-h3 {
border-top: none;
}
hr.languageDevider {
display: none;
}
.languageTextContainer h2,
.languageTextContainer h3,
.languageTextContainer ul,
.languageTextContainer .pseudo-h2,
.languageTextContainer .pseudo-h3 {
padding-left: 0 !important;
}
.kontinent.kontinent-suedamerika .pseudo-h3,
.kontinent kontinent-ozeanien,
.kontinent kontinent-afrika {
border-top: 3px solid #fff;
}
.kontinentgruppe-nordamerika {
margin-top: -121px;
}
#portal-languageselector li a {
width: auto;
}
@media screen and (min-width: 755px) {
.kontinentgruppe-nordamerika {
margin-top: 0;
}
.kontinent-europa-2 {
margin-top: 0;
}
.kontinentgruppe {
float: left;
margin-right: 2.6%;
position: relative;
width: 23%;
min-height: 252px;
}
#portal-languageselector span.pseudo-h3.leer {
display: block;
}
}
.clear {
clear: both;
}
/* */
.template-translate_item #visual-portal-wrapper {
max-width: 100%;
}
.template-joboffer_view #content-core.width-3\:4 position-0 {
width: 100%;
}
/* */
#contentPortlets .portletNavigationTree {
width: calc(100% - 58px);
}
#contentPortlets .portletNavigationTree {
margin: 0 0 0 19px;
}
.template-document_view #contentPortlets .portletNavigationTree,
.template-folder_listing #contentPortlets .portletNavigationTree {
max-width: 555px;
width: calc(100% - 58px);
}
@media screen and (min-width: 980px) {
/* */
#contentPortlets .portletNavigationTree { margin: 0 0 0 49px; }
#contentPortlets .portletNavigationTree {
width: calc(100% - 97px);
}
.template-document_view #contentPortlets .portletNavigationTree,
.template-folder_listing #contentPortlets .portletNavigationTree {
max-width: 555px;
width: calc(100% - 38px);
}
}

/* - ++resource++werkbank.plonetheme.stylesheets/browserfixes.css - */
/* https://www.klingspor.de/portal_css/++resource++werkbank.plonetheme.stylesheets/browserfixes.css?original=1 */
/* */
/* */
/* */
/* */
/* */
/* */
.safari .kachel.kacheltext {
top: 0;
}
.safari .kachel.rollen,
.safari .kachel.schleifbaender {
top: -58px;
}
.safari .kachel.schleifblaetter,
.safari .kachel.quickchangediscs,
.safari .kachel.stuetzteller,
.safari .kachel.hartmetallfraesen {
top: -48px;
}
.safari .kachel.schleifmopteller,
.safari .kachel.schleifmop{
top: -67px;
}
.safari .kachel.elastischeschleifmittel {
top: -39px;
}
.safari .kachel.trennundschruppscheiben,
.safari .kachel.diamantwerkzeuge {
top: -57px;
}
@media screen and (min-width: 555px) {
.section-en-gb.safari.mobile #portal-globalnav li.searchButton,
.section-en-gb.safari.mobile #portal-globalnav li.vergleichButton,
.section-en-gb.safari.mobile #portal-globalnav li.finderButton a,
.section-en-gb.safari.mobile #portal-globalnav li.finderButton,
.section-en-sg.safari.mobile #portal-globalnav li.searchButton,
.section-en-sg.safari.mobile #portal-globalnav li.vergleichButton,
.section-en-sg.safari.mobile #portal-globalnav li.finderButton a,
.section-en-sg.safari.mobile #portal-globalnav li.finderButton {
height: 55px;
}
.section-en-gb.safari.mobile .footerganzebreite.qualitaet .text,
.section-en-sg.safari.mobile .footerganzebreite.qualitaet .text {
top: 70px;
}
.section-en-gb.safari.mobile .footerganzebreite.produktion > span,
.section-en-sg.safari.mobile .footerganzebreite.produktion > span,
.footerganzebreite.produktion > span:first-child {
top: 30px;
text-shadow: 0 0 4px rgba(0,0,0,0.6)
}
.section-fr-fr.safari.osx.mobile li.finderButton,
.section-fr-ch.safari.osx.mobile li.finderButton,
.section-fr-be.safari.osx.mobile li.finderButton {
width: 110px;
}
.section-es-es.safari.osx.mobile #portal-globalnav li.finderButton,
.section-es-pe.safari.osx.mobile #portal-globalnav li.finderButton,
.section-es-mx.safari.osx.mobile #portal-globalnav li.finderButton,
.section-es-ar.safari.osx.mobile #portal-globalnav li.finderButton,
.section-es-cl.safari.osx.mobile #portal-globalnav li.finderButton {
width: 80px;
height: 59px;
}
.section-es-es.safari.osx.mobile #portal-globalnav li.searchButton,
.section-es-pe.safari.osx.mobile #portal-globalnav li.searchButton,
.section-es-mx.safari.osx.mobile #portal-globalnav li.searchButton,
.section-es-ar.safari.osx.mobile #portal-globalnav li.searchButton,
.section-es-cl.safari.osx.mobile #portal-globalnav li.searchButton,
.section-es-es.safari.osx.mobile #portal-globalnav li.vergleichButton,
.section-es-pe.safari.osx.mobile #portal-globalnav li.vergleichButton,
.section-es-mx.safari.osx.mobile #portal-globalnav li.vergleichButton,
.section-es-ar.safari.osx.mobile #portal-globalnav li.vergleichButton,
.section-es-cl.safari.osx.mobile #portal-globalnav li.vergleichButton  {
height: 59px;
}
.section-fr-fr.safari.mobile #portal-globalnav li.finderButton span,
.section-fr-ch.safari.mobile #portal-globalnav li.finderButton span,
.section-fr-be.safari.mobile #portal-globalnav li.finderButton span,
.section-es-es.safari.mobile #portal-globalnav li.finderButton span,
.section-es-pe.safari.mobile #portal-globalnav li.finderButton span,
.section-es-mx.safari.mobile #portal-globalnav li.finderButton span,
.section-es-ar.safari.mobile #portal-globalnav li.finderButton span,
.section-es-cl.safari.mobile #portal-globalnav li.finderButton span {
width: 60px;
display: inline-block;
}
/* */
/* */
/* */
}
@media screen and (min-width: 755px) {
/* */
.Chrome #portal-globalnav li.finderButton {
height: 42px;
}
.Chrome #portal-globalnav li.searchButton,
.Chrome #portal-globalnav li.vergleichButton {
height: 42px;
}
.section-ru.Chrome #portal-globalnav li.searchButton,
.section-ru.Chrome #portal-globalnav li.vergleichButton,
.section-ru.Chrome #portal-globalnav li.finderButton a,
.section-ru.Chrome #portal-globalnav li.finderButton,
.section-ro.Chrome #portal-globalnav li.searchButton,
.section-ro.Chrome #portal-globalnav li.vergleichButton,
.section-ro.Chrome #portal-globalnav li.finderButton a,
.section-ro.Chrome #portal-globalnav li.finderButton  {
height: 59px;
}
.section-en-ca.Chrome #portal-globalnav li.searchButton,
.section-en-ca.Chrome #portal-globalnav li.vergleichButton,
.section-en-ca.Chrome #portal-globalnav li.finderButton,
.section-en-ca.Chrome.windows #portal-globalnav li.searchButton,
.section-en-ca.Chrome.windows #portal-globalnav li.vergleichButton,
.section-en-ca.Chrome.windows #portal-globalnav li.finderButton {
height: 55px;
}
.Chrome.windows #portal-globalnav {
box-shadow: 2px 2px 3px #a6a6a6 inset;
border-bottom: 6px solid #ffee00;
}
.Chrome.windows #portal-globalnav li.searchButton,
.Chrome.windows #portal-globalnav li.vergleichButton {
height: 40px;
}
.Chrome.windows #portal-globalnav li.finderButton {
height: 40px;
}
.Chrome.windows #portal-searchbox {
top: 152px;
}
.section-ru.Chrome.windows #portal-globalnav li.searchButton,
.section-ru.Chrome.windows #portal-globalnav li.vergleichButton,
.section-ru.Chrome.windows #portal-globalnav li.finderButton a,
.section-ru.Chrome.windows #portal-globalnav li.finderButton,
.section-ro.Chrome.windows #portal-globalnav li.searchButton,
.section-ro.Chrome.windows #portal-globalnav li.vergleichButton,
.section-ro.Chrome.windows #portal-globalnav li.finderButton a,
.section-ro.Chrome.windows #portal-globalnav li.finderButton  {
height: 59px;
}
.explorer.windows #portal-globalnav li a {
width: 125px;
padding: 15px 0 7px 15px;
transition: all ease .2s;
}
.explorer.windows #portal-globalnav li a.buttonVergleichslisteanzeigen {
width: auto;
padding: 5px 11px 2px;
}
.explorer.windows #portal-globalnav li .statisch.submenu a {
padding: 8px 4px 0;
height: auto;
}
.explorer.windows #portal-searchbox {
top: 154px;
}
#portal-searchbox #searchGadget:focus {
box-shadow: inset 0px -3px 2px rgba(0,0,0,0.1);
}
.section-en-gb.explorer.windows #portal-searchbox,
.section-en-sg.explorer.windows #portal-searchbox,
.section-pt-br.explorer.windows #portal-searchbox {
top: 170px;
}
.section-en-gb.explorer.windows #portal-globalnav li.searchButton,
.section-en-gb.explorer.windows #portal-globalnav li.vergleichButton,
.section-en-gb.explorer.windows #portal-globalnav li.finderButton a,
.section-en-gb.explorer.windows #portal-globalnav li.finderButton,
.section-en-sg.explorer.windows #portal-globalnav li.searchButton,
.section-en-sg.explorer.windows #portal-globalnav li.vergleichButton,
.section-en-sg.explorer.windows #portal-globalnav li.finderButton a,
.section-en-sg.explorer.windows #portal-globalnav li.finderButton,
.section-pt-br.explorer.windows #portal-globalnav li.searchButton,
.section-pt-br.explorer.windows #portal-globalnav li.vergleichButton,
.section-pt-br.explorer.windows #portal-globalnav li.finderButton a,
.section-pt-br.explorer.windows #portal-globalnav li.finderButton {
height: 56px;
}
.section-pl.explorer.windows #portal-globalnav li.finderButton a {
height: 39px;
}
.section-pl.explorer.windows #portal-globalnav li.searchButton,
.section-pl.explorer.windows #portal-globalnav li.vergleichButton {
height: 40px;
}
.section-pl.explorer.windows #portal-searchbox {
top: 153px;
}
.firefox .accordion.detailfilter,
.firefox #accordion.detailfilter,
.firefox .accordion.auswahlsortieren {
font-size: 13px;
}
.section-es-es.safari #portal-searchbox,
.section-es-pe.safari #portal-searchbox,
.section-es-mx.safari #portal-searchbox,
.section-es-ar.safari #portal-searchbox,
.section-es-cl.safari #portal-searchbox {
top: 172px;
}
.explorer .languageButtonContainer {
width: 95%;
}
.section-es-es.explorer #portal-globalnav li.finderButton,
.section-es-pe.explorer #portal-globalnav li.finderButton,
.section-es-mx.explorer #portal-globalnav li.finderButton,
.section-es-ar.explorer #portal-globalnav li.finderButton,
.section-es-cl.explorer #portal-globalnav li.finderButton {
width: 158px !important;
height: 60px;
}
.section-es-es.explorer #portal-globalnav li.searchButton,
.section-es-pe.explorer #portal-globalnav li.searchButton,
.section-es-mx.explorer #portal-globalnav li.searchButton,
.section-es-ar.explorer #portal-globalnav li.searchButton,
.section-es-cl.explorer #portal-globalnav li.searchButton,
.section-es-es.explorer #portal-globalnav li.vergleichButton,
.section-es-pe.explorer #portal-globalnav li.vergleichButton,
.section-es-mx.explorer #portal-globalnav li.vergleichButton,
.section-es-ar.explorer #portal-globalnav li.vergleichButton,
.section-es-cl.explorer #portal-globalnav li.vergleichButton {
height: 60px;
}
.section-es-es.windows.explorer #portal-searchbox,
.section-es-pe.windows.explorer #portal-searchbox,
.section-es-mx.windows.explorer #portal-searchbox,
.section-es-ar.windows.explorer #portal-searchbox,
.section-es-cl.windows.explorer #portal-searchbox {
top: 174px;
}
}
/* */
@media screen and (min-width: 800px){
.section-es-es.safari.osx.mobile #portal-globalnav li.searchButton,
.section-es-pe.safari.osx.mobile #portal-globalnav li.searchButton,
.section-es-mx.safari.osx.mobile #portal-globalnav li.searchButton,
.section-es-ar.safari.osx.mobile #portal-globalnav li.searchButton,
.section-es-cl.safari.osx.mobile #portal-globalnav li.searchButton,
.section-es-es.safari.osx.mobile #portal-globalnav li.finderButton,
.section-es-pe.safari.osx.mobile #portal-globalnav li.finderButton,
.section-es-mx.safari.osx.mobile #portal-globalnav li.finderButton,
.section-es-ar.safari.osx.mobile #portal-globalnav li.finderButton,
.section-es-cl.safari.osx.mobile #portal-globalnav li.finderButton,
.section-es-es.safari.osx.mobile #portal-globalnav li.vergleichButton,
.section-es-pe.safari.osx.mobile #portal-globalnav li.vergleichButton,
.section-es-mx.safari.osx.mobile #portal-globalnav li.vergleichButton,
.section-es-ar.safari.osx.mobile #portal-globalnav li.vergleichButton,
.section-es-cl.safari.osx.mobile #portal-globalnav li.vergleichButton {
height: 55px;
}
.section-es-es.safari.osx.mobile #portal-globalnav li.finderButton,
.section-es-pe.safari.osx.mobile #portal-globalnav li.finderButton,
.section-es-mx.safari.osx.mobile #portal-globalnav li.finderButton,
.section-es-ar.safari.osx.mobile #portal-globalnav li.finderButton,
.section-es-cl.safari.osx.mobile #portal-globalnav li.finderButton {
width: 207px;
}
.section-es-es.safari #portal-globalnav li.finderButton,
.section-es-pe.safari #portal-globalnav li.finderButton,
.section-es-mx.safari #portal-globalnav li.finderButton,
.section-es-ar.safari #portal-globalnav li.finderButton,
.section-es-cl.safari #portal-globalnav li.finderButton {
width: 207.3px;
}
/* */
/* */
/* */
}
/* */
.firefox.windows #portal-globalnav li.searchButton,
.firefox.windows #portal-globalnav li.vergleichButton,
.firefox.windows #portal-globalnav li.finderButton a,
.firefox.windows #portal-globalnav li.finderButton {
box-shadow: 2px 0px 3px #A6A6A6 inset;
}
.firefox.section-fr-fr #portal-globalnav li.searchButton,
.firefox.section-fr-fr #portal-globalnav li.vergleichButton,
.firefox.section-fr-fr #portal-globalnav li.finderButton a,
.firefox.section-fr-fr #portal-globalnav li.finderButton,
.firefox.section-fr-be #portal-globalnav li.searchButton,
.firefox.section-fr-be #portal-globalnav li.vergleichButton,
.firefox.section-fr-be #portal-globalnav li.finderButton a,
.firefox.section-fr-be #portal-globalnav li.finderButton,
.firefox.section-fr-ch #portal-globalnav li.searchButton,
.firefox.section-fr-ch #portal-globalnav li.vergleichButton,
.firefox.section-fr-ch #portal-globalnav li.finderButton a,
.firefox.section-fr-ch #portal-globalnav li.finderButton {
height: 58px;
}
/* */
.Chrome.windows #portal-globalnav {
background-color: #ffee00;
}
.section-en-gb.Chrome #portal-globalnav li.searchButton,
.section-en-gb.Chrome #portal-globalnav li.vergleichButton,
.section-en-gb.Chrome #portal-globalnav li.finderButton a,
.section-en-gb.Chrome #portal-globalnav li.finderButton,
.section-en-sg.Chrome #portal-globalnav li.searchButton,
.section-en-sg.Chrome #portal-globalnav li.vergleichButton,
.section-en-sg.Chrome #portal-globalnav li.finderButton a,
.section-en-sg.Chrome #portal-globalnav li.finderButton,
.section-fr-fr.Chrome #portal-globalnav li.searchButton,
.section-fr-fr.Chrome #portal-globalnav li.vergleichButton,
.section-fr-fr.Chrome #portal-globalnav li.finderButton a,
.section-fr-fr.Chrome #portal-globalnav li.finderButton,
.section-fr-ch.Chrome #portal-globalnav li.searchButton,
.section-fr-ch.Chrome #portal-globalnav li.vergleichButton,
.section-fr-ch.Chrome #portal-globalnav li.finderButton a,
.section-fr-ch.Chrome #portal-globalnav li.finderButton,
.section-fr-be.Chrome #portal-globalnav li.searchButton,
.section-fr-be.Chrome #portal-globalnav li.vergleichButton,
.section-fr-be.Chrome #portal-globalnav li.finderButton a,
.section-fr-be.Chrome #portal-globalnav li.finderButton,
.section-pt-br.Chrome #portal-globalnav li.searchButton,
.section-pt-br.Chrome #portal-globalnav li.vergleichButton,
.section-pt-br.Chrome #portal-globalnav li.finderButton a,
.section-pt-br.Chrome #portal-globalnav li.finderButton,
.section-es-es.Chrome #portal-globalnav li.searchButton,
.section-es-es.Chrome #portal-globalnav li.vergleichButton,
.section-es-es.Chrome #portal-globalnav li.finderButton a,
.section-es-es.Chrome #portal-globalnav li.finderButton,
.section-es-pe.Chrome #portal-globalnav li.searchButton,
.section-es-pe.Chrome #portal-globalnav li.vergleichButton,
.section-es-pe.Chrome #portal-globalnav li.finderButton a,
.section-es-pe.Chrome #portal-globalnav li.finderButton,
.section-es-mx.Chrome #portal-globalnav li.searchButton,
.section-es-mx.Chrome #portal-globalnav li.vergleichButton,
.section-es-mx.Chrome #portal-globalnav li.finderButton a,
.section-es-mx.Chrome #portal-globalnav li.finderButton,
.section-es-ar.Chrome #portal-globalnav li.searchButton,
.section-es-ar.Chrome #portal-globalnav li.vergleichButton,
.section-es-ar.Chrome #portal-globalnav li.finderButton a,
.section-es-ar.Chrome #portal-globalnav li.finderButton,
.section-es-cl.Chrome #portal-globalnav li.searchButton,
.section-es-cl.Chrome #portal-globalnav li.vergleichButton,
.section-es-cl.Chrome #portal-globalnav li.finderButton a,
.section-es-cl.Chrome #portal-globalnav li.finderButton {
height: 55px;
}
.Chrome .closeButton {
padding: 0px 1px 2px 1px;
}
.Chrome .vergleichListeContainer {
top: 42px;
}
/* */
.safari.osx.mobile .produktfinder .col-1-3 {
height: 85px;
}
.section-fr-fr.safari #portal-globalnav li.searchButton,
.section-fr-fr.safari #portal-globalnav li.vergleichButton,
.section-fr-fr.safari #portal-globalnav li.finderButton a,
.section-fr-fr.safari #portal-globalnav li.finderButton,
.section-fr-ch.safari #portal-globalnav li.searchButton,
.section-fr-ch.safari #portal-globalnav li.vergleichButton,
.section-fr-ch.safari #portal-globalnav li.finderButton a,
.section-fr-ch.safari #portal-globalnav li.finderButton,
.section-fr-be.safari #portal-globalnav li.searchButton,
.section-fr-be.safari #portal-globalnav li.vergleichButton,
.section-fr-be.safari #portal-globalnav li.finderButton a,
.section-fr-be.safari #portal-globalnav li.finderButton {
height: 58px;
}
.safari #portal-globalnav li.searchButton,
.safari #portal-globalnav li.vergleichButton,
.safari #portal-globalnav li.finderButton a,
.safari #portal-globalnav li.finderButton {
height: 42px;
}
.section-es-es.safari #portal-globalnav li.searchButton,
.section-es-es.safari #portal-globalnav li.vergleichButton,
.section-es-es.safari #portal-globalnav li.finderButton a,
.section-es-es.safari #portal-globalnav li.finderButton,
.section-es-pe.safari #portal-globalnav li.searchButton,
.section-es-pe.safari #portal-globalnav li.vergleichButton,
.section-es-pe.safari #portal-globalnav li.finderButton a,
.section-es-pe.safari #portal-globalnav li.finderButton,
.section-es-mx.safari #portal-globalnav li.searchButton,
.section-es-mx.safari #portal-globalnav li.vergleichButton,
.section-es-mx.safari #portal-globalnav li.finderButton a,
.section-es-mx.safari #portal-globalnav li.finderButton,
.section-es-ar.safari #portal-globalnav li.searchButton,
.section-es-ar.safari #portal-globalnav li.vergleichButton,
.section-es-ar.safari #portal-globalnav li.finderButton a,
.section-es-ar.safari #portal-globalnav li.finderButton,
.section-es-cl.safari #portal-globalnav li.searchButton,
.section-es-cl.safari #portal-globalnav li.vergleichButton,
.section-es-cl.safari #portal-globalnav li.finderButton a,
.section-es-cl.safari #portal-globalnav li.finderButton {
height: 55px;
}
.section-en-gb.safari #portal-globalnav li.searchButton,
.section-en-gb.safari #portal-globalnav li.vergleichButton,
.section-en-gb.safari #portal-globalnav li.finderButton a,
.section-en-gb.safari #portal-globalnav li.finderButton,
.section-en-sg.safari #portal-globalnav li.searchButton,
.section-en-sg.safari #portal-globalnav li.vergleichButton,
.section-en-sg.safari #portal-globalnav li.finderButton a,
.section-en-sg.safari #portal-globalnav li.finderButton {
height: 55px;
}
.section-pt-br.safari #portal-globalnav li.searchButton,
.section-pt-br.safari #portal-globalnav li.vergleichButton,
.section-pt-br.safari #portal-globalnav li.finderButton a,
.section-pt-br.safari #portal-globalnav li.finderButton {
height: 55px;
}
.safari.template-document_view #portal-column-two,
.safari.template-folder_listing #portal-column-two {
top: 169px;
}
.safari.template-homepage_view #portal-column-two {
top: 0;
}
/* */
/* */
/* */
.safari .kachel.kacheltext,
.safari.osx.mobile .kachel.kacheltext {
top: -6px;
}
.safari .kachel.rollen,
.safari.osx.mobile .kachelseite .kachel.rollen,
.safari .kachel.schleifbaender,
.safari.osx.mobile .kachelseite .kachel.schleifbaender,
.safari .kachel.schleifblaetter,
.safari.osx.mobile .kachel.schleifblaetter,
.safari .kachel.quickchangediscs,
.safari.osx.mobile .kachel.quickchangediscs,
.safari .kachel.stuetzteller,
.safari.osx.mobile .kachel.stuetzteller,
.safari .kachel.hartmetallfraesen,
.safari.osx.mobile .kachel.hartmetallfraesen,
.safari .kachel.schleifmopteller,
.safari.osx.mobile .kachel.schleifmopteller,
.safari .kachel.schleifmop,
.safari.osx.mobile .kachel.schleifmop,
.safari .kachel.elastischeschleifmittel,
.safari.osx.mobile .kachelseite .kachel.elastischeschleifmittel,
.safari .kachel.trennundschruppscheiben,
.safari.osx.mobile .kachelseite .kachel.trennundschruppscheiben,
.safari .kachel.diamantwerkzeuge,
.safari.osx.mobile .kachelseite .kachel.diamantwerkzeuge,
.safari.osx.mobile .kachel.trennundschruppscheiben,
.section-de-de.safari.osx.mobile .kachelseite .kachel.schleifmopteller,
.section-de-de.safari.osx.mobile .kachelseite .kachel.schleifmop {
top: 0;
}
.explorer .suchergebnisse .onlineHaendler span.haendlerContainer {
display: ruby-base;
}
@media screen and (min-width: 755px) {
.explorer.windows #portal-globalnav li a {
width: 125px;
padding: 15px 0 7px 15px;
transition: all ease .2s;
}
.explorer.windows #portal-globalnav li a.buttonVergleichslisteanzeigen {
width: auto;
padding: 5px 11px 2px;
}
.explorer.windows #portal-globalnav li .statisch.submenu a {
padding: 8px 4px 0;
height: auto;
}
}
/* */
.subsection-unternehmen-lieferanten-warengruppen.explorer #content #content-core  {
font-size: 30px;
}
.subsection-unternehmen-lieferanten-warengruppen.Chrome #content {
font-size: 30px;
}
.subsection-entreprise-fournisseurs-groupes-de-marchandises.explorer #content #content-core  {
font-size: 30px;
}
.subsection-company-suppliers-product-groups.explorer #content #content-core  {
font-size: 30px;
}
.subsection-firma-dostawcy-grupy-asortymentowe.explorer #content #content-core  {
font-size: 30px;
}
.subsection-la-empresa-proveedores-grupos-de-mercancias.explorer #content #content-core  {
font-size: 30px;
}
.subsection-pidpriiemstvo-postachalniki-hrupy-tovariv.explorer #content #content-core  {
font-size: 30px;
}
.subsection-empresa-fornecedores-grupos-de-mercadorias.explorer #content #content-core  {
font-size: 30px;
}
.subsection-la-empresa-proveedores-grupos-de-mercancias.explorer #content #content-core  {
font-size: 30px;
}
.subsection-entreprise-fournisseurs-groupes-de-marchandises.Chrome #content {
font-size: 30px;
}
.subsection-company-suppliers-product-groups.Chrome #content {
font-size: 30px;
}
.subsection-firma-dostawcy-grupy-asortymentowe.Chrome #content {
font-size: 30px;
}
.subsection-la-empresa-proveedores-grupos-de-mercancias.Chrome #content {
font-size: 30px;
}
.subsection-pidpriiemstvo-postachalniki-hrupy-tovariv.Chrome #content {
font-size: 30px;
}
.subsection-empresa-fornecedores-grupos-de-mercadorias.Chrome #content {
font-size: 30px;
}
.subsection-la-empresa-proveedores-grupos-de-mercancias.Chrome #content {
font-size: 30px;
}
/* */
.section-ru #portal-globalnav li.finderButton span,
.section-ro #portal-globalnav li.finderButton span {
top: 21px;
}
@media screen and (min-width: 755px) {
.section-ro #content .footerganzebreite.schulung span {
width: 550px;
}
}
.section-ro #kartestandortecontainer .laenderliste.europa ul:last-child {
margin-left: 13px;
}
@media screen and (min-width: 980px) {
.section-ro #kartestandortecontainer .laenderliste.europa {
left: 371px;
}
.section-ro #kartestandortecontainer .laenderliste.asien {
left: 643px;
}
}
.section-ro .adress_container:first-child {
width: 240px;
margin: 0 0 0 20px;
}
.section-ru #content .kachelseite.anwendungen .glas a.kachellink {
top: -4px;
position: relative;
}
.section-nl-nl #content .kachelseite.anwendungen .glas a.kachellink {
position: relative;
top: -6px;
}
.section-ru #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen,
.section-ro #portal-globalnav .vergleichListeContainer .buttonVergleichslisteanzeigen {
height: auto;
}