/* Reset */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;text-decoration:none;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} body { text-align: left; font-family: verdana, arial, "sans serif"; color: #525252; font-size: 16px; margin: 0; padding: 0; line-height: 1.4; /* background-image: url(../images/body_back.gif); */ /* background-repeat: repeat-x; */ } a { color: #FF9100; transition: all 0.3s ease 0s; } a:hover { color: #734026; } hr { border: 0; height: 1px; background-color: #525252; width: 100%; } i.mbri-search, i.mbri-user, i.mbri-shopping-cart, i.mbri-hearth { font-size: 25px; color: #8e8e8e; margin-right: 5px; position: relative; } i.mbri-search { margin-top: 10px; } p { line-height: 24px; font-size: 16px; } u { text-decoration: underline; } em { font-style: italic; } strong { font-weight: bold; } p.infoTextBox { display: block; margin-top: 15px; margin-bottom: 15px; padding: 9px; } h1 { font-size: 28px; padding-bottom: 16px; line-height: 140%; color: #000; } h2 { font-size: 24px; color: #000; line-height: 140%; padding: 16px 0; } h3, .einfacher-titel { display: block; clear: left; padding: 8px 0; font-size: 20px; color: #000; line-height: 130%; padding: 16px 0; } h4 { margin-top: 15px; font-size: 16px; margin-bottom: 15px; color: #000; line-height: 130%; padding: 16px 0; } body, header, nav { width: 100%; } div.container, nav ul, article, div.footerContainer, .copy { max-width: 1170px; margin: auto; position: relative; } div.container, .nav, body > article { padding: 0 25px; } header { background-color: #ffffff; display: block; min-height: 160px; position: relative; } header img { height: auto; padding: 20px 10px 0px 0px; width: 90%; } ul.meinKonto { margin-top: 45px; } ul.meinKonto li { display: inline-block; } ul.meinKonto li a div div i, ul.meinKonto li a i { float: left; margin-right: 12px; } i.mbri-shopping-cart span { font-family: arial, verdana; background-color: red; border-radius: 50px; color: #fff; font-size: 14px; position: absolute; top: -6px; left: 10px; width: 23px; height: 22px; text-align: center; line-height: 1.7em; } ul.meinKonto li a, div.topper div > div a { color: #000; padding-bottom: 5px; } ul.meinKonto li a span { line-height: 25px; } div.topper div > div { float: right; color: #ffffff; margin-top: 15px; } div.warenkorbBox { width: auto; padding: 5px 0px 8px 30px; position: relative; z-index: 100; } div.warenkorbBox div small > span { display: block; margin-top: 5px; } a.warenkorbLink { color: #000; } a.warenkorbLink:hover { color: #e96147; } nav ul { diplay: block; } section.oneCell { padding: 10px; background-color: #ffffff; line-height: 20px; margin-bottom: 25px; xborder: 1px solid #c7c7c7; margin-top: 25px; border-radius: 5px; } .festkleben { position: fixed; top: 0; width: 100%; /* opacity: 0.7; */ } .festkleben + article { padding-top: 30px; } article { clear: left; min-height: 800px; background-color: #ffffff; margin-top: 25px; } div.secondaryContent { width: 20%; float: left; margin-right: 2%; } div.secondaryContent div, div.secondaryContent nav { border-bottom: 2px solid #f5dcb3; margin-top: 15px; padding-bottom: 15px; } div.secondaryContent nav.bestseller { margin-bottom: 25px; } div.secondaryContent div p, div.secondaryContent nav ul { padding: 8px; padding-left: 0; padding-right: 0; } div.secondaryContent div div, div.secondaryContent nav div { padding: 8px; padding-left: 0; padding-right: 0; margin-bottom: 0; } div.mainContent { width: auto; } div.banner img { width: 100%; height: auto; } /* ************************** Artikel ************************ */ nav.bestseller ul li { list-style: decimal; margin-left: 18px; } nav.bestseller ul li small { display: block; line-height: 20px; margin-bottom: 6px; } section.kategorieText { clear: both; margin-bottom: 45px; } section.kategorieText h1 { margin-top: 0; } section.kategorieText div div a strong { background-color: #8E8E8E; color: #fff; display: block; padding: 8px; text-align: center; margin-bottom: 25px; margin-top: -7px; transition: all 0.3s ease 0s; background-image: url(../images/bg-navi.jpg); } section.kategorieText div div a:hover strong { background-color: #454545; color: #ff9100; } section.kategorieText div div a.desc-zwei:hover { box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.1), 0px 0px 4px 4px rgba(0, 0, 0, 0.1); } .desc-zwei { display: block; color: #000; } section.kategorieText ul, .artikelDetailTabBox ul { list-style: disc; margin-left: 30px; margin-top: 10px; margin-bottom: 10px; } section.kategorieText ul li, .artikelDetailTabBox ul li { /*rk line-height: 20px;*/ } /************************* Submit Button ***********************/ div.bestellButton { clear: both; padding-top: 10px; } div.submitButton { /* background-color: #e96147; */ background-color: #00c454; border-radius: 5px; text-align: center; margin-bottom: 7px; font-size: 120%; min-width: 130px; transition: all 0.2s ease 0s; } div.submitButton:hover input { transition: all 0.2s ease 0s; } .artikel-wk-button { width: 255px; } .artikel-wk-button a { padding: 12px !important; margin-right: 0 !important; } a.submitButtonAlternative, div.submitButtonAlternative, form div.submitButtonAlternative, form div.submitButtonAlternative input { background-color: #999999; } div.submitButtonAlternate, input.submitButtonAlternate { background-color: #999999; border-radius: 5px; text-align: center; margin-bottom: 7px; font-size: 120%; min-width: 130px; border: 0; color: #ffffff; text-transform: capitalize; } a.submitButtonAlternate { background-color: #fff; border: 1px solid #999999; border-radius: 5px; text-align: center; margin-bottom: 7px; font-size: 120%; min-width: 130px; color: #999999; padding: 19px; } div.submitButtonAlternate a, input.submitButtonAlternate { color: #ffffff; padding: 20px; display: inline-block; cursor: pointer; } input.submitButtonAlternate { padding: 20px; cursor: pointer; } div.submitButtonAlternate:not(:has(a)) { padding: 20px; } div.submitButton a { display: block; padding: 20px; } div.submitButton:not(:has(a)) { padding: 20px; } div.submitButton a, div.submitButton a strong.button, div.submitButton a strong, ul.artikelTabelle div.submitButton a strong { color: #ffffff; font-size: 100%; font-weight: normal; margin-bottom: 0px; padding-right: 0; text-align: center; display: block; } div.submitButton a, div.submitButton a strong.button { padding: 20px; } input.submitButton, .allgemeinSubmitButton { background-color: #00c454; padding: 20px; border-radius: 5px; text-align: center; margin-bottom: 7px; font-size: 120%; min-width: 130px; transition: all 0.2s ease 0s; cursor: pointer; color: #fff; border: 0; } input.submitButton:hover { background-color: #ff9100; } table.standard tr td div.wkButton { background-color: #8E8E8E; width: 120px; } table.standard tr td div.wkButton a { color: #fff; } /*** Paypal Buttons ***/ .paypal-buttons { clear: both; line-height: 130%; position: relative; z-index: 1; text-align: right; max-width: 350px; text-align: right; text-align: -moz-right; text-align: -webkit-right; } #paypal-button-container { /* width: 200px; */ position: relative; margin-top: 5px; } .paypal-buttons-wkpopup { margin: 7px; } #paypal-button-container-wkpopup { width: auto; position: relative; } #paypal-button-container-artikeldetail { margin: 5px 0px 0px 0px; width: 254px; position: relative; } #paypal-zahlpopup { min-width: 300px; width: auto; height: auto; display: none; position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); background-color: #f5f4f9; border-radius: 5px; padding: 10px; z-index: 10000; border: 1px solid black; box-shadow: grey; -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); text-align: center; } #paypal-zahlpopup img { margin-top: 10px; } #paypal-zahlpopup p { margin: 10px; font-size: 130%; font-weight: bold; } .paypal-hinweis-tooltip { position: relative; /* background-image: url('../images/fragezeichen.png'); */ display: inline-block; cursor: pointer; font-size: 11px; text-decoration: underline; } div.paypal-hinweis-text { display: none; position: absolute; border: 1px solid black; border-radius: 5px; padding: 5px; width: 190px; background-color: white; z-index: 1000; left: 0; top: 19px; line-height: 130%; font-size: 13px; } .paypal-hinweis-tooltip:hover .paypal-hinweis-text { display: block; } /*********** Artikel Listen Navigations Format ***********/ .weiterZurueckFormat { text-align: right; margin-bottom: 15px; } .weiterZurueckFormat h2, h2.brotkruemel, span.brotkruemel { display: block; text-align: left; border: 0; background-color: transparent; padding: 15px; padding-left: 0px; font-size: 14px; line-height: 20px; margin-bottom: 5px; } .weiterZurueckFormat h2 a, h2.brotkruemel a, span.brotkruemel a { color: #999999; } .weiterZurueckErweitert { padding: 5px; border-radius: 5px; } .weiterZurueckFormat form { margin-bottom: 15px; } span.au_page_active { padding: 3px 6px 3px 6px; margin: 2px; border: 1px solid #734026; background-color: #734026; color: #ffffff; } a.au_page_link:hover { border: 1px solid #734026; background-color: #734026; color: #ffffff; } a.au_page_link { padding: 3px 6px 3px 6px; border: 1px solid #f5dcb3; background-color: #f5dcb3; color: #734026; } span.artikelweiterButton a { font-weight: bold; font-size: 14px; margin: 5px; } span.artikelZurueckButton a { font-weight: bold; font-size: 14px; margin: 5px; } /************************* Artikeldetail Format ****************/ section.artikelDetailBox { width: 100%; } ul.artikelTabelle { width: 100%; margin-bottom: 25px; display: table; } ul.artikelTabelle li { display: table-cell; table-layout: fixed; border-spacing: 5px; position: relative; overflow: hidden; padding: 15px; margin: 2px; vertical-align: top; } ul.artikelTabelle li div.artikelDetailBildBox { position: relative; overflow: hidden; text-align: center; padding-top: 5px; width: 100%; text-align: center; } ul.artikelTabelle li div.artikelDetailBildBox span img { width: 65%; height: auto; } ul.artikelTabelle li div.artikelDetailBildBox a.artikelDetailBilder { display: block; float: left; width: 50px; height: 45px; padding-top: 5px; margin-right: 1px; margin-top: 5px; border: 1px solid #EEEEEE; overflow: hidden; } div.artikelDetailBildBox #wr360Wrapper { width: 100%; max-width: 475px; height: 475px; display:none; margin-left: auto; margin-right: auto; } #btnWebrotateFullscreen { position: absolute; right: max(0px, 50% - 475px / 2);; top: 30px; z-index: 1010; background-color: #eee; padding: 0px 5px; border-radius: 3px; cursor: pointer; font-size: 14px; } dialog#wr360BigDlg { /*display: none;*/ position: fixed; z-index: 1000; width: 800px; height: 800px; background-color: white; border-radius: 5px; border: 2px solid grey; } div#wr360BigWrapper { position: relative; height: 800px; } div#webrotateBigClose { position: absolute; left: 5px; top: 5px; z-index: 1010; width: 30px; height: 30px; background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } .artikelDetailBildViewButtons { position: absolute; right: max(0px, 50% - 475px / 2); z-index: 50; background-color: #fff; border-radius: 3px; } .artikelDetailBildViewButtons div { display: inline-block; background-color: #eee; padding: 0px 5px; border-radius: 3px; cursor: pointer; font-size: 14px; } .artikelDetailBildViewButtons div:hover { background-color: #ddd; } .artikelDetailBildViewButtons div.active { background-color: #888; color: #fff; /*border: 1px solid #888;*/ /*padding: 4px 9px;*/ } .swiper-container { width: 100%; height: auto; } .swiper-image { width: 100%; height: auto; } ul.artikelTabelle li.FuenfzigProzent { width: 50%; } ul.artikelTabelle li.artikelBildPlatz { width: 65%; } ul.artikelTabelle li strong { font-weight: bold; margin-bottom: 5px; } /* ****** Bestelluebersicht Details ***** */ .bemerkung { width: 98%; } section.artikelDetailBox h1 { margin-bottom: 10px; display: block; font-size: 200%; border-bottom: 1px solid #e4e4e4; margin-top: 0px; padding-bottom: 15px; } .mehrBilderBox { display: block; height: 55px; } ul.artikelTabelle li div.artikelDetailBildBox .mehrBilderBox img { width: 90%; height: auto; } section.artikelDetailBox div.artikelDetailBildBox strong { display: block; padding: 5px; clear: both; font-weight: normal; background-color: #EEEEEE; margin-top: 10px; } section.artikelDetailBox div.artikelDetailBildBox span.bewertungSterne { padding-bottom: 10px; display: block; } .artikelDetailInfos { margin-left: 3px; padding: 5px; min-width: 250px; } .artikelDetailInfos > span { display: block; margin-bottom: 15px; border-bottom: 1px solid #e4e4e4; padding-bottom: 15px; } .artikelDetailInfos strong, div.artikelDetailInfos small, div.artikelDetailInfos p { display: block; padding-right: 10px; font-size: 28px; font-weight: bold; color: #ff9100; margin-bottom: 10px; } .artikelDetailInfos small, div.artikelDetailInfos small a { color: #999999; font-size: 14px; margin-bottom: 5px; display: block; padding-bottom: 15px; } .artikelDetailInfos small#artikelLieferstatus { display: block; font-size: 100%; padding-top: 10px; padding-bottom: 10px; } .artikelDetailInfos small.info { font-size: 11px; color: #999999; padding-bottom: 5px; display: block; margin-bottom: 0; } .artikelDetailInfos small#artikelvoe { font-size: 15px; color: #734026; } .artikelDetailInfos small.black { color: #000000; font-size: 100%; } .artikelDetailInfos form span.artikelMenge { display: block; padding-right: 10px; margin-bottom: 10px; font-size: 16px; color: #000; } .artikelDetailInfos form span.artikelMenge input, div.artikelDetailInfos form select , .artikelDetailInfos form div.eingabefeld input{ font-size: 18px; border: 1px solid #eeeeee; border-radius: 3px; } /* .artikelDetailInfos div { margin-right: 5px; margin-left: 5px; } */ .artikelDetailInfos form div.eingabefeld input.error { border-color: red; } .artikelDetailInfos form div.eingabefeld input[type="checkbox"].error { outline: 3px solid red; } .artikelDetailInfos form div.eingabefeld label { display: block; width: 150px; float: left; } .artikelDetailInfos form div.eingabefeld { clear: both; } section.artikelDetailOther { clear: both; } section.artikelDetailOther h3 { margin-bottom: 0px; } textarea.artikelPartnerTextarea { width: 530px; height: 150px; border: 1px solid #6D808F; background-color: #EDEFF0; font-size: 10px; font-family: verdana, arial, "sans serif"; } div.artikelDetailTabBox { overflow: hidden; margin-bottom: 30px; } div.artikelDetailTabBox p, .newsBox p { margin-bottom: 15px; margin-top: 3px; } div.artikelDetailTabBox ul, div.artikelDetailTabBox ol, section.oneCell div ol, section.oneCell div ul { margin-left: 25px; margin-bottom: 25px; list-style: square; } div.artikelDetailTabBox ul li, div.artikelDetailTabBox ol li, section.oneCell div ol li, section.oneCell div ul li { list-style-type: disc; display: list-item; border: 0px; /*rk*/ padding: 0; overflow: visible; } div.artikelDetailTabBox ol li, section.oneCell div ol li { list-style-type: decimal; } ul.artikelTabelle li ul.artikelDetailTabNavi { margin: 0; padding: 0; list-style: none; clear: both; background-color: #e3e3e3; margin-bottom: 15px; border-spacing: 0; } ul.artikelDetailTabNavi a { display: block; padding-bottom: 1px; color: #ffffff; font-size: 16px; background-color: #9e9e9e; padding: 8px; margin: 8px 0px 8px 8px; border-radius: 4px; } ul.artikelDetailTabNavi li { border-spacing: 0; padding: 0; margin: 0; } div.facebookcount { float: right; } .facettenWrapper { padding: 10px; background-color: #ffffff; margin-bottom: 10px; } .artikelSubHeadline, #artikelPreisstaffel h3 { background: transparent; display: block; margin-bottom: 10px; margin-top: 15px; clear: left; color: #525252; text-shadow: 0 0 0 #ffffff; padding: 0; font-size: 18px; } div.newsBox img { float: left; margin-right: 10px; margin-bottom: 10px; width: 20%; height: auto; } /* ************************************* Bewertungen ********************************* */ div.bewertungContent { clear: both; width: 98%; } div.bewertungContent span { display: block; padding: 5px; line-height: 29px; text-align: center; float: left; background-color: #e96147; border-radius: 5px; margin-bottom: 15px; } div.bewertungContent span a { color: #ffffff; font-weight: bold; } div.bewertungContent div { float: left; margin-right: 10px; } div.bewertungContent dl { padding-top: 10px; clear: both; } div.bewertungContent dl dd { background-color: #fafafa; padding: 5px; } div.bewertungContent dl dd p { margin-top: 5px; } div.bewertungContent dl dd p.kommentar { padding: 5px; border: 1px solid red; } div.bewertungsForm h2 { font-size: 14px; margin-bottom: 20px; } div.bewertungsForm fieldset { width: 470px; } /* ******************************* Formulare ************************** */ fieldset { width: 99%; } fieldset input[type=text], fieldset input[type=password], fieldset select, div select { width: 98%; border: 1px solid #c7c7c7; border-radius: 3px; height: 44px; line-height: 44px; padding-left: 10px; font-size: 110%; } fieldset select { text-indent: 0px; } fieldset input[type=submit] { width: auto; border-radius: 3px; height: 44px; line-height: 44px; background-color: #e96147; text-align: center; color: #ffffff; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; cursor: pointer; float: right; margin-top: 5px; padding: 5px; } .variantenForm { border: 1px solid #cccccc; } fieldset.content { width: 100%; } fieldset.content div { clear: both; } fieldset.content div label { float: left; width: 30%; height: 30px; line-height: 12px; } fieldset.content div input, fieldset.content div select, div select { width: 100%; margin-bottom: 6px; background-color: #f8f8f8; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; } fieldset.content div input[type="checkbox"] { width: 15px; height: 15px; appearance: auto; } fieldset.content div select::-ms-expand { display: none; } fieldset.content div input, fieldset.content div select option { color: #525252; } fieldset.content div input, fieldset.content div select:focus::-ms-value { background-color: transparent; } .artikelsortselect { margin-bottom: 6px; background-color: #f8f8f8; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; border: 1px solid #c7c7c7; border-radius: 3px; height: 44px; line-height: 44px; text-indent: 10px; font-size: 110%; min-width: 250px; } .benachrichtigungsmail fieldset div input { width: 99%; } .selectWrapper { /* ... */ position: relative; width: 100%; margin-bottom: 5px; min-height: 50px; } .selectWrapper select { text-indent: 3px; color: #525252; } .selectWrapper::before { font-size: 20px; position: absolute; right: 15px; top: 10px; pointer-events: none; } fieldset.content input.content[type="checkbox"] { width: 15px; float: left; margin-bottom: 20px; margin-right: 10px; } fieldset.content div textarea { width: 100%; margin-bottom: 6px; background-color: #f8f8f8; border: 1px solid #c7c7c7; border-radius: 3px; text-indent: 10px; font-size: 110%; height: 100px; font-family: verdana, arial, "sans serif"; padding-top: 10px; color: #525252; } fieldset.content div small { display: block; height: 30px; line-height: 30px; } fieldset.content span { display: block; height: 30px; line-height: 30px; margin-top: 15px; margin-bottom: 15px; font-weight: bold; } div.fuenfzig div.submitButton { margin-right: 0; } /*************************** Tabellen Formatierung **************************/ table.standard { width: 100%; table-layout: auto; border-spacing: 8px; empty-cells: show; border-collapse: collapse; margin-bottom: 25px; } table.bestellungsBox { margin-top: 20px; } table.bestellungsBox tr td { background-color: rgba(245, 220, 179, 0.29); border: 1px solid #ffffff; } th { font-weight: bold; font-size: 14px; padding: 18px; spacing: 1px; background-color: #454545; color: #ffffff; } td { padding: 7px; font-size: 14px; background-color: #ffffff; vertical-align: top; overflow: hidden; line-height: 16px; } td.trennlinie { border-bottom: 1px solid #efefef; } table.standard tr td input { border: 1px solid #D7DBDD; } td.streifenmuster { background-color: #fbfbfb; } td.tdSummHighlightLow, th.tdSummHighlightLow { text-align: right; } td.tdSummHighlight { font-size: 14px; text-align: right; } td.tdSummeGesamt { text-align: right; font-size: 18px; } /********************************* Content Login Formatierungen ************************/ article ul li { } article ul li div.loginFormatBoxen { min-height: 180px; padding-top: 10px; } article ul li div.loginFormatBoxen p { padding-bottom: 10px; } article ul li div.loginFormatBoxen fieldset { min-width: 200px; width: 100%; } article ul li div.loginFormatBoxen fieldset label { width: 100%; margin-bottom: 5px; display: block; } article ul li div.loginFormatBoxen fieldset input { width: 99%; margin-bottom: 12px; background-color: #f8f8f8; } article ul li div.loginFormatBoxen fieldset input:focus { background-color: #fff; border: 1px solid #656565; } article ul li div.submitButton input[type=submit], article ul li div.submitButtonAlternative { background-color: #e96147; color: #fff; } /******* Content Background Formatierung ****/ .contentRow { display: block; text-align: left; /*rk font-size: 11px; */ margin-top: 1px; padding: 5px; clear: left; } .contentSecondRow { background-color: #fbfbfb; } .contentRow a { color: #525252; } .contentRow img { float: left; margin-right: 5px; } /********************** Formatierung fuer Zahlungsart und Versandartauflistung ***********************/ .zahlVersandListFormat { display: block; font-weight: bold; font-size: 14px; padding-bottom: 10px; } div.zahlVersandListFormat input { border: 0px; } .zahlVersandListBeschreibung { display: block; padding-bottom: 35px; } .zahlVersandListBeschreibung img { float: left; margin-right: 5px; margin-bottom: 35px; } div.zahlVersandListSeperator { border-bottom: 1px solid #f6f6f6; clear: both; margin-bottom: 10px; } /* ****************** Footer ***************** */ footer { display: block; clear: left; background-color: #fbf5df; } footer div.container { padding-top: 10px; clear: both; } footer div nav.navigationFooterBox, footer div div.navigationFooterBox { min-height: 200px; margin-bottom: 25px; background: transparent; margin: 0 5px 0 5px; } footer div nav.navigationFooterBox ul { padding: 0; } footer div div ul li, footer div div p { display: block; color: #000; font-size: 90%; } footer div div p { margin-top: 0; } footer div div ul li a, footer div div ul li, footer div div.navigationFooterBox a, .copy a, footer div div h4 a, footer div div.navigationFooterBox p { color: #000; } footer div div p a:hover, div.subhead a { color: #000; } footer ul li { position: relative; } footer ul li ul { position: absolute; bottom: 0px; left: 80%; display: none; } footer ul li ul li { padding: 5px 10px; } footer ul li:hover { background-color: #e7e1cb; } footer ul li:hover ul { background-color: #e7e1cb; } footer ul li:hover ul { display: block; background-color: #e7e1cb; } footer ul li:hover ul li:hover { background-color: #fbf5df; } div.flex-box div p > span img { width: 15px; height: 15px; margin-right: 6px; margin-top: 6px; } footer div div h4, footer div div.navigationFooterBox h4 { color: #f5dcb3; font-size: 105%; margin-bottom: 15px; padding: 10px 0 10px; } .zahlung { text-align: center; } .zahlung img { margin: 10px; } .copy { display: block; margin: auto; border-top: 1px solid #8b8b8b; clear: both; /*rk */ padding-bottom: 5px; text-align: center; padding-top: 5px; font-size: 80%; margin-top: 25px; } .copy a { line-height: 130%; } .bestellErfolg div.submitButton { float: left; /*padding: 9px;*/ } .bestellErfolg h4 { margin-left: 8px; font-size: 12px; border-bottom: 1px solid #734026; padding-bottom: 6px; } /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* Icon Fonts *********************************/ /* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src:url('../fonts/flexslider-icon.eot'); src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; height: auto; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0px 0 0 ; background: #fff; border: 0px solid #fff; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2); -moz-box-shadow: 0 0px 0px rgba(0,0,0,.2); -o-box-shadow: 0 0px 0px rgba(0,0,0,.2); box-shadow: 0 0px 0px rgba(0,0,0,.2); zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-next { text-align: right; } .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; } .flex-direction-nav a.flex-next:before { content: '\f002'; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} } /* ************************* Warenkorb ************************* */ div.warenkorbAnzahl { position: absolute; right: 5px; top: 5px; } .weiter-einkaufen { background-color: #000; padding: 15px; color: #fff; text-align: center; cursor: pointer; background-image: url(../images/pfeil_links.png); background-repeat: no-repeat; } .wkLiveclose { /* text-indent: 10px; */ } div.addWarenkorbPopup { display: none; position: fixed; background: #fff; border: 3px solid #8e8e8e; border-radius: 5px 5px 5px 5px; box-shadow: 0 2px 7px 1px #999999; min-height: 250px; width: 100%; top: 60px; z-index: 1000; overflow: auto; } div.addWarenkorbPopup > span { display: block; padding: 15px 7px 15px 7px; line-height: 1.2em; background-color: #fbf5df; color: #000; font-size: 100%; background-image: url(../images/wk_popup_pfeil.png); background-repeat: repeat-y; } div.addWarenkorbPopup > span strong { font-weight: normal; } div.addWarenkorbPopup div.table div div span a, .wkSeitenButton a { color: #000; } div.addWarenkorbPopup div.table div div span strong { color: #eab91f; } div.addWarenkorbPopup div.submitButton { margin-left: 5px; } div.addWarenkorbPopup div.table div.table-row { display: block; border-bottom: 1px solid #e4e4e4; margin-bottom: 10px; padding-bottom: 10px; } div.addWarenkorbPopup span > img { width: 60px; height: 60px; float: left; } div.wkPopup { position: relative; } div.addWarenkorbPopupDetail { top: 0px; right: 0px; height: 200px; min-height: 200px; width: 300px; height: 100%; } div.addWarenkorbPopup span strong.warenkorblegen { cursor: pointer; display: block; margin-left: 77px; } div.warenkorbBox div#warenkorbFlashColor { background-color: #e96147; display: hidden; } div.table { margin-left: auto; margin-right: auto; display: table; width: 100%; font-size: 100%; } .table-head { background-color: #4f97e4; padding: 8px; color: #fff; border-spacing: 0.5em; } .table-row { display: table-row; } .table-cell { display: table-cell; vertical-align: top; } .table-row:nth-child(even) { background: rgba(255,255,255, 0.5); } .table-cell span { display: block; padding: 8px; } .table-cell strong { display: block; padding-top: 8px; font-weight: bold; } .zwischensumme { display: block; text-align: center; font-size: 100%; margin-top: 25px; width: 272px; margin-left: 5px; } .zwischensumme-color, .zwischensumme small a { color: #eab91f; } .zwischensumme small { text-align: left; font-size: 11px; display: block; } div .warenkorbkleinansicht { display: block; width: auto; float: none; margin-top: 25px; margin-right: 7px; } .wkSeitenButton { display: block; width: auto; margin-top: 25px; border: 1px solid #000; /*padding: 15px;*/ margin-left: 7px; margin-right: 7px; font-size: 120%; margin-bottom: 25px; text-align: center; color: #000; } .wkSeitenButton a { display: block; padding: 15px; } .warenkorbWarenwert { display: inline-block; } /* ************** Farbüberschreibung zur Vereinfachung der Globalisierunge *********** */ /* ****** Extras ****** */ div.artikelCleaner { clear: both; } .hide { display: none; } /* ********* Fehlermeldungen / Meldungen ************ */ .fehlerMeldung { display: block; padding: 10px; background-color: #a90000; color: #ffffff; } .erfolg { display: block; padding: 10px; background-color: #1e6c00; color: #ffffff; } .erfolgsMeldung { display: block; color: green; font-weight: bold; margin: 8px; text-align: center; } #formFehler { background-color: #faeceb; border: 1px solid #e74c3c; color: #e74c3c; } .articleCleaner { clear: both; float: none; display: block; height: 30px; } /*************** Tooltip *************/ .tooltip { font-weight: bold; float: right; } .tooltip .tooltiptext { display:none; background-color: #FFFFFF; border: 7px solid #efefef; font-weight: normal; text-align: left; text-decoration: none; z-index: 500; padding: 10px; border-radius: 5px; box-shadow: 3px 3px 8px 0px #AAAAAA; } .tooltip:hover .tooltiptext { display: block; position: absolute; width: 200px; right: 30px } /* ***************** Top Button ************* */ .go-top { position: fixed; bottom: 2em; right: 2em; text-decoration: none; color: white; background-color: rgba(0, 0, 0, 0.3); padding: 1em; display: none; } .go-top:hover { background-color: rgba(0, 0, 0, 0.6); color: #ffffff; } /********** Toggle für Artikel- und Kategorieübersicht ***********/ div.artikelToggle { height: 54px; overflow: hidden; } div.artikelToggleButton { text-align: right; padding-right: 20px; font-weight: bold; } /* Checkoutsymbole */ ol.steps { list-style: none; margin: 0; padding: 0; overflow: hidden; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', Verdana, 'Verdana Ref', sans-serif; font-size: 14px; line-height: 20px; font-weight: bold; counter-reset: li; margin-top: 25px; margin-bottom: 25px;} ol.steps li { list-style-image: none; list-style-type: none; margin-left: 0; text-align: center; color: #fff; background: #8E8E8E; position: relative; margin-left: 43px; } ol.steps li:after { position: absolute; top: 50%; left: 100%; content: " "; height: 0; width: 0; pointer-events: none; border: solid transparent; border-left-color: #8E8E8E; border-width: 19px; margin-top: -19px; } ol.steps li:first-child { margin-left: 0; } ol.steps li:first-child span { padding: 9px;} ol.steps li:first-child span:after { border: none; } ol.steps li:last-child:after { border-width: 0; } ol.steps li span { display: block; padding: 9px 15px 9px 0px; } ol.steps li span:after { position: absolute; top: 50%; right: 100%; content: " "; height: 0; width: 0; pointer-events: none; border: solid #8E8E8E; border-left-color: transparent; border-width: 19px; margin-top: -19px; } ol.steps li span:before { content: counter(li) ". "; counter-increment: li; } ol.steps > li { float: left; } ol.steps li.current { color: #fff; background: #00c454; } ol.steps li.current:after { border-left-color: #00c454; } ol.steps li.current span:after { border-color: #00c454; border-left-color: transparent; } ol.steps li.step1 { z-index: 9; } ol.steps li.step2 { z-index: 8; } ol.steps li.step3 { z-index: 7; } ol.steps li.step4 { z-index: 6; } ol.steps li.step5 { z-index: 5; } ol.steps li.step6 { z-index: 4; } ol.steps li.step7 { z-index: 3; } ol.steps li.step8 { z-index: 2; } ol.steps li.step9 { z-index: 1; } ol.steps li.step10 { z-index: 0; } /* **************** Ajax Suche ************ */ div.ajaxsuche { position: relative; min-height: 50px; } div.suchBox { overflow: visible; margin: auto; position: absolute; top: 35px; width: 100%; } .ajaxsearch_container { z-index: 5; white-space:nowrap; width: 96%; } .ajaxsearch_go_button { font-size: 18px; padding: 3px; color: #FFFFFF; margin-left: 2px; display: none; } .ajaxsearch_input { background-color: #fff; border: 0; border-bottom: 1px solid #8e8e8e; font-size: 100%; width: auto; margin: 10px auto; padding: 10px; } .ajaxsearchresult_container { display: none; left: 0px; top: 45px; position: absolute; z-index: 110; border: 1px solid #999999; box-shadow: 4px 4px 9px 0 #CCCCCC; width: 480px; } .ajaxsearchresult_focuscatcher { position: absolute; width: 0px; height: 0px; left: 0px; top: 0px; overflow: hidden; } .ajaxsearchresult_list_container { clear: both; background-color: #f8f8f8; } * html .ajaxsearchresult_list_container { width: 100%; } .ajaxsearchresult_productcontainer { overflow: hidden; cursor: pointer; margin-left: 4px; border-top: 1px dashed #999999; background-color: #FFFFFF; padding: 2px; position: relative; height: 100px; } * html .ajaxsearchresult_productcontainer { width: 95%; display: block; } .ajaxsearchresult_productcontainer_heighlight { background-color: #f7f7f7; } .ajaxsearchresult_productimagemaincontainer { position: relative; float: left; overflow: hidden; } .ajaxsearchresult_productimagecontainer { left: 0px; top: 0px; width: 100px; height: 100px; background-color: #FFFFFF; text-align: center; } .ajaxsearchresult_productimagetranscontainer { position: absolute; left: 0px; top: 0px; } .ajaxsearchresult_productnamecontainer { float: left; overflow: hidden; padding-left: 5px; } .ajaxsearchresult_productnamecontainer h1 { display: inline; font-size: 14px; font-weight: normal; padding: 2px; float: left; border: none; margin: 0px; } .ajaxsearchresult_productnamecontainer p { font-size: 10px; font-weight: normal; padding: 2px; clear: both; } .ajaxsearchresult_productinformationcontainer { float: left; width: 70px; overflow: hidden; text-align: right; white-space: nowrap; } .ajaxsearchresult_productinformationcontainer i { display: inline; font-size: 10px; padding: 2px; float: right; font-style: normal; } .ajaxsearchresult_productinformationcontainer b { float: right; } .ajaxsearchresult_productinformationcontainer img { margin-top: 4px; margin-bottom: 4px; } .ajaxsearchresult_noresult { font-size: 16px; padding: 5px; padding-left: 10px; padding-right: 16px; background-color: #efefef; color: #999999; } .ajaxsearchresult_searchheadline { font-size: 14px; color: #999999; overflow: hidden; padding: 4px 16px 2px 10px; background-color: #efefef; } * html .ajaxsearchresult_searchheadline { width: 100%; } .ajaxsearchresult_searchheadline_img_container { float: right; } * html .ajaxsearchresult_searchheadline_img_container { float: left; } .ajaxsearchresult_searchheadline_headline_container { float: left; margin-top: 4px; } .ajaxsearchresult_searchheadline img { border: none; padding-top: 2px; cursor: pointer; width: 20px; height: auto; } .ajaxsearchresult_searchmore { padding-left: 4px; padding-right: 16px; background-color: #ffffff; } .ajaxsearchresult_searchmore a { font-size: 16px; display: block; border-top: 1px dashed #999999; padding-top: 4px; padding-left: 4px; } .ajaxsearchresult_searchmore_end { background-color: #EFEFEF; color: #999999; height: 20px; } .ajaxsearchresult_searchmore a:hover { color: #0063AB; } .ajaxsearchresult_searchmore_highlight a { color: #0063AB; } /* Grunddefinition Highlight */ .highlight_left_top_45deg, .highlight_right_top_45deg { background-image: -webkit-linear-gradient(#139731 0%, #115e24 100%); background-image: -moz-linear-gradient(#139731 0%, #115e24 100%); background-image: -o-linear-gradient(#139731 0%, #115e24 100%); background-image: linear-gradient(#139731 0%, #115e24 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#139731, endColorstr=#115e24)"; background-color: #115e24; border: 1px solid #ffffff; position: absolute; width: 150px; font-size: 16px; color: #ffffff; font-weight: bold; z-index: 99; text-align: center; padding: 5px; } /* Positionierung und Transform für Highlight */ .highlight_left_top_45deg { left: -40px; top: 25px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); } .highlight_right_top_45deg { right: -35px; top: 25px; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); } /************************* Fileupload ******************************/ .qq-uploader { position: relative; width: 100%; } .qq-upload-button { display: block; /* or inline-block */ width: 105px; padding: 2px 0; text-align: center; background: #0e7c87; border-bottom: 1px solid #ddd; color: #ffffff; } .qq-upload-button-hover { background: #09ccb2; } .qq-upload-button-focus { outline: 1px dotted black; } .qq-upload-drop-area, .qq-upload-extra-drop-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 70px; z-index: 2; background: #FF9797; text-align: center; } .qq-upload-drop-area span { display: block; position: absolute; top: 50%; width: 100%; margin-top: -8px; font-size: 16px; } .qq-upload-extra-drop-area { position: relative; margin-top: 50px; font-size: 16px; padding-top: 30px; height: 20px; min-height: 40px; } .qq-upload-drop-area-active { background: #FF7171; } .qq-upload-list { margin: 7px 15px; padding: 0; list-style: disc; } .qq-upload-list li { margin: 0; padding: 0; line-height: 15px; font-size: 12px; } .qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 7px; } .qq-upload-file {} .qq-upload-spinner { display: inline-block; background: url("../images/fileupload_loading.gif"); width: 15px; height: 15px; vertical-align: text-bottom; } .qq-upload-size,.qq-upload-cancel { font-size: 11px; } .qq-upload-failed-text { display: none; } .qq-upload-fail .qq-upload-failed-text { display: inline; } div.ageCheck { clear: both; color: #ff6900; font-weight: bold; padding-top: 15px; text-align: right; } div.verificationImage img { height: auto; width: 40%; } .artikelCleaner { clear: both; } /* Neue Classen */ .flex-box { width: 100%; display: flex; flex: 1; flex-direction: row; flex-wrap: wrap; } .flex-box > div { width: 25%; } .flex-box > div.fuenfzig { width: 50%; } footer .flex-box > div { width: 21%; padding: 20px; } footer .flex-box > div.flex-item-2 { width: 19%; } footer .flex-box > div.flex-item-2 { width: 31%; } footer .flex-box > div.flex-item-3 { width: 13%; } .flex-box > div.fuenfundsiebzig { width: 66%; text-align: left; } .flex-box > div.fuenfundsiebzig p { width: 95%; display: block; } .flex-box > div.fuenfundsiebzig section { width: 95%; } .flex-box > div.flex-image { width: 33%; } .flex-box > div.flex-image img { width: 100%; height: auto; } .container div.box-topper > div { width: 33%; } .box-spalte1 { order: 1; } .box-spalte2 { order: 2; } .box-spalte3 { order: 3; } .flex-box > div div.subhead { margin-top: 15px; font-size: 150%; margin-bottom: 15px; color: #000; } .navigationFooterBox .subhead { color: #fff; font-size: 105%; margin-bottom: 15px; padding: 10px 0 10px; margin-top: 15px; } .navigationFooterBox .subhead a { color: #000; } div.box-spalte3 { text-align: right; } div.box-spalte3 p { text-align: left; } .foot-Boxen { background: #d5d5d5; clear: both; /*rk padding-top: 25px; padding-bottom: 25px;*/ color: #946c45; } div.flex-box div p img { width: 55%; height: auto; } /* Newsletter */ div.newsletter fieldset { width: auto; } div.newsletter input { background-color: #734026; border: 0px; color: #f5dcb3 } div.newsletter input[type="submit"] { width: 80px; margin-right: 5px; font-size: 11px; } .flex-wrap { flex-wrap: wrap; } .flex-box .flex-article { margin-bottom: 25px; } .flex-box .flex-article > div { margin: 10px 0; transition: all 0.4s ease 0s; text-align: center; position: relative; overflow: hidden; } .flex-box .flex-article > div:hover { box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.1), 0px 0px 4px 4px rgba(0, 0, 0, 0.1); } .flex-box .flex-article h3, .flex-box .flex-article div span.artikelname { height: 50px; overflow: hidden; padding: 10px; text-align: center; line-height: 1.2em; font-size: 16px; display: block; } /*rk: +*/ span.artikelname {padding: 0 10px;} .flex-box .flex-article h3, .flex-box .flex-article div span.artikelname a { color: #454545; } .flex-box .flex-article h3, .flex-box .flex-article div:hover span.artikelname a { color: #ff9100; } .flex-box .flex-article span.flex-kategorie { overflow: hidden; text-align: center; line-height: 1.2em; font-size: 12px; padding-bottom: 20px; } div.mainContent .flex-box div.flex-kategorie span.artikel-bild { height: 110px; } .flex-box .flex-article h2 a, .flex-box .flex-article h3 a { color: #525252; } .flex-box .flex-article small { display: block; padding: 10px; text-align: center; height: 10px; } .flex-box .flex-article small.artikelpreis { font-size: 24px; font-weight: normal; color: #ff9100; padding: 10px; } .flex-box .flex-article small img { width: 12px; height: auto; } .flex-box .flex-article button { border: 0; background: transparent; touch-action: manipulation; cursor: pointer; width: 95%; } .flex-box .flex-article button a.btn, .flex-box .flex-article div.detailLink { transition: all 0.3s ease 0s; margin: auto; margin-bottom: 15px; margin-top: 15px; font-size: 130%; display: block; background-color: #fbf5df; color: #00c454; padding: 12px; text-align: center; border: 0; } .flex-box .flex-article button a.btn, .flex-box .flex-article div.detailLink a { color: #6f5248; } .flex-box .flex-article:hover button a.btn, .flex-box .flex-article:hover button a, .flex-box .flex-article div.detailLink a { color: #ff9100; background-color: #454545; } .flex-box .flex-article span.artikel-bild { display: block; /* rk del: height: 260px; */ height: auto; overflow: hidden; } .flex-box .flex-article span.artikel-bild a { display: block; text-align: center; } .flex-box .flex-article span.artikel-bild a img { width: 90%; height: auto; } .flex-box .flex-article:hover span.artikel-bild img.article-non-hover-img { display: none; } .flex-box .flex-article span.artikel-bild img.article-hover-img { display: none; } .flex-box .flex-article:hover span.artikel-bild img.article-hover-img { display: initial; } .flex-box .flex-kategorie div { margin: 2% 4% 4% 4%; transition: all 0.4s ease 0s; text-align: center; } .flex-box div.flex-kategorie { margin-bottom: 25px; transition: all 0.4s ease 0s; } .flex-box div.flex-kategorie:hover { box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.1), 0px 0px 4px 4px rgba(0, 0, 0, 0.1) } .flex-box div.flex-kategorie:hover a div button { background-color: #454545; color: #ff9100; } .flex-box div.flex-kategorie a { display: block; line-height: 0; } .flex-box .flex-kategorie div span img { margin-top: 5px; width: 100%; height: auto; } .kategorie-button { width: 100%; line-height: 30px; background-color: #fbf5df; border: 0; color: #6f5248;; font-size: 100%; padding: 7px; transition: all 0.4s ease 0s; } /******************** Tabellen Definition ************** */ .desktop-hidden, .tablew .tablew-row .desktop-hidden { display: none; } .tablew { display: table; width: 100%; } .tablew-row { display: table-row; } .tablew-cell { display: table-cell; padding: 8px; border: 2px solid #fff; vertical-align: top; min-width: 90px; } .tablew-cell a { color: #000; } .farbwechsel:nth-child(even) { background-color: #f2f2f2; } .tablew-head { padding: 12px; font-weight: bold; } .summe-format, .tablew-cell strong { font-weight: bold; color: #000; } .summe-format-light { font-weight: bold; font-size: 110%; } .warenkorb-rahmen { border: 1px solid #000; border-bottom: 0; } .cell-rahmen { border-bottom: 1px solid #000; } .wkDelete { display: block; } .wkDelete a { font-size: 120%; font-weight: bold; color: #6f5149; text-align: center; display: block; } .text-position-right { text-align: right; } .submit-checkout-button, .wk-box, .wkPopup, .wkPopup paypal-buttons { text-align: right; text-align: -moz-right; text-align: -webkit-right; } .submit-checkout-button > div { max-width: 350px; min-width: 200px; margin-right: 0; padding: 0; } .rahmen-box { border: 1px solid #b7b7b7; padding: 15px; } .wkPopup > paypal-buttons { text-align: right; text-align: -moz-right; text-align: -webkit-right; } .wkPopup submitButton { margin-right: 0; } /* ****************** Grössen, Breiten, Höhen ****************** */ .hundertProzent { width: 100%; height: auto; } .fuenfundsiebzigProzent { width: 72%; height: auto; } .fuenfzigProzent { width: 47%; height: auto; } .sechsundsechzigProzent { width: 63%; height: auto; } .dreiunddreissigProzent { width: 30%; height: auto; } .fuenfundzwanzigProzent { width: 22%; height: auto; } .fckspanbold { text-decoration: none; font-weight: bold; } /* Artikeldetail Ersatzteil-Hauptartikel */ .ersatzteil-hauptartikel img { float: left; } .ersatzteil-hauptartikel span { margin-left: 10px; float: left; } /* Artikeldetail Youtube Video */ .videoBox, .videoBox div img { width: 100%; cursor: pointer; } .responsive_16-9, .responsive_4-3, .responsive_a4 { position: relative; /* 16 zu 9 Layout für Videos */ padding-bottom: 56.25%; height: 0; overflow: hidden; } .responsive_4-3 { /* 4 zu 3 Layout für Präsentationen */ padding-bottom: 75%; } .responsive_16-9 iframe, .responsive_4-3 iframe, .responsive_a4 iframe, .responsive_16-9 object, .responsive_4-3 object, .responsive_a4 object, .responsive_16-9 embed, .responsive_4-3 embed, .responsive_a4 embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videoBox div { text-align: center; } .videoBox .playbutton { width: 20%; height: 20%; background-image: url("../images/play_dark_klein.png"); background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); cursor: pointer; } .videoBox .playbutton-big { width: 50%; height: 50%; background-image: url("../images/play_dark_klein.png"); background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); cursor: pointer; } .videoBox :hover .playbutton { background-image: url("../images/play_color_klein.png"); } #addwarenkorbError { width: -webkit-min-content; width: -moz-min-content; width: min-content; white-space: nowrap; color: red; margin: 10px; } #addwarenkorbError { width: -webkit-min-content; width: -moz-min-content; width: min-content; white-space: nowrap; color: red; margin: 10px; } #addwarenkorbError { width: -webkit-min-content; width: -moz-min-content; width: min-content; white-space: nowrap; color: red; margin: 10px; } #addwarenkorbError { width: -webkit-min-content; width: -moz-min-content; width: min-content; white-space: nowrap; color: red; margin: 10px; } #addwarenkorbError { width: -webkit-min-content; width: -moz-min-content; width: min-content; white-space: nowrap; color: red; margin: 10px; } /* ********************** Icons ********************** */ @font-face { font-family: 'MobiriseIcons'; src: url('../fonts/mobirise.eot?m1l4yr'); src: url('../fonts/mobirise.eot?m1l4yr#iefix') format('embedded-opentype'), url('../fonts/mobirise.ttf?m1l4yr') format('truetype'), url('../fonts/mobirise.woff?m1l4yr') format('woff'), url('../fonts/mobirise.svg?m1l4yr#MobiriseIcons') format('svg'); font-weight: normal; font-style: normal; } [class^="mbri-"], [class*=" mbri-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'MobiriseIcons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mbri-add-submenu:before { content: "\e900"; } .mbri-alert:before { content: "\e901"; } .mbri-align-center:before { content: "\e902"; } .mbri-align-justify:before { content: "\e903"; } .mbri-align-left:before { content: "\e904"; } .mbri-align-right:before { content: "\e905"; } .mbri-android:before { content: "\e906"; } .mbri-apple:before { content: "\e907"; } .mbri-arrow-down:before { content: "\e908"; } .mbri-arrow-next:before { content: "\e909"; } .mbri-arrow-prev:before { content: "\e90a"; } .mbri-arrow-up:before { content: "\e90b"; } .mbri-bold:before { content: "\e90c"; } .mbri-bookmark:before { content: "\e90d"; } .mbri-bootstrap:before { content: "\e90e"; } .mbri-briefcase:before { content: "\e90f"; } .mbri-browse:before { content: "\e910"; } .mbri-bulleted-list:before { content: "\e911"; } .mbri-calendar:before { content: "\e912"; } .mbri-camera:before { content: "\e913"; } .mbri-cart-add:before { content: "\e914"; } .mbri-cart-full:before { content: "\e915"; } .mbri-cash:before { content: "\e916"; } .mbri-change-style:before { content: "\e917"; } .mbri-chat:before { content: "\e918"; } .mbri-clock:before { content: "\e919"; } .mbri-close:before { content: "\e91a"; } .mbri-cloud:before { content: "\e91b"; } .mbri-code:before { content: "\e91c"; } .mbri-contact-form:before { content: "\e91d"; } .mbri-credit-card:before { content: "\e91e"; } .mbri-cursor-click:before { content: "\e91f"; } .mbri-cust-feedback:before { content: "\e920"; } .mbri-database:before { content: "\e921"; } .mbri-delivery:before { content: "\e922"; } .mbri-desktop:before { content: "\e923"; } .mbri-devices:before { content: "\e924"; } .mbri-down:before { content: "\e925"; } .mbri-download:before { content: "\e926"; } .mbri-drag-n-drop:before { content: "\e927"; } .mbri-drag-n-drop2:before { content: "\e928"; } .mbri-edit:before { content: "\e929"; } .mbri-edit2:before { content: "\e92a"; } .mbri-error:before { content: "\e92b"; } .mbri-extension:before { content: "\e92c"; } .mbri-features:before { content: "\e92d"; } .mbri-file:before { content: "\e92e"; } .mbri-flag:before { content: "\e92f"; } .mbri-folder:before { content: "\e930"; } .mbri-gift:before { content: "\e931"; } .mbri-github:before { content: "\e932"; } .mbri-globe-2:before { content: "\e933"; } .mbri-globe:before { content: "\e934"; } .mbri-growing-chart:before { content: "\e935"; } .mbri-hearth:before { content: "\e936"; } .mbri-help:before { content: "\e937"; } .mbri-home:before { content: "\e938"; } .mbri-hot-cup:before { content: "\e939"; } .mbri-idea:before { content: "\e93a"; } .mbri-image-gallery:before { content: "\e93b"; } .mbri-image-slider:before { content: "\e93c"; } .mbri-info:before { content: "\e93d"; } .mbri-italic:before { content: "\e93e"; } .mbri-key:before { content: "\e93f"; } .mbri-laptop:before { content: "\e940"; } .mbri-layers:before { content: "\e941"; } .mbri-left-right:before { content: "\e942"; } .mbri-left:before { content: "\e943"; } .mbri-letter:before { content: "\e944"; } .mbri-like:before { content: "\e945"; } .mbri-link:before { content: "\e946"; } .mbri-lock:before { content: "\e947"; } .mbri-login:before { content: "\e948"; } .mbri-logout:before { content: "\e949"; } .mbri-magic-stick:before { content: "\e94a"; } .mbri-map-pin:before { content: "\e94b"; } .mbri-menu:before { content: "\e94c"; } .mbri-mobile:before { content: "\e94d"; } .mbri-mobile2:before { content: "\e94e"; } .mbri-mobirise:before { content: "\e94f"; } .mbri-more-horizontal:before { content: "\e950"; } .mbri-more-vertical:before { content: "\e951"; } .mbri-music:before { content: "\e952"; } .mbri-new-file:before { content: "\e953"; } .mbri-numbered-list:before { content: "\e954"; } .mbri-opened-folder:before { content: "\e955"; } .mbri-pages:before { content: "\e956"; } .mbri-paper-plane:before { content: "\e957"; } .mbri-paperclip:before { content: "\e958"; } .mbri-photo:before { content: "\e959"; } .mbri-photos:before { content: "\e95a"; } .mbri-pin:before { content: "\e95b"; } .mbri-play:before { content: "\e95c"; } .mbri-plus:before { content: "\e95d"; } .mbri-preview:before { content: "\e95e"; } .mbri-print:before { content: "\e95f"; } .mbri-protect:before { content: "\e960"; } .mbri-question:before { content: "\e961"; } .mbri-quote-left:before { content: "\e962"; } .mbri-quote-right:before { content: "\e963"; } .mbri-redo:before { content: "\e964"; } .mbri-refresh:before { content: "\e965"; } .mbri-responsive:before { content: "\e966"; } .mbri-right:before { content: "\e967"; } .mbri-rocket:before { content: "\e968"; } .mbri-sad-face:before { content: "\e969"; } .mbri-sale:before { content: "\e96a"; } .mbri-save:before { content: "\e96b"; } .mbri-search:before { content: "\e96c"; } .mbri-setting:before { content: "\e96d"; } .mbri-setting2:before { content: "\e96e"; } .mbri-setting3:before { content: "\e96f"; } .mbri-share:before { content: "\e970"; } .mbri-shopping-bag:before { content: "\e971"; } .mbri-shopping-basket:before { content: "\e972"; } .mbri-shopping-cart:before { content: "\e973"; } .mbri-sites:before { content: "\e974"; } .mbri-smile-face:before { content: "\e975"; } .mbri-speed:before { content: "\e976"; } .mbri-star:before { content: "\e977"; } .mbri-success:before { content: "\e978"; } .mbri-sun:before { content: "\e979"; } .mbri-sun2:before { content: "\e97a"; } .mbri-tablet-vertical:before { content: "\e97b"; } .mbri-tablet:before { content: "\e97c"; } .mbri-target:before { content: "\e97d"; } .mbri-timer:before { content: "\e97e"; } .mbri-to-ftp:before { content: "\e97f"; } .mbri-to-local-drive:before { content: "\e980"; } .mbri-touch-swipe:before { content: "\e981"; } .mbri-touch:before { content: "\e982"; } .mbri-trash:before { content: "\e983"; } .mbri-underline:before { content: "\e984"; } .mbri-undo:before { content: "\e985"; } .mbri-unlink:before { content: "\e986"; } .mbri-unlock:before { content: "\e987"; } .mbri-up-down:before { content: "\e988"; } .mbri-up:before { content: "\e989"; } .mbri-update:before { content: "\e98a"; } .mbri-upload:before { content: "\e98b"; } .mbri-user:before { content: "\e98c"; } .mbri-user2:before { content: "\e98d"; } .mbri-users:before { content: "\e98e"; } .mbri-video-play:before { content: "\e98f"; } .mbri-video:before { content: "\e990"; } .mbri-watch:before { content: "\e991"; } .mbri-website-theme:before { content: "\e992"; } .mbri-wifi:before { content: "\e993"; } .mbri-windows:before { content: "\e994"; } .mbri-zoom-out:before { content: "\e995"; } .autowidth { width: auto; } /* RK Sektion */ figure.rkfigure {padding: 3px; margin: 0 0 8px 8px; border: 1px solid #FF9100; border-radius: 3px;} figure.rkfigure-nolink {padding: 3px; margin: 0 0 8px 8px; border: 1px solid #BBBBBB; border-radius: 3px;} figure.rkfigure:hover, .rk-img-hover:hover {box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.1), 0px 0px 4px 4px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0s;} figure.rkfigure-btn {padding: 3px; margin: 0 0 8px 8px; border: 1px solid #FF9100; border-radius: 3px; display: inline-block; width: 140px; font-size: 18px;} figure.rkfigure-btn:hover {box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1), 0px 0px 4px 4px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0s;} figure.rkfigure-nolink {padding: 3px; margin: 0 0 8px 8px; border: 1px solid #BBBBBB; border-radius: 3px;} figure.rkfigure:hover, .rk-img-hover:hover {box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1), 0px 0px 4px 4px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0s;} figcaption.rkfigcaption {font-size: 14px; text-align: center;} .img-responsive { width: 100%; height: auto; } rkbutton {padding: 6px; border: 1px solid #FF9100; border-radius: 3px; background: #FFF; display: inline-block;} rkbutton:hover {box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.1), 0 0 4px 4px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0s;} th {padding: 4px;} .rk-ul ul { list-style: disc; margin-left: 30px; margin-top: 10px; margin-bottom: 10px; } .rk-ul li { /*rk line-height: 20px;*/ } .rk-ul { list-style: disc; margin-left: 30px; margin-top: 10px; margin-bottom: 10px; } /* RK Sektion End */ /*** Covid 19 Banner ***/ .covid19banner { overflow: hidden; } .covid19banner img { width: 100%; height: auto; } .close-btn { background-image: url("../images/searchclose.png"); width: 24px; height: 24px; position: absolute; left: 30px; top: 10px; } .close-btn:hover { cursor: pointer; } .mwst-meldung { max-width: 1170px; margin: auto; position: relative; text-align: center; background-color: yellow; padding: 10px; }