﻿.einspaltig .text_ohne_bild table tbody tr td span[style*="color:#f90;"] {
	color: #555 !important;
}

.einspaltig .text_ohne_bild table tbody tr td span[style*="color:#f90;"]:before {
    content: "New ";
    background: #2C74A9;
    text-align: center !important;
    font-size: 9px;
    color: #fff;
    margin-right: 6px;
    border-radius: 25px;
    display: inline-block;
    width: 22px;

    line-height: 22px;
    font-weight: bold;
}
	
}




a#warenkorb_big::before,
#SearchGo::after {
    font-family: 'Material-Icons','Material Icons' ;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    
    font-feature-settings: 'liga';
}
a#warenkorb_big::before {
    content: ' ';
    margin-right: 6px;
	line-height: 46px;
width: 40px;
height: 46px;
text-indent: 0;
vertical-align: middle;
padding: 0;
position: relative;
float: left;
display: inline-block;
background: url('/r05/StaticContent/r14/icons/Icon_shopping-cart_n.svg') no-repeat;
background-size: 35px 35px;
background-position: 5px 6px;
}
/*----------------------------------------------------- ALLGEMEIN --------------------------------------------------------------------*/

#ContentContainer{   

    line-height: 22px;   
    
}

body {   
    font-size: 14px !important;
    
}

html * {
    box-sizing: border-box !important;
}

html, body, a {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    color: #363636;

}

a img {
    border: none;
}
/* ----------------------- HEAD ----------------------------- */
/*Head-BOX*/

#head {
    width: 76%;
    height: 75px;
    position: relative;
    background-color: #fff;
    float: right;
}
/*Logo-BOX*/

#logo {
    position: absolute;
    left: 5px;
top: 17px;
    width: 87px;
    z-index: 90;
}
/*CLAIM*/

#claim {
    display: block;
    margin: 0px;
    position: absolute;
    top: 31px;
left: 100px;
    width: 180px;
    height: 20px;
    z-index: 100;
}
#claim a.fr {
    display: block;
    width: 177px;
    height: 18px;
    background: url(/images/css/igus_sprite.gif) no-repeat -188px 0px;
}
#claim a {
    display: block;
    width: 180px;
height: 20px;
    background: url('/r05/StaticContent/r14/images/igus-claim.png') no-repeat;
}
#logo div a {
    display: block;
    width: 86px;
height: 45px;
    background: url('/r05/StaticContent/r14/images/logo.png') no-repeat;
}
/*Sucheingabe-BOX*/

#search {
    width: 69.8%;
    position: relative;
    top: 21px;
    float: left;
	padding-left: 20px;
   
}
/*Inputfeld Sucheingabe*/

#search input {
    width: 94%;
    padding: 0px 8px;
    border: 1px solid #d9d9d9;
    
    height: 34px;
    color: #555;
    
}
#search input:hover {
    border: 1px solid #b9b9b9;
    border-top-color: #a0a0a0;
}
#search input:focus {
    border: 1px solid #F07D00;
    ;
}
/*Link Sucheingabe*/

#search a {
    float: right;
    white-space: nowrap;
	font-size: 1px;
display: inline-block;
position: relative;
padding: 0;
height: 34px;
width: 34px;
line-height: 34px;
color: #fff;
text-indent: 3px;
background-position: 3px 3px !important;
background: url('/r05/StaticContent/r14/icons/Icon-Lupe_n.svg') no-repeat;
background-size: 30px 30px;
border-radius: 0;
background-color: #626262;
left: -2px;
    
}
#search a:hover {
    background-color: #000;
}
/*Lupenlink*/

#search a {
    display: none;
}

#search a#SearchGo {
	display: inline-block;
}
/*Sprachauswahl-BOX*/

#language {    
    position: relative;
    top: 24px;
    float: right;
}
#language select {
    width: 170px;
    border: 1px solid #b3b9c3;
    padding: 4px;
    color: #555;
}


/* -------------------- HEADNAVIGATION --------------------- */
/*Navigationsleiste Grau*/

#navi {
    width: 100%;
    height: 46px;
    background-color: #F07D00;
    position: relative;
    clear: both;
    padding: 0px;
}

/*MenuTabelle Corporate Navigation*/

#CorporateNav {
    float: left;
    padding: 0px;
    border: none;
    height: 46px;
    position: relative;
}
#CorporateNav td a {
    font-size: 1em !important;
	color: #fff;
}
#CorporateNav table[id*=tb] a {
    padding: 0px 16px !important;
    width: auto !important;
	height: 46px;
line-height:46px;
}
#CorporateNav table[id*=tb] td,
#CorporateNav table[id*=tb] td a {
height: 46px !important;
line-height:46px !important;
}










