/* --- css/style_new.css --- */
body{color:#000000;background-color:#FFFFFF;scrollbar-base-color:#8C8CC6;scrollbar-3d-light-color:#FFFFFF;scrollbar-arrow-color:#000000;scrollbar-darkshadow-color:#000000;scrollbar-face-color:#D9D9D9;scrollbar-highlight-color:#FFFFFF;scrollbar-shadow-color:#000000;scrollbar-track-color:#D0D0D0;font-family:Verdana;font-size:9pt;font-weight:normal;font-style:normal;
background-image:url(/img/background/absurdidad_2.png);background-position:top center;background-repeat:no-repeat;
background-size:1920px 4800px;
margin:0px;
}
input:focus{
outline:none;
}
.downloadModalBox{
position:fixed;
bottom:0px;
right:0px;
width:300px;
height:100px;
}
.CountersFooter{
padding:20px 0;
color:#DDD;
}
.CountersFooter ul li .number{
font-size:3.5em;
margin-bottom:10px;
display:block;
font-weight:bold;
color:#FFF;
}
.CartCount{
border-radius:25px;
background:#960000;
padding:1px;
width:12px;
height:12px;
color:#FFFFFF;
display:block;
position:absolute;
font-size:10px;
margin-left:20px;
}
.lsow-accordion{
margin-top:30px;
}
.lsow-accordion.style1 h3{
position:relative;
display:block;
padding:15px 50px 15px 30px;
font-size:16px;
line-height:26px;
letter-spacing:0;
font-weight:bold;
color:#666;
background-color:#F8F8F8;
margin:5px 0;
cursor:pointer;
}
.lsow-accordion.style1 h3.active{
background-color:#E2E2E2;
}
.lsow-accordion.style1 .answer{
background-color:#F8F8F8;
padding:15px;
margin-top:-5px;
font-size:13px;
line-height:22px;
}
.downlButton{
width:85px;
text-align:center;
}
.Btn:link,.Btn:visited,.Btn:active{
color:#000 !important;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
padding:5px 10px;
margin:1px;
font-size:14px;
border:1px solid #AAA;
background:#ffffff;
background:-moz-linear-gradient(top,#ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(50%,#f1f1f1),color-stop(51%,#e1e1e1),color-stop(100%,#f6f6f6));
background:-webkit-linear-gradient(top,#ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background:-o-linear-gradient(top,#ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background:-ms-linear-gradient(top,#ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background:linear-gradient(to bottom,#ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f6f6f6',GradientType=0 );
}
.Btn:hover{
border:1px solid #999;
color:#FFFFFF !important;
font-size:14px;
background:#960001;
}
.BtnRed{
-moz-box-shadow:inset 0px 35px 0px -24px #a13a3c;
-webkit-box-shadow:inset 0px 35px 0px -24px #a13a3c;
box-shadow:inset 0px 35px 0px -24px #a13a3c;
background-color:#960000;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:0px;
border:0px solid #ffffff;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:13px;
padding:3px 15px;
text-decoration:none;
text-shadow:0px 1px 0px #960000;
}
.BtnRed:hover{
background-color:#960000;
}
.LabelBlue{
background-color:#01BAE9;
color:#ffffff;
padding:5px;
display:inline-block;
text-align:center;
}
.top_eep{
background-image:url(/img/top_eep.jpg);background-position:top center;
width:1050px;height:111px;
margin:0 auto;
}
.underline:link,.underline:visited,.underline:active,.underline:hover{
text-decoration:underline !important;
color:#333333 !important;
font-size:1em !important;
}
.text01{
color:#1F1F1F;
font-family:Verdana,Arial,sans-serif;
font-size:10px;
border:1px solid #6E6E6E;
background-color:#FFFFFF;
padding:5px;
width:220px;
height:14px;
}
.area01{
color:#1F1F1F;
font-family:Verdana,Arial,sans-serif;
font-size:10px;
border:1px solid #6E6E6E;
background-color:#FFFFFF;
padding:5px;
width:220px;
height:100px;
}
.naviNew{
margin:0;
padding:0;
list-style:none;
}
.naviNew > li *{
padding:1px 2px;
margin:0 0 0 2px ;
list-style:none;
}
.naviNew > li{
-webkit-border-radius:5px;
border-top:1px solid #EEEEEE;
margin:3px 4px 0 4px;
padding:2px;
}
.menuLeftOn{font-weight:700 !important;color:#FF0000 !important;}
.menuLeftOff{font-weight:100!important;}
#naviFixedBar{
left:0px;
top:-50px;
width:100%;height:40px;background-color:#FFFFFF;
position:fixed;z-index:90;
-webkit-box-shadow:0px 0px 20px 1px rgba(0,0,0,.5);
box-shadow:0px 0px 20px 1px rgba(0,0,0,.5);
}
.naviFixedBarContainer{
width:1050px;margin:0 auto;
}
.naviFixedBarPrice{
font-size:16px !important;
font-family:Arial,Helvetica,sans-serif !important;
color:rgb(78,84,96) !important;
font-weight:700;
}
.HeaderNew{
background-image:url(/img/background/gradientHeader.png);background-position:top center;background-repeat:repeat-x;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
margin-bottom:10px;
margin-top:10px;
padding-left:10px;
position:relative;
height:30px;
border-bottom:1px dotted #999999;
color:#505362;
clear:both;
}
.HeaderNew:before{
position:absolute;
content:' ';
left:0px;
width:0;
height:0;
border-style:solid;
border-width:10px 110px 0 110px;
border-color:#960001 transparent transparent transparent;
bottom:-10px;
}
.HeaderProduct:link,.HeaderProduct:visited,.HeaderProduct:active{
font-size:12px;color:#333 !important;font-weight:700;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}
.HeaderProduct:hover{
}
.BreadCrumbs{
background:#fbfbfc;
border-bottom:1px solid #ececec;
color:#666 !important;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
padding:7px 10px;
}
.BreadCrumbs > a:visited,.BreadCrumbs > a:link,.BreadCrumbs > a:active{
color:#4E5461 !important;text-decoration:none;
margin-left:0px;
}
div#fancy_overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:none;
z-index:30;
}
div#fancy_loading{
position:absolute;
height:40px;
width:40px;
cursor:pointer;
display:none;
overflow:hidden;
background:transparent;
z-index:100;
}
div#fancy_loading div{
position:absolute;
top:0;
left:0;
width:40px;
height:480px;
background:transparent url('/css/fancy_progress.png') no-repeat;
}
div#fancy_outer{
position:absolute;
top:0;
left:0;
z-index:90;
padding:20px 20px 40px 20px;
margin:0;
background:transparent;
display:none;
}
div#fancy_inner{
position:relative;
width:100%;
height:100%;
background:#FFF;
}
div#fancy_content{
margin:0;
z-index:100;
position:absolute;
}
div#fancy_div{
background:#FFF;
color:#FFF;
height:100%;
width:100%;
z-index:100;
}
img#fancy_img{
position:absolute;
top:0;
left:0;
border:0;
padding:0;
margin:0;
z-index:100;
width:100%;
height:100%;
}
div#fancy_close{
position:absolute;
top:-12px;
right:-15px;
height:30px;
width:30px;
background:url('/css/fancy_closebox.png') top left no-repeat;
cursor:pointer;
z-index:181;
display:none;
}
#fancy_frame{
position:relative;
width:100%;
height:100%;
display:none;
}
#fancy_ajax{
width:100%;
height:100%;
overflow:auto;
}
a#fancy_left,a#fancy_right{
position:absolute;
bottom:0px;
height:100%;
width:35%;
cursor:pointer;
z-index:111;
display:none;
background-image:url("data:image/gif;base64,AAAA");
outline:none;
overflow:hidden;
}
a#fancy_left{
left:0px;
}
a#fancy_right{
right:0px;
}
span.fancy_ico{
position:absolute;
top:50%;
margin-top:-15px;
width:30px;
height:30px;
z-index:112;
cursor:pointer;
display:block;
}
span#fancy_left_ico{
left:-9999px;
background:transparent url('/css/fancy_left.png') no-repeat;
}
span#fancy_right_ico{
right:-9999px;
background:transparent url('/css/fancy_right.png') no-repeat;
}
a#fancy_left:hover,a#fancy_right:hover{
visibility:visible;
background-color:transparent;
}
a#fancy_left:hover span{
left:20px;
}
a#fancy_right:hover span{
right:20px;
}
#fancy_bigIframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:transparent;
}
div#fancy_bg{
position:absolute;
top:0;left:0;
width:100%;
height:100%;
z-index:70;
border:0;
padding:0;
margin:0;
}
div.fancy_bg{
position:absolute;
display:block;
z-index:70;
border:0;
padding:0;
margin:0;
}
div#fancy_bg_n{
top:-20px;
width:100%;
height:20px;
background:transparent url('/css/fancy_shadow_n.png') repeat-x;
}
div#fancy_bg_ne{
top:-20px;
right:-20px;
width:20px;
height:20px;
background:transparent url('/css/fancy_shadow_ne.png') no-repeat;
}
div#fancy_bg_e{
right:-20px;
height:100%;
width:20px;
background:transparent url('/css/fancy_shadow_e.png') repeat-y;
}
div#fancy_bg_se{
bottom:-20px;
right:-20px;
width:20px;
height:20px;
background:transparent url('/css/fancy_shadow_se.png') no-repeat;
}
div#fancy_bg_s{
bottom:-20px;
width:100%;
height:20px;
background:transparent url('/css/fancy_shadow_s.png') repeat-x;
}
div#fancy_bg_sw{
bottom:-20px;
left:-20px;
width:20px;
height:20px;
background:transparent url('/css/fancy_shadow_sw.png') no-repeat;
}
div#fancy_bg_w{
left:-20px;
height:100%;
width:20px;
background:transparent url('/css/fancy_shadow_w.png') repeat-y;
}
div#fancy_bg_nw{
top:-20px;
left:-20px;
width:20px;
height:20px;
background:transparent url('/css/fancy_shadow_nw.png') no-repeat;
}
div#fancy_title{
position:absolute;
z-index:100;
display:none;
}
div#fancy_title div{
color:#FFF;
font:bold 12px Arial;
padding-bottom:3px;
white-space:nowrap;
}
div#fancy_title table{
margin:0 auto;
}
div#fancy_title table td{
padding:0;
vertical-align:middle;
}
td#fancy_title_left{
height:32px;
width:15px;
background:transparent url('/css/fancy_title_left.png') repeat-x;
}
td#fancy_title_main{
height:32px;
background:transparent url('/css/fancy_title_main.png') repeat-x;
}
td#fancy_title_right{
height:32px;
width:15px;
background:transparent url('/css/fancy_title_right.png') repeat-x;
}
#text-box
{
text-align:center;
background-color:white;
border:5px solid #E6E6E6;
position:fixed;
top:110px;
left:700px;
width:70px;
height:15px;
z-index:60;
margin:0px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
}
#text-box-schatten
{
text-align:center;
background-color:white;
border:5px solid #585858;
position:fixed;
top:112px;
left:702px;
width:70px;
height:15px;
z-index:55;
margin:0px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
}
#mail-box
{
background-color:#DCDCDC;
border:2px solid red ;
border-radius:4em;
position:absolute;
top:130px;
left:250px;
width:500px;
height:360px;
z-index:50;
overflow:auto;
margin:0px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
}
#bildschatten
{
background-color:gray;
border:0px solid red;
position:absolute;
top:377px;
left:262px;
width:160px;
height:115px;
z-index:58;
margin:0px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
}
#bildcontainer
{
background-color:white;
border:0px solid red;
position:absolute;
top:375px;
left:260px;
width:160px;
height:115px;
z-index:58;
margin:0px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
}
div#seite_aus{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background-image:url(/bg.png);
border:0px solid gray;
z-index:2;
margin:0px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
}
div.seite{
width:1050px;
padding:0 0px;
margin-bottom:10px;
margin:auto;
background-color:#ffffff;
z-index:1;
overflow:hidden;
}
.form_container{
margin:4px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
background-color:#ffffff;
border:2px solid #D4D4D4;
}
.form_body{
padding:15px;
}
.form_header{
background-color:#D4D4D4;
color:#000;
text-align:center;
padding:4px;
border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 4px 0;
-webkit-border-radius:4px 4px 0 0;
}
.loginForm{
margin-top:8px;
}
.loginFormInput{
font-size:10px !important;
padding:3px!important;
width:100px !important;
}
.loginForm a:link,.loginForm a:visited,.loginForm a:active{
border-left:1px solid #999999;
}
div.top{
width:1050px;
padding:0 2px;
margin:0 auto;
height:80px;
}
div.top .TrendLogo{
float:left;width:150px;
}
div.top .EEPLogo{
float:left;width:190px;padding-top:3px;
}
div.top .EEPInfo{
float:left;width:200px;
font-size:15px;
font-weight:700;
padding-top:25px;
text-align:left;
}
div.top .EEPInfo span{
font-size:14px;
font-weight:100;
color:#999999;
}
div.top .Langs{
margin-top:0px;
}
div.top .Suchen_Top{
float:right;width:450px;
margin-top:35px;
position:relative;
}
div.top .Suchen_Top .form_input{
float:right;
width:300px;padding:0 7px;border:1px solid #333333;height:28px;
}
div.top .Suchen_Top .SucheIcon{
display:inline-block;
border:0;
-moz-box-shadow:inset 0px 38px 0px -24px #a13a3c;
-webkit-box-shadow:inset 0px 38px 0px -24px #a13a3c;
box-shadow:inset 0px 38px 0px -24px #a13a3c;
background-color:#960000;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:0px;
border:0px solid #ffffff;
display:inline-block;
cursor:pointer;
color:#ffffff;
float:right;line-height:26px;
text-decoration:none;
text-shadow:0px 1px 0px #960000;
}
div.top .Suchen_Top .Detailsuche{
border:0;display:inline-block;width:80px;height:28px;
background-color:#D4D4D4;
line-height:28px;
float:right;
text-align:center;
margin-left:3px;
color:#333;
border:1px solid #CCCCCC;
-webkit-box-shadow:inset #FEFFFF 0 1px 1px 0;
-moz-box-shadow:inset #FEFFFF 0 1px 1px 0;
box-shadow:inset #FEFFFF 0 1px 1px 0;
background-color:#F7F5F6;
background:-webkit-gradient(linear,left top,left bottom,from(#F7F5F6),to(#DDDDDD));
background:-webkit-linear-gradient(top,#F7F5F6,#DDDDDD);
background:-moz-linear-gradient(top,#F7F5F6,#DDDDDD);
background:-ms-linear-gradient(top,#F7F5F6,#DDDDDD);
background-image:linear-gradient(to bottom,#F7F5F6,#DDDDDD);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6,endColorstr=#DDDDDD);
}
div.top .Suchen_Top .Detailsuche:hover{
border:1px solid #ADADAD;
background-color:#E0E0E0;
background:-webkit-gradient(linear,left top,left bottom,from(#E0E0E0),to(#BDBBBC));
background:-webkit-linear-gradient(top,#E0E0E0,#BDBBBC);
background:-moz-linear-gradient(top,#E0E0E0,#BDBBBC);
background:-ms-linear-gradient(top,#E0E0E0,#BDBBBC);
background:linear-gradient(to bottom,#E0E0E0,#BDBBBC);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E0E0E0,endColorstr=#BDBBBC);
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
div.top .Langs img{
opacity:.7;max-width:30px;max-height:20px;
}
div.top .Langs img:hover{
opacity:1;
}
div.top .marquee{
clear:both;
width:100%;overflow:hidden;
}
#left{
float:left;
width:200px;
margin:0px;
padding:0px;
}
#right{
float:right;
width:210px;
margin:0px;
padding:0px;
}
#content{
background-color:#ffffff;
float:left;
padding:0px;
margin-left:15px;
width:620px;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
}
p,pre{
padding:5px 10px;
margin:0;
}
#content table td{
line-height:19px;
}
#content2{
background-color:#ffffff;
padding:0;
margin:0 auto;
width:750px;
}
div#content2{
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px");
}
#content3_left{
float:left;
width:290px;
}
#content3{
background-color:#ffffff;
padding:0;
float:right;
margin-right:10px;
width:750px;
}
div#content3{
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px");
}
p,pre{
padding:5px 10px;
margin:0;
}
th{color:#000000;font-family:Verdana;font-size:9pt;font-weight:normal;font-style:normal;}
td{color:#000000;font-family:Verdana;font-size:9pt;font-weight:normal;font-style:normal;}
h1{color:#000000;font-family:Verdana;font-size:13pt;font-weight:bold;font-style:normal;text-decoration:none;display:inline;}
h2{color:#000000;font-family:Verdana;font-size:10pt;font-weight:bold;font-style:normal;text-decoration:none;display:inline;}
h3{color:#000000;font-family:Verdana;font-size:9pt;font-weight:bold;font-style:normal;text-decoration:none}
.klein{color:#000000;font-family:Verdana;font-size:7pt;font-weight:normal;font-style:normal;text-decoration:none}
.sg{background-color:#EFEFEF;}
.th_xs{color:#FFFFFF;background-color:#DD0000;font-family:Verdana;font-size:9pt;font-weight:bold;font-style:normal;}
.td_xs{color:#000000;background-color:#F0F0F0;font-family:Verdana;font-size:7pt;font-weight:normal;font-style:normal;}
.monopoly{color:#000000;border-width:5px;border-style:solid;border-top-color:#F8F8F8;border-left-color:#E2E2E2;border-right-color:#818181;border-bottom-color:#000000;font-family:Verdana;font-size:8pt;font-weight:normal;font-style:normal;}
.form_input{color:#000000;border-width:0px;border-style:solid;border-top-color:#000000;border-left-color:#000000;border-right-color:#000000;border-bottom-color:#000000;font-family:Verdana;font-size:10pt;font-weight:normal;font-style:normal;}
A:link{color:#000000;font-family:Verdana;font-size:8pt;font-weight:normal;font-style:normal;text-decoration:none}
A:visited{color:#000000;font-family:Verdana;font-size:8pt;font-weight:normal;font-style:normal;text-decoration:none}
A:hover{color:#747170;font-family:Verdana;font-size:8pt;font-weight:normal;font-style:normal;text-decoration:none}
#content A:link,#content A:visited{
font-size:9pt;
color:#D65050;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}#content A:hover{
color:red;
}
.naviNew A:link,.naviNew A:hover,.naviNew A:visited{
font-size:8pt;
}
.ContentNavLinks,#content .ContentNavLinks A:link,#content A:visited{
font-size:15px;
line-height:2em;
}
.link_blue:link{color:#0055a4;font-family:Verdana;font-size:12px;font-weight:normal;font-style:normal;text-decoration:underline}
.link_blue:visited{color:#0055a4;font-family:Verdana;font-size:12px;font-weight:normal;font-style:normal;text-decoration:underline}
.link_blue:hover{color:#0063bf;font-family:Verdana;font-size:12px;font-weight:normal;font-style:normal;text-decoration:underline}
#right .t_klein{max-width:210px;}
.t_klein{color:#000000;font-family:Verdana;font-size:9pt;font-weight:normal;font-style:normal;text-decoration:none;}
.t_norm{color:#000000;font-family:Verdana;font-size:7pt;font-weight:normal;font-style:normal;text-decoration:none}
.t_weiss{color:#ffffff;font-family:Verdana;font-size:10pt;font-weight:bold;font-style:normal;text-decoration:none}
.t_klein_grau{color:#d40000;font-family:Verdana;font-size:7pt;font-weight:normal;font-style:normal;text-decoration:none}
.t_spalte{color:#d4d3d4;font-family:Verdana;font-size:8pt;font-weight:bold;font-style:normal;text-decoration:none}
.preis{color:#FF0000;font-family:Verdana;font-size:12pt;font-weight:bold;font-style:normal;text-decoration:none}
.preis_start{color:#000000;font-family:Verdana;font-size:10pt;font-weight:bold;font-style:normal;text-decoration:none}
.artikel_top{color:#000000;font-family:Verdana;font-size:11pt;font-weight:bold;font-style:normal;text-decoration:none}
DIV.shadow,DIV.shadow2,DIV.shadow3,DIV.shadow4,DIV.shadow5{
padding:0px;
border-radius:0px;
-moz-border-radius:0px;
}
DIV.shadow{
background-color:#8e8e8e;
border:1px solid #959595;
margin:0px;
}
DIV.shadow2{
background-color:#aaa;
border:1px solid #bebebe;
margin:0;
}
DIV.shadow3{
background-color:#d1d1d1;
border:1px solid #e1e1e1;
margin:0;
}
DIV.shadow4{
background-color:#ededed;
border:1px solid #f6f6f6;
margin:0;
}
DIV.shadow5{
float:left;
background-color:#fcfcfc;
border:1px solid #fff;
margin:0.7em 1em;
}
DIV.shadow IMG{
border:0px solid #666;
margin:0;
display:block;
position:relative;
top:-4px;
left:-4px;
}
.ramkaUwaga{
background-color:#efefef;
border:1px solid #BBB;
padding:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
width:130px;
}
.relative{
position:relative;height:auto;
}
.ramkaPromocja0{
}
.ramkaPromocjaNew0{
font-size:17pt;
font-family:Verdana,Geneva,sans-serif;
font-weight:500;
width:110px;
letter-spacing:-0.5pt;
height:41px;
color:#FE0000;
background:url(/img/misc/sticker0.png) top center;
text-align:center;
padding:12px 0 0 0;
}
.ramkaPromocjaOld0{
margin:0 5px;
padding-top:2px;
text-align:center;
color:#666;
width:100px;
height:15px;
font-size:11px;
font-weight:300;
}
.ramkaPromocjaTo0{
font-size:7pt;
text-align:center;
line-height:6pt;
color:#333;
width:100px;
font-weight:100;
border-bottom:0px solid #BBB;
padding:0 3px;
font-family:Arial,Helvetica,sans-serif;
letter-spacing:0pt;
}
.ramkaPromocja{
}
.ramkaPromocjaNew{
font-size:17pt;
font-family:Verdana,Geneva,sans-serif;
font-weight:500;
width:110px;
letter-spacing:-0.5pt;
height:41px;
color:#000;
background:url(/img/misc/sticker.png) top center;
text-align:center;
padding:12px 0 0 0;
}
.ramkaPromocjaOld{
margin:0 5px;
padding-top:2px;
text-align:center;
color:#666;
width:100px;
height:15px;
font-size:11px;
font-weight:500;
}
.ramkaPromocjaTo{
font-size:6pt;
text-align:center;
color:#333;
width:100px;
font-weight:100;
border-bottom:0px solid #BBB;
padding:0 3px;
font-family:Arial,Helvetica,sans-serif;
letter-spacing:0pt;
}
.ramkaPromocja2{
}
.ramkaPromocjaNew2{
font-size:17pt;
font-family:Verdana,Geneva,sans-serif;
font-weight:100;
width:110px;
letter-spacing:-0.5pt;
height:41px;
color:#000;
background:url(/img/misc/sticker2.png) top center;
text-align:center;
padding:12px 0 0 0;
}
.ramkaPromocjaOld2{
margin:0 5px;
padding-top:2px;
text-align:center;
color:#666;
width:100px;
height:15px;
font-size:11px;
font-weight:100;
}
.ramkaPromocjaTo2{
font-size:7pt;
text-align:center;
line-height:6pt;
color:#333;
width:100px;
font-weight:100;
border-bottom:0px solid #BBB;
padding:0 3px;
font-family:Arial,Helvetica,sans-serif;
letter-spacing:0pt;
}
.ramkaPromocja3{
}
.ramkaPromocjaNew3{
font-size:17pt;
font-family:Verdana,Geneva,sans-serif;
font-weight:100;
width:110px;
letter-spacing:-0.5pt;
height:41px;
color:#000;
background:url(/img/misc/sticker3.png) top center;
text-align:center;
padding:12px 0 0 0;
}
.ramkaPromocjaOld3{
margin:0 5px;
padding-top:2px;
text-align:center;
color:#666;
width:100px;
height:15px;
font-size:11px;
font-weight:100;
}
.ramkaPromocjaTo3{
font-size:7pt;
text-align:center;
line-height:6pt;
color:#333;
width:100px;
font-weight:100;
border-bottom:0px solid #BBB;
padding:0 3px;
font-family:Arial,Helvetica,sans-serif;
letter-spacing:0pt;
}
.SP_Link_1:link{color:#069;text-decoration:underline;font-weight:700;}
.SP_Link_1:visited{color:#069;text-decoration:underline;}
.SP_Link_1:active{color:#069;text-decoration:underline;}
.SP_Link_1:hover{color:#09C;}
.TopTenHeader{
background-image:url(/img/background/gradientHeader2.png);background-position:top center;background-repeat:repeat-x;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
padding:5px 5px;
border-top:1px dotted #999999;
border-bottom:1px dotted #999999;
color:#FFFFFF;
clear:both;
text-align:center;
font-weight:100;
}
.TopTenBody{
background-color:#FFFFFF;
}
.TopHeaderAccordion{
background-image:url(/img/background/gradientHeader3.png);background-position:top center;background-repeat:repeat-x;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
cursor:pointer;
padding:5px 5px;
border-top:1px dotted #999999;
border-bottom:1px dotted #999999;
color:#FFFFFF;
clear:both;
text-align:center;
font-weight:100;
}
.BodyAccordion{
padding-bottom:40px;
background-color:#EEEEEE;
overflow:hidden;
}
.ObservedHeader,.UserBoxHeader,.DefaultHeader{
background-image:url(/img/background/gradientHeader2.png);background-position:top center;background-repeat:repeat-x;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
margin-top:10px;
padding:5px 10px;
border-top:1px dotted #999999;
border-bottom:1px dotted #999999;
color:#FFFFFF;
clear:both;
text-align:center;
font-weight:100;
}
.WarenkorbHeader,.SearchHeader{
background-image:url(/img/background/gradientHeader2.png);background-position:top center;background-repeat:repeat-x;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
margin-top:0px;
padding:5px 10px;
border-top:1px dotted #999999;
border-bottom:1px dotted #999999;
color:#FFFFFF;
clear:both;
text-align:center;
font-weight:100;
}
.ObservedBody,.DefaultBody{
margin:0 2px 3px 0px;
padding:5px;
font-size:14px;text-align:center;
}
.WarenkorbBody{
margin:0 2px 3px 0px;
padding:5px;
max-width:200px;
font-size:14px;text-align:center;
}
.UserBoxBody{
margin:0 2px 3px 0px;
padding:5px;
font-size:14px;text-align:left;
}
.SearchBody{
margin:0 0px 3px 0px;
padding:20px 2px;
font-size:14px;text-align:left;
background-color:#D4D4D4;
}
.ObservedBody a{
font-size:14px;color:#333333;
text-decoration:underline;
}
.footer{
background-color:#30333A ;
display:block;
}
.footer .seite{
background-color:transparent;
text-align:center;
}
.footer a:link,.footer a:visited,.footer a:active{
color:#eeeeee;
text-decoration:none;
line-height:normal;
}
.footer a:hover{
color:#ffffff;
text-decoration:underline;
}
.footer ul,.footer ul li{
list-style:none;
display:inline-block;
padding:15px;
}
.footer .flex-container{
padding:0;
margin:0;
list-style:none;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row no-wrap;
justify-content:space-around;
}
.footer .flex-item{
padding:15px;
max-width:190px;
margin-top:20px;
color:#dddddd;
line-height:15px;
font-size:11px;
text-align:left;
}
.footer .flex-item h3{
color:white;
}
.footer .flex-item ul,.footer .flex-item ul li{
list-style:none;
display:block;
padding:4px;
}
.footer select{
width:100%;
}
.underFooter .footerTop{
position:absolute;
right:10px;
top:-30px;
}
.underFooter{
position:relative;
background-color:#222 ;
display:block;
padding:15px;
color:#eeeeee;
}
.underFooter .seite{
background-color:transparent;
text-align:center;
}
.underFooter a:link,.underFooter a:visited,.underFooter a:active{
color:#eeeeee;
text-decoration:none;
}
.underFooter a:hover{
color:#ffffff;
text-decoration:underline;
}
.form_input_1{
background-color:#F5F5F5 !important;
padding:10px 0;
width:100%;
max-width:350px;
color:333333;
border:1px solid #999999;
}
.form_input_2{
background-color:#F5F5F5 !important;
padding:10px 0;
width:100%;
color:333333;
border:1px solid #999999;
}
.form_input_2_inline{
background-color:#F5F5F5 !important;
padding:10px 0;
color:333333;
border:1px solid #999999;
}
select.form_input_2_inline{
background-color:#F5F5F5 !important;
padding:0px 10px;
color:333333;
height:37px;
border:1px solid #999999;
border-radius:0;
}
.form_input_login{
border:0;
height:30px;
text-align:right;
padding:0 15px 0 40px;
color:#333;
border:1px solid #CCCCCC;
-webkit-box-shadow:inset #FEFFFF 0 1px 1px 0;
-moz-box-shadow:inset #FEFFFF 0 1px 1px 0;
box-shadow:inset #FEFFFF 0 1px 1px 0;
background-color:#F7F5F6;
background:url(/img/checkmark.svg) no-repeat 15px 7px / 18px 18px,-webkit-gradient(linear,left top,left bottom,from(#F7F5F6),to(#DDDDDD));
background:url(/img/checkmark.svg) no-repeat 15px 7px / 18px 18px,-webkit-linear-gradient(top,#F7F5F6,#DDDDDD);
background:url(/img/checkmark.svg) no-repeat 15px 7px / 18px 18px,-moz-linear-gradient(top,#F7F5F6,#DDDDDD);
background:url(/img/checkmark.svg) no-repeat 15px 7px / 18px 18px,-ms-linear-gradient(top,#F7F5F6,#DDDDDD);
background-image:url(/img/checkmark.svg) no-repeat 15px 7px / 18px 18px,linear-gradient(to bottom,#F7F5F6,#DDDDDD);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6,endColorstr=#DDDDDD);
}
.form_input_button{
border:0;
height:30px;
text-align:right;
padding:0 15px 0 40px;
color:#333;
border:1px solid #CCCCCC;
-webkit-box-shadow:inset #FEFFFF 0 1px 1px 0;
-moz-box-shadow:inset #FEFFFF 0 1px 1px 0;
box-shadow:inset #FEFFFF 0 1px 1px 0;
background-color:#F7F5F6;
background:url(/img/checkmark.svg) no-repeat 15px 7px / 18px 18px,-webkit-gradient(linear,left top,left bottom,from(#F7F5F6),to(#DDDDDD));
background:url(/img/checkmark.svg) no-repeat 15px 7px / 18px 18px,-webkit-linear-gradient(top,#F7F5F6,#DDDDDD);
background:url(/img/checkmark.svg) no-repeat 15px 7px / 18px 18px,-moz-linear-gradient(top,#F7F5F6,#DDDDDD);
background:url(/img/checkmark.svg) no-repeat 15px 7px / 18px 18px,-ms-linear-gradient(top,#F7F5F6,#DDDDDD);
background-image:url(/img/checkmark.svg) no-repeat 15px 7px / 18px 18px,linear-gradient(to bottom,#F7F5F6,#DDDDDD);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6,endColorstr=#DDDDDD);
}
.button_style_1:link,.button_style_1:active,.button_style_1:visited{
background:#D4D4D4;
background-size:18px 18px;
max-width:250px;
border:0;
text-align:center;
padding:6px 15px;
margin:10px auto;
line-height:13.3333px;
text-rendering:auto;
color:#000 !important;
letter-spacing:normal;
word-spacing:normal;
text-transform:none;
text-indent:0px;
text-shadow:none;
display:inline-block;
font:13.3333px Arial;
color:#333;
border:1px solid #CCCCCC;
-webkit-box-shadow:inset #FEFFFF 0 1px 1px 0;
-moz-box-shadow:inset #FEFFFF 0 1px 1px 0;
box-shadow:inset #FEFFFF 0 1px 1px 0;
background-color:#F7F5F6;
background:-webkit-gradient(linear,left top,left bottom,from(#F7F5F6),to(#DDDDDD));
background:-webkit-linear-gradient(top,#F7F5F6,#DDDDDD);
background:-moz-linear-gradient(top,#F7F5F6,#DDDDDD);
background:-ms-linear-gradient(top,#F7F5F6,#DDDDDD);
background-image:linear-gradient(to bottom,#F7F5F6,#DDDDDD);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6,endColorstr=#DDDDDD);
}
.button_style_5:link,.button_style_5:active,.button_style_5:visited{
background-size:18px 18px;
max-width:250px;
border:0;
text-align:center;
padding:6px 15px;
margin:5px;
line-height:13.3333px;
text-rendering:auto;
color:#FFF !important;
letter-spacing:normal;
word-spacing:normal;
text-transform:none;
text-indent:0px;
text-shadow:none;
display:inline-block;
font:13.3333px Arial;
color:#333;
border:1px solid #CCCCCC;
background:#4E5461;
}
.button_style_5:hover{
cursor:pointer;
border:1px solid #ADADAD;
background:#6d0019;
}
.icon-cart{
position:relative;
padding-left:30px !important;
}
.icon-cart:before{
content:' ';
background-image:url('/img/icons/cart_off.svg');
background-size:15px 15px;
background-repeat:no-repeat;
position:absolute;
left:1px;
top:5px;
height:18px;
width:18px;
margin-left:.5em;
overflow:visible;
display:inline-block;
line-height:24px;
z-index:1;
}
.icon-cart-on{
position:relative;
padding-left:30px !important;
}
.icon-cart-on:before{
content:' ';
background-image:url('/img/icons/cart_on.svg');
background-size:15px 15px;
background-repeat:no-repeat;
position:absolute;
left:1px;
top:5px;
height:18px;
width:18px;
margin-left:.5em;
overflow:visible;
display:inline-block;
line-height:24px;
z-index:1;
}
.button_style_2:link,.button_style_2:active,.button_style_2:visited{
background:#D4D4D4;
max-width:130px;
border:0;
text-align:center;
padding:6px 15px ;
line-height:13.3333px;
text-rendering:auto;
color:initial;
letter-spacing:normal;
word-spacing:normal;
text-transform:none;
text-indent:0px;
text-shadow:none;
display:inline-block;
font:13.3333px Arial;
color:#333;
border:1px solid #CCCCCC;
-webkit-box-shadow:inset #FEFFFF 0 1px 1px 0;
-moz-box-shadow:inset #FEFFFF 0 1px 1px 0;
box-shadow:inset #FEFFFF 0 1px 1px 0;
background-color:#F7F5F6;
background:-webkit-gradient(linear,left top,left bottom,from(#F7F5F6),to(#DDDDDD));
background:-webkit-linear-gradient(top,#F7F5F6,#DDDDDD);
background:-moz-linear-gradient(top,#F7F5F6,#DDDDDD);
background:-ms-linear-gradient(top,#F7F5F6,#DDDDDD);
background-image:linear-gradient(to bottom,#F7F5F6,#DDDDDD);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6,endColorstr=#DDDDDD);
}
.button_style_1:hover,.button_style_2:hover{
cursor:pointer;
border:1px solid #ADADAD;
background-color:#E0E0E0;
background:-webkit-gradient(linear,left top,left bottom,from(#E0E0E0),to(#BDBBBC));
background:-webkit-linear-gradient(top,#E0E0E0,#BDBBBC);
background:-moz-linear-gradient(top,#E0E0E0,#BDBBBC);
background:-ms-linear-gradient(top,#E0E0E0,#BDBBBC);
background:linear-gradient(to bottom,#E0E0E0,#BDBBBC);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E0E0E0,endColorstr=#BDBBBC);
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.form_input_button:hover,.form_input_login:hover{
cursor:pointer;
border:1px solid #ADADAD;
background-color:#E0E0E0;
background:url(/img/checkmark.svg) no-repeat 15px 7px / 18px 18px,-webkit-gradient(linear,left top,left bottom,from(#E0E0E0),to(#BDBBBC));
background:url(/img/checkmark.svg) no-repeat 15px 7px / 18px 18px,-webkit-linear-gradient(top,#E0E0E0,#BDBBBC);
background:url(/img/checkmark.svg) no-repeat 15px 7px / 18px 18px,-moz-linear-gradient(top,#E0E0E0,#BDBBBC);
background:url(/img/checkmark.svg) no-repeat 15px 7px / 18px 18px,-ms-linear-gradient(top,#E0E0E0,#BDBBBC);
background:url(/img/checkmark.svg) no-repeat 15px 7px / 18px 18px,linear-gradient(to bottom,#E0E0E0,#BDBBBC);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E0E0E0,endColorstr=#BDBBBC);
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.button_style_3:link,.button_style_3:active,.button_style_3:visited{
background:#D4D4D4;
border:0;
font-size:14px;
text-align:center;
padding:20px 30px ;
line-height:13.3333px;
text-rendering:auto;
color:#FFFFFF !important;
letter-spacing:normal;
word-spacing:normal;
text-transform:none;
text-indent:0px;
text-shadow:none;
display:inline-block;
border:1px solid #689F38;
border-top-color:#689F38;
border-left-color:#108d13;
border-right-color:#108d13;
border-bottom-color:#007503;
background:#689F38;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#96C22B",endColorstr="#689F38");
background:-webkit-gradient(linear,left top,left bottom,from(#96C22B),to(#689F38));
background:-moz-linear-gradient(top,#96C22B,#689F38);
background-image:linear-gradient(to bottom,#96C22B 0,#689F38 100%);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.065);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.065);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.065);
text-shadow:0 1px 0 rgba(0,0,0,0.05);
}
.button_style_3:hover{
background:#96C22B;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#A3C626",endColorstr="#96C22B");
background:-webkit-gradient(linear,left top,left bottom,from(#A3C626),to(#96C22B));
background:-moz-linear-gradient(top,#A3C626,#96C22B);
background-image:linear-gradient(to bottom,#A3C626 0,#96C22B 100%);
}
.gekauft{
background-color:#960100;color:#FFFFFF;
font-size:14px;
font-weight:700;
text-align:center;
padding:5px;
width:auto;
display:block;
position:absolute;
right:10px;
top:0px;
}
.product{
display:flex;
margin-bottom:20px;
padding:10px;
}
.product:nth-child(even){
background-color:#f7f7f7;
}
.product img{
max-width:100%;
margin-right:20px;
}
.product-img{
}
.product-details{
flex:1;
}
.product-details h2{
margin-top:0;
}
/* --- css/price.css --- */
.price_normal{
clear:both;
font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans",Verdana,"sans-serif";
}
.price_reduce{
font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans",Verdana,"sans-serif";
display:flex;
align-items:flex-start;
min-height:70px;
flex-wrap:nowrap;
flex-direction:row;
align-content:center;
justify-content:flex-end;
}
.price_reduce .price_old{
display:block;
font-size:12px;
color:#999999;
min-width:80px;
}
.price_reduce .title{
width:100%;
}
.price_reduce .price_old span{
text-decoration-line:line-through;
}
.price_reduce .price_new{
display:block;
padding:5px;
font-size:30px;
line-height:25px;
}
.price_reduce .price_new sup{
font-size:15px;
padding:0px 3px;
}
.price_reduce .discount{
width:60px;
display:block;
background-color:#CC0A39;
color:#FFFFFF;
padding:5px;
font-size:15px;
line-height:18px;
margin-top:5px;
}
/* --- css/sticky.css --- */
.sticky{
font-size:.8em ;
font-weight:normal;
margin:0;
}
.sticky .preis{
font-size:1em ;
}
.sticky h2{
margin:0;
}
.sticky ul li{
list-style:none;
}
.sticky ul{
padding:0em 2em;
}
.sticky ul li .kartka{
text-decoration:none;
color:#000;
background:#ffc;
display:block;
width:200px;
padding:.5em;
-moz-box-shadow:5px 5px 7px rgba(33,33,33,0.2);
-webkit-box-shadow:5px 5px 7px rgba(33,33,33,.2);
box-shadow:5px 5px 7px rgba(33,33,33,.2);
-moz-transition:-moz-transform .15s linear;
-o-transition:-o-transform .15s linear;
-webkit-transition:-webkit-transform .15s linear;
}
.sticky ul li{
margin:1em;
float:left;
}
.sticky ul li h2{
font-size:100%;
font-weight:bold;
padding-bottom:10px;
}
.sticky ul li p{
font-family:"Reenie Beanie",arial,sans-serif;
font-size:180%;
}
.sticky ul li .kartka{
-webkit-transform:rotate(-6deg);
-o-transform:rotate(-6deg);
-moz-transform:rotate(-6deg);
}
.sticky ul li:nth-child(even) .kartka{
-o-transform:rotate(4deg);
-webkit-transform:rotate(4deg);
-moz-transform:rotate(4deg);
position:relative;
top:5px;
background:#cfc;
}
.sticky ul li:nth-child(3n) .kartka{
-o-transform:rotate(-3deg);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
position:relative;
top:-5px;
background:#ccf;
}
.sticky ul li:nth-child(5n) .kartka{
-o-transform:rotate(5deg);
-webkit-transform:rotate(5deg);
-moz-transform:rotate(5deg);
position:relative;
top:-10px;
}
.sticky ul li .kartka:hover,ul li .kartka:focus{
-moz-box-shadow:5px 5px 7px rgba(33,33,33,0.2);
-webkit-box-shadow:5px 5px 7px rgba(33,33,33,.2);
box-shadow:5px 5px 7px rgba(33,33,33,.2);
-webkit-transform:scale(1.15);
-moz-transform:scale(1.15);
-o-transform:scale(1.15);
position:relative;
z-index:5;
}
.sticky ol{text-align:center;}
.sticky ol li{display:inline;padding-right:1em;}
.sticky ol li .kartka{color:#fff;}
/* --- css/mobile.css --- */
@media only screen and (min-width:300px){
.slide-in #right{
display:block;
}
#RechtsTopten,#RechtsZufallartikel,#RechtsObserved,#RechtsUserbox{
display:none;
}
#RechtsWarenkorb{
display:block;
}
div.top{
display:block;
width:100%;
padding:0;
margin:0 auto;
height:40px;
position:relative;
text-align:right;
}
div.top .Langs{
position:absolute;
right:0;
top:5px;
}
div.top .TrendLogo img{
width:116px;
height:auto;
}
.menu-icon{
display:none;
}
.loginForm{
margin:20px 0;
}
ul.dropdown ul{
width:100% !important;
}
ul.dropdown li{
font-weight:bold;
float:none;
zoom:1;
width:100%;
}
ul.dropdown li:last-child{
font-weight:bold;
float:none;
zoom:1;
width:100% !important;
text-align:center;
}
ul.dropdown li:last-child input[type=text],
ul.dropdown li:last-child input[type=password]{
border:1px solid #333333;
}
ul.dropdown li a{
width:100% !important;
padding:4px 0 !important;
}
ul.dropdown li ul li{
font-weight:bold;
float:none;
zoom:1;
width:100%;
}
ul.dropdown li ul li a{
width:100% !important;
padding:4px 0 !important;
}
.ItemImg{
width:40% !important;
}
.ItemImg a img{
width:90%;
height:auto;
}
.ItemContent{
width:50% !important;
}
}
@media only screen and (min-width:480px){
.ItemImg{
width:40% !important;
}
.ItemImg a img{
width:90%;
height:auto;
}
.ItemContent{
width:55% !important;
}
}
@media only screen and (min-width:768px){
.ItemImg{
width:20% !important;
}
.ItemImg a img{
width:90%;
height:auto;
}
.ItemContent{
width:75% !important;
}
ul.dropdown ul{
width:100% !important;
}
ul.dropdown li{
font-weight:bold;
float:left;
zoom:1;
width:inherit;
}
ul.dropdown li:last-child{
font-weight:bold;
float:left;
zoom:1;
width:auto !important;
}
ul.dropdown li a{
width:70px !important;
padding:4px 15px !important;
}
ul.dropdown li ul li{
font-weight:bold;
float:left;
zoom:1;
width:255px;
}
ul.dropdown li ul li a{
width:200px !important;
padding:4px 25px !important;
}
ul.dropdown li:nth-child(7) ul li a{
width:148px !important;
padding:4px 25px !important;
}
}
@media only screen and (min-width:1024px){
.menu-icon{
display:none;
}
.ItemImg{
width:25% !important;
}
.ItemContent{
width:70% !important;
}
ul.dropdown li a{
width:90px !important;
padding:4px 25px !important;
}
}
@media only screen and (max-device-width:480px),
only screen and (max-width:480px){
.naviNew A:link,.naviNew A:hover,.naviNew A:visited{
font-size:18px !important;
font-weight:500;
}
.naviNew > li > span{
font-size:15px !important;
font-weight:500;
}
.WarenkorbHeader,#RechtsWarenkorb{
width:100% !important;
display:table;
}
.WarenkorbBody{
text-align:center;
margin:10px auto;
max-width:100% !important;
}
.CartItem{
height:80px !important;
}
.CartItem td,.WarenkorbBody a,.WarenkorbBody div{
font-size:22px !important;
}
.CartItem,#showCartBox td{
font-size:22px !important;
}
.CartItemImg{
width:140px !important;
}
.CartItemImg img{
width:120px !important;
}
.CartItemBtn{
width:50px !important;
}
.CartItemBtn img{
width:40px !important;
height:40px !important;
}
div.top .Suchen_Top{
width:450px;
padding:30px 10px !important;
position:relative;
clear:both;
margin:10px auto !important;
}
ul.dropdown li ul li a{
width:100% !important;
padding:5px !important;
font-weight:700 !important;
}
#content3,#content3 > table,#content2,#content2 > table{
max-width:100% !important;
}
#content2 form[name='step2'] td{
float:left !important;
width:100% !important;
display:block !important;
text-align:left !important;
}
#content2 form[name='step3'] table{
max-width:100% !important;
}
#content2 form[name='step4'] table{
max-width:100% !important;
}
#naviFixedBar{
height:50px !important;
}
}
/* --- css/uklad.css --- */
#seite{
width:auto;
max-width:1050px;
margin:0 auto;
background-image:none;
}
div.seite{
width:100%;
max-width:1050px;
margin:0 auto;
box-sizing:border-box;
}
#left{
display:none;
}
#content{
width:100%;
margin:0;
margin-top:10px;
}
#right{
width:100%;
clear:both;
}
#MobileKategorie{
display:block;
}
#MobileKategorie li{
float:left;
padding:5px;
width:45%;
}
#TopBanner{
width:100%;
height:auto;
}
@media only screen and (min-width:900px){
#seite{
position:static;
overflow:auto;
height:auto;
-webkit-transition:none;
transition:none;
background-image:url(/img/background/absurdidad_2.png);
}
#left{
display:block;
width:20.667%;
}
#content{
width:59.048%;
margin-left:0;
margin-top:0;
}
#right{
display:block;
width:20%;
clear:none;
}
#RechtsTopten,
#RechtsZufallartikel,
#RechtsObserved,
#RechtsUserbox,
#RechtsWarenkorb{
display:block;
}
#MobileKategorie{
display:none;
}
.slide-in{
display:none;
}
.empfehlung{
display:block;
}
.naviFixedBarContainer{
width:auto;
max-width:1050px;
margin:0 auto;
}
div.top{
width:auto;
max-width:1050px;
height:91px;
padding:0 2px;
margin:0 auto;
}
.UserBoxHeader,
.WarenkorbHeader{
width:auto;
max-width:100%;
}
#VatInfo{
width:auto;
max-width:100%;
}
}
.VersionBar{
background-color:#f2f3f5;
width:100%;
height:auto;
min-height:34px;
border-bottom:1px solid #e0e2e6;
border-radius:2px 2px 0 0;
padding:0 12px;
box-sizing:border-box;
}
.VersionBar ul{
display:flex;
align-items:center;
flex-wrap:nowrap;
gap:8px;
min-height:34px;
margin:0;
padding:0;
list-style:none;
box-sizing:border-box;
}
.VersionBar ul li{
float:none;
margin:0;
padding:0;
height:auto;
border-left:none;
position:relative;
flex:0 0 auto;
white-space:nowrap;
}
.VersionBar ul li:first-child{
flex:1 1 auto;
min-width:0;
text-align:left;
overflow:hidden;
}
.VersionBar ul li:first-child h1,
.VersionBar ul li:first-child h2{
margin:0;
font-size:16px;
line-height:1.3;
color:#4E5460;
text-align:left;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.VersionBar ul li:nth-child(2){
margin-left:auto;
}
.VersionBar ul li:has(.pagingPerPage){
order:3;
}
.VersionBar ul li img{
vertical-align:middle;
}
.VersionBar ul li a{
font-size:14px;
font-family:Arial,Helvetica,sans-serif;
color:#505362;
text-decoration:none;
display:inline-block;
padding:0 8px;
line-height:32px;
}
.VersionBar ul li a:hover,
.VersionBar ul li.active a:link{
color:#960001;
}
@media only screen and (max-width:640px){
.VersionBar ul{
flex-wrap:wrap;
padding:6px 0;
}
.VersionBar ul li:first-child{
flex:1 1 100%;
}
.VersionBar ul li:nth-child(2){
margin-left:0;
}
}
/* --- css/modal.css --- */
@keyframes spModalTlo{
from{opacity:0;}
to{opacity:1;}
}
@keyframes spModalOkno{
from{opacity:0;transform:translateY(14px) scale(.985);}
to{opacity:1;transform:none;}
}
.spModal{
animation:spModalTlo 180ms ease-out both;
-webkit-backdrop-filter:blur(4px);
backdrop-filter:blur(4px);
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(17,20,28,.55);
z-index:99999;
display:flex;
align-items:center;
justify-content:center;
padding:16px;
box-sizing:border-box;
font-family:Arial,Helvetica,sans-serif;
}
.spModal__box{
animation:spModalOkno 200ms cubic-bezier(.2,.8,.3,1) both;
background:#fff;
width:100%;
max-width:460px;
max-height:90vh;
display:flex;
flex-direction:column;
border-radius:4px;
box-shadow:0 10px 40px rgba(0,0,0,.3);
box-sizing:border-box;
overflow:hidden;
}
.spModal__head{
display:flex;
align-items:center;
gap:12px;
padding:14px 16px;
background:#f2f3f5;
border-bottom:1px solid #e0e2e6;
}
.spModal__title{
flex:1 1 auto;
min-width:0;
margin:0;
font-size:15px;
font-weight:700;
color:#1f2430;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.spModal__close{
flex:0 0 auto;
width:28px;
height:28px;
padding:0;
border:0;
background:none;
color:#505362;
font-size:22px;
line-height:1;
cursor:pointer;
border-radius:3px;
}
.spModal__close:hover{
background:#e3e5e9;
color:#960001;
}
.spModal__body{
flex:1 1 auto;
min-height:0;
overflow-y:auto;
padding:16px;
}
.spModal__foot{
flex:0 0 auto;
display:flex;
justify-content:flex-end;
gap:8px;
padding:12px 16px;
background:#fafbfc;
border-top:1px solid #e0e2e6;
}
.spModal__foot > span{
display:flex;
gap:8px;
}
.spForm__pole{
margin:0 0 12px;
}
.spForm__pole label{
display:block;
margin:0 0 4px;
font-size:12px;
color:#505362;
cursor:pointer;
}
.spForm__pole input,
.spForm__pole textarea{
width:100%;
box-sizing:border-box;
padding:7px 9px;
border:1px solid #c9ccd2;
border-radius:3px;
font-family:inherit;
font-size:13px;
color:#222;
background:#fff;
}
.spForm__pole textarea{
resize:vertical;
min-height:60px;
}
.spForm__pole input:focus,
.spForm__pole textarea:focus{
border-color:#6366f1;
outline:0;
}
.spForm__status{
margin:4px 0 0;
font-size:13px;
line-height:1.45;
color:#505362;
}
.spForm__status--ok{
color:#1b5e20;
font-weight:700;
}
.spForm__status--blad{
color:#960001;
font-weight:700;
}
.spPulapka{
position:absolute;
left:-9999px;
top:-9999px;
height:0;
overflow:hidden;
}
.spBtn{
padding:7px 18px;
border:1px solid #c9ccd2;
border-radius:3px;
background:#fff;
color:#505362;
font-family:inherit;
font-size:13px;
cursor:pointer;
}
.spBtn:hover{
border-color:#960001;
color:#960001;
}
.spBtn--glowny{
border-color:#960001;
background:#960001;
color:#fff;
font-weight:700;
}
.spBtn--glowny:hover{
background:#7a0001;
border-color:#7a0001;
color:#fff;
}
.spBtn[disabled]{
opacity:.55;
cursor:not-allowed;
}
@media only screen and (max-width:520px){
.spModal__box{
max-height:100%;
}
.spModal__foot{
flex-direction:column-reverse;
}
.spModal__foot > span{
flex-direction:column-reverse;
width:100%;
}
.spBtn{
width:100%;
}
}
.spModal--galeria .spModal__box{
max-width:1600px;
max-width:min(1600px,calc(163.5vh - 223px));
width:100%;
height:92vh;
max-height:92vh;
background:#fff;
border-radius:10px;
box-shadow:0 28px 70px rgba(20,23,31,.32);
overflow:hidden;
}
.spModal--galeria{
background:rgba(38,42,52,.38);
}
.spModal--galeria .spModal__head{
background:none;
border:0;
padding:6px 8px 0;
position:relative;
z-index:2;
}
.spModal--galeria .spModal__close{
margin-left:auto;
width:30px;
height:30px;
font-size:22px;
color:#505362;
background:#f2f3f5;
transition:background-color 140ms ease,color 140ms ease,transform 140ms ease;
}
.spModal--galeria .spModal__close:hover{
background:#960001;
color:#fff;
transform:rotate(90deg);
}
.spModal--galeria .spModal__body{
padding:2px 10px 10px;
overflow:hidden;
display:flex;
min-height:0;
}
.spGal{
position:relative;
display:flex;
flex-direction:column;
flex:1 1 auto;
min-height:0;
width:100%;
}
.spGal__scena{
display:flex;
align-items:center;
justify-content:center;
flex:1 1 0%;
min-height:0;
position:relative;
padding:4px;
border-radius:8px;
background:linear-gradient(160deg,#fafbfc 0%,#eef0f4 100%);
box-shadow:inset 0 1px 3px rgba(20,23,31,.06);
}
.spGal__stos{
position:relative;
display:block;
width:100%;
height:100%;
}
.spGal__img{
width:100%;
height:100%;
object-fit:contain;
display:block;
border-radius:5px;
opacity:1;
}
.spModal__box--plynne{
transition:width 180ms ease,height 180ms ease;
}
.spGal__scena--wczytuje::before,
.spGal__scena--wczytuje::after{
content:"";
position:absolute;
top:50%;
left:50%;
width:38px;
height:38px;
margin:-19px 0 0 -19px;
border-radius:50%;
box-sizing:border-box;
}
.spGal__scena--wczytuje::before{
border:3px solid rgba(80,83,98,.14);
}
.spGal__scena--wczytuje::after{
border:3px solid transparent;
border-top-color:#960001;
border-right-color:#960001;
animation:spGalObrot 720ms linear infinite;
animation-delay:250ms;
opacity:0;
animation-fill-mode:forwards;
}
@keyframes spGalObrot{
from{transform:rotate(0deg);opacity:1;}
to{transform:rotate(360deg);opacity:1;}
}
.spGal__nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:46px;
height:46px;
border:1px solid #e0e2e6;
border-radius:50%;
background:rgba(255,255,255,.94);
color:#505362;
font-size:26px;
line-height:1;
cursor:pointer;
box-shadow:0 3px 12px rgba(20,23,31,.14);
transition:background-color 140ms ease,color 140ms ease,
border-color 140ms ease,box-shadow 140ms ease;
}
.spGal__nav:focus,
.spGal__nav:focus-visible{
border-radius:50%;
outline-offset:2px;
}
.spGal__nav:hover{
background:#960001;
border-color:#960001;
color:#fff;
box-shadow:0 6px 18px rgba(150,0,1,.34);
}
.spGal__nav--prev{left:14px;}
.spGal__nav--next{right:14px;}
.spGal__licznik,
.spGal__pasek{flex:0 0 auto;}
.spGal__licznik{
text-align:center;
margin:6px 0 0;
font-size:11px;
font-weight:700;
letter-spacing:.04em;
color:#8a909c;
}
.spGal__pasek{
display:flex;
flex-wrap:nowrap;
overflow-x:auto;
overflow-y:hidden;
justify-content:center;
gap:6px;
margin:0 0 6px;
padding-bottom:2px;
scrollbar-width:thin;
}
.spGal__mini{
width:96px;
height:54px;
flex:0 0 auto;
object-fit:cover;
border:2px solid #e6e8ec;
border-radius:5px;
background:#fff;
cursor:pointer;
opacity:1;
transition:border-color 140ms ease,transform 140ms ease,
box-shadow 140ms ease;
}
.spGal__mini:hover{
transform:translateY(-2px);
box-shadow:0 4px 12px rgba(20,23,31,.16);
}
.spGal__mini--akt{
opacity:1;
border-color:#960001;
box-shadow:0 0 0 2px rgba(150,0,1,.16);
}
@media only screen and (max-width:900px){
.spModal--galeria .spModal__box{height:auto;max-height:92vh;}
.spGal__scena{flex:1 1 auto;min-height:0;height:56.25vw;}
}
@media only screen and (max-width:640px){
.spGal__nav{width:38px;height:38px;font-size:22px;}
.spGal__nav--prev{left:2px;}
.spGal__nav--next{right:2px;}
.spGal__mini{width:80px;height:45px;}
.spModal--galeria{padding:8px;}
.spModal--galeria .spModal__body{padding:2px 4px 6px;}
}
#content .spLupa{
position:absolute;
right:6px;
bottom:6px;
width:30px;
height:30px;
padding:0;
border:0;
background-color:transparent;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2333374a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M11 8v6M8 11h6M16.5 16.5L21 21'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:center;
background-size:17px 17px;
filter:drop-shadow(0 0 2px rgba(255,255,255,.95))
drop-shadow(0 1px 1px rgba(255,255,255,.8));
cursor:pointer;
opacity:0;
transition:opacity 140ms ease;
z-index:2;
}
#content .sortItem__media:hover .spLupa,
#content .sortTile__media:hover .spLupa,
#content .spLupa:focus{
opacity:1;
}
#content .spLupa:hover{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23960001' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M11 8v6M8 11h6M16.5 16.5L21 21'/%3E%3C/svg%3E");
}
@media (hover:none){
#content .spLupa{
opacity:1;
width:34px;
height:34px;
background-size:19px 19px;
}
}
@media (prefers-reduced-motion:reduce){
.spModal,
.spModal__box{
animation:none;
}
.spGal__mini:hover,
.spModal--galeria .spModal__close:hover{
transform:none;
}
.spModal__box--plynne{
transition:none;
}
.spGal__scena--wczytuje::after{
animation:none;
opacity:1;
}
}
#content .spLupa--srodek{
top:50%;
left:50%;
right:auto;
bottom:auto;
transform:translate(-50%,-50%) scale(.9);
width:48px;
height:48px;
border-radius:0;
background-color:transparent;
box-shadow:none;
background-size:30px 30px;
transition:opacity 160ms ease,transform 160ms ease;
}
#content .ArtThumb:hover .spLupa--srodek,
#content .sortItem__media:hover .spLupa--srodek,
#content .sortTile__media:hover .spLupa--srodek,
#content .spLupa--srodek:focus{
opacity:1;
transform:translate(-50%,-50%) scale(1);
}
#content .spLupa--srodek:hover{
transform:translate(-50%,-50%) scale(1.06);
}
@media (hover:none){
#content .spLupa--srodek{
opacity:.7;
transform:translate(-50%,-50%) scale(1);
width:48px;
height:48px;
background-size:30px 30px;
}
}
@media (prefers-reduced-motion:reduce){
#content .spLupa--srodek,
#content .ArtThumb:hover .spLupa--srodek,
#content .sortItem__media:hover .spLupa--srodek,
#content .sortTile__media:hover .spLupa--srodek,
#content .spLupa--srodek:hover{
transform:translate(-50%,-50%);
}
}
/* --- css/prawa-kolumna.css --- */
#right > table,
#right > table > tbody,
#right > table > tbody > tr > td{
display:block;
width:100%;
box-sizing:border-box;
}
#RechtsWarenkorb > td,
#RechtsTopten > td,
#RechtsZufallartikel > td,
#RechtsObserved{
background:#fff;
border:1px solid #d9d9d9;
border-radius:3px;
overflow:hidden;
margin:0 0 12px;
font-family:Arial,Helvetica,sans-serif;
}
.WarenkorbHeader,
.SearchHeader,
.TopHeaderAccordion,
.TopTenHeader,
.ObservedHeader,
.UserBoxHeader,
.DefaultHeader{
background:#f2f3f5;
background-image:none;
border:0;
border-bottom:1px solid #e0e2e6;
margin:0;
padding:8px 12px;
color:#4E5460;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
text-align:left;
cursor:default;
}
#accordion .TopHeaderAccordion{
border-top:1px solid #e0e2e6;
}
#accordion .TopHeaderAccordion:first-child{
border-top:0;
}
.BodyAccordion,
.ObservedBody,
.DefaultBody,
.WarenkorbBody{
background:#fff;
margin:0;
padding:8px;
padding-bottom:8px;
}
.TopTenBody{
background:#fff;
}
.TopTenBody > table > tbody > tr{
background:#fff;
}
.TopTenBody > table > tbody > tr:nth-of-type(even){
background:#f8f9fb;
}
.TopTenBody > table > tbody > tr:hover{
background:#eef0fb;
box-shadow:inset 3px 0 0 #6366f1;
}
.TopTenBody > table > tbody > tr > td{
border-top:1px solid #ececec;
padding:8px 6px;
}
.TopTenBody > table > tbody > tr:first-child > td{
border-top:0;
}
#right .TopTenBody .t_klein,
#right .TopTenBody font{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
#right .TopTenBody span[itemtype*="Product"] > table td.t_klein:first-child{
color:#222;
font-weight:bold;
line-height:1.35;
padding-bottom:4px;
}
#right .TopTenBody img{
border-radius:2px;
max-width:100%;
height:auto;
}
#RechtsObserved .ObservedBody{
padding:8px;
text-align:center;
}
#RechtsObserved #ObservedBox{
font-size:12px;
color:#767b8a;
}
#RechtsObserved #ObservedBox a{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
padding:9px 10px;
background:#f2f3f5;
border-radius:2px;
color:#222;
font-size:12px;
text-decoration:none;
transition:background-color 140ms ease,color 140ms ease;
}
#RechtsObserved #ObservedBox a::before{
content:"";
flex:0 0 auto;
width:16px;
height:16px;
background:url(/img/icons/list_on.svg) no-repeat center;
background-size:contain;
}
#RechtsObserved #ObservedBox a:hover{
background:#eef0fb;
color:#960001;
}
#RechtsObserved #ObservedBox strong{font-weight:bold;}
#RechtsWarenkorb .CartLista{
overflow-y:auto;
max-height:320px;
}
#RechtsWarenkorb .CartLista::-webkit-scrollbar{width:8px;}
#RechtsWarenkorb .CartLista::-webkit-scrollbar-thumb{
background:#d9d9d9;
border-radius:4px;
}
#RechtsWarenkorb .CartLista::-webkit-scrollbar-track{background:transparent;}
#RechtsWarenkorb .CartItem{
display:flex;
align-items:center;
gap:8px;
padding:6px 2px;
border-bottom:1px solid #ececec;
}
#RechtsWarenkorb .CartItem:last-child{border-bottom:0;}
#RechtsWarenkorb .CartItemImg{flex:0 0 auto;}
#RechtsWarenkorb .CartItemImg img{
display:block;
width:40px;
height:auto;
border:1px solid #e0e0e0;
border-radius:2px;
}
#RechtsWarenkorb .CartItemBody{
flex:1 1 auto;
min-width:0;
text-align:left;
}
#RechtsWarenkorb .CartItemBody a{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:12px;
font-weight:bold;
color:#222;
text-decoration:none;
}
#RechtsWarenkorb .CartItemBody a:hover{color:#960001;}
#RechtsWarenkorb .CartItemPreis{
display:block;
font-size:11px;
color:#555;
}
#RechtsWarenkorb .CartItemBtn{flex:0 0 auto;}
#RechtsWarenkorb .CartItemUsun{
display:flex;
align-items:center;
justify-content:center;
width:22px;
height:22px;
border-radius:50%;
background:#f2f3f5;
color:#4E5460;
font-size:15px;
line-height:1;
text-decoration:none;
transition:background-color 140ms ease,color 140ms ease;
}
#RechtsWarenkorb .CartItemUsun:hover{
background:#960001;
color:#fff;
}
#RechtsWarenkorb .CartSuma,
#RechtsWarenkorb .CartSuma tbody{
display:block;
width:100%;
margin:0;
}
#RechtsWarenkorb .CartSuma tr{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
padding:8px 2px 2px;
}
#RechtsWarenkorb .CartSuma td{
display:block;
padding:0;
vertical-align:middle;
}
#RechtsWarenkorb .CartSuma td:empty{display:none;}
#RechtsWarenkorb .CartSumaKwota{
margin-left:auto;
font-size:16px;
font-weight:bold;
color:#222;
white-space:nowrap;
}
#RechtsWarenkorb .CartSuma td:last-child{flex:1 1 100%;}
#RechtsWarenkorb .CartWeiter{
display:block;
padding:8px 12px;
background:#960001;
border-radius:2px;
color:#fff;
font-size:12px;
font-weight:bold;
text-align:center;
text-decoration:none;
transition:background-color 140ms ease;
}
#RechtsWarenkorb .CartWeiter:hover{
background:#7a0001;
color:#fff;
}
#RechtsWarenkorb #VatInfo{
width:auto !important;
font-size:10px !important;
color:#767b8a !important;
padding:0 8px 6px;
text-align:center;
}
@media only screen and (max-width:899px){
#RechtsWarenkorb #VatInfo{font-size:16px !important;}
#RechtsWarenkorb .WarenkorbBody{padding:10px 8px;}
#RechtsWarenkorb .CartItemImg{width:auto !important;}
#RechtsWarenkorb .CartItemImg img{width:72px !important;}
#RechtsWarenkorb .CartItem{padding:8px 2px;}
#RechtsWarenkorb .CartItemUsun{
width:44px;
height:44px;
font-size:26px;
}
#RechtsWarenkorb .CartLista{max-height:60vh;}
#RechtsWarenkorb .CartSumaKwota{font-size:22px;}
#RechtsWarenkorb .CartWeiter{font-size:18px;padding:12px;}
#RechtsObserved #ObservedBox a{font-size:18px;padding:12px;}
#RechtsObserved #ObservedBox a::before{width:24px;height:24px;}
}