@font-face { font-family: 'webicons-tfk'; src: url('./styles/tfkshop/fonts/webicons-tfk.ttf') format('truetype'), url('./styles/tfkshop/fonts/webicons-tfk.woff') format('woff'), url('./styles/tfkshop/fonts/webicons-tfk.svg#webicons-tfk') format('svg'); font-weight: normal; font-style: normal;
} html > * {font-size:11px;font-family:Arial, Helvetica, sans-serif; box-sizing:border-box;}
html, body {background:#fff; margin:0px !important; padding:0px !important; height:auto !important; min-height:initial !important; max-height:initial !important;display:block; }
body {background:#fff; width:auto !important;min-width:auto !important; max-width:100% !important;} #contentwrapper, .wrapper { clear:both; background:#fff; margin:0 !important; padding:0 !important; display:block; height:auto !important; min-height:initial !important; max-height:initial !important; vertical-align:top;} .logo {height:85px;width:156px;display:block;float:left; background:#fff url('./public/pics/system_nocache/1652094899-top-navigation.png') no-repeat;}
.logogast { background-position:-430px -140px; }
.logouser { background-position:-430px -55px; }
#printwrapper{display:block;height:inherit;width:100%;text-align:right;color:#ccc;font:normal 35px/85px Arial,Verdana, Helvetica;}
#printwrapper img {float:left;margin-left:0px; max-height:80px; width:auto;} #jSubNav {clear:both; text-align:left; width:100%; max-width:100%; height:30px; line-height:30px; min-height:30px; display:block; margin:0; margin-bottom:10px; padding:2px; border:0;}
#jSubNav .textico{ display:none; clear:right;} #breadcrumbs {width:100%; text-align:left; display:block; margin:0; padding:0;}
#breadcrumbs li {text-align:left; display:inline;margin:0; padding:0; padding-right:4px;}
#breadcrumbs li a { display:inline; font-size:1em; line-height:30px; margin:0; padding:0; font-weight:normal; color:#666;}
#breadcrumbs li a:before {content:'\203A'; display:inline; color:#666; font-size:1.4em; line-height:30px; padding-right:4px;} h1, h2, h3, h4 {color:#004698; text-align:left; margin:0; padding:0; font-family:Arial,Verdana, Helvetica; font-weight:normal; }
h1 { font-size:20px; line-height:26px; padding:5px 0 5px 0;}
h1 span.noresult { color:#bb0000;}
h1 span.resultfound { color:#666666; }
h2 { font-size:18px; line-height:20px; padding:5px 0 5px 0;}
h3 { font-size:14px; line-height:16px; font-weight:bold; }
h4 { font-size:12px; line-height:16px; font-weight:bold; }
.grey { color: #666; }
.white { color: #fff; } .textico { font:normal 16px/22px 'webicons-tfk'; color:#666; height:22px; vertical-align:middle; display:inline-block; -webkit-font-smoothing: antialiased;} .statusmenu a { float:left; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background-color:#f9f9f9;-webkit-border-radius:3px;border-radius:3px; border:1px solid #dcdcdc; display:inline-block;color:#666666;font:normal 14px/26px Arial; padding:0px 14px;text-decoration:none; text-shadow:0px 1px 0px #ffffff;margin:0 5px 0 5px; }
hr {border:none;color: #ddd;background-color: #ddd;height:1px;width:100%;padding:0px;margin-top:4px;margin-bottom:4px;}
input.jBasket, input.jMzMenge {width:36px; margin:0px; padding:0px; height:18px; line-height:18px;}
A:link{font-family:Arial, Helvetica, sans-serif;text-decoration:none;}
button.jSubmit, button.jNoSubmit { margin-left:-5px;-webkit-box-shadow:inset 0 0px 18px #000; box-shadow:inset 0 0px 18px #000; height:20px; width:26px; display:inline-block; line-height:20px; vertical-align:bottom;text-align:center;background-color:#888;border:1px solid #222; font:normal 12px/16px 'webicons-tfk'; color:#f5f5f5; text-shadow:1px 1px 0px #444; }
table,tr,td{font-size:11px;font-family:Arial, Helvetica, sans-serif;text-decoration:none;}
.detaillist {list-style-position:inside;list-style-type:none;margin:0px;padding:0px;color:#000;text-align:left; width:100%;display:block;}
.detaillist li {padding:2px;min-height:25px;}
.detaillist li.detailheading {color:#000;text-align:left;float:left; width:130px;}
.detaillist li.detailvalue {color:#000;text-align:left;float:left; width:auto;min-width:200px;}
font{font-family:Arial, Helvetica, sans-serif;text-decoration:none;}
.tab_result {border-collapse:separate;border-spacing:1px 1px;background: #fff;width:100% !important;margin:0 auto; text-align:center;}
.tab_result td { font-size:11px; line-height:15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tab_result td.border-last { border-right:0px; }
.tab_result td.no-border { border:0px; }
.ResultMouseOver td{font-size:11px;line-height:15px;background-color:#fff;} .ResultGrid-List { display: grid; grid-auto-columns: max-content; grid-auto-flow: dense; row-gap: 0px; column-gap: 0px; grid-template-columns: 1fr; max-width: 100%; } .ResultGrid-Float { display: grid; grid-auto-columns: max-content; grid-auto-flow: dense; grid-auto-rows: auto; row-gap: 20px; column-gap: 20px; grid-template-columns: repeat(3, 1fr); margin:15px 5px; max-width: 100%;
} .ResultGrid-FloatItem { padding:10% 5%;}
.ResultGrid-FloatItem,
.ResultGrid-ListItem { border:1px solid transparent; box-shadow:none; }
.ResultGrid-ListItem { border-bottom:1px solid #ddd;} .ResultGrid-FloatItem:hover,
.ResultGrid-ListItem:hover { border:1px solid #DBDBDB; box-shadow: 0px -3px 12px -6px #aaa;} .ResultGrid-ListItem-Inner { display: grid; grid-auto-columns: max-content; grid-auto-flow: dense; row-gap: 0; column-gap: 0; grid-template-columns: auto 1fr 30px auto; grid-template-areas:"Image Description Stock Buy" ; grid-template-rows: auto; max-width: 100%; padding:8px 0; align-items: center; text-align:left;
} .ResultGrid-ListItem-Inner .ResultGridStock {grid-area:Stock;text-align:center;}
.ResultGrid-ListItem-Inner .ResultGridStock > a.LagerInfo::after{content:attr(data-stockinfo-short);display:inline-block;}
.ResultGrid-ListItem-Inner .ResultGridText {grid-area:Description; border-right:1px solid #ddd;border-left:1px solid #ddd; padding:0 8px;display:block;height:100%;}
.ResultGrid-ListItem-Inner .ResultGridBuy { grid-area:Buy; height:100%; display:grid; align-items:center;grid-template-rows:50% 50%;grid-template-columns: 110px; row-gap: 0; column-gap: 0; text-align:center; padding:4px;border-left:1px solid #ddd; }
.ResultGrid-ListItem-Inner .ResultGridImage {grid-area:Image; text-align:center;vertical-align:middle;height:100px;}
.ResultGrid-ListItem-Inner .ResultGridText .ResultGridItemProText{margin-top:8px;} .ResultGrid-FloatItem-Inner{ display: grid; grid-auto-columns: max-content; grid-auto-flow: column; row-gap: 0px; column-gap: 0px; grid-template-columns: 1fr; grid-template-rows: auto auto auto auto; grid-template-areas:"Image" "Stock" "Buy" "Description" ; max-width: 100%; text-align:left
} .ResultGrid-FloatItem-Inner .ResultGridStock {grid-area:Stock;display:inline-block;}
.ResultGrid-FloatItem-Inner .ResultGridStock > a.LagerInfo::after{content:attr(data-stockinfo-text);display:inline-block;}
.ResultGrid-FloatItem-Inner .ResultGridText {grid-area:Description; display:grid; grid-template-rows:auto auto auto;grid-template-columns: 100%; row-gap: 6px; column-gap: 0; grid-template-areas:"ProduktLink" "DescriptionText" "DescriptionSmallText";}
.ResultGrid-FloatItem-Inner .ResultGridBuy {grid-area:Buy; padding:6px 0; margin:6px 0; border-bottom:1px solid #ddd;border-top:1px solid #ddd;display:grid; align-items:center;grid-template-columns: 1fr 1fr; grid-auto-columns: max-content; grid-auto-flow: dense; row-gap: 0;column-gap: 0;}
.ResultGrid-FloatItem-Inner .ResultGridBuy .ResultGridItemPrice {display:inline-block;}
.ResultGrid-FloatItem-Inner .ResultGridBuy .ResultGridItemBasket {display:inline-block;text-align:right;}
.ResultGrid-FloatItem-Inner .ResultGridImage {grid-area:Image; text-align:center;}
.ResultGrid-FloatItem-Inner .ResultGridImage h2 {text-align:center;}
.ResultGrid-FloatItem-Inner .ResultGridText a.artnrdetail {grid-area:ProduktLink; }
.ResultGrid-FloatItem-Inner .ResultGridText .ResultGridItemDescription{grid-area:DescriptionSmallText;}
.ResultGrid-FloatItem-Inner .ResultGridText .ResultGridItemProText{grid-area:DescriptionText; font-size:12px;} .ResultGridItemProText{text-overflow:ellipsis; overflow:hidden; display: -webkit-box !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; white-space: normal;
}
.ResultGrid-ListItem-Inner .ResultGridText, .ResultGrid-FloatItem-Inner .ResultGridText{padding-top:8px;}
.ResultGrid-ListItem-Inner .ResultGridItemDescription {color:#777; display:block; width:auto; max-width:450px; font-size:11px;font-weight:bold;padding:0;margin:0;margin-top:4px; text-overflow: ellipsis; overflow-x:hidden;white-space:nowrap;}
.ResultGrid-FloatItem-Inner .ResultGridItemDescription {grid-area:DescriptionSmallText;color:#777; display:block; font-size:10px;line-height:16px;padding:0;margin:0;max-width:210px;} /*\203A*/
.ResultGrid-ListItem-Inner .ResultGridItemBrand::after{content:"\00a0\00a0|\00a0";padding:0;}
.ResultGrid-FloatItem-Inner .ResultGridItemBrand::after {content:"\00a0\00a0\203A\00a0";padding:0;} .ResultGrid-FloatItem-Inner .ResultGridItemBreadCrumb{display:block; width:100%;padding:0;text-overflow: ellipsis; overflow-x:hidden;white-space:nowrap;} .ResultGrid-FloatItem-Inner .ResultGridItemProNo::before {content:"Artikel\00a0\00a0\203A\00a0";}
.ResultGrid-FloatItem-Inner .ResultGridItemRefNo::before {content:"Ref.Nr\00a0\00a0\203A\00a0";} .ResultGrid-ListItem-Inner .ResultGridItemProNo,
.ResultGrid-ListItem-Inner .ResultGridItemRefNo{display:inline-block; padding:0;margin:0;} .ResultGrid-FloatItem-Inner .ResultGridItemRefNo::after,
.ResultGrid-ListItem-Inner .ResultGridItemRefNo::after {content:" "; display:block; width:100%;padding:0;} .ResultGrid-FloatItem-Inner .ResultGridItemProNo::after {content:" "; display:block; width:100%;padding:0;} .ResultGrid-ListItem-Inner .ResultGridItemProNo::after,
.ResultGrid-ListItem-Inner .ResultGridItemProNo::before {content:"\00a0|\00a0";padding:0;} .ResultSortBlock{background-color:#fff;display:block;text-align:left;width:100%;height:50px;max-height:50px; line-height:50px;margin:0 0 10px 0; padding:0; box-sizing:border-box;-webkit-box-sizing:border-box;}
.ResultSortOptions{position:relative;display:block;width:300px;min-width:300px;border:1px solid #ddd;margin-top:9px;margin-left:8px; box-sizing:border-box;-webkit-box-sizing:border-box; }
.ResultSortActive{border-top:1px solid #ddd;display:block; font-size:14px;background:#fff;margin:0;width:100%; line-height:30px; box-sizing:border-box;-webkit-box-sizing:border-box;}
.ResultSortActive{border:0;background:#fff;color:#444;}
.ResultSortActive span {text-indent:5px;display:inline-block;width:80%; cursor:pointer;}
.ResultSortChoose{display:none;}
a.SortClick-DEF {text-indent:5px;display:inline-block;width:80%;color:#444;font-size:14px; text-align:left; line-height:30px; font-weight:bold;}
a.SortClick-DEF.SortSearch{width:100%;}
a.SortClick-ASC, a.SortClick-DESC{display:block;float:right;border-left:1px solid #ddd;font:normal 12px/30px 'webicons-tfk';color:#666;background:#fff;width:10%;text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box;}
a.SortClick-DEF:hover, a.SortClick-ASC:hover, a.SortClick-DESC:hover{color:#000;background:#f5f5f5;}
a.SortClick-ASC.ASC-Active, a.SortClick-DESC.DESC-Active{color:#fff;background:#444;cursor:default;} .scrollable-katblock {position:relative; top:auto; left:0; float:initial; display:block; overflow-y:hidden; padding:0; margin:0;}
.scrollable {	position:absolute; overflow:hidden; width:100%;height:auto;min-height:auto; max-height:auto; min-width:100%; max-width:100%;display:block;text-align:left;float:initial;}
.scrollable img {text-align:center;}
.scrollable ul {padding:0px 2px 0px 2px; margin:0 auto; width:156px;display:inline-block;border-right:1px dotted #ccc; overflow:hidden;}
.scrollable ul li {font-size:10px;font-weight:bold;float:left;display:block;width:100%; text-align:center;}
.scrollable ul li.scrollmarke {width:49%;text-align:left;}
.scrollable ul li.scrollpreis {width:49%;text-align:right;font-size:14px;}
.scrollable ul li.scrollbezeichnung {font-size:11px;width:152px;font-weight:normal; text-align:left;min-height:62px;border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; background-color:#f5f5f5;padding:2px;padding-top:4px;margin-top:4px;} a.browse { display:none; } #copyright{display:block;clear:both;height:30px;max-height:30px;width:100%;max-width:100%;text-align:right;font-size:10px;line-height:30px;color:#666;background:#fff;margin:0 auto;}
.LagerInfo{font-size:14px;line-height:16px;font-weight:bolder;text-align:center;vertical-align:middle;}
.LagerInfo.BestandA{color:#B00;}
.LagerInfo.BestandL{color:#080;}
.LagerInfo.BestandX{color:#b5b5b5;}
.LagerInfo.BestandB{color:#F90;}
.classtype{font-weight:bold;}
.classtype:before{ font-weight:bold; box-shadow: 0 0 2px #000; -o-box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000; font-size:8px;color:#fff;display:inline-block;padding:0;margin:0 3px 2px 0;width:40px;height:14px;line-height:14px;vertical-align:top;text-align:center;}
.classtype.set:before{content:"SET";background-color:#0099CC;}
.classtype.aktionsset:before{content:"SET";background-color:#00AA00;}
.classtype.saleset:before{content:"SET";background-color:#000066;}
.classtype.newset:before{content:"SET";background-color:#bb0000;}
.classtype.sale:before{content:"SALE";background-color:#000066;}
.classtype.aktion:before{content:"AKTION";background-color:#00AA00;}
.classtype.new:before{content:"NEU";background-color:#bb0000;}
.classtype.favs:before{content:"NEU";background-color:#bb0000;}
.erweitertesfeld {text-align:left;padding:5px;margin:0 0 5px 0;max-width:100%;width:100%;display:inline-block; box-sizing:border-box;-webkit-box-sizing:border-box; }
td .left, th .left, .left { text-align:left; }
td .right, th .right, .right, .text-right { text-align:right; }
td .center, th .center, .center { text-align:center; }
td .top, th .top, .top { vertical-align:top; }
.text-top{vertical-align:text-top;}
td .middle, th .middle { vertical-align:middle; }
td .bottom, th .bottom { vertical-align:bottom; }
td .nowrap, th .nowrap { white-space: nowrap; }
.VersandZuschlag{font-size:10px;display:block;text-align:right;color:#B00;font-weight:700;}
.setcontainer{width:100%;margin:10px auto;}
/*
ul.tabs{float:left;list-style:none;height:32px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;width:100%;margin:0;padding:0;}
ul.tabs li{float:left;height:31px;line-height:31px;border:1px solid #ccc;border-left:none;background:#fff;overflow:hidden;position:relative;margin:0 0 -1px;padding:0;}
ul.tabs li a{text-decoration:none;color:#ccc;display:block;font-size:12px;border:1px solid #fff;outline:none;padding:8px 14px 17px;}
html ul.tabs li.active a:link{padding-top:8px;color:#000;}
html ul.tabs li.active{background:#fff;border-bottom:1px solid #fff;background-image:url(../pics/tab_on.jpg);background-repeat:repeat-x;background-position:top;}*/ .tab_container{border:1px solid #ccc;border-top:none;clear:both;float:left;width:100%;background:#fff;}
.tab_content{text-align:left;font-size:11px;display:inline-block;padding:20px;}
.setcontainer {width: 100%; margin: 10px auto; display:block;}
.setmain { padding:0; float:left; width:310px; margin-right:30px;}
.setartikelblock {float:right; background-color:#f5f5f5; width:570px;clear:right; min-height:150px;text-align:left;}
.setartikel {font-size:11px;width:125px; min-height:135px; background-color:#fff; float:left; border:1px dotted #ddd; margin:2px; padding:5px;} /* Main Image block in Product Detail for set */
.SetProductImage { display:table; width:100%; height:auto; padding:0; margin:0 auto;}
.SetProductImage li { box-sizing:border-box;-webkit-box-sizing:border-box; display:table-cell; float:left; width:49%; height:auto; min-height:145px; text-align:left; font-size:11px;background:#fff;border:1px dotted #ccc;margin:0.5%;padding:5px;}
.SetProductImage li a img {text-align:center;margin:5px auto; display:block;}
#sidebar-floating-content {display:block; float:initial;} #ProductDetails { display: grid; grid-gap:25px; grid-auto-columns: max-content; grid-template-areas: "ProductHeader ProductHeader " "ProductViews ProductMainFields" "ProductDescription ProductDescription" !important; grid-template-columns:45% 1fr !important; grid-template-rows: auto auto auto !important; min-height:auto !important; max-width:100%;
}
#ProductDetails header{grid-area: ProductHeader; margin:0; padding:0;}
#ProductViews{grid-area: ProductViews; text-align:center;}
#ProductMainFields{grid-area: ProductMainFields;}
#ProductMainFields div.item-heading { display:inline-block; text-align:left; line-height:18px; padding:2px 0; width:39%; vertical-align:top;}
#ProductMainFields div.item-value { display:inline-block; text-align:left; line-height:18px; padding:2px 0; width:60%; vertical-align:top; }
#ProductDescription{grid-area: ProductDescription; width:100%;display:block;}
#ProductCollectInfo {display:block; padding-top:30px; text-align:left;} p{color:#000;}
* {box-shadow:none; -webkit-box-shadow:none;} figure {margin:0;text-align:left;padding:0;display:inline-block;position:relative;overflow:hidden;} /*overlay before image*/
figure img.overlay-before { position:absolute; left:0; top:0; margin:0; padding:0; overflow:hidden;display:block;width:24%;height:auto; min-width:32px; max-width:64px; border-bottom-right-radius:20%;box-shadow:1px 1px 3px #aaa; background-color:transparent; } /*overlay after image*/
figure img.overlay-after{ position:absolute; right:0; top:0; margin:0; padding:0; overflow:hidden;display:block;width:30%;height:auto; min-width:32px; max-width:96px; background-color:transparent;transition: all .2s; box-shadow:0px 0px 0px 5px transparent;}
figure img.overlay-after:hover{box-shadow:0px 0px 0px 5px transparent;height:auto;width:100%; background-color:transparent;} /* SEARCH Menu dropmenu CSS FOR INCLUDE IN PACK ONLY*/
SPAN.searchword { background-color:#FFFF99; } /* paging classes bottom result*/
.pages {display:inline-block; width:70%;text-align:left; border-right:1px solid #ddd;}
.pageresultoption {display:inline-block;width:29%;text-align:right;}
.pages a, .pageselected { font:bold 14px/26px Arial,Verdana, Helvetica; padding:0px; margin:1px; background:#fff; text-align:center; width:26px; height:26px; border: 1px solid #aaa; display:inline-block;}
.pageselected { background-color:#d3d3d3; }
select#maxresult { width:45px; } .pal_color {
/* base64 of /pics/colorpicker.png - 2kb only - save additional request / overhead to server */
background-image:url('data:image/png;base64,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'); background-repeat:no-repeat; display:block; float:left; margin:4px; margin-left:0px; margin-right:11px; width:22px; height:22px; line-height:22px; border:1px solid #aaa; font-size:12px; color:#aaa; text-align:center; padding:0px; border-radius:2px; -webkit-border-radius:2px; }
/*Schwarz*/
.color-C0 { background-position: 0px 0px;}
/*Grau*/
.color-C1 { background-position: -20px 0px;}
/*Silber*/
.color-C2 { background-position: -20px -60px;}
/*Weiß*/
.color-C3 { background-position: -40px 0px;}
/*Braun*/
.color-C4 { background-position: -60px 0px;}
/*Beige, Sand*/
.color-C5 { background-position: -40px -60px;}
/*Rot*/
.color-C6 { background-position: 0px -20px;}
/*Orange*/
.color-C7 { background-position: -20px -20px;}
/*gelb gold*/
.color-C8 { background-position: -40px -20px;}
/*blau*/
.color-C9 { background-position: -60px -20px;}
/*türkis*/
.color-C10{ background-position: -80px -20px;}
/*grün*/
.color-C11 { background-position: -80px 0px;}
/*rosa pink*/
.color-C12 { background-position: 0px -40px;}
/*violett*/
.color-C13 { background-position: -20px -40px;}
/*bunt mehrfarbig*/
.color-C14 { background-position: -40px -40px;}
/*muster streifen etc*/
.color-C15 { background-position: 0px -60px;}
/*transparent*/
.color-C16 { background-position: -60px -40px;} .palnone { background-position: -80px -40px;}
.palAktiv, a.palAktiv { font:normal 6px/26px 'webicons-tfk'; color:#f5f5f5; text-indent:7px; text-shadow:0 0 2px #000;} a[data-featico]:before, a[data-menuico]:before, h1[data-headico]:before { font-family: 'webicons-tfk'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height:1; padding:0; margin:0; vertical-align:middle; text-align:left; text-indent:2px; letter-spacing:4px; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.05); display:inline-block;
}
a[data-menuico]:before{color:#000;font-size:16px;content: attr(data-menuico);vertical-align:-2px;}
a[data-menuico]:hover:before{ color:#666; }
h1[data-headico]{display:block;padding:0; margin:0; text-align:left;height:auto;margin:15px 0; max-width:50%;}
h1[data-headico]:before { font-size:1.9rem; vertical-align:text-bottom; content: attr(data-headico);text-align:left;padding-right:10px; } a[data-featico]{border:0; background:#fff; color:#777; font-size:12px;line-height:22px;height:22px; }
a[data-featico]:hover{color:#444; background:#fff;}
a[data-featico]:before{color:#888; font-size:14px; content:attr(data-featico); vertical-align:-1px;}
a[data-featico]:hover:before {color:#666; font-size:14px; content:attr(data-featico-hi);} .editbannerbig {display:block; margin:0px; padding:10px; width:100%;min-height:30px; text-align:left; background-color:#f5f5f5;border-bottom:3px solid #fff;}
#editbanner,
#editbannerbig,
#actioneditor {display:none;background-color:#fff;color:#000; border:1px solid #ddd; width:100%; padding:10px; text-align:left;background-color:#f5f5f5;} #sortsaveblock{display:none;text-align:right;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;}
#bannerclock {display:none;font-size:120px; font-weight:100; line-height:230px; height:230px; color:#f5f5f5; background:#222; width:700px; position:absolute; left:50%; margin-left:-220px; }
#bannerclock span {font-size:0px;display:inline-block;margin:0px;padding:0px;} #saktionsbanner { display: grid; grid-gap:3px; grid-auto-columns: max-content; grid-template-columns: repeat(4,1fr); max-width:100%; min-height:200px; margin:0; padding:0; margin-left:2px;
}
#saktionsbanner li { display:block; box-shadow: 0px 0px 2px 0px #666; background:transparent url('./public/pics/system_nocache/1723451525-aktionsbanner.jpg') no-repeat; }
#saktionsbanner li a {display:block;padding-top:200px;}
#saktionsbanner li a:after{content:attr(title); display:block;line-height:30px; background:#222; color:#ddd; text-align:center; font-size:14px; font-weight:normal; box-shadow: 0px 0px 3px 0px #000;}
#saktionsbanner li:hover{opacity:.6;} #preview{width:300px;height:200px;display:block;float:right;margin:0 10px;text-align:left;color:#bb0000;} .recommendtext { display:block;width:620px;border-bottom:1px solid #ddd;text-align:left;margin-left:36px;padding:2px;margin-bottom:20px;padding-bottom:20px; } a.az-register { text-align:center; margin-left:2px;display:inline-block; font-size:14px; width:22px; height:22px; line-height:22px; background:#444; color:#fff; border-radius: 3px; -webkit-border-radius: 3px; }
a.az-register:hover{background:#aaa;}
a.brandlink {width:175px; font-size:14px; color:#666; text-align:left; height:26px; line-height:26px; padding:0; margin:0; display:block; float:left; }
.brandregister{ color:#ccc; font-size:100px;padding:20px 38px 20px 30px;line-height:100px;} section#relatedAccesorieSearch{display:block; background-color:#f5f5f5; padding:25px 15px;width:100%;min-height:80px;}
section#relatedAccesorieSearch > h1 {max-width:80%;}
section#relatedAccesorieSearch figure { position:relative; display:block;background-color:#fff; border-radius:10px;overflow:hidden;float:right;border:1px solid #ddd;height:84px; padding:5px;Margin:0;margin-top:-66px; } main#SiteMain{ display: grid; row-gap:5px; column-gap:10px; grid-auto-columns: max-content; grid-template-rows:50px 1fr; grid-template-columns:260px 1fr; grid-template-areas:"SiteHeader SiteHeader" "SiteNavigation SiteContent"; max-width:100%; margin:0; padding:0;
}
main#SiteMain > header#SiteHeader { grid-area:SiteHeader; text-align:left;
}
main#SiteMain > nav#SiteNavigation { grid-area:SiteNavigation; text-align:left; border-right:1px solid #eee; padding-right:10px;
} nav#SiteNavigation a { background:#fff; text-indent:3px; width:100%; color:#000; font:normal 12px/28px Arial; border:1px solid transparent; border-bottom:1px solid #eee; display:block;}
nav#SiteNavigation a:hover,
nav#SiteNavigation a[data-leftmenuico]:hover:after {background-color:#f5f5f5;}
nav#SiteNavigation a[data-register]:before{ color:#4080BF; font-style:italic; font-weight:bold; text-align:center; float:left; content:attr(data-register); min-width:20px;}
nav#SiteNavigation a[data-katcnt]:after { color:#888; font-size:8px; content:attr(data-katcnt); float:right; display:inline-block; margin-right:2px;}
nav#SiteNavigation a[data-leftmenuico]:after { background:#fff; font:normal 16px/28px 'webicons-tfk'; content:attr(data-leftmenuico); float:right; color:#666;letter-spacing:2px;}
nav#SiteNavigation a.IsAktiv { color:#fff; width:100%; background-color:#4080BF; border:1px solid #777; text-indent:3px;}
nav#SiteNavigation a[data-katcnt].IsAktiv:after {color:#fff; content:'\e020'; font:normal 8px/28px 'webicons-tfk'; letter-spacing:4px; text-indent:2px;} nav#SiteNavigation a[data-readmarker="MarkerUnRead"]{font-weight:bold;} nav#SiteNavigation a[data-readmarker="MarkerRead"]:before,
nav#SiteNavigation a[data-readmarker="MarkerUnRead"]:before {content:"";background-color:#fff; border:2px solid #ddd; display:inline-block;width:8px;height:8px;margin-right:5px;margin-left:2px; border-radius:4px; vertical-align:middle;}
nav#SiteNavigation a[data-readmarker="MarkerUnRead"]:before {background-color:#6699cc;border-color:#6699cc;}
nav#SiteNavigation a[data-readmarker="MarkerRead"].IsAktiv:before,
nav#SiteNavigation a[data-readmarker="MarkerUnRead"].IsAktiv:before{background-color:#004698;border-color:#004698;} nav#SiteNavigation a.fkNew,
nav#SiteNavigation a.fkAkt,
nav#SiteNavigation a.fkSal,
nav#SiteNavigation a.fkRec,
nav#SiteNavigation a.fkBra{ color:inherhit; font-weight:bold;font-size:14px; } nav#SiteNavigation a.AktivNew{ background-color:#aa0000;font-size:14px;}
nav#SiteNavigation a.AktivAkt{ background-color:#008800;font-size:14px;}
nav#SiteNavigation a.AktivSal{ background-color:#003366;font-size:14px;}
nav#SiteNavigation a.AktivRec{ background-color:#4080BF;font-size:14px;}
nav#SiteNavigation a.AktivBra{ background-color:#444444;font-size:14px;} nav#SiteNavigation h2.FeatureDelimiter{ color:#777; margin:12px 0px 2px 2px;font-size:1.2em; line-height:20px; font-weight:bold; } nav#SiteNavigation a[data-featico], nav#SiteNavigation a[data-featico]:hover{border:0; background:#fff; color:#777; font-size:12px;line-height:20px;height:20px; }
nav#SiteNavigation a[data-featico]:hover{color:#444;}
nav#SiteNavigation a[data-featico]:before{color:#888; font-size:14px; content:attr(data-featico); vertical-align:-1px;}
nav#SiteNavigation a[data-featico]:hover:before {color:#666; font-size:14px; content:attr(data-featico-hi);} nav#SiteNavigation a.DoReset{color:#555;background:transparent;}
nav#SiteNavigation a.DoReset:before{ display:inline-block; width:20px; content:'\e021'; font:normal 10px/26px 'webicons-tfk'; color:#aa0000;} nav#SiteNavigation .errorfield {display:none;color:#aa0000;padding:2px 0 2px 0;} main#SiteMain > section#SiteContent { grid-area:SiteContent; text-align:left;
}
main#SiteMain > section#SiteContent > div#ResultSortBlock{ grid-area:SiteHeader; width:250px; display:inline-block; text-align:left;
} /* SCROLLABLE CSS FOR INCLUDE IN PACK ONLY*/ /*
.xmas {
background:transparent url(../pics/christmas.png) no-repeat left bottom;min-height:330px;
}
*/ .scrollable-katblock {margin-bottom:45px; display:block; text-align:center;} /*Headingcolors of Scrollable*/
header {text-align:left;text-indent:5px;margin-bottom:15px;}
.scrollableheadnew {color:#bb0000;display:inline;}
.scrollableheadrec {color:#4080BF;display:inline;}
.scrollableheadakt {color:#008800;display:inline;}
.scrollableheadtop {color:#FF9900;display:inline;}
.scrollableheadsal {color:#000080;display:inline;}
.scrollableheadsim {display:inline;} /* prev, next, prevPage and nextPage buttons */
a.browse { position:relative; width:0px; height:0px; display:block; z-index:2;margin-top:60px;outline:0;white-space:nowrap;}
a.browse.left{left:auto;outline:0;float:left;}
a.browse.right{right:auto;outline:0;float:right;}
a.browse.left::after,
a.browse.right::after { outline:0; position:absolute; margin-left:10px;content:""; display:block; width:25px; height:25px; border:2px solid #fff;border-left:0;border-top:0;transform: scaleY(1.6) rotate(135deg); -webkit-transform: scaleY(1.6) rotate(135deg); box-shadow:2px 2px 1px #aaa;}
a.browse.right::after { margin-left:-35px;transform: scaleY(1.6) rotate(-45deg); -webkit-transform: scaleY(1.6) rotate(-45deg);}
a.browse:hover, a.browse:hover::after, a.browse:active, a.browse:active::after { box-shadow:2px 2px 2px #888;}
a.disabled, a.disabled::after { visibility:hidden !important;} a#button-next-slide-gallery,a#button-prev-slide-gallery {position:absolute;top:39vh;z-index:11115; }
a#button-next-slide-gallery::after,
a#button-prev-slide-gallery::after{ display:inline-block; left:5vw; width:5.5vmin;height:5.5vmin;border:8px solid rgba(255,255,255,.9);border-left:0;border-top:0;}
a#button-next-slide-gallery::after{left:96vw;margin-left:-10vmin} /* The Frame of Scrollbox */ .frame {display:inline-block;text-align:center; width:640px; height:auto; padding: 0; margin:0; z-index:1; overflow:hidden;background:#fff;}
.frame>ul {	list-style: none; display:grid; grid-auto-flow:column;grid-auto-columns: max-content; grid-gap:0px; margin:0; padding:0; overflow:hidden;}
.frame>ul>li {display:block; text-align:center;padding:0 2px;}
.frame>ul>li>a.scrollimage{display:block; padding:10px;width:100%;} .frame.layout5 { width:900px; } .frame.full-adbanner{ width:700px;}
.frame.full-adbanner>ul>li { width:700px; height:300px; padding:0;}
.frame.full-adbanner>ul>li a { display:inline-block;width:700px;height:300px; border-radius:4px; -webkit-border-radius:4px; overflow:hidden;text-align:center;}
.frame.full-adbanner>ul>li a img{ display:block;width:700px; height:300px;} .frame.full-newsslider{ width:100%; }
.frame.full-newsslider>ul>li { display:block; float:left;width:210px; height:300px;padding:0px;margin-right:8px;}
.frame.full-newsslider>ul>li a { display:inline-block;width:210px;height:300px; border-radius:4px; -webkit-border-radius:4px; overflow:hidden;text-align:center; opacity:0.7;}
.frame.full-newsslider>ul>li a.MarkerUnRead::before,
.frame.full-newsslider>ul>li a.MarkerRead::before {content:" ";display:block;width:22px;height:22px;background-color:#000;position:absolute;border-radius:12px;-webkit-border-radius:12px;margin-top:5px;margin-left:5px;}
.frame.full-newsslider>ul>li a.MarkerRead::before{content:attr(data-readmarker); background-color:transparent; font:normal 12px/22px 'webicons-tfk'; color:#aaa;}
.frame.full-newsslider>ul>li a img{ display:inline-block;width:210px; height:300px;}
.frame.full-newsslider>ul>li a.news-active {opacity:1.0;}
.frame.full-newsslider>ul>li a:hover{ opacity:1.0;}
.frame.full-newsslider>ul>li a div.NewsInfoOverlay {display:block;overflow: hidden;text-overflow: ellipsis;position:relative;margin-top:-80px;background-color:rgba(20, 20, 20, 0.9);font-weight:normal;font-size:14px;line-height:16px;box-shadow:0 0 2px #000; -webkit-box-shadow:0 0 2px #000;color:#fff;padding:0px;width:210px;height:300px; text-align:left;}
.frame.full-newsslider>ul>li a div small{ padding:5px 10px;display:block;text-align:left;color:#fff;margin-bottom:5px;background:#000;}
.frame.full-newsslider>ul>li a div span{ margin:10px; display:block;} .frame.layout1>ul>li { width:640px; }
.frame.layout2>ul>li { width:320px; }
.frame.layout4>ul>li { width:160px; }
.frame.layout5>ul>li { width:180px; } /* detail gallery special style */
#productGallery{z-index:11111;position:fixed; margin:0; padding:0; width:100%;height:100%;display:block;top:0;left:0;background:#fff;border:0;}
#productGallery::before{content:attr(data-gallerytitle); position:absolute; top:2vmin;left:0; color:#f5f5f5; font-style:italic; font-size:2.8vmin; height:7vmin;padding:0 40px;border-bottom-right-radius:7vmin;border-top-right-radius:7vmin;line-height:7vmin;z-index:11114; background:rgba(0,0,0,.8);border:1px solid #444;}
#slide-gallery > div { height:100vh; width:100vw;display: flex;align-items: center;align-content: stretch;justify-content:flex-start;flex-direction: row;flex-wrap: nowrap;margin:0 auto;text-align:center;padding:0;}
#slide-gallery > div > div { min-width:min(80vw,960px); height:auto;margin:0 auto; margin:0 auto;text-align:center;}
#slide-gallery > div > div > img.productGalleryImg{width:100%;height:auto;max-height:min(86vmin,800px);max-width:min(86vmin,800px);}
#slide-gallery > div > div > iframe.productGalleryVid{width:100%;height:60vmin;} #btnCloseProductGallery {position:absolute;z-index:11115;top:2vmin;right:4vmin;font-size:10vmin;color:#444;background-color:rgba(240,240,240,.7);border-radius:5px;display:block;width:7vmin;line-height:7vmin;height:7vmin;text-align:center;font-weight:normal;border:1px solid #ddd;} /* Pages / Dot Indication */
div[id^="pages-slide-"] {	text-align:center; margin:0 auto; padding:0; display:inline-block; width:100%;height:8px;}
div[id^="pages-slide-"] i {	display:inline-block;	width: 12px;	height: 4px;	margin:3px; border-radius:2px;-webkit-border-radius:2px; cursor: pointer;	background: #fff;	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);}
div[id^="pages-slide-"] i:hover {	background: #aaa;}
div[id^="pages-slide-"] i.active {	background: #555;}
#pages-slide-gallery{position:absolute;z-index:11115;left:0;bottom:2vmin;margin:0;padding:0;text-align:center;} /* Scrollbar */
div[id^="scrollbar-slide-"] { margin: 0 0 0 0; height: 4px; border-radius:2px; -webkit-border-radius:2px; background:#eee; line-height: 0; margin-top:20px;
}
div[id^="scrollbar-slide-"] .handle { width: 100px; height: 100%; border-radius:2px; -webkit-border-radius:2px; background: #444; cursor: pointer;
}
div[id^="scrollbar-slide-"] .handle .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px;
} /* description block of scrollables*/
.frame.layout1 ul li .scrolldescription,
.frame.layout2 ul li .scrolldescription,
.frame.layout4 ul li .scrolldescription,
.frame.layout5 ul li .scrolldescription {display:block; width:100%; padding:20px;margin:0;font-size:12px;font-weight:normal; text-align:left;height:auto;border-top:1px dotted #ddd; background-color:#f5f5f5; word-wrap:break-word;}
.frame.layout1 ul li .scrolldescription {width:65%;float:left;} /* min heights of description block */
.frame.layout1 ul li .scrolldescription {min-height:220px;}
.frame.layout2 ul li .scrolldescription {min-height:90px;}
.frame.layout4 ul li .scrolldescription {min-height:110px;}
.frame.layout5 ul li .scrolldescription {min-height:110px;} /* Inner Header of description */
.frame.layout1 ul li .scrollheader,
.frame.layout2 ul li .scrollheader,
.frame.layout4 ul li .scrollheader,
.frame.layout5 ul li .scrollheader{font-size:14px;line-height:18px;margin-bottom:2px;display:block; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;} .frame.layout1 ul li a.scrollimage.img-layout1 {display:block; float:left;background-color:#fff; width:35%;} /* IThe Price Field of scrollables */
.frame.layout1 ul li .scrollprice,
.frame.layout2 ul li .scrollprice,
.frame.layout4 ul li .scrollprice,
.frame.layout5 ul li .scrollprice {display:block;position:relative;float:right;clear:both;margin:0;margin-top:-12px;width:auto;text-align:center;font-size:14px; line-height:26px;padding:0 10px; border-radius:0px 0px 0px 6px;-webkit-border-radius:0px 0px 0px 6px; background-color:#fff; font-weight:bold; color:#000; box-shadow:-1px 1px 2px rgba(0,0,0,.2); -webkit-box-shadow:-1px 1px 2px rgba(0,0,0,.2);} /* Hidden elements in Print Form */
#jBasketResult,
#loginpanel,
#orderthx,
#myloader > *,
#searchmenu, #searchpanel, #searchbar,
nav, #navigation,
#basketmenu > *,
#dropmenu > *,
.pageresultoption > *,
#divInputtext,
#NoteInput,
#suggest,
footer > *,
#tooltip > *,
ul#katlist > *,
.leftmenu,
#sidebar,
#jSubNav .textico,
#openhours,
#copyright_owner,
#topscrolling,
#topinfobanner,
a.browse,
.bull {background:#fff;visibility:hidden;display:none;border:0;color:#fff;height:0 !important; min-height:0 !important; max-height:0 !important; width:0 !important; min-width:0 !important; max-width:0 !important;float:initial;}