#CorporateNav td img {
    display: none;
}
/*runde Ecke rechts*/
/*Space zwischen Head und Navigationszeile*/

.HeadSpacer {
    width: 610px;
    background-color: #fff;
    font-size: 1px;
    height: 7px;
}
/*Container fuer Warenkorb-links in Hauptnavigation*/

#shop_main_nav {
    float: right;
    position: relative;
    height: 46px;
    font-size: 1.0em;
    background-color: #F07D00;
	
}

#shop_main_nav a {
    color: #fff;
line-height: 46px;
   height: 46px;
}


#myigus_top {  
    
    padding: 0px 16px;
    background: none;
    margin-left: 0px;
	display: inline-block;
}




/*Link "Contact" US und UK*/

#menu1 {
    border-left: 1px solid #bdbdbd;
}
/*Link schnell bestellen*/

#quick_order {
    float: left;
    height: 28px;
    padding: 0px 16px;
    background: none;
    margin-left: 0px;
}
#quick_order:hover, #myigus_top:hover {
    background-color: #d26e00;
}
/*Grosser Warenkorb-Link*/

#warenkorb_big {
    float: right;
    padding: 0px 16px 0px 0px;
    background-color: #626262;
		min-width: 195px;
}
#warenkorb_big:hover {
    background-color: #000000;
    color: #fff;
}
#warenkorb_big div {
    display: inline;
}
#wako_nr a {
    background: none;
}
/* ------------------- BREADCRUMB NAVIGATION --------------- */
/*Breadcrumb-BOX*/

#BreadcrumbContainer {
    width: 795px;
    min-height: 19px;
    overflow: visible;
}
#BreadCrumb {
    position: relative;   
    font-size: 11px;
    background-color: #fff;
    padding: 15px;
    display: inline-block;
    margin-left: 0px;
    color: #363636;
   
}
#BreadCrumb div {
    display: inline;
}
#BreadCrumb div {
    padding: 0px 8px;
}
#BreadCrumb div:first-child {
    padding-left: 0px;
}
#BreadCrumb a {
    text-decoration: none;
	color: #363636;
	font-size: 11px;
}

#BreadCrumb a:hover {    
	color: #F07D00;
	
}
/* ------------------- ICON-NAVIGATION --------------------- */
/*Icon-Navi-BOX*/

#IconNavi {
    position: absolute;
    top: 104px;
    left: 620px;
    z-index: 10;
    width: 175px;
    background-color: #fff;
}
#IconNavi div {
    border-left: 12px solid #fff;
    width: auto;
    float: right;
    position: relative;
    right: 17px;
}
/*Icon Href*/

#IconNavi a {
    width: 16px;
    height: 13px;
    display: block;
    font-size: 1px;
}
/*Icon "CallBack"*/

a#CallBack {
    background: url(/images/css/igus_sprite.gif) -589px -317px no-repeat;
    width: 19px;
}
a#CallBack:hover {
    background-position: -589px -305px;
}
/*Icon "Seite Versenden"*/

a#SendSite {
    background: url(/images/css/igus_sprite.gif) -32px -21px no-repeat;
}
a#SendSite:hover {
    background-position: -32px -34px;
}
/*Icon "Bookmark"*/

a#BookmarkSite {
    background: url(/images/css/igus_sprite.gif) 0px -21px no-repeat;
}
a#BookmarkSite:hover {
    background-position: 0px -34px;
}
/*Icon "Warenkorb"*/

a#Warenkorb {
    background: url(/images/css/igus_sprite.gif) -16px -21px no-repeat;
}
a#Warenkorb:hover {
    background-position: -16px -34px;
}
/* _________________________      R I G H T        ______________________________ */
/*Master-BOX*/

#RightContainer {
  width: 23.1%;    
     float: right; 
	padding: 8px 16px;
	 background: #ececec;
	 margin: 0 0 0 32px;

}


#RightContent p {
    margin: 0px 0px 5px 0px;
    position: relative;
    left: 0px;
}
/*Telefon-Icon*/

.phone {
    margin: 0px;
    width: auto;
    display: block;
}

.midestbestell span,
.lieferung_beratung span,
.lieferzeit span,
.kostenloses_muster span,
.email_versendet span {
    display: block;
    width: 17px;
    height: 15px;
    margin: 0px 5px 5px 0px;
    float: left;
    background-color: #faa;
    padding: 0px;
	position: relative;
	top: 4px;
}
.midestbestell span {
    background: url(/images/css/igus_sprite.gif) no-repeat 0px -426px;
}
.lieferung_beratung span {
    background: url(/images/css/igus_sprite.gif) no-repeat -18px -427px;
}
.lieferzeit span {
    background: url(/images/css/igus_sprite.gif) no-repeat -34px -427px;
}
.kostenloses_muster span {
    background: url(/images/css/igus_sprite.gif) no-repeat -615px -136px;
}
.email_versendet span {
    background: url(/images/css/igus_sprite.gif) no-repeat -52px -429px;
}
/*Trennlinie*/

