@charset "utf-8";
/* ShopMotion: Minimal Style */

*			{ margin:0; padding:0; }
html,body 	{ width:100%; height:100%;}
body		{ font-family: 'Open Sans', sans-serif; font-size:16px; background:#fff; }
h1			{ font-size:2.5em; font-weight:normal; }
h2			{ font-size:1.8em; font-weight:normal; }
h3			{ font-size:1.3em; font-weight:normal; }
a			{ color:#0053a1; text-decoration:none; }
a:visited	{ text-decoration:underline;}
a:hover 	{ color:#e73029; text-decoration:none; }
a:active	{ color:#e73029; text-decoration:underline; }
a.btn, a.btn:visited		{ display:block; padding:3px 10px; color:#000; transition:all 0.3s;}
a.btn:hover		{ background-color:#0053a1; color:#fff;}
a.btn:active	{ background-color:#e73029; color:#fff;}
img			{ border:0; }
.b50		{ width:50px; }
.b80		{ width:80px; }
p			{ margin:0.5em 0; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto;}
ul,ol		{ margin-left:1.8em; margin-bottom:1em; }
ul			{ list-style-type:square; }
table 		{ border-collapse:collapse; border-spacing:0; }
input, select, textarea { padding:3px; vertical-align:middle; font-family: 'Open Sans', sans-serif; font-size:0.9em; }
.i			{ color:#000; background:#ddd; border:none; }
.i:hover	{ background:#ccc; }

#shop_bg    { position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1; background:#FFF url(/catpics/2/9.jpg) top left no-repeat; background-size:cover; opacity:0.3; }
#shop_all 	{ width:100%; min-width:320px; height:100%; }
#shop_container { position:relative; width:94%; max-width:1210px; min-height:100%; margin:auto; }

/* Header */
header		{ }
header img	{ width:100%; height:auto; }
#shop_header2 h3 { font-size:16px }

#shop_infopop				{ display:none; position:fixed; width:300px; height:auto; left:50%; top:20%; margin-left:-170px; margin-top:0; padding:20px; border-radius:10px; background:#fff; border:solid 1px #000; color:#000; text-align:center; z-index:700; }
#shop_infopop h3			{ margin:0 0 8px 0; }
#shop_infopop div			{ margin:16px 0 0 0; }

#shop_navtoggle				{ display:none; position:absolute; top:0; right:0px; width:48px; height:68px; background:url(../imag/nav.png) -8px 20px no-repeat; cursor:pointer; z-index:800;}

/* Top-Navigation */
nav			{ margin:10px; background:#333; height:28px; font-size:1.1em; }
#shop_topnav>ul		{  display:table; list-style-type:none; width:100%; margin:0; text-align:center; }
#shop_topnav>ul>li	{ display:table-cell; padding:5px 10px; overflow:hidden; position:relative;}
#shop_topnav>ul li:hover	{ overflow:visible; }
#shop_topnav a		{ display:block; color:#fff; text-decoration:none; }
#shop_topnav a:hover	{ color:#f00; }
#shop_topnav>ul li.active>a	{ color:#f00; font-weight:bold; }
#shop_topnav>ul>li>ul		{ display:block; list-style-type:none; padding:5px 10px; border-top:solid 4px #fff; position:absolute; left:50%; top:100%; width:150px; margin-left:-85px; z-index:999; background-color:#222; text-align:center; }
#shop_topnav>ul>li>ul li	{ padding:5px 5px; }

/* Main */
#shop_main	{ clear:both; }
/*.row		{ clear:both; width:100%; }*/
.col4_4,.skomp_cycle_cont		{ position:relative; float:none; width:calc(100% - 10px); margin:0 10px 10px 0; background:#fff; }
/*.col1_4		{ position:relative; float:left; width:calc(25% - 10px); margin:0 10px 10px 0; min-height:300px; }
.col2_4		{ position:relative; float:left; width:calc(50% - 10px); margin:0 10px 10px 0; }
.col3_4		{ position:relative; float:left; width:calc(75% - 10px); margin:0 10px 10px 0; }
.col1_4 p,.col1_4 h3,.col2_4 p,.col2_4 h3	{ margin:10px; }
*/
.imgfull	{ display:block; width:100%; height:auto; }
.grow		{ overflow:hidden; }
.grow img 	{ transition:all 1s;}
.grow img:hover { transform:scale(1.1,1.1); }
.bggrau		{ background:#ccc;}
.bgweiss	{ background:#fff;}
.bgfeuer	{ background:#f90;}
.bgluft		{ background:#bbdaee;}
.bgwasser	{ background:#0692e9;}

.row		{ clear:both; width:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }
.col1_4		{ position:relative; float:left; flex:1 1 calc(25% - 10px); -ms-flex:1 1 25%; margin:0 10px 10px 0; min-height:0; }
.col2_4		{ position:relative; float:none; flex:2 1 50%; -ms-flex:2 1 50%; margin:0 10px 10px 0; padding:0 10px;}
.col3_4		{ position:relative; float:none; flex:3 1 75%; -ms-flex:3 1 75%; margin:0 10px 10px 0; }
.col1_4 p,.col1_4 h3,.col2_4 p,.col2_4 h3,.col4_4 p,.col4_4 h3	{ padding:3px 0px; }

/* Login */
#shop_login 				{ display:table-cell; vertical-align:middle; width:auto; padding:2px 10px; text-align:right; }

/* Quicksearch */
#shop_quicksearch			{ display:table-cell; width:140px; vertical-align:middle; padding:2px 10px; }

/* Fusszeile */
footer		{ clear:both; margin:0 10px 10px 10px; background:#ccc; font-size:1.1em; color:#FFF; text-align:center; }
footer div	{ padding:5px 10px; }
footer a	{ text-decoration:none; color:#FFF; }

/* Pfad-Info */
#skomp_path 				{ margin:12px 0; }
#skomp_path span			{ display:inline-block; width:0; height:0; border:solid 5px transparent; border-left-color:#666; margin:1px 3px -1px 8px; }

/* Main-Content 3 Spalten */

/* Catalog (links) */
#skomp_catalog 				{ display:block; overflow:hidden; margin-left:-10px; padding-top:10px; }
#skomp_catalog h3			{ display:none; }
#skomp_catalog ul			{ list-style-type:none; margin:0; padding:0 0 0 10px; }
#skomp_catalog li a 		{ display:block; padding:2px; margin-left:-100px; margin-bottom:4px; padding-left:100px; text-decoration:none; }
#skomp_catalog li a:hover 	{ color:#fff; background-color:#0053a1; }
#skomp_catalog li a.active	{ color:#fff; background-color:#e73029; text-transform:uppercase; letter-spacing:0.3em;}
#skomp_catalog li li	 	{ font-size:0.9em; }

/* Diashow(s) */
.skomp_cycle_cont			{  }
.skomp_cycle 				{ }
.skomp_cycle img			{ max-width:100%; height:auto !important; width:auto; overflow:hidden; display:block; }
.skomp_cyclenav 			{ position:absolute; top:8px; right:15px; width:auto; height:auto; z-index:9999; }
.skomp_cyclenav a			{ display:inline-block; width:10px; height:10px; margin:5px; font-size:0; background-color:#fff; }
.skomp_cyclenav a.activeSlide { background-color:#444; }

/* Unterkategorien (mitte) */
#skomp_subcats				{ }
#skomp_subcats ul			{ list-style-type:none; margin:0 0 30px 0; display:block; }
#skomp_subcats li 			{ float:left; width:48.5%; height:40px; vertical-align:top; }
#skomp_subcats li:nth-child(2n)	{ float:right; }
#skomp_subcats li a 		{ display:block; padding:4px 10px; display:block; border:solid 1px #444; text-decoration:none; }
#skomp_subcats li a:hover 	{ background-color:#444; color:#FFF; text-decoration:none; }
#skomp_subcats li:hover 	{  }

/* Warenkorb (rechts) */
#skomp_cart 				{ vertical-align:top; }
#skomp_cart h3 				{ padding:0; }
#skomp_cart h3 a 			{ text-decoration:none; }
#skomp_cart .cartitem 		{ display:block; margin:0 -10px; padding:2px 10px; border-bottom:solid 1px #444; cursor:pointer; }
#skomp_cart .cartitem:hover { color:#fff; background-color:#444; }
#skomp_cart .cartitem p 	{ margin:0; }
#skomp_cart .cartitem p b 	{ }
#skomp_cart .carttotal		{ padding:2px 0;}
#skomp_cart .cartcheckout	{ padding:5px 0;}
#skomp_cart .cartcheckout a	{ text-decoration:none; margin-bottom:2px; }

/* Attributefilter */
#skomp_attrfilter			{ padding:5px 0; margin-top:15px; border-top:solid 1px #444; }
#skomp_attrfilter h4		{ display:none; }
#skomp_attrfilter select	{ width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:10px; }
#skomp_attrfilter div		{ margin-bottom:10px; }
#skomp_attrfilter .attrpalette ul { list-style-type:none; margin-left:0; }
#skomp_attrfilter .attrpalette li { display:inline; }
#skomp_attrfilter .attrpalette li a { display:inline-block; width:20px; height:20px; border:solid 1px #999; margin-right:2px; background-size:20px 20px; background-repeat:no-repeat; }
#skomp_attrfilter .attrpalette li.aktiv a,#skomp_attrfilter .attrpalette li:hover a { border:solid 1px #444; box-shadow:3px 3px 5px rgba(0,0,0,0.5) inset,-3px -3px 5px rgba(255,255,255,0.3) inset }
#skomp_attrfilter .attrlist ul { list-style-type:square; margin-left:0; }
#skomp_attrfilter .attrlist li { margin-left:1em;}
#skomp_attrfilter .attrlist li.aktiv,#skomp_attrfilter .attrlist li:hover { color:#f00; }
#skomp_attrfilter .attrlist a { display:block; padding:2px 2px 2px 0px; text-decoration:none;}

/* Text in Infospalte (rechts) */
.skomp_info					{ padding:10px; }

/* Blogliste */
.bloglistitem				{ position:relative; width:calc(100% - 10px); margin:0 0 10px 0; background:#bcd9e6; cursor:pointer; }
.bloglistitem .bloglistdatum	{ display:none; }
.bloglistitem .bloglistimg	{ width:calc(50% - 5px); height:auto; float:right; margin-left:10px; }
.bloglistitem .bloglistimg img	{ display:block; width:100%; height:auto; }
.bloglistitem h3		 	{ margin:0 10px; padding-top:10px;}
.bloglistitem h3 a		 	{ text-decoration:none; color:#000; }
.bloglistitem p			 	{ margin:5px 10px; }
.bloglistitem:hover		 	{ background-color:#333; color:#fff; }
.bloglistitem:hover	a	 	{ color:#fff; }

#blogshow					{ position:relative; border:solid 1px #444; margin:20px 10px; border-collapse:separate; padding:0 10px 10px 10px; }
#blogshowpic 				{ position:relative; width:300px; height:400px; overflow:hidden; float:left; margin:0 15px 10px 0; }
#blogshowpic img 			{ width:300px; height:400px; overflow:hidden; }
#blogshowtext				{ text-align:justify; }

/* Artikelliste: 2=Liste */
.artlist2,.artlist1 		{ position:relative; clear:both; margin:40px -10px; }
#artlistswitch 				{ position:absolute; top:-32px; right:10px; width:auto; height:auto; }
#artlistswitch a, #artlistswitch span 			{ padding:3px 4px; border:solid 1px #444; text-decoration:none; }
#artlistswitch a:hover, #artlistswitch span 	{ background-color:#444; color:#fff; }
.artlistitem 				{ position:relative; border:solid 1px #444; padding:10px; overflow:hidden; cursor:pointer; }
.artlist2 .artlistitem 		{ height:160px; margin:0 10px 30px 10px; clear:both; }
.artlist2 .artlistimg 		{ width:120px; height:160px; float:left; overflow:hidden; margin-right:10px; }
.artlist2 .artlistinfo 		{ text-align:justify; height:110px; overflow:hidden;}
.artlist2 .artlistinfo h3 	{ margin:-5px 0 0 2px; }
.artlist2 .artlistpreis 	{ width:100px; padding-left:5px; float:right; font-family:KomikaAxisRegular, Arial, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-align:right; }
.artlist2 .artlistpreis:after { width:80px; margin-top:-8px; padding:0 5px; float:right; font-family:"Courier New", Courier, monospace; font-size:10px; content:"(inkl. MwSt.)"; }
.artlist2 .artlistlager p	{ width:auto; margin:20px 5px 0 0; padding:0 2px; float:right; font-size:0.65em; border:solid 1px; text-align:right; }
/* Artikelliste: 1=Bilder */
.artlist1 .artlistitem 		{ width:120px; height:200px; margin:0 10px 30px 10px; float:left; }
.artlist1 .artlistimg 		{ position:absolute; left:10px; top:10px; width:120px; height:160px; }
.artlist1 .artlistinfo 		{ position:absolute; left:10px; top:170px; width:100%; height:30px; overflow:hidden;}
.artlist1 .artlistinfo h3 	{ margin-top:0; }
.artlist1 .artlistpreis 	{ position:absolute; left:10px; bottom:-5px; width:100%; height:auto; font-family:KomikaAxisRegular, Arial, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; }
.artlist1 .artlistlager p	{ position:absolute; right:12px; bottom:42px; width:0; height:0; border:solid 4px; overflow:hidden; }
.artlistitem a 				{ text-decoration:none; }
.artlistitem:hover 			{ background-color:#333; color:#fff; }
.artlistitem:hover a		{ color:#fff; }
.artlist1>p					{ margin-left:10px; }
/* Artikel-Einzelansicht */
#artshow					{ position:relative; border:solid 1px #444; margin:20px 10px; border-collapse:separate; padding:0 10px 10px 10px; }
#artshow h1					{ padding:5px 0;}
#artshow .artshowid			{ position:absolute; top:-14px; right:0; font-size:10px; color:#999; }
#artshowpic 				{ position:relative; width:300px; height:400px; overflow:hidden; float:left; margin:0 15px 10px 0; }
#artshowpic img 			{ width:300px; height:400px; overflow:hidden; }
#artshowinfo 				{  }
#artshowopt					{ float:right; display:inline-block; height:auto; margin:0 0 10px 10px; padding-left:10px; text-align:center; overflow:visible; }
#artshowvar 				{  }
#artshowvar select 			{ width:140px; }
#artshowvar .varpalette ul	{ list-style-type:none; }
#artshowvar .varpalette li	{ display:inline-block; width:20px; height:20px; border:solid 1px #999; margin-right:2px; cursor:pointer;}
#artshowvar .varlist ul		{ list-style-type:none; }
#artshowvar .varlist li		{ display:inline-block; width:auto; min-width:20px; max-width:50px; height:16px; border:solid 1px #444; margin-right:2px; padding:2px; text-align:center; overflow:hidden; cursor:pointer; }
#artshowvar li.aktiv,
#artshowvar li:hover		{ background-color:#444; color:#fff; }
#artshowvar li.disabled		{ opacity:0.2; }
#artshowpreis 				{ font-family:KomikaAxisRegular, Arial, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; margin-top:5px; }
#artshowbuy 				{ }
#artshowtext				{ text-align:justify; margin-bottom:10px; }
#artshowtext2		{ clear:both; margin:12px 0 0 0; }
#artshowicons 				{ margin-top:10px; margin-bottom:-10px; }
.artneu						{ position:absolute; left:0; top:0; width:46px; height:46px; background:url(../imag/new.png); z-index:100; }
.artsoon					{ position:absolute; left:0; top:0; width:46px; height:46px; background:url(../imag/soon.png); z-index:100; }
.artrabatt					{ position:absolute; right:5px; top:5px; width:40px; height:26px; background:#F60; border-radius:50%; padding:7px 0px; font-family:MolotRegular, Arial, Arial, Helvetica, sans-serif; font-size:18.5px; font-weight:normal; text-align:center; color:#FFF; white-space:nowrap; z-index:100; }
/* Preise */
.preis,.preisaa				{  }
.preisakt					{ color:#F00 }
.preisalt					{ font-size:10px; font-weight:100; text-decoration:line-through; color:#666; }
.artlist0 .preisalt, #artshow .preisalt		{ display:block; }
/* Preise */
#artshow .artshowmrab	{ border:solid 1px #CCC; border-spacing:1px; text-align:right; }
#artshow .artshowmrab th,#artshow .artshowmrab td	{ padding:0 5px; }
/* Verfuegbarkeit */
#artshowlager p 			{ margin-top:0; }
.ltendlos,.ltbest			{ color:#090; font-weight:bold; text-transform:uppercase; }
.lterw,.ltneu 				{ color:#03c; font-weight:bold; text-transform:uppercase; }
.ltsold 					{ color:#c00; font-weight:bold; text-transform:uppercase; }
.ltbestand,.ltlieferzeit	{ color:#666; font-size:10px; margin-top:-10px; }
.addmenge		{ width:58px; text-align:center; }
#addtocart		{ width:64px; height:64px; margin:0 auto; background:url(../imag/addtocart1.png); cursor:pointer; }

/* Warenkorb (full) */
#shop_carttable		{ width:100%; margin:0; padding:0; border-collapse:collapse; }
/*#shop_carttable tr:nth-child(odd) { background:#eee;}*/
#shop_carttable tr	{ border-bottom:dotted 1px #999; }
#shop_carttable td	{ margin:0px; padding:4px 0; }
#shop_carttable table tr { border-bottom:none; }
.defaultmpic	{ width:48px; height:48px; background:#CCC; border:solid 1px #444; display:table; font-size:10px; margin:0 auto; text-align:center;}
.defaultmpic div{ display:table-cell; vertical-align:middle; }

/* Login */
.shop_tabadr	{ border-collapse:separate; width:100%; max-width:600px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.shop_tabadr td { padding:2px; }
.shop_tabadr td.tab_label { width:30%; }
.shop_tabadr td.tab_input { width:70%; }

/* Kunden */
.kadresse, .ladresse, .ladressesel	{ position:relative; width:150px; height:150px; padding:10px; margin:0 20px 20px 0; border:1px #444 solid; font-size:11px; float:left;}
.ladresse:hover, .ladressesel		{ background:url(../imag/lieferung.png) left bottom no-repeat; }
.kadresse em, .ladresse em, .ladressesel em	{ display:block; font-size:10px; }
.kadresse .edit,.ladresse .edit,.ladressesel .edit { position:absolute; right:0; top:-8px; width:20px; height:20px;}
.mainselection	{ display:block; padding:20px; min-height:200px; }
.mainresult	{ display:block; padding:20px; min-height:18px; border:solid 1px #444; }

#shop_checkout_agb		{ margin:10px 0; height:230px; padding:10px; border:solid 1px #444; overflow:scroll; }
.bkomm			{ font-style:italic; font-weight:bold; }
.bkomm:before	{ content:open-quote; font-size:30px; }
.bkomm:after	{ content:close-quote; font-size:30px; }

/* Kundenchat */
.bubble_er			{ position:relative; clear:both; min-width:100px; margin:20px 60px 10px 19px; float:left; padding:5px; font-family:"Comic Sans MS", cursive; font-size:14px; border:1px solid #000; border-radius:8px; background:#fd9; color:#000; min-height:18px; box-shadow: 1px 1px 3px #444, 0 5px 5px #fff inset; }
.bubble_er>span:first-child	{ position:absolute; left:-12px; bottom:10px; width:12px; height:12px; background:url(../imag/bub_er.png); }
.bubble_ich			{ position:relative; clear:both; width:auto; min-width:100px; margin:20px 29px 10px 50px; float:right; padding:5px; font-family:"Comic Sans MS", cursive; font-size:14px; border:1px solid #000; border-radius:8px; background:#9df; color:#000; min-height:18px; box-shadow:1px 1px 3px #444, 0 5px 5px #fff inset; }
.bubble_ich>span:first-child	{ position:absolute; right:-14px; bottom:10px; width:14px; height:12px; background:url(../imag/bub_ich.png); }
.bubble_best			{ position:relative; clear:both; min-width:100px; margin:20px 40px 0px 40px; padding:5px; border-radius:2px; background:#fff; color:#000; min-height:18px; box-shadow: 1px 1px 2px #444, 0 5px 5px #fff inset; }
.bubble_dat	{ position:absolute; top:-14px; left:5px; width:200px; height:12px; font-size:9px; color:#667; }
.bubble_working		{ background-image:url(../imag/process48.png); background-position:top right; background-repeat:no-repeat;}

/* Allgemein */
/*.button 	{ min-width:130px; }
.buttonback { min-width:130px; color:#900; }
.buttonnext { min-width:130px; color:#060; font-weight:bold; }*/

.button, .button:visited		{ display:inline-block; margin:0; padding:3px 10px 4px; border:solid 1px #444; font-family:KomikaAxisRegular, Arial, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#444; text-decoration:none; line-height:1; position:relative; cursor:pointer; }
.button:hover							{ background-color:#444; color:#fff; }
.button:active							{ top: 1px; }
.small.button, .small.button:visited 		{ font-size:12px; padding:2px 4px; }
.button, .button:visited,
.medium.button, .medium.button:visited 		{ font-size: 14px; line-height:100%;  }
.large.button, .large.button:visited 		{ font-size: 20px; padding: 8px 14px 9px; }

.green.button, .green.button:visited		{ background-color:#0a0; color:#fff; }
.green.button:hover						{ background-color:#0F0; color:#000; }
.greendis.button, .greendis.button:visited		{ background-color:#cdc; color:#fff; }
.red.button, .red.button:visited			{ background-color: #C00; color:#fff; }
.red.button:hover							{ background-color: #F00; color:#000; }

.linkzeile	{ clear:both; text-align:center; font-size:16px; }
.linkzeile a	{ padding:3px 5px; text-decoration:none; }
.linkzeile a:hover	{ background-color:#FFF; }
.linkzeile .aktiv { border:solid 1px #ffffff; padding:2px 4px; }

.w150		{ width:150px; }
.w300		{ width:300px; }
.disabled	{ opacity: 0.3; cursor:not-allowed !important; }
.loading	{ opacity: 0.3; cursor:progress; }
.tleft		{ text-align:left; }
.tcenter	{ text-align:center; }
.tright		{ text-align:right; }
.clear		{ clear:both; }
.nowrap		{ white-space:nowrap; }
.bold		{ font-weight:bold; }
.transp		{ opacity:0.6 }
.upper		{ text-transform:uppercase; }
.wide		{ letter-spacing:0.3em; }
.t3			{ font-size:13px; font-weight:900;}
.t3x		{ font-size:13px; font-weight:900; color:#3344ff;}
.t3e		{ font-size:13px; font-weight:900; color:#ff0000;}
.te			{ color:#ff0000; }
.tg			{ color:#00cc00; }
.to			{ color:#ffaa00; }
.grau		{ color:#666; }
.tab2,tab4	{ border-collapse:separate; border-spacing:0; }
.tab2 td	{ padding:2px 3px; }
.tab4 td	{ padding:4px 4px; }
.tbox		{ background-color:#90c0f0; padding:5px; width:100%; border-style:inset; border-width:1px; }
.bfull		{ width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.small		{ font-size:11px; font-weight:100; }
.sub		{ font-size:9px; font-weight:100; font-style:italic; }
.printinfo	{ font-size:10px; font-weight:100; }
.l3			{ color:#aabbff; }
.box		{ background-color:#c5c5d6; border-style:inset; border-width:1px; }
.bg0,.bg0h	{ background-color:transparent; }
.bg1,.bg1h	{ background-color:rgba(255,255,255,0.7); }
.bg0h:hover,.bg1h:hover { background-color:#fff; cursor:pointer; }

@media screen and (min-width:1000px) {
	body	{ font-size:15px; }
	nav,footer { font-size:1.2em }
	nav		{ height:32px; }
}
@media screen and (min-width:1200px) {
	body	{ font-size:16px; }
	nav			{ height:33px; }
}
@media screen and (max-width:800px) {
	/* iPad hoch, nur noch 2 spaltig */
	#shop_container { width:calc(100% - 10px); margin-left:10px; }
	.col1_4		{ flex-basis:calc(50% - 10px); }
	.col2_4,.col3_4		{ flex-basis:calc(100% - 10px); padding:0; }
	.row2		{ clear:both; width:100%; position:relative; }
	.row		{ flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }
	#shop_left		{ position:fixed; top:0; left:0; width:240px; height:100%; margin-left:-240px; overflow-y:auto; z-index:900; background-color:#333; color:#CCC; font-size:1.2em; transition:margin-left 0.5s; -webkit-transition:margin-left 0.5s; }
	#skomp_catalog	{  margin-left:0; }
	#skomp_catalog li	{  margin:5px 0; }
	#skomp_catalog li a, #shop_left a	{  color:#FFF; }
	.attrlist li.aktiv a { background-image:url(../imag/sel16w.png); }
	#shop_navtoggle { display:block; transition:background-position 0.5s, background-color 0.5s; -webkit-transition:background-position 0.5s, background-color 0.5s; }
	#shop_main	{ display:block; }
	.navmode #shop_left		{ margin-left:0px; }
	.navmode #shop_navtoggle	{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.7); background-position:255px 20px; }
	.mobilehide		{ display:none; }
	#shop_center>div	{ padding-left:0; }
	#artshow		{ background:none; box-shadow:none; }
	#artshowopt		{ margin-left:0; }
	#artshowtext	{ clear:both; }
}
@media screen and (max-width:600px) {
	#shop_header2 h3 { font-size:14px }
	nav,footer	{ font-size:1em }
	nav			{ height:55px; }
	nav ul		{ display:block; }
	nav li		{ display:block; float:left; }
	.bloglistitem .bloglistimg	{ width:100%; float:none; margin-left:0;}
}
@media screen and (max-width:420px) {
	/* Handys portrait */
	.mobilefull		{ display:block; width:100% !important; }
	h1				{ font-size:30px; }
	h2				{ font-size:20px; }
	#shop_header2 h3 { font-size:13px }
	#shop_footer	{ font-size:0.8em; padding:20px 10px;}
	#shop_langsel	{ top:5px; }
	#skomp_path		{ margin-right:0; margin-bottom:40px; }
	#shop_full,
	#shop_center>div	{ padding:15px; }
	.skomp_halfpics,.skomp_thirdpics			{ margin:0 0 10px 0 !important;}
	.skomp_halfpics	img,.skomp_thirdpics img	{ width:100%; margin:0 0 15px 0; }
	.shop_tabadr, .shop_tabadr tbody, .shop_tabadr tr, .shop_tabadr td	{ display:block; width:100% !important; }
	.cycle-pager span	{ width:16px; height:16px; margin:8px; }
	#shop_carttable	td.cartpic		{ display:block; float:left; }
	#shop_carttable	td.carttext		{ display:inline-block; width:calc(100% - 70px); margin-left:5px;}
	#shop_carttable	td.cartpreis,
	#shop_carttable	td.cartanz,
	#shop_carttable	td.carttotal	{ display:inline-block; width:24%;}
	#shop_carttable	td.cartrabatt,
	#shop_carttable	td.cartrem		{ display:inline-block; width:10%;}
	#shop_carttable	th.cartpic,
	#shop_carttable	th.carttext		{ display:none;}
	#shop_carttable	th.cartpreis,
	#shop_carttable	th.cartanz,
	#shop_carttable	th.carttotal	{ display:inline-block; width:24% !important;}
	#shop_carttable	th.cartrabatt,
	#shop_carttable	th.cartrem		{ display:inline-block; width:10% !important;}
	.kadresse,.ladresse,.ladressesel { width:90%; }
	.mainselection					{ min-height:100px; }
}