.linie {
    border-top: 1px solid #D3D3D3;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    width: 145px;
    margin: 10px 0px 9px 0px;
}
/*Link*/

#RightContent a {
    width: 145px;
    display: block;
    border-bottom: 2px solid #ebebeb;
}
/*Image Link */

#RightContent .menu_imagelink {
    padding: 0px;
    background: none;
}
/*Linkblock Link*/

#RightContent .linkblock a {
    width: 140px;
    display: block;
}
#RightContent b {
    display: block;
    color: #595959;
}
/*Inputfeld*/

#login input,
#RightContent select,
.RightInput input {
    width: 100%;
    margin-bottom: 3px;
    clear: both;
    padding: 6px;
}
/*Inputfeld*/

#RightContent select {
    height: auto;
}
/*Inputfeld*/

#login select {
    width: 145px !important;
    height: 18px !important;
    font-size: 114%;
    border: 1px solid #b3b9c3;
    
    margin-bottom: 3px;
    clear: both;
    padding: 0px 0px 1px 2px;
    color: #555;
}
/* Mainnavigation 16px */

#lnk0,
#lnk1,
#CommercialContainer td {
    font-size: 0.75em;
}
#login input {
    font-size: 1.2em;
}
#login a {
    font-size: 130%;
}
#socialbookmarksidebar {
    display: none;
    clear: both;
    overflow: hidden;
    width: 152px;
}
#socialbookmarksidebar a {
    display: block;
    float: left;
    padding: 0px;
    background: none;
    border: none;
    width: 31px;
    height: 31px;
    margin: 3px 7px 4px 0px;
}
#socialbookmarksidebar a img {
    width: 31px;
    height: 31px;
    border: none;
}



h1,
.text,
.text_ohne_bild,
.picturetext,
#RightContent,
#RightContent a,
div div.list,
div.list,
.LinkList,
.text_ohne_bild table,
.text table {
    border: 0px transparent !important;
}
#menu0 {
    left: 384px !important;
    display: none !important;
}
#menu0 a {
    line-height: 46px;
    height: 46px;
    font-size: 14px;
    color: #fff;
    padding: 0px 16px;
}
a {
    color: #F07D00;
    text-decoration: none;
}
#LeftContent .link a:hover,
#LeftContent .search_result a:hover,
#RightContainer .link a:hover,
#Searchbox a:hover {
    text-decoration: underline;
}

#RightContent a::before,
#LeftContent .link a::before,
#LeftContent .search_result a::before,
#RightContainer a::before {
    content: '\00bb';
    padding-right: 8px;
    text-decoration: none !important;
    display: inline-block;
}
h1 {
    font-size: 30px;
    line-height: 35px;
    margin: 8px 0px;
}

#AddToWakoWindow1 h1 {
    font-size: 2em;
	margin: 0;

}

#AddToWakoWindow1 p,
#AddToWakoWindow1 div {
	font-size: 14px;

}

#AddToWakoWindow1 {
    min-height:200px;
}
h2,
h3 {
    font-size: 22px;
    line-height: 27px;
    margin: 8px 0px;
}
div div div b,
h4 {
    font-size: 16px;
    line-height: 21px;
    margin: 8px 0px;
    font-weight: bold;
}
b {
    color: #595959;
    display: block;
}
.zweispaltigG,
.zweispaltig,
.dreispaltigG,
.dreispaltig,
.einspaltig,
.einspaltigG,
.ein_zwei_spaltigR,
.ein_zwei_spaltigL,
.vierspaltigG,
.zweispaltigGVideo,
.einspaltigGVideo {
    padding: 0px 8px;
    margin: 0px 8px;
}
.zweispaltigG,
.zweispaltig,
.dreispaltigG,
.dreispaltig {
    border: 0px solid #cecece;
}
#ContentContainer,
.einspaltigG,
.einspaltigG div,
.einspaltigG div .text,
.einspaltigG div div,
.NonSpaceingBreak,
.NonSpaceingBreak td,
.zweispaltigG div,
.zweispaltigG div div,
.zweispaltigG .picturetext,
.zweispaltigG div .text,
.zweispaltigG .link,
.ContentBreak,
.einspaltig,
.einspaltig div,
.zweispaltig div,
.dreispaltigG div div,
.dreispaltigG div,
.dreispaltigG div .text,
.dreispaltig div,
.dreispaltig div div .link,
.Line,
#navi,
#BreadcrumbContainer,
.NonSpaceingBreak,
.NonSpaceingBreak td,
#RightContent,
#RightContent .linkblock a,
#RightContent a,
.linie,
.video-js,
.einspaltigGVideo,
.dreispaltig div div.text_ohne_bild,
.list p,
.zweidrittel div,
.zweidrittel div .text,
.ZweidrittelRight .dreispaltigG,
.ZweidrittelRight .dreispaltig,
.dreispaltig .list,
.page_nav,
.page_nav h1,
.zweispaltig .link,
.zweispaltig div .text_ohne_bild,
.ein_zwei_spaltigL,
.ein_zwei_spaltigR,
.ein_zwei_spaltigR div,
.ein_zwei_spaltigL div,
#socialnetwork,
.zweispaltig div div .list,
.vierspaltigG div,
body .zweispaltigG .formular_table,
#iProAuhiContainer,
.einspaltigDL,
.einspaltigDL div,
.einspaltigDL div div.text div.link,
.zweispaltigDL div,
.zweispaltigDL div div.text div.link,
.dreispaltigDL div,
.dreispaltigDL div div.text div.link,
.einspaltigDK,
.einspaltigDK div,
.einspaltigDK div div.text div.link,
.zweispaltigDK div,
.zweispaltigDK div div.text div.link,
.surveybox,
.surveybox h1,
.surveyLinkbox,
.ein_zwei_spaltigR div div.text div.list,
.ein_zwei_spaltigL div div.text div.list,
#LeftContent .einspaltig iframe,
.ein_zwei_spaltigR div div.link,
.ein_zwei_spaltigL div div.link
{
    width: 100% !important;
    left: 0px !important;
}
.zweispaltigG,
.zweispaltig,
.zweispaltigGVideo,
.zweispaltigDL,
.zweispaltigDK {
    width: calc(50% - 16px) !important;
    left: 0px !important;
    display: inline-block !important;
    position: relative;
}
.dreispaltigG,
.dreispaltig,
.dreispaltig div div,
.ZweidrittelRight,
 .zweispaltig div div,
.ein_zwei_spaltigR div div,
.ein_zwei_spaltigL div div,
.dreispaltigDL {
    width: calc(33.33% - 16px) !important;
    left: 0px !important;
}
.dreispaltig div div.text,
.zweidrittel,
.zweispaltig div div.text,
.ein_zwei_spaltigR div div.text,
.ein_zwei_spaltigL div div.text {
    width: calc(66.66% - 16px) !important;
    left: 0px !important;
}
.vierspaltigG {
    width: calc(25% - 16px) !important;
}

.einspaltigDL div .text,
.zweispaltigDL div .text,
.dreispaltigDL div .text,
.einspaltigDK div .text,
.zweispaltigDK div .text
 {
	width: calc(100% - 32px) !important;
}



.einspaltigDL div div,
.zweispaltigDL div div,
.dreispaltigDL div div,
.einspaltigDK div div,
.zweispaltigDK div div {
	width: 26px !important;
}

 .einspaltigG div img,
.zweispaltigG div img,
.zweispaltig div img,
.dreispaltigG div img,
.dreispaltig div img,
.vierspaltigG div img,
.ein_zwei_spaltigR div img,
.ein_zwei_spaltigL div img {
    width: auto !important;
} 

.einspaltigG div a img,
.einspaltig div a img,
.einspaltigG div img,
.einspaltig div img {
    width: auto !important;
}



.dreispaltig div div h2 img,
.einspaltigG div div h2 img,
.zweispaltigG div div h2 img,
.einspaltig div div h2 img,
.zweispaltig div div h2 img,
.einspaltigG div div b img,
.zweispaltigG div div b img,
.einspaltig div div b img,
.zweispaltig div div b img,
#Leftcontent table tr td img,
.Order_box_border img,
.einspaltigG div div div table tbody tr td img,
.zweispaltigG div div div div table tbody tr td img,
.text_ohne_bild p img,
.ein_zwei_spaltigL h2 img,
.ein_zwei_spaltigR h2 img,
#warenkorb_table tbody tr td img,
.zweispaltig div div.text p img {
    width: auto !important;
}

a.buy img {
	width: auto !important;
}

#commercial + .ContentBreak,
.dreispaltig div div h2 img,
.einspaltigG div div h2 img,
.zweispaltigG div div h2 img,
.einspaltig div div h2 img,
.einspaltigG div div b img,
.zweispaltigG div div b img,
.einspaltig div div b img,
.zweispaltig div div b img,
.ein_zwei_spaltigL h2 img,
.ein_zwei_spaltigR h2 img {
    display: none !important;
}
.einspaltig {
    clear: both;
}
#container {
    position: relative;
    top: 0px;
    left: 0px;
    width: 1200px;
    clear: both;
    background: #fff;
    margin: 0 auto;
   
    height: auto;
    overflow: hidden;
}

#RightContent a {
	color: #363636 ;
}

#RightContent a:hover {
	color: #F07D00 ;
}





#commercial {  
    background-color: #f07d00;
	    margin-bottom: 30px;
}

#commercial a img, 
#commercial img {  
margin: 0 auto;
display:block;
width: auto;
}



#ContentContainer {
    clear: both;
	display: flex;
margin: 0 0 30px 0;

}

#ContentContainer #LeftContent,
#BreadCrumb {
   width: calc(76.9% - 32px); 
	 float:left; 
	
}

    .NonSpaceingBreak,
    .NonSpaceingBreak td {
        clear: both;
        border: none;
        border-collapse: collapse;
        background-color: #fff;
        overflow: hidden;
		padding:16px;
    }
	
	.ContentBreak {
    height: 32px;
    clear: both;
    
}

div#RightContainer form p.RightInput a {
    font-weight: bold;
    background-color: #F07D00;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: 8px 16px !important;
    margin: 0px;
    text-decoration: none;
}



/* Restebörse */

.resteboerse #warenkorb_table {
	width: calc(100% - 2px) !important;
}


.resteboerse div input {
	position: relative;
top: -34px;
left: -24px;
}

.resteboerse div select {
padding: 8px;
}

.LastLine,
.HeadSpacer,
.FirstLine,
#IconNavi,
h1:empty,
h2:empty,
h3:empty,
p:empty,
#Searchbox .search_result a span.linkicon,
#RoundCorner,
#CorporateNav td img,
div.FirstContentBreak,
.einspaltig:empty,
#quarIFrame + div,
#table_toolbox_trennlinie,
.section_ancor::before,
.picturelink::before,
#RightContent .linkblock,
.linkblock + .linie,
#Searchbox p span a::before,
.midestbestell::before,
.lieferung_beratung::before,
.lieferzeit::before,
.kostenloses_muster::before,
.email_versendet::before,
p:empty + div.linie,
/* #SoNeContainer, */
#RightContent a[onclick*=openDse],
#RightContent a[onclick*=openDse] + div.linie,
#RightContent a[href*=Newsletter] + div.linie,
.resteboerse span b
 {
    display: none !important;
}

/* Telefon Links auf iPads & Co. */
#RightContent a[x-apple-data-detectors]
 {
  color: blue !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  width: auto !important;
  display: inline-block !important;
}





#ContentContainer #RightContent a[x-apple-data-detectors].lieferung_beratung
 {
		color: #000 !important;
}

#ContentContainer #RightContent a[x-apple-data-detectors]::before{
	display: none !important;

}

#IFramePopupobj {
	    width: 350px !important;
    height: 94px !important;
	
}

/* Temporäres Verzögerte Lieferzeiten-Feld */
/* Auskommentiert Droth 20171006 */

.global_infobox p {
    padding: 15px;
    color: #363636;
    margin-bottom: 15px !important;
    border: 1px solid #f07d00;
    background: #fff;
}


/* Auskommentiert Droth 20171006 */
/*
.global_infobox:before {
    content: url(/r05//StaticContent/css/global_infobox_img.png);
    position: relative;
    top: 6px;
}
*/

.container {
	max-width: 1200px !important;
	width: 1200px;

	
}

.row.igusSec002Footer__middle .col-sm-6 {
	width: 33.3333333333% !important;
	min-width: 33.3333333333% !important;
}

.igus022FooterAbbinder__link {
	display: inline-block !important;
    margin: 1rem 2rem 0 0 !important;
}





#RightContent img[src*="Corporate_Files/address/img"],
.Kontakt img[src*="Corporate_Files/address/img"] {
    width: 55%;
}

.Kontakt + .ContentBreak {
	display: none;
}

.zweispaltigGVideo,
.einspaltigGVideo {
	padding: 0px !important;	
}

video   
{ 
        object-fit: cover; 
        
} 

.text ul, .text_ohne_bild ul, .slide-content--left ul, .slide-content--right ul {
    margin-left: 15px;
}

@media (max-width: 1240px) {
.igus001Header__main.fs {
	width: auto !important;
	margin-left: 0 !important;
}
}


