.mitte_login textarea, .mitte_login select , .mitte_login input[type="text"],.mitte_login input[type="email"],.mitte_login input[type="password"],.mitte_login input[type="tel"]{font-weight: bold;font-family: Calibri,Verdana;padding:4px;background-color:#FBFBFB;color:#444444;font-size: 16px;line-height: 20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border: 1px solid #CCCCCC;} .mitte_login select[name="g_dat1"],select[name="g_dat2"],select[name="g_dat3"] {padding:0px;} .mitte_login .login_a form input, .mitte_login .login_b form input {min-width: 290px;} .div_login{overflow:auto;} .login_ueb {color:#444444 !important;} .login_o {padding:1%;box-sizing:border-box;clear:both;} .login_a {border: 1px solid #d6d9da;float:left;min-height:270px;margin:1%;padding:10px;min-width:48%;box-sizing:border-box;} .login_b {border: 1px solid #d6d9da;float:left;min-height:270px;margin:1%;padding:10px;min-width:48%;box-sizing:border-box;margin-right:0;} .login_c {border: 1px solid #d6d9da;float:left;margin:1%;padding:10px;width:98%;box-sizing:border-box;text-align:center;margin-right:0;clear:both;} .aa_rating_text{font-weight:normal;font-size:12px;} .aa_rating_titel{font-weight:bold;font-size:14px;} .rat_bewertungsklasse {margin-left:3px;margin-top:12px;margin-bottom:5px;} .rat_beste_hilfreiche,.rat_beste_kritische{margin:5px;} .rat_hilfreich{margin:5px;} .rat_einzelne_bewertung{border: 1px solid #CCCCCC;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-bottom:10px;} .rat_einzelne_bewertung_innen{margin:7px;} .rat_eine{margin:12px;} .rat_2besten{font-size:14px;margin-top:5px;margin-left:10px;} .rat_kopf{border: 1px solid #CCCCCC;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;background-color: #F5F5F5;} *html .rat_kopf{width:98%;} .rat_kopf_innen{border: 1px solid #CCCCCC;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin:10px;background-color:#FFFFFF;} *html .rat_kopf_innen{width:100%;} .rat_balken_tt {margin-top:10px;margin-left:0px;padding-left:0px;} .rat_umfrage{width:240px;margin-left: 10px;margin-bottom: 10px;border: 1px solid #CCCCCC;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: #F5F5F5;} .rat_umfrage_innen {margin:8px;font-weight:normal;font-size:11px;} .aa_rating_typen{color:#AAAAAA;} .rat_rating_typen_tab{margin-top:5px;} .aa_rating_artikel{font-size:14px;} .rat_typ_liste{margin-top:10px;} .rat_balken_hint{overflow:hidden;line-height:11px;float:right;display:inline-block;width:100px;background-color:#F1F1F1;height:11px;} .rat_balken{margin-top:1px;margin-bottom:1px;display:inline-block;background:#AAAAAA;height:9px;} .rat_button {font-size:16px;font-weight:bold;cursor:pointer;background-color: #444444;text-decoration:none;padding:5px;height:35px;margin-bottom:10px;margin-top:10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background:-webkit-gradient(linear, left top, left bottom, from(#999999), color-stop(50%, #777777), color-stop(50.1%, #666666), to(#444444));background:-moz-linear-gradient(top, #999999, #777777 50%, #666666 50.1%, #444444);background:linear-gradient(top, #999999, #777777 50%, #666666 50.1%, #444444);color: #EEEEEE; border: 1px solid #AAAAAA;text-align:center;letter-spacing: 1px;} *html .rat_button {font-size: 12px; font-weight: bold; background-color: #444444; color: #EEEEEE; float: center; position: relative; border: 1px solid #222222;} .rat_button:hover {text-decoration:none;color: #FFFFFF;-webkit-box-shadow: 2px 2px 2px #999999;-moz-box-shadow: 2px 2px 2px #999999;box-shadow: 2px 2px 2px #999999;} .wk_zk_div{padding:10px;border: 1px solid #DDDDDD;margin:5px;background-color:#F3F3F3;} .lief_gr_farbe1_k{height:10px;width:10px;float:left;margin:1px;} .lief_gr_farbe1_k *{white-space:nowrap} .lief_gr_farbe_tab{display:inline-block;} .lief_gr_farbe_tab ul{display:table;list-style:none;padding:0;margin:0;} .lief_gr_farbe_tab ul li{display:table-row;clear:both} .lief_gr_farbe_tab ul li span{display:table-cell;vertical-align:middle} .menge_input {font-size: 8pt;width:30px;} .menge_text {font-size: 8pt;} .AJOutputWindow{background: white;border: 1px solid #c4c4c4;padding: 7px;z-index:500} .tab_se_unten{clear: both;display: block;} .dd_se input{ border: 1px solid #cecece; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAMAAABIK2QJAAAAflBMVEUAAADJycnAwMDAwMDCwsLAwcHHx8fIx8fKycnIycnGxsa7u7u0tbW4uLjNzc3ExMTIyMjQz8/KysrKysrHx8fExMTNzs7KycnGxsbIyMjMzMzJycnCw8PBwcHOzs7Q0NC9vr7U09PGxsa5uLjQ0NDLysrNzMzFxcXS0tLLy8uqBx0bAAAAJHRSTlMA/gVzQyfTy6SPhntwallIHffn5ubaxMG9uKicm4x5SjYiFwxt6nO4AAAAaklEQVQI1zXMRxKEMAxE0ZZt4pAmJzKygftfEJUp/8UrVS8ESV1eWsEXJZvjT+PX2HWmpa+fbSam1oglj+LAhVhwLVZcisa+geVpI0ipS/KYMpzvrzvRD2fNXNNaIfRfb324p/tDI5RrdQDJaAVtepMcGQAAAABJRU5ErkJggg==) no-repeat 97% 50%; color:#999;box-sizing:border-box;padding-left:5px;} .see_multi_checkbox{position:relative;vertical-align:middle;margin-right:5px;} .see_multi_checkbox:checked + label {color: #B93131;} .see_multi_label{vertical-align:middle;width:85%;float:left;margin-left:6px;color:#666666;margin-top:3px;} .see_multi_label_aug2,.see_multi_label_zk1,.see_multi_label_sk1,.see_multi_label_fa,.see_multi_label_gr{width:80%;} .see_multi_submit, .see_multi_loesch {font-family: Calibri,Verdana;padding:4px;background-color:#FBFBFB;color:#444444;font-size: 14px;line-height: 16px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border: 1px solid #CCCCCC;} .see_multi_submit{width:96%;margin:2%;cursor:pointer;margin-top:10px;margin-bottom:10px;} .see_multi_submit:hover{background: #BBBBBB;} .see_li{float:none!important;} .see_li:hover{background: #EEEEEE;} .see_li:after{content:" ";display:block;clear:both;} .see_li_fa_pic{margin-top:2px;margin-right:5px;width:10px;height:10px;float:left;} .see_multi_loesch{margin:5px;margin-left:10px;cursor:pointer;padding-right:24px;background-position: right 4px center;} /*background: url(img/see_loesch.png) no-repeat;*/ .see_multi_loesch:hover{background-position: right 4px center;text-decoration: none;}/*background: url(img/see_loesch2.png) no-repeat;*/ .see_multi_loesch_buttons{padding-bottom:10px;margin-left:10px;display: table;} .see_multi_loesch_txt{float:left;margin-top:10px;} .see_multi_loesch_form{margin:0;margin-bottom:10px;float:left;} .see_multi_loesch_alle{background-color:#EDCCCC!important;} /* Passform-Bewertungen */ .cssTextBew{font-family:Verdana;background-color: #FBFBFB;font-size: 14px;border: 1px solid #CCCCCC;width:250px;padding:2px;} .cssBewName{font-size:12px;} .cssBewSenden{backround:#E6E6E6;border:1px solid #969696;padding:10px 25px;cursor:pointer;} .cssTextBew,.cssBewName,.cssBewSenden,.BewFehlerText{font-weight:normal;color:#444444;} .BewFehlerText{margin-left:20px;color:#DE2323;} #passform{font-family:Verdana,Arial;font-size:11px;width:600px;color:#C2620D;} .passlinie{width:20px;height:6px;border-top:2px solid #B5B5B5;display:inline-block;} #passform input[type="radio"]{margin:0;} #passtable{background:#F5F5F5;border:1px solid #CCCCCC;padding:5px 10px;} #passauswahl{margin-left:10px;} #passtable,#passauswahl{float:left;} #weite_bez,#lange_bez,#fussbett_bez{line-height:20px;} #freundempf{font-family:Verdana,Arial;font-size:11px;width:350px;background:#F5F5F5;border:1px solid #CCCCCC;padding:10px 10px 5px 10px;} .ArtPassKreis{width:10px;height:10px;border:1px solid #858585;background:#F0F0F0;border-radius:5px;} .ArtPassLinie{border-top:1px solid #858585;width:10px;height:5px;margin-top:5px;} .ArtPassKreis,.ArtPassLinie{float:left;display:inline;} .ArtPassKreisSel{background:#858585;} .ArtPassAnz{margin:0 10px;} .ArtPassText{font-weight:bold;} /* Passform-Bewertungen Ende*/ /* neue Zahlartenauswahl Direktkauf */ .login_c input[type="radio"] + label {background-color: #FFFFFF;transition: background .5s;border: 1px solid #CCCCCC;border-radius:5px;} .login_c input[type="radio"]:checked + label {background-color: #FBFBFB;transition: background .5s;border: 1px solid #CCCCCC;border-radius:5px;} .za_dk_opt {height: 47px;position:relative;} .za_dk-div{position:relative;overflow:hidden;float: left;width:100%;margin-top: 6px;cursor:pointer;} .za_dk-div label{display:block;cursor:pointer;} .login_c input[type="radio"] + label:before{transition: background .5s;position:absolute;transform:translate(0%,-50%);top:50%;left:10px;margin-right:10px;content:' ';display:block;box-shadow: 0 0 0 1px #666666;;border-radius:10px;box-sizing:border-box;border:2px solid white;background:white;width:12px;height:12px;} .login_c input[type="radio"]:checked + label:before{background:#666666;} .za_dk-div input{position:absolute;left:-30px} [class^='button_za_dk']{width:100px;height:100%;background: no-repeat 50% 50%;background-size:contain;float: left;margin-left: 33px;} .button_za_dk1{background-image:url(img/pg_zahlart1.png);} .button_za_dk2{background-image:url(img/pg_zahlart2.png);} .button_za_dk3{background-image:url(img/pg_zahlart3.png);} .button_za_dk4{background-image:url(img/pg_zahlart4.png);} .button_za_dk5{background-image:url(img/pg_zahlart5.png);} .button_za_dk6{background-image:url(img/pg_zahlart6.png);} .button_za_dk7{background-image:url(img/pg_zahlart7.png);} .button_za_dk8{background-image:url(img/pg_zahlart8.png);} .button_za_dk9{background-image:url(img/pg_zahlart9.png);} .button_za_dk10{background-image:url(img/pg_zahlart10.png);} .button_za_dk11{background-image:url(img/pg_zahlart11.png);} .button_za_dk12{background-image:url(img/pg_zahlart12.png);} .button_za_dk13{background-image:url(img/pg_zahlart13.png);} .button_za_dk14{background-image:url(img/pg_zahlart14.png);} .button_za_dk15{background-image:url(img/pg_zahlart15.png);} [class^='text_za_dk']{vertical-align: middle;height:36px;width:150px;display:table-cell;padding-left: 5px;} /* neue Zahlartenauswahl Direktkauf Ende */ /* Tabellen Kram um den validator.w3.org Test mit weniger Fehlern zu bestehen */ .pg_valign_top {vertical-align:top;} .pg_valign_middle {vertical-align:middle;} .pg_valign_bottom {vertical-align:bottom;} .pg_table_standard {border-spacing:0;border:0;padding:0;} .pg_table_standard100 {border-spacing:0;border:0;padding:0;width:100%;} #shopMitte2 { margin-left: -10px; min-height: 80vh; } #ps-suchleiste { top: 171px; height: 3rem; background-color: white; left: 0; position: sticky; position: -webkit-sticky; z-index: 6; margin: 8px 15px 8px 11px; } #suchStr { height: 100%; width: calc(100% - 12rem); padding: 0 1rem; display: inline-block } #ps-suche-schliessen { position: absolute; right: 0; top: 0; height: 3rem; width: 3rem; background-image: url('img/wk-x.svg'); background-size: 65%; cursor: pointer; z-index: 2; background-repeat: no-repeat; background-position: center; } #ps-weiteres { display: flex; margin-right: 7px; margin-left: 3px; left: 0; position: sticky; position: -webkit-sticky; z-index: 6; top: calc(163px + 3rem); } #ps-weiteres > * { flex: 1; margin: 8px; background-color: white; } #ps-weiteres.verstecken { display: none; } #ps-vorschlage > li { padding: .4rem .7rem; cursor: pointer; font-weight: bold; } #ps-vorschlage > li > b { font-weight: normal; } #ps-vorschlage > li:last-of-type { border-bottom: none; } #ps-vorschlage:empty { display: none !important; } .what-the-faq > li { border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; padding: 10px 8px; } .what-the-faq > li > b { font-weight: bold; } #ps-infos > h1 { margin: 15px 0; } #ps-infos { height: 201px; overflow: hidden; } #ps-infos:hover { min-height: 201px; height: auto; } #ps-infos > * { margin: 0 20px; } #ps-infos > div { overflow: auto; } #ps-infos > div > img { float: right; height: 100px; } #ps-infos > div > h1 { float: left; font-size: 20px; line-height: 100px; font-weight: bold; } #ps-infos .hoverme { display: none; } #ps-infos:hover .hoverme { display: block; margin: 20px; } #ps-menu { position: fixed; top: 0; bottom: 0; left: -25rem; width: 25rem; padding: 20px; z-index: 100000; background-color: white; transition: all ease-out .4s; overflow-y: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; } #ps-menu.open { left: 0px; } #ps-menu .total, #ps-filter-reset { display: block; padding: 10px; margin-bottom: 20px; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2); } #ps-menu > ul { margin: 10px 0 20px 0; list-style: none; padding-left: 0; color: white; transition: all ease-out .2s; } #ps-menu > ul > li { padding: 6px 10px; cursor: pointer; overflow: hidden; color: rgb(60,60,60); transition: all ease-out .2s; } #ps-menu > ul:not(.is-open) > li:not(.is-toggle):nth-child(n+6) { line-height: 0px; padding: 0px 10px; overflow: hidden; height: 0px; } #ps-menu > ul > li.active:after, #ps-filter-reset:after { display: block; height: 20px; width: 20px; content: '-'; float: right; background-color: white; border-radius: 50%; background-image: url('../img/wk-x.svg'); background-repeat: no-repeat; background-position: 50%; background-size: 67%; } #ps-menu-hintergrund.open { cursor: pointer; position: fixed; top: 0; left: 25rem; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0); z-index: 99999; transition: all ease-out .2s; } #ps-menu-hintergrund.open.dunkel { background-color: rgba(0, 0, 0, .4); } #ps-artikel > h1 { display: block; text-align: center; margin-top: 2rem; font-size: 2rem; } #ps-artikel > .unimportant { width: calc(100% - 16px); min-height: auto; text-align: center; padding: .6rem; height: auto; } #ps-mehr-desktop { text-align: center; padding: .7rem; cursor: pointer; transform: translateY(100%); transition: all ease-out .3s; margin: 6px 6px 180px 6px; } .mobile-verstecken { display: none !important; } #ps-filter-toggle, #h-ps-filter-toggle { width: 8rem; display: inline-block; text-align: center; padding: .8rem; cursor: pointer; } .hideoverflow { overflow: hidden !important; } #ps-vorschlage > li.vorschlag-link > a { display: block; margin: -.4rem -.7rem; padding: .4rem .7rem; } #ps-vorschlage > li.vorschlag-link > a > span { float: right; } #typos { margin: .7rem -2px; } span.typo { padding: .4rem .7rem; margin: 10px; cursor: pointer; } #shopMitte2 > .shop_tab_mitte { margin: 0 auto; } @media (max-width: 772px) and (min-aspect-ratio: 13/9) { #ps-menu.open > ul > li.active:after, #ps-menu.open #ps-filter-reset:after { height: 30px; width: 30px; } #shopMitte2 { margin-left: 0px; } #ps-vorschlage { columns: 2; } } @media (max-width: 760px) { #ps-menu.open > ul > li.active:after, #ps-menu.open #ps-filter-reset:after { height: 30px; width: 30px; } #shopMitte2 { margin-left: 0px; } #ps-artikel > .unimportant { width: calc(100% - 28px); } #ps-menu { width: 20rem; } #ps-menu-hintergrund.open { left: 19rem; } } .hideoverflow { overflow: hidden !important; height: 100vh !important; width: 100vw !important; position: fixed; } #ps-menu * { transform: translate3d(0,0,0); } #ps-mehr-desktop { margin-bottom: 280px !important; opacity: 0; } body.powersuche-offen #shopMitte2 #ps-artikel>li { transform: translate3d(0,0,0); display: block; } #ps-artikel .tab_se_unten { display: none !important; } #ps-weiteres { margin-right: 0px; margin-left: 0px; } #ps-suchleiste { margin: 8px; } @media (max-width: 760px) { #typos *, #ps-suchleiste *, #ps-weiteres *, #ps-menu * { font-size: 23px; } div#ps-weiteres { width: calc(100% - 26px); } div#ps-suchleiste { width: calc(100% - 42px); } div#ps-mehr-desktop { opacity: 0; margin-right: 24px; } ul#ps-artikel { margin-top: 55px; } } #k_men_zeile>nav[id*="men_"] .lvl_1 li:hover div{transition: 0.05s ease .25s;} #h-ps-filter-toggle:not(.not-empty), #ps-filter-toggle:not(.not-empty) { opacity: .3; cursor: no-drop; } .see_multi_submit.mode-close{display:unset!important;} .pg_only { display: none !important; }/** * @file: highslide.css * @version: 4.1.8 */ .highslide-container div { font-family: Verdana, Helvetica; font-size: 10pt; } .highslide-container table { background: none; } .highslide { outline: none; text-decoration: none; } .highslide img { border: 2px solid silver; } .highslide:hover img { border-color: gray; } .highslide-active-anchor img { visibility: hidden; } .highslide-gallery .highslide-active-anchor img { border-color: black; visibility: visible; cursor: default; } .highslide-image { border-width: 2px; border-style: solid; border-color: white; background: gray; } .highslide-wrapper, .highslide-outline { background: white; } .glossy-dark { background: #111; } .highslide-image-blur { } .highslide-number { font-weight: bold; color: gray; font-size: .9em; } .highslide-caption { display: none; font-size: 1em; padding: 5px; /*background: white;*/ } .highslide-heading { display: none; font-weight: bold; margin: 0.4em; } .highslide-dimming { position: absolute; background: black; } a.highslide-full-expand { background: url(img/highslide/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; } .highslide-loading { display: block; color: black; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border: 1px solid white; background-color: white; padding-left: 22px; background-image: url(img/highslide/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px; } a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; } .highslide-move, .highslide-move * { cursor: move; } .highslide-viewport { display: none; position: fixed; width: 100%; height: 100%; z-index: 1; background: none; left: 0; top: 0; } .highslide-overlay { display: none; } .hidden-container { display: none; } /* Example of a semitransparent, offset closebutton */ .closebutton { position: relative; top: -15px; left: 15px; width: 30px; height: 30px; cursor: pointer; background: url(img/highslide/close.png); /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */ } /*****************************************************************************/ /* Thumbnail boxes for the galleries. */ /* Remove these if you are not using a gallery. */ /*****************************************************************************/ .highslide-gallery ul { list-style-type: none; margin: 0; padding: 0; } .highslide-gallery ul li { display: block; position: relative; float: left; width: 106px; height: 106px; border: 1px solid silver; background: #ededed; margin: 2px; line-height: 0; overflow: hidden; } .highslide-gallery ul a { position: absolute; top: 50%; left: 50%; } .highslide-gallery ul img { position: relative; top: -50%; left: -50%; } html>/**/body .highslide-gallery ul li { display: table; text-align: center; } html>/**/body .highslide-gallery ul li { text-align: center; } html>/**/body .highslide-gallery ul a { position: static; display: table-cell; vertical-align: middle; } html>/**/body .highslide-gallery ul img { position: static; } /*****************************************************************************/ /* Controls for the galleries. */ /* Remove these if you are not using a gallery */ /*****************************************************************************/ .highslide-controls { width: 195px; height: 40px; background: url(img/highslide/controlbar-white.gif) 0 -90px no-repeat; margin: 20px 15px 10px 0; } .highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(img/highslide/controlbar-white.gif) right -90px no-repeat; } .highslide-controls li { float: left; padding: 5px 0; margin:0; list-style: none; } .highslide-controls a { background-image: url(img/highslide/controlbar-white.gif); display: block; float: left; height: 30px; width: 30px; outline: none; } .highslide-controls a.disabled { cursor: default; } .highslide-controls a.disabled span { cursor: default; } .highslide-controls a span { /* hide the text for these graphic buttons */ display: none; cursor: pointer; } /* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */ .highslide-controls .highslide-previous a { background-position: 0 0; } .highslide-controls .highslide-previous a:hover { background-position: 0 -30px; } .highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important; } .highslide-controls .highslide-play a { background-position: -30px 0; } .highslide-controls .highslide-play a:hover { background-position: -30px -30px; } .highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important; } .highslide-controls .highslide-pause a { background-position: -60px 0; } .highslide-controls .highslide-pause a:hover { background-position: -60px -30px; } .highslide-controls .highslide-next a { background-position: -90px 0; } .highslide-controls .highslide-next a:hover { background-position: -90px -30px; } .highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important; } .highslide-controls .highslide-move a { background-position: -120px 0; } .highslide-controls .highslide-move a:hover { background-position: -120px -30px; } .highslide-controls .highslide-full-expand a { background-position: -150px 0; } .highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px; } .highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important; } .highslide-controls .highslide-close a { background-position: -180px 0; } .highslide-controls .highslide-close a:hover { background-position: -180px -30px; } /*****************************************************************************/ /* Styles for the HTML popups */ /* Remove these if you are not using Highslide HTML */ /*****************************************************************************/ .highslide-maincontent { display: none; } .highslide-html { background-color: white; } .highslide-html-content { display: none; width: 400px; padding: 0 5px 5px 5px; } .highslide-header { padding-bottom: 5px; } .highslide-header ul { margin: 0; padding: 0; text-align: right; } .highslide-header ul li { display: inline; padding-left: 1em; } .highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next { display: none; } .highslide-header a { font-weight: bold; color: gray; text-transform: uppercase; text-decoration: none; } .highslide-header a:hover { color: black; } .highslide-header .highslide-move a { cursor: move; } .highslide-footer { height: 16px; } .highslide-footer .highslide-resize { display: block; float: right; margin-top: 5px; height: 11px; width: 11px; background: url(img/highslide/resize.gif) no-repeat; } .highslide-footer .highslide-resize span { display: none; } .highslide-body { } .highslide-resize { cursor: nw-resize; } /*****************************************************************************/ /* Styles for the Individual wrapper class names. */ /* See www.highslide.com/ref/hs.wrapperClassName */ /* You can safely remove the class name themes you don't use */ /*****************************************************************************/ /* hs.wrapperClassName = 'draggable-header' */ .draggable-header .highslide-header { height: 18px; border-bottom: 1px solid #dddddd; } .draggable-header .highslide-heading { position: absolute; margin: 2px 0.4em; } .draggable-header .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .draggable-header .highslide-header .highslide-move * { display: none; } .draggable-header .highslide-header .highslide-close { position: absolute; right: 2px; top: 2px; z-index: 5; padding: 0; } .draggable-header .highslide-header .highslide-close a { display: block; height: 16px; width: 16px; background-image: url(img/highslide/closeX.png); } .draggable-header .highslide-header .highslide-close a:hover { background-position: 0 16px; } .draggable-header .highslide-header .highslide-close span { display: none; } .draggable-header .highslide-maincontent { padding-top: 1em; } /* hs.wrapperClassName = 'titlebar' */ .titlebar .highslide-header { height: 18px; border-bottom: 1px solid #dddddd; } .titlebar .highslide-heading { position: absolute; width: 90%; margin: 1px 0 1px 5px; color: #666666; } .titlebar .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .titlebar .highslide-header .highslide-move * { display: none; } .titlebar .highslide-header li { position: relative; top: 3px; z-index: 2; padding: 0 0 0 1em; } .titlebar .highslide-maincontent { padding-top: 1em; } /* hs.wrapperClassName = 'no-footer' */ .no-footer .highslide-footer { display: none; } /* hs.wrapperClassName = 'wide-border' */ .wide-border { background: white; } .wide-border .highslide-image { border-width: 10px; } .wide-border .highslide-caption { padding: 0 10px 10px 10px; } /* hs.wrapperClassName = 'borderless' */ .borderless .highslide-image { border: none; } .borderless .highslide-caption { border-bottom: 1px solid white; border-top: 1px solid white; background: silver; } /* hs.wrapperClassName = 'outer-glow' */ .outer-glow { background: #444; } .outer-glow .highslide-image { border: 5px solid #444444; } .outer-glow .highslide-caption { border: 5px solid #444444; border-top: none; padding: 5px; background-color: gray; } /* hs.wrapperClassName = 'colored-border' */ .colored-border { background: white; } .colored-border .highslide-image { border: 2px solid green; } .colored-border .highslide-caption { border: 2px solid green; border-top: none; } /* hs.wrapperClassName = 'dark' */ .dark { background: #111; } .dark .highslide-image { border-color: black black #202020 black; background: gray; } .dark .highslide-caption { color: white; background: #111; } .dark .highslide-controls, .dark .highslide-controls ul, .dark .highslide-controls a { background-image: url(img/highslide/controlbar-black-border.gif); } /* hs.wrapperClassName = 'floating-caption' */ .floating-caption .highslide-caption { position: absolute; padding: 1em 0 0 0; background: none; color: white; border: none; font-weight: bold; } /* hs.wrapperClassName = 'controls-in-heading' */ .controls-in-heading .highslide-heading { color: gray; font-weight: bold; height: 20px; overflow: hidden; cursor: default; padding: 0 0 0 22px; margin: 0; background: url(img/highslide/icon.gif) no-repeat 0 1px; } .controls-in-heading .highslide-controls { width: 105px; height: 20px; position: relative; margin: 0; top: -23px; left: 7px; background: none; } .controls-in-heading .highslide-controls ul { position: static; height: 20px; background: none; } .controls-in-heading .highslide-controls li { padding: 0; } .controls-in-heading .highslide-controls a { background-image: url(img/highslide/controlbar-white-small.gif); height: 20px; width: 20px; } .controls-in-heading .highslide-controls .highslide-move { display: none; } .controls-in-heading .highslide-controls .highslide-previous a { background-position: 0 0; } .controls-in-heading .highslide-controls .highslide-previous a:hover { background-position: 0 -20px; } .controls-in-heading .highslide-controls .highslide-previous a.disabled { background-position: 0 -40px !important; } .controls-in-heading .highslide-controls .highslide-play a { background-position: -20px 0; } .controls-in-heading .highslide-controls .highslide-play a:hover { background-position: -20px -20px; } .controls-in-heading .highslide-controls .highslide-play a.disabled { background-position: -20px -40px !important; } .controls-in-heading .highslide-controls .highslide-pause a { background-position: -40px 0; } .controls-in-heading .highslide-controls .highslide-pause a:hover { background-position: -40px -20px; } .controls-in-heading .highslide-controls .highslide-next a { background-position: -60px 0; } .controls-in-heading .highslide-controls .highslide-next a:hover { background-position: -60px -20px; } .controls-in-heading .highslide-controls .highslide-next a.disabled { background-position: -60px -40px !important; } .controls-in-heading .highslide-controls .highslide-full-expand a { background-position: -100px 0; } .controls-in-heading .highslide-controls .highslide-full-expand a:hover { background-position: -100px -20px; } .controls-in-heading .highslide-controls .highslide-full-expand a.disabled { background-position: -100px -40px !important; } .controls-in-heading .highslide-controls .highslide-close a { background-position: -120px 0; } .controls-in-heading .highslide-controls .highslide-close a:hover { background-position: -120px -20px; } /*****************************************************************************/ /* Styles for text based controls. */ /* You can safely remove this if you don't use text based controls */ /*****************************************************************************/ .text-controls .highslide-controls { width: auto; height: auto; margin: 0; text-align: center; background: none; } .text-controls ul { position: static; background: none; height: auto; left: 0; } .text-controls .highslide-move { display: none; } .text-controls li { background-image: url(img/highslide/controlbar-text-buttons.png); background-position: right top !important; padding: 0; margin-left: 15px; display: block; width: auto; } .text-controls a { background: url(img/highslide/controlbar-text-buttons.png) no-repeat; background-position: left top !important; position: relative; left: -10px; display: block; width: auto; height: auto; text-decoration: none !important; } .text-controls a span { background: url(img/highslide/controlbar-text-buttons.png) no-repeat; margin: 1px 2px 1px 10px; display: block; min-width: 4em; height: 18px; line-height: 18px; padding: 1px 0 1px 18px; color: #333; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; font-weight: bold; white-space: nowrap; } .text-controls .highslide-next { margin-right: 1em; } .text-controls .highslide-full-expand a span { min-width: 0; margin: 1px 0; padding: 1px 0 1px 10px; } .text-controls .highslide-close a span { min-width: 0; } .text-controls a:hover span { color: black; } .text-controls a.disabled span { color: #999; } .text-controls .highslide-previous span { background-position: 0 -40px; } .text-controls .highslide-previous a.disabled { background-position: left top !important; } .text-controls .highslide-previous a.disabled span { background-position: 0 -140px; } .text-controls .highslide-play span { background-position: 0 -60px; } .text-controls .highslide-play a.disabled { background-position: left top !important; } .text-controls .highslide-play a.disabled span { background-position: 0 -160px; } .text-controls .highslide-pause span { background-position: 0 -80px; } .text-controls .highslide-next span { background-position: 0 -100px; } .text-controls .highslide-next a.disabled { background-position: left top !important; } .text-controls .highslide-next a.disabled span { background-position: 0 -200px; } .text-controls .highslide-full-expand span { background: none; } .text-controls .highslide-full-expand a.disabled { background-position: left top !important; } .text-controls .highslide-close span { background-position: 0 -120px; } /*****************************************************************************/ /* Styles for the thumbstrip. */ /* See www.highslide.com/ref/hs.addSlideshow */ /* You can safely remove this if you don't use a thumbstrip */ /*****************************************************************************/ .highslide-thumbstrip { height: 100%; } .highslide-thumbstrip div { overflow: hidden; } .highslide-thumbstrip table { position: relative; padding: 0; border-collapse: collapse; } .highslide-thumbstrip td { padding: 1px; /*text-align: center;*/ } .highslide-thumbstrip a { outline: none; } .highslide-thumbstrip img { display: block; border: 1px solid gray; margin: 0 auto; } .highslide-thumbstrip .highslide-active-anchor img { visibility: visible; } .highslide-thumbstrip .highslide-marker { position: absolute; width: 0; height: 0; border-width: 0; border-style: solid; border-color: transparent; /* change this to actual background color in highslide-ie6.css */ } .highslide-thumbstrip-horizontal div { width: auto; /* width: 100% breaks in small strips in IE */ } .highslide-thumbstrip-horizontal .highslide-scroll-up { display: none; position: absolute; top: 3px; left: 3px; width: 25px; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-up div { margin-bottom: 10px; cursor: pointer; background: url(img/highslide/scrollarrows.png) left center no-repeat; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down { display: none; position: absolute; top: 3px; right: 3px; width: 25px; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down div { margin-bottom: 10px; cursor: pointer; background: url(img/highslide/scrollarrows.png) center right no-repeat; height: 42px; } .highslide-thumbstrip-horizontal table { margin: 2px 0 10px 0; } .highslide-viewport .highslide-thumbstrip-horizontal table { margin-left: 10px; } .highslide-thumbstrip-horizontal img { width: auto; height: 40px; } .highslide-thumbstrip-horizontal .highslide-marker { top: 47px; border-left-width: 6px; border-right-width: 6px; border-bottom: 6px solid gray; } .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { margin-left: 10px; } .dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { border-bottom-color: white !important; } .highslide-thumbstrip-vertical-overlay { overflow: hidden !important; } .highslide-thumbstrip-vertical div { height: 100%; } .highslide-thumbstrip-vertical a { display: block; } .highslide-thumbstrip-vertical .highslide-scroll-up { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-up div { margin-left: 10px; cursor: pointer; background: url(img/highslide/scrollarrows.png) top center no-repeat; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down div { margin-left: 10px; cursor: pointer; background: url(img/highslide/scrollarrows.png) bottom center no-repeat; height: 25px; } .highslide-thumbstrip-vertical table { margin: 10px 0 0 10px; } .highslide-thumbstrip-vertical img { max-width: 60px; } .highslide-thumbstrip-vertical .highslide-marker { left: 0; margin-top: 8px; border-top-width: 6px; border-bottom-width: 6px; border-left: 6px solid gray; } .dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker { border-left-color: white; } .highslide-viewport .highslide-thumbstrip-float { overflow: auto; } .highslide-thumbstrip-float ul { margin: 2px 0; padding: 0; } .highslide-thumbstrip-float li { display: block; height: 60px; margin: 0 2px; list-style: none; float: left; } .highslide-thumbstrip-float img { display: inline; border-color: silver; max-height: 56px; } .highslide-thumbstrip-float .highslide-active-anchor img { border-color: black; } .highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div { display: none; } .highslide-thumbstrip-float .highslide-marker { display: none; }@font-face { font-family:'OpenSans'; src: url('img/OpenSans-Regular.eot'); src: url(img/OpenSans-Regular.woff) format('woff'), url('img/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url(img/OpenSans-Regular.ttf) format('truetype'); font-display: swap; unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;} @font-face { font-family:'NunitoRegular'; src: url('img/Nunito-Regular.eot'); src: url(img/Nunito-Regular.woff) format('woff'), url('img/Nunito-Regular.eot?#iefix') format('embedded-opentype'), url(img/Nunito-Regular.ttf) format('truetype'); font-display: swap; unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;} #shopMitte .shop_tab_mitte #blaettern_oben > #dd_sort_top > li { display: none; } * {border:0;margin:0;padding:0;list-style:none;color:rgb(60,60,60);background: no-repeat 50%;text-decoration:none;font-family:'OpenSans',sans-serif;font-size:16px;appearance:normal;-moz-appearance:normal;-webkit-appearance:normal;outline: none !important;} * b {font-weight:normal;} .red {color:rgb(165,1,1);} .center {text-align:center!important;} *[class*='rpb'] { position: relative; } *[class*='rpb'] img { position: absolute; z-index:-1; max-height: 100%; } .rpb-374 { padding-bottom: 37.4%; } .rpb-247 { padding-bottom: 24.7%; } .rpb-348 { padding-bottom: 34.8%; } .rpb-266 { padding-bottom: 26.6%; } .rpb-399 { padding-bottom: 39.9%; } @media (max-width: 2600px) { .dxl-rpb-37 { padding-bottom: 37%; } } @media (max-width: 1405px) { .xl-rpb-67 { padding-bottom: 67%; } } @media (max-width: 890px) { .lg-rpb-50 { padding-bottom: 50%; } .lg-rpb-62 { padding-bottom: 62%; } .lg-rpb-71 { padding-bottom: 71%; } .lg-rpb-38 { padding-bottom: 38%; } .lg-rpb-82 { padding-bottom: 82%;} .lg-rpb-605 { padding-bottom: 60.5%; } } @media (max-width: 772px) { .md-rpb-107 { padding-bottom: 107%; } } @media (max-width: 760px) { .sm-rpb-70 { padding-bottom: 70%; } .sm-rpb-75 { padding-bottom: 75%; } } @font-face { font-family: 'NunitoSansLight'; font-style: normal; src: local('NunitoSans-Light'), local('NunitoSans-Light'), url(img/NunitoSans-Light.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @media screen and (max-device-width: 480px){ body {text-size-adjust:none;-webkit-text-size-adjust: none; /* Font Resizing deaktivieren */} } #dd_sort_top.select_sortierung_se > li {border-radius:1rem;} #dd_sort_top li {padding-left:15px;} @media (max-width: 890px) { * {font-size:18px;} #kopf_top_line + .k_ausrichter{width:100% !important;} } #shopLayer[data-pp="wk"]{overflow:hidden;} @media (max-width: 772px) { * {font-size:18px;} div[data-pp*="suche"] .tab_k{height: 77px;} #dd_sort_top .dd_list{width:100%;box-sizing:border-box;} #dd_sort_top li{padding-left:30px;} } @media (max-width: 760px) { * {font-size:28px;} } .nichtmarkieren { -ms-user-select: None; -moz-user-select: None; -webkit-user-select: None; user-select: None; } nav,main,section{display:block;} #shopLayer{min-height:1000px;position: relative;display: flex;flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;} html {height: 100%;} body {min-height: 100%;} script{width:1px !important} // das hier, wieso auch immer ... *::-moz-placeholder {color: rgb(60,60,60)!important;} *::-moz-selection {background-color: rgb(204,204,204);color:#fff;} /* markierter Text wird farbig */ div[class^="responsiveBadge_"] *{font-size:inherit;} div[class^="bottomSlantResponsiveBadge"] svg,div[class^="bottomSlantResponsiveBadge"] svg *{display:none} /*Header*/ #shopHeader {background:rgb(255,255,255);position:sticky;position:-webkit-sticky;;width:100%;top:0;left:0;z-index:150;box-shadow: -9px 15px 12px -14px rgba(0,0,0,0.25);-moz-box-shadow: -9px 15px 12px -14px rgba(0,0,0,0.25);-ms-box-shadow: -9px 15px 12px -14px rgba(0,0,0,0.25);-webkit-box-shadow: -9px 15px 12px -14px rgba(0,0,0,0.25);} #shopLayer.scrolltNachUnten #shopHeader {box-shadow: 0 0 20px 0 rgba(0,0,0,.2);-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.2);-ms-box-shadow: 0 0 20px 0 rgba(0,0,0,.2);-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.2);} #shopLayer.scrolltNachUnten #shopHeader #k_logo img {padding: 0 12px 6px 12px;height: 90%;} #kopf_top_line_inner,#k_account,#k_sp_cur,#k_lupe_2, #k_account > span, #k_sp_cur > span, #k_lupe_2 > label {display:flex;justify-content: flex-end;-moz-justify-content: flex-end;-ms-justify-content: flex-end;-webkit-justify-content: flex-end;position: relative;color:rgb(0,83,50);} #k_account > span, #k_sp_cur > span, #k_lupe_2 > label {align-items: center;-moz-align-items: center;-ms-align-items: center;-webkit-align-items: center;} #k_account a span {color:transparent;} #k_account {background:url(img/pg_user_m.svg) no-repeat 50%;background-size:25px;cursor:pointer;} #k_lupe_2 {background: url(img/search.svg) no-repeat 65% 50%;background-size:50% 25px;cursor:pointer;} #k_lupe_2 > label {color: transparent;cursor:pointer;} #k_account label{margin-left:10px;} //#k_sp_cur {display:none;} #k_sp_cur {background:url(img/k_sp.svg) no-repeat 50%;background-size:27px;cursor:pointer;} #k_sp_cur > span {color:transparent;} #k_sp_cur:hover .shBagInh,#k_sp_cur.hover .shBagInh{display:block;width:68px;box-sizing:border-box;padding:8px;} #k_sp_cur .shBagInh>form{padding-bottom:8px;border-bottom:1px solid rgb(204,204,204);margin-bottom:8px;} #k_shopliste li{padding:8px;} #k_shop_ital a{ background: url(img/flag_it.png) no-repeat 0 50%; text-indent: -999px; display: block; color: transparent; background-size: contain; } #k_shop_de a { background: url(img/flag_de.png) no-repeat 0 50%; text-indent: -999px; display: block; color: transparent; background-size: contain; } #k_shop_en a { background: url(img/flag_en.png) no-repeat 0 50%; text-indent: -999px; display: block; color: transparent; background-size: contain; } #k_shop_fr a { background: url(img/flag_fr.png) no-repeat 0 50%; text-indent: -999px; display: block; color: transparent; background-size: contain; } #k_sp_cur.k_sprache {background: url(img/flag_de.png) no-repeat 0 50%;background-size: 1.5rem;width: 2rem;margin:0;} #k_sp_cur.k_sprache .shBagInh #k_shopliste div a {width: 1.75rem;background-size:1.75rem;display:block;margin: 0 auto;} #k_sp_cur.k_sprache .shBagInh #k_shopliste div a:hover {color:transparent!important;} #k_sp_cur.k_sprache .shBagInh {width:3rem;} #k_sp_cur.k_sprache.en {background: url(img/flag_en.png) no-repeat 0 50%;background-size: 1.5rem;width: 2rem;margin:0;} #k_sp_cur.k_sprache.it {background: url(img/flag_it.png) no-repeat 0 50%;background-size: 1.5rem;width: 2rem;margin:0;} #k_sp_cur.k_sprache span {color:rgb(255,255,255);font-size: .8rem;padding-right: 2.5rem;} *[data-pp*='suche'] #shopMain{padding-top:40px;} #kopf_top_line {height:65px;background:rgb(255,255,255);display:flex;} #k_merk, #k_account, #k_sp_cur, #k_wk {width:70px;position:relative;} #k_title {width: 100%;height:2rem;background:rgb(60,60,60);} #k_title ul {width: 100%;max-width: 1276px;display: flex;flex-wrap: nowrap;-moz-flex-wrap: nowrap;-ms-flex-wrap: nowrap;-webkit-flex-wrap: nowrap;justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-webkit-justify-content: space-between;margin: 0 auto;padding:0 1rem;box-sizing:border-box;} #k_title ul li {display: flex;margin:0;list-style:none;line-height:2rem;font-size:0.9rem;box-sizing: border-box;white-space: nowrap;color: rgb(255,255,255);} #k_title ul li a {font-size:1em;color: rgb(255,255,255);} #k_title ul li a:hover {color:rgb(0,83,50);} #k_title ul li a.active {font-weight:bold;} /*#k_title ul li:before {content:'';padding-right: .5rem;background: url(img/check.svg) no-repeat 0 50%;width: 1rem;height: auto;background-size: 1rem auto;}*/ @media (max-width: 890px) { #k_title ul li {font-size:0.8rem;} #k_sp_cur.k_sprache span {display:none;} } @media (max-width: 760px) { /*#k_title ul li:nth-child(3), #k_title ul li:last-child {display:none;}*/ } @media(min-width : 1180px){ #k_title ul {width:1024px} } @media(min-width : 1405px){ #k_title ul{width:1276px} } @media(max-width : 890px){ #k_lupe_2 {background-size:50% 30px;} .scrolltNachUnten ~ #trustbadge-container-98e3dadd90eb493088abdc5597a70810 {display:none!important;} .scrolltNachOben ~ #trustbadge-container-98e3dadd90eb493088abdc5597a70810 {display:none!important;} #kopf_top_line {height:80px;} } @media(max-width : 772px){ #k_lupe_2 {background: url(img/search.svg) no-repeat 10% 50%;background-size: 35px;} #kopf_top_line {height:70px;} } @media(max-width : 760px){ #k_lupe_2 {background-size: 50% 100%;} #kopf_top_line {height:86px;width: 59%;float: right;} #k_men_zeile {height: 85px;margin: 0;padding-right: 10px;} #kopf_top_line_inner {padding-right: 30px;z-index:10;} #k_sp_cur:hover .shBagInh{width:350px;} #k_sp_cur.k_sprache:hover .shBagInh {width:3rem;} #k_sp_cur .shBagInh>form{} #k_title ul li a { font-size: .7rem; } } #grosseSucheAktiv{position:absolute;left:-999999px} #suchfV2{display: flex;flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;max-width: 60%;} #suchfV2 > h3{width:100%;font-size:1.5vw;color:rgb(255,255,255);} #suchfV2 > input{width:90%;font-size:3vw;color:rgb(255,255,255);} #suchfV2 > button{width:10%;font-size:3vw} #k_men_zeile{display:flex;background:rgb(255,255,255);} #k_men_zeile>nav[id*="men_"]{flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-webkit-flex-grow:1;display: flex;height: 48px;} #k_men_zeile>nav[id*="men_"] .lvl_1{display: flex;justify-content: space-around;-moz-justify-content: space-around;-ms-justify-content: space-around;-webkit-justify-content: space-around;flex-grow: 1;-moz-flex-grow: 1;-ms-flex-grow: 1;-webkit-flex-grow: 1;} #k_men_zeile>nav[id*="men_"] .lvl_1>li{flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-webkit-flex-grow:1;display: flex;} #k_men_zeile>nav[id*="men_"] .lvl_1>li:hover{background:rgb(0,83,50);color:rgb(255,255,255);border-top-left-radius:6px;border-top-right-radius:6px;} #k_men_zeile>nav[id*="men_"] .lvl_1>li li:hover>a{text-decoration:underline;} #k_men_zeile>nav[id*="men_"] .lvl_1>li:hover>a{color:inherit;} #k_men_zeile > nav[id*="men_"] .lvl_1 > li > a {flex-grow: 1;-moz-flex-grow: 1;-ms-flex-grow: 1;-webkit-flex-grow: 1;justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-webkit-justify-content: center;display: flex;align-items: center;-moz-align-items: center;-ms-align-items: center;-webkit-align-items: center;position:relative;text-transform: uppercase;color:rgb(0,83,50);font-family: 'NunitoRegular', sans-serif;font-size:1rem!important;} #k_men_zeile>nav[id*="men_"] .lvl_1>li.hasChildren:hover>a:after{opacity:1;} #k_men_zeile>nav[id*="men_"] .lvl_1>li.hasChildren:hover>a:before{content:' ';display: block;height: 20px;width:100%;bottom:-11px;position:absolute;left:0;} #k_men_zeile>nav[id*="men_"] .lvl_1>li>div{position:absolute;width:100%;background:rgb(255,255,255);opacity:0;top: 100%;transition: opacity .3s;-moz-transition: opacity .3s;-ms-transition: opacity .3s;-webkit-transition: opacity .3s;padding: 20px 0;z-index:100;background:rgb(0,83,50);left:0;width:0px;overflow:hidden;} #k_men_zeile>nav[id*="men_"] .lvl_1>li:hover>div{opacity:1;width: 100%;left: 0;min-height: 260px;} #k_men_zeile>nav[id*="men_"] .lvl_1>li:hover>div:before{content: ' ';position: absolute;bottom: 0;width:100%;display: block;height: 90px;background:url(img/k_men_u.svg) no-repeat 0 0;background-size: 100%;left:0;transform: translate(0,100%);-moz-transform: translate(0,100%);-ms-transform: translate(0,100%);-webkit-transform: translate(0,100%);} #k_men_zeile>nav[id*="men_"] .lvl_1>li>div>section{margin:0 auto;display:flex;justify-content: space-around;-moz-justify-content: space-around;-ms-justify-content: space-around;-webkit-justify-content: space-around;align-items: flex-start;-moz-align-items: flex-start;-ms-align-items: flex-start;-webkit-align-items: flex-start;flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;position:relative;} #k_men_zeile>nav[id*="men_"] .lvl_1>li>div>section.ansicht_HMC{flex-wrap: nowrap;-moz-flex-wrap: nowrap;-ms-flex-wrap: nowrap;-webkit-flex-wrap: nowrap;} #k_men_zeile>nav[id*="men_"] .lvl_1>li>div>section.ansicht_HMC.x6er{flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;padding-right: 20%;box-sizing: border-box;} #k_men_zeile>nav[id*="men_"] .lvl_1>li>div>section.ansicht_HMC.x6er ul{width:33.3333%;box-sizing: border-box;} #k_men_zeile>nav[id*="men_"] .lvl_1>li>div>section>ul{flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-webkit-flex-grow:1;display:flex;flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;padding:0 11px;width: 100%;} #k_men_zeile>nav[id*="men_"] .lvl_1>li>div>section.ansicht_HMC>ul.men_zk1{flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;} #k_men_zeile>nav[id*="men_"] .lvl_1>li>div>section>ul li.head, #k_men_zeile>nav[id*="men_"] .lvl_1>li>div>section.ansicht_HMC.x6er .lvl_2>li:first-child>a {margin-top: 18px;width: 100%;height: 36px;font-weight: bold;} #k_men_zeile>nav[id*="men_"] .lvl_1>li>div>section ul.men_aug2.lvl_3 {width:100%;} #k_men_zeile > nav[id*="men_"] .lvl_1 > li div > section > ul > li.men_aug_13 {margin-left: 20.4%;font-weight:bold;} #k_men_zeile>nav[id*="men_"] .lvl_1>li div>section>ul>li{flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-webkit-flex-grow:1;width:33%;display:flex;flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;align-content: flex-start;-moz-align-content: flex-start;-ms-align-content: flex-start;-webkit-align-content: flex-start;color:rgb(255,255,255)} #k_men_zeile>nav[id*="men_"] .lvl_1>li div>section.ansicht_HMC>ul.men_zk1>li{width:100%;margin-bottom: 20px;} #k_men_zeile>nav[id*="men_"] .lvl_1>li>div>section>ul>li a{flex-grow:0;-moz-flex-grow:0;-ms-flex-grow:0;-webkit-flex-grow:0;padding:3px 0px;box-sizing: border-box;color:rgb(255,255,255)} #k_men_zeile > nav[id*="men_"] .lvl_1 > li div > section.neueKategorieAufteilung > ul > li{width:100%} #k_men_zeile .lvl_2>li>div {width:100%;} #k_men_zeile section:not(.neueKategorieAufteilung) .lvl_2:nth-child(2){margin-top:20px;with:100%} #k_men_zeile .lvl_2.men_zk1>li>a{margin-top: 18px;width: 100%;height: 36px;font-weight: bold;} #k_men_zeile li:hover .men_angebote_4 a, #k_men_zeile li:hover .men_angebote_5 a, #k_men_zeile li:hover .men_angebote_6 a, #k_men_zeile li:hover .men_angebote_7 a, #k_men_zeile li:hover .men_angebote_8 a {background:url(img/start_6-1_trilby-huete.jpg);background-size: 99%;background-repeat: no-repeat;padding-top: 83% !important;width: 100%;margin-top: 18px;text-decoration:underline;} #k_men_zeile>nav[id*="men_"] .lvl_1>li>div>section.ansicht_HMC.x6er .men_angebote {position: absolute;width: 20%;right: 0;} #k_men_zeile li:hover .men_angebote_5 a{background-image:url(img/start_6-2_beanie.jpg);} #k_men_zeile li:hover .men_angebote_6 a{background-image:url(img/start_6-1_caps.jpg);} #k_men_zeile li:hover .men_angebote_7 a{background-image:url(img/start_6-5_uv-sonnenschutz.jpg);} #k_men_zeile li:hover .men_angebote_8 a{background-image:url(img/start_6-1_hausschuhe-damen.jpg);} #k_men_zeile > nav[id*="men_"] .lvl_1 > li div > section > ul > li.men_aug_20 {margin-top:18px;font-weight: bold;} #k_men_zeile > nav[id*="men_"] .lvl_1 > li div > section > ul > li.men_aug_94 > div > ul.men_stirnbander {display:none;} .k_ausrichter {margin:0 auto;position: relative;} .spalte_zk1.nix{display: none !important;} @media(min-width : 10px){ .k_ausrichter,#k_men_zeile>nav[id*="men_"] .lvl_1>li div>section{width: 756px;} #k_men_zeile > nav[id*="men_"] {display:none;} } @media(min-width : 891px){ .k_ausrichter,#k_men_zeile>nav[id*="men_"] .lvl_1>li div>section{width:100%} #k_men_zeile > nav[id*="men_"] {display:flex;margin-left: 145px;} } @media(min-width: 760px){ #k_men_zeile > nav[id*="men_"] .lvl_1 > li > a {font-size:15px;} } @media(max-width : 1000px){#k_men_zeile > nav[id*="men_"] .lvl_1 > li li a,#k_men_zeile > nav[id*="men_"] .lvl_1 > li li {font-size:12px;}} @media(min-width : 1180px){ .k_ausrichter,#k_men_zeile>nav[id*="men_"] .lvl_1>li div>section{width:1008px;} #k_men_zeile > nav[id*="men_"] .lvl_1 > li > a {font-size:16px;} } @media(min-width : 1405px){ .k_ausrichter,#k_men_zeile>nav[id*="men_"] .lvl_1>li div>section{width:1260px} } #k_logo {display:flex;order:-1;-moz-order:-1;-ms-order:-1;-webkit-order:-1;align-items: center;-moz-align-items: center;-ms-align-items: center;-webkit-align-items: center;height: 100px;max-width: 200px;top: -60px;left:0;position: absolute;} #k_logo img {height:100%;max-width: 100%;box-sizing: border-box;padding: 12px 12px 0 12px;} @media (max-width: 1388px) { #k_logo img {max-height:100%;width: 90%;padding-top:18px;} } @media (max-width: 1200px) { #k_men_zeile > nav[id*="men_"] .lvl_1 > li > a {font-size:1rem!important;} } @media (max-width: 992px) { #k_logo {width:150px;height:60px;} #k_logo img {width: 97%;padding-top:.5rem;padding-right:0;} #k_men_zeile {width:100%;} #k_men_zeile > nav[id*="men_"] .lvl_1 > li > a {font-size:.9rem!important;} } @media(max-width : 772px){ #k_men_zeile {position: absolute;top: -62px;} #k_logo img {height:100%;max-width: 90%;padding: 5px 0 0 0;} #k_logo {top: -7px;} } @media (max-width: 760px) { #k_logo {width:200px;height:85px;flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-webkit-flex-grow:1;position:static;margin-left:100px;} #k_logo img {padding:5px 0;width:100%;} #k_men_zeile {top:0;} } #k_suche_etc {position: absolute;right: 0;height:80px;} #k_suche_etc>*{height:inherit;display:block;float:left} #k_suche_etc a[data-num]:before,#k_wk:before,#k_merk:before {background:rgb(254,186,0);color:rgb(255,255,255);font-size: .7rem;content: attr(data-num); display:block;position: absolute;top:.5rem;right:.5rem;display: block;border-radius: 20px;padding:.1rem .4rem;text-align: center;box-sizing: border-box;} #k_suche_etc a[data-num="0"]:before,#k_wk[data-num=""]:before,#k_merk[data-num=""]:before,#k_merk[data-num="0"]:before{display:none;opacity:0;} #k_merk {position:relative;background:url(img/watchlist-idle_w.svg) no-repeat 50%;background-size:30px;cursor:pointer;} @media(max-width : 772px){ #k_account {background-size: 30px;} #k_merk {background-size:35px;} #k_sp_cur {background-size:35px;} } @media(max-width : 760px){ #k_account {background-size: 35px;margin: 5px;} #k_merk {background-size:40px;width:75px;margin: 5px;} #k_sp_cur {background-size:40px;margin: 5px;} #k_suche_etc a[data-num]:before,#k_wk:before,#k_merk:before {top:.15rem;right: 0;} } #k_wk {background:url(img/pg_cart_m.svg) no-repeat 50%;background-size: 30px;position:relative;cursor:pointer;background-color: rgb(255,255,255);} #k_wk.waiting {background-image:url(img/pre_3.gif);background-size: 50px 50px;} #k_wk:before {background:rgb(254,186,0);} .shBagInh {display:none;position:absolute;top: 100%;z-index: 1002;right:0;background:rgb(255,255,255);width:374px;border:1px solid rgb(60,60,60);padding:10px;} .shBagInh ul li{transition:background .4s;-moz-transition:background .4s;-ms-transition:background .4s;-webkit-transition:background .4s;padding:16px 0 22px 95px;background: no-repeat 15px 50%; background-size:65px auto;border-bottom:1px solid rgb(221,221,221);} *[data-num="1"]>.shBagInh ul li:hover {background-color: rgb(255,255,255);} .shBagInh ul li:hover {background-color: rgb(221,221,221);} .shBagInh ul li b {display:block;padding-bottom:10px;} .shBagInh ul li b div{display:inline;color:rgb(150,150,150);} .shBagInh ul li div.WkartNr {height:12px;display:block;padding-bottom:10px;font-size:0.8rem;opacity:0.6;} .shBagInh ul li div.wkSpez {height:12px;} .shBagInh ul li div.wkSpez i {font-style: normal;font-size:0.8rem;} .shBagInh ul li div.wkSpez span {font-size:0.8rem;} .shBagInh .Wkbuttons{padding: 27px 16px 16px 16px;height: 91px;box-sizing: border-box;position:relative} .shBagInh .Wkbuttons .button{box-sizing:border-box;float: left;text-align: center;} .shBagInh .Wkbuttons .button:first-child{margin-right:16px;} .shBagInh span[data-inh=""]{display:none;} .shBagInh.online{width:150px;} .shBagInh.online .button2 {width: 100%;display: block;box-sizing: border-box;margin: 3px 0;padding:10px;background: rgb(255,255,255);color: rgb(60,60,60);box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-webkit-box-shadow: none;line-height: normal;} .shBagInh.online .button2:hover {color:rgb(254,186,0);} @media(max-width : 772px){ #k_wk {background-size: 40px;} } div.hover>.shBagInh{display:block;} #k_merk .shBagInh ul li b{padding:0;line-height:normal;display: table-cell;width: 279px;vertical-align: middle;height: 61px;} #k_merk .shBagInh ul li{display:block;} body #shopLayer .aktive_felder input, body #shopLayer .aktive_felderV2 input, body #shopLayer .aktive_felderV2 select, body #shopLayer .aktive_felderV2 textarea {padding:0 1rem;border:0;border-radius:0;color:rgb(60,60,60);background:rgb(255,255,255);border:1px solid rgb(204,204,204);height:40px;line-height:40px;display:block;width:342px;margin:30px 16px 0 0;font-weight: 400;letter-spacing: 1px;border-radius: 2rem;} body #shopLayer .aktive_felderV2 input, body #shopLayer .aktive_felderV2 select, body #shopLayer .aktive_felderV2 textarea {margin:0;display:block;width:100%;box-sizing: border-box;} body #shopLayer .aktive_felderV2 textarea{height:60px;} body #shopLayer .aktive_felder input#schnellog_inpu0, body #shopLayer .aktive_felder input#schnellog_inpu2, body #shopLayer .aktive_felder input#schnellog_inpu3, body #shopLayer .aktive_felder input#schnellog_inpu4_1, body #shopLayer .aktive_felder input#schnellog_inpu4_2, body #shopLayer .aktive_felder input#schnellog_inpu6, body #shopLayer .aktive_felder input#schnellog_inpu7, body #shopLayer li#schnellLog_feld9 select#selChange {border-color:rgb(60,60,60)!important;} ul#schnellog > li#schnellLog_feld0 label {color:rgb(60,60,60)!important;} ul#schnellog > li#schnellLog_feld0 label, ul#schnellog > li#schnellLog_feld2 label, ul#schnellog > li#schnellLog_feld3 label, ul#schnellog > li#schnellLog_feld4 label, ul#schnellog > li#schnellLog_feld6 label, ul#schnellog > li#schnellLog_feld7 label, ul#schnellog > li#schnellLog_feld9 label {color:rgb(60,60,60)!important;} ul#schnellog > li#schnellLog_feld9, ul#schnellog > li#schnellLog_feld1, ul#schnellog > li#schnellLog_feld11 {margin-top: 2.5rem;} ul#schnellog > li#schnellLog_feld9 label, ul#schnellog > li#schnellLog_feld1 label, ul#schnellog > li#schnellLog_feld11 label {top:-20px;} @media (max-width:760px) { ul#schnellog > li#schnellLog_feld9 label, ul#schnellog > li#schnellLog_feld1 label, ul#schnellog > li#schnellLog_feld11 label {top:-50px;} } .inp_wrapper{height:60px;box-sizing:border-box;padding-top:30px;position:relative;} .inp_wrapper label{color: rgb(150,150,150);line-height: 30px;height: 30px;display: block;position: absolute;box-sizing:border-box;transition: transform .6s;-moz-transition: transform .6s;-ms-transition: transform .6s;-webkit-transition: transform .6s;transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);} .inp_wrapper.active label{transform:translate(0,-100%);-moz-transform:translate(0,-100%);-ms-transform:translate(0,-100%);-webkit-transform:translate(0,-100%);} .inp_wrapper:before{width:100%;border-bottom:2px solid rgb(60,60,60);bottom:0;position:absolute;content: ' ';display:block;transition: transform .6s;-moz-transition: transform .6s;-ms-transition: transform .6s;-webkit-transition: transform .6s;transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);transform-origin: 0 0 ;-moz-transform-origin: 0 0 ;-ms-transform-origin: 0 0 } .inp_wrapper.active:before{transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-webkit-transform:rotateY(0deg)} .inp_wrapper.textarea{height:auto;} .faq_text,.faq_text a,.faq_start {font-size:1.1rem;} .faq_title{font-size:1.2rem;font-weight: 400;line-height:40px;} #news_bestellen{margin:0 auto;} #kontaktform button{margin-top:20px;} #kontaktform {float:left;width:50%} .faq_rahmen{float: right;width: 50%;box-sizing: border-box;padding-left: 22px;} tr[data-gutschein="2"] .wk_preis_td{opacity:0 !important} body #shopLayer .aktive_felder label:before{transition:width .5s;-moz-transition:width .5s;-ms-transition:width .5s;-webkit-transition:width .5s;content:' ';display:block;position:absolute;top:60px;width:0;z-index:1;} body #shopLayer .aktive_felder label.active:before{width:342px;} body #shopLayer .aktive_felder label{cursor:text;position:relative;transition: padding .5s;-moz-transition: padding .5s;-ms-transition: padding .5s;-webkit-transition: padding .5s;color:rgb(150,150,150);line-height:40px;height:40px;position:absolute;padding:30px 16px 0 0;left:1rem;} body #shopLayer .aktive_felder label *{color:inherit;} body #shopLayer .aktive_felder label .red {color:rgb(165,1,1);} body #shopLayer .aktive_felder label.active {padding-top:0;} #k_account .shBagInh #pwvergessen{font-size: 0.8rem;opacity:0.8;position: absolute;right: 16px;height: 30px;line-height: 30px;margin-top: -30px;transition:margin .5s;-moz-transition:margin .5s;-ms-transition:margin .5s;-webkit-transition:margin .5s;} #k_account .shBagInh #s_l_pass.active + #pwvergessen{margin-top:-54px;} #suchf {width:177px;height:80px;display:table;} #suchf *{box-sizing:border-box;} #suchf ul{display:table-row} #suchf ul li{display:table-cell;position: relative;} #k_suche_etc #suchf ul li:before {display: block;width: 100%;content: ' ';height: 100%;position: absolute;} #suchf ul li *{height:80px;line-height:80px;} #suchf ul li input{width:112px;padding-left:35px;font-style: italic;} #suchf ul li button {width:65px;color:transparent;background:url(img/search.svg) no-repeat 0 50%} #suchf.action ul li button{background-image:url(img/search-hover.svg);} #suchf.action ul li input{color:rgb(60,60,60)} #grosserLayer.hidden{height:0 !important;overflow:hidden;} #grosserLayer{position:absolute;top:140px;background:rgb(204,204,204) 50% no-repeat;transition:height 0.5s;-moz-transition:height 0.5s;-ms-transition:height 0.5s;-webkit-transition:height 0.5s;overflow: auto;} #grosserLayer.loading{background-image:url(img/pre_3.gif)} #cookieWrapper {width: 100%;position: fixed;bottom:0;z-index: 10001;left: 50%;transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-webkit-transform: translate(-50%,0);} #cookieMeldung {background: rgb(60,60,60);text-align:center;width:50%;padding: 20px;min-width: 400px;box-sizing:border-box;margin: 0 auto;} #cookieMeldung *{color:rgb(255,255,255);} #cookieMeldung div{margin: 20px 10px;} #cookieMeldung a{cursor:pointer;} #cookieMeldung a:first-child{display:none;} #cookieMeldung a:last-child:after{content:' X';right: 11px;text-decoration:none;} #cookieMeldung {cursor:pointer;} #cookieMeldung a:last-child:after {content:' ';background-image: url('img/wk-x-w.svg');width:20px;height:20px;background-size: 20px;display:inline-block;position: absolute;bottom: 15px;right:15px;} #cookieMeldung .cookieButtons {overflow: hidden;background: rgb(254,186,0);border-radius: 5px;color: rgb(255,255,255);height: 30px;line-height: 30px;padding: 10px 15px;font-weight: 400;transition: background .3s;-moz-transition: background .3s;-ms-transition: background .3s;-webkit-transition: background .3s;box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);-moz-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);-ms-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);margin: 10px;display: inline-block;} .input_wk{background: none;border: 0;border-bottom: 2px solid RGB(217,217,217);border-radius: 0;font-weight: bold;width:40px;} @media (max-width: 890px) { #cookieMeldung {width: 80%;} } @media (max-width: 772px) { #cookieMeldung {width: 100%;} #cookieMeldung div{font-size: .7rem;} #cookieMeldung a:last-child:after {width: 40px;height: 40px;background-size: 40px;bottom: 20px;right: 20px;} } @media (max-width: 760px) { #cookieMeldung {width: 100%;} #cookieMeldung div{font-size: .9rem;} #cookieMeldung a:last-child:after {width: 50px;height: 50px;background-size: 50px;bottom: 30px;right: 30px;} } .location_headline {position: absolute;top:141px;height: 16px;line-height: 10px;background-color: rgb(238,238,238);width: 100%;left: 0px;padding: 10px;border-top:1px solid rgb(255,255,255);padding-top: 13px;} .location_headline span:nth-of-type(2) {margin-left: -5px} .location_headline > span a {margin:13px;} #bread{padding:40px 8px;margin:0px 0;display:flex;justify-content: flex-end;-moz-justify-content: flex-end;-ms-justify-content: flex-end;-webkit-justify-content: flex-end;} #bread:after {display:block;clear:both;} @media (max-width: 1377px) { .location_headline {top:151px;} } @media (max-width: 772px) AND (min-width: 760px){ .location_headline {top:65px;} #bread {padding:20px 0;} .location_headline > span a{margin: 26px;} } #k_hilfe_c {display:block;height:60px;position:absolute;left:0;top:80px;box-sizing:border-box;padding-left:15px;padding-top:22px;width:200px;background:rgb(255,255,255);font-size: 1.2rem;} #k_hilfe_c span{font-size:0.8rem;color:rgb(60,60,60);display:block;} @media (max-width: 1377px) { #k_hilfe_c {top:60px;height:45px;padding-top: 12px;padding-left:12px;} } @media (max-width: 890px) { #k_hilfe_c {display:none} } @media (min-width: 760px) { .headerOutOfSight #shopHeader{transform:translate(0,-100%);-moz-transform:translate(0,-100%);-ms-transform:translate(0,-100%);-webkit-transform:translate(0,-100%);width: 100%;position: fixed; top: 0;left: 0;height: 80px !important;z-index: 7;border-bottom:10px solid rgb(238,238,238)} .headerOutOfSight[data-process="20"] #shopHeader{transform:translate(0,-80%);-moz-transform:translate(0,-80%);-ms-transform:translate(0,-80%);-webkit-transform:translate(0,-80%)} .headerOutOfSight[data-process="40"] #shopHeader{transform:translate(0,-60%);-moz-transform:translate(0,-60%);-ms-transform:translate(0,-60%);-webkit-transform:translate(0,-60%)} .headerOutOfSight[data-process="60"] #shopHeader{transform:translate(0,-40%);-moz-transform:translate(0,-40%);-ms-transform:translate(0,-40%);-webkit-transform:translate(0,-40%)} .headerOutOfSight[data-process="80"] #shopHeader{transform:translate(0,-20%);-moz-transform:translate(0,-20%);-ms-transform:translate(0,-20%);-webkit-transform:translate(0,-20%)} .headerOutOfSight[data-process="100"] #shopHeader{transform:translate(0,0%);-moz-transform:translate(0,0%);-ms-transform:translate(0,0%);-webkit-transform:translate(0,0%)} .headerOutOfSight #shopMain{margin-top:190px;} .headerOutOfSight #custf_vor_zur_woanders{display:none;} .headerOutOfSight #men_1 section.unten,.headerOutOfSight #k_hilfe_c{display:none;} } #k_ak_c{height: 80px;width: 80px;} #k_ak_c>div{display:inline-block;width:80px;height:inherit;background:url(img/pg_user.svg) no-repeat 50% ;cursor:pointer;background-color: rgb(238,238,238);} #k_ak_c>div#k_account{margin-right:2px;background-image:url(img/pg_user.svg);} #grosserLayer{position:fixed;left:0;z-index:1000000;} @media (max-width: 1477px) { #men_1 section.oben .alvl_1{padding:0 15px;} #men_1 section.unten .alvl_1{padding:0 15px;} } @media (max-width: 1377px) { #k_ak_c, #k_suche_etc, #suchf, #suchf ul li *, #k_suche_etc a[data-num]{height:60px;} #suchf ul li * {line-height: 63px;} #men_1 section.oben{background:#FFF;} #men_1 section.oben .alvl_1 {padding:0 11px;} #men_1 section.unten .alvl_1 {padding:0 13px;} } @media (max-width: 890px) { #men_1 section.oben,#men_1 section.unten {text-align: left;} #men_1 section.oben .alvl_1{padding:0 11px;} #men_1 section.unten .alvl_1{padding:0 11px;} #men_1 div{display: block;} } /* Bewertungen */ #aa_bewer {position: relative;margin-bottom:3rem;} #aa_bewer .separate-rating, .aa_rating_snippet .separate-rating {margin: 0;border-bottom: 1px solid rgb(221,221,221);padding: 20px 0;} .separate-rating .rat_stars *{opacity:1;} .aa_rating_snippet .separate-rating {width: 99%;} .aa_rating_snippet {position:relative;z-index:1000001;} #aa_bewer div div:last-of-type {border:0;margin-bottom:80px;} .separate-rating>b {display:inline-block;margin-top:1rem;font-weight:700;text-transform:uppercase;} .separate-rating .rating-text {line-height:135%;font-weight:400;} .aa_rating_snippet .separate-rating .rating-text {width:70%;display:inline-block;} .rating-properties {width:25%;border-left:1px solid #ddd;padding:0 0 0 20px;float:right;} #aa_bewer .rating-properties {display:none;} #aa_bewer .rat_stars, .aa_rating_snippet .rat_stars {float:right;margin: 4px;} .aa_rating_snippet .rat_stars {margin-right:30%;} .rating-note {float:right;height: 30px;margin-top:9px;} .rat_stars * {background-image: url(img/star-outline-b.svg);opacity:1;} .rat_stars i {background-image: url(img/star-full-b.svg);} #aa_bewer .button {width: 100%;height:auto;box-sizing:border-box;position: absolute;bottom: 0;left: 0;border-radius: 0;text-align: center;background:rgb(0,83,50);color:rgb(255,255,255);padding:1% 0;border-radius:2rem;} .draggable-header .highslide-header {border:0;} .aar_top .aa_rating_snippet {background:rgb(255,255,255);} .aa_rating_snippet .rat_kopf {border: 0;border-radius: 0;background-color: rgb(255,255,255);} .aa_rating_snippet .rat_kopf_innen {border: 0;margin:0;background-color: rgb(255,255,255);} .draggable-header .highslide-header .highslide-close a {display: block;height: 16px;width: 16px;background-image: url(/img/wk-x.svg);background-repeat:no-repeat;background-size:cover;} .draggable-header .highslide-header .highslide-close a:hover {background-image: url(/img/wk-x-w-a.svg);background-position:0;} a img.aa_rating_foto {height: 220px;margin-top: -45px;margin-right: 32px;float: right;} .aa_rating_artikel {font-size: 1.2rem;display:block !important;margin-bottom:6px;} .rat_product, .rat_krit {width:30%;float:left;height:100px;margin-top:15px;} .rat_product td, .rat_krit td {height: 22px;} .rat_krit>table>tbody>tr>td:nth-of-type(1) {min-width:130px;} .rat_product>table>tbody>tr>td:nth-of-type(1) {min-width:80px;} .rat_balken {background:rgb(0,83,50);} .rat_typ_liste {margin:0;} .rat_balken_hint {margin-right:8px;margin-left:8px;} .rat_beste_hilfreiche, .rat_beste_kritische {margin: 10px 10px 0 0;} .rat_2besten {margin-left:0;} .rat_hilfreich {margin:0;} /* Bewertungen ende */ #suche_topMarken a,#suche_topKategorien a{float:left;display:block;width:50%;margin-bottom:50px;height:70px;} #suche_topMarken a img,#suche_topKategorien a img{max-height:70px;display:block;margin:0 auto;} #suche_topKategorien a img{max-height:36px;margin-bottom:15px;} /*Kopfbereich -ENDE-*/ /*Paralax*/ .parallax>*{position:absolute;top:0;left:0;width:100%;} .parallax{position:relative;padding-top:20%;overflow: hidden;} /*Paralax - Ende*/ /*Startseite*/ .startseite_fix {margin: 0 auto;} .start_zeit {display:inline-block;width:100%;padding:30px;background:rgb(254,186,0);color:rgb(255,255,255);margin:0 0 0.1% 0;box-sizing:border-box;clear:both;} .start_1 a:hover, .start_2 a:hover, .start_3 a:hover, .start_4 a:hover, .start_6 a:hover {opacity:0.7;} .start_1, .start_2, .start_3, .start_4, .start_6 {width:100%;margin:0;display: block;} .start_1 img, .start_2 img, .start_3 img, .start_4 img, .start_6 img {width:100%;height:auto;display: block;} .start_1 a {width:100%;height:auto;margin:0 0 1% 0;display: block;transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-webkit-transition:all 0.5s;-webkit-transition:all 0.5s;box-sizing:border-box;position:relative;box-sizing:border-box;} .start_3 a, .start_6 a {width:32.65%;height:auto;margin:0 1% 1% 0;display: block;float: left;transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-webkit-transition:all 0.5s;-webkit-transition:all 0.5s;position: relative;box-sizing:border-box;} .start_2 a {width:49.5%;height:auto;margin:0 1% 1% 0;display: block;float: left;transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-webkit-transition:all 0.5s;-webkit-transition:all 0.5s;position:relative;box-sizing:border-box;} .start_2 a:last-child, .start_3 a:last-child, .start_4 a:last-child, .start_6 a:nth-child(3n) {margin-right:0;} .start_4 a {width:24.25%;height:auto;margin:0 1% 1% 0;display: block;float: left;transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-webkit-transition:all 0.5s;-webkit-transition:all 0.5s;position: relative;box-sizing:border-box;} .slides {position:relative;z-index: 0;} .slides .text1, .start_1 .text1 {font-size: 2rem;display: block;color:rgb(255,255,255);position: absolute;bottom: 4px;background: rgba(0,0,0,0.5);width: 100%;padding: 20px;box-sizing: border-box;} .start_1 .text1, .start_2 .text1, .start_3 .text1, .start_4 .text1, .start_6 .text1 {font-size: 1.1rem; display: block;color:rgb(255,255,255);background: rgba(0,0,0,0.5);width: 100%;padding: 20px;box-sizing: border-box;bottom: 0;position: absolute;font-family:NunitoSansLight;text-transform: uppercase;letter-spacing: 1.1px;} .text1 strong {font-size: 1.1rem;color:rgb(255,255,255);font-weight:bold;} .start_text {width:100%;display: inline-block;} .start_text p {text-align:justify;line-height:25px;margin:.5rem 0;} .startseite_fix h1 {font-size: 1.5rem;text-transform:uppercase;letter-spacing: 0.10em;margin:2% 0 0 0;font-family:NunitoSansLight;} .startseite_fix h2 {font-size: 1.25rem;text-transform:uppercase;letter-spacing: 1px;margin:2% 0 0 0;font-family:NunitoSansLight;} .startseite_fix h3 {font-size: 1rem;letter-spacing: 1px;margin:2% 0 0 0;font-family:NunitoSansLight;} .start_text .col-2 { margin-top: 1rem; column-count: 2; column-gap:2em; column-rule-style:dotted; column-rule-width:1px; column-rule-color:silver; } .start_text .col-3 { margin-top: 1rem; column-count: 3; column-gap:3em; column-rule-style:dotted; column-rule-width:1px; column-rule-color:silver; } @media (max-width: 772px) { .start_text .col-2, .start_text .col-3 {column-count: 1;-moz-column-count: 1;-ms-column-count: 1;-webkit-column-count: 1; } } @media (max-width: 1200px) { .start_6 a {width:49.5%;margin-right:1%!important;} .start_6 a:nth-child(2n) {margin-right:0!important;} #cs_unten_cs{display:none} } @media (max-width: 890px) { .start_4 a {width:49.5%;} .start_4 a:nth-child(2) {margin-right:0;} .start_2 a {width:100%;height:auto;} .start_3 a {width:100%;margin-right:0;} } @media (max-width: 772px) { .start_text p {line-height:30px;} } @media (max-width: 760px) { .start_text p {line-height:45px;} } .start_box {width:100%;height:auto;margin:2% 0 3% 0;display: inline-block;} .start_box h2 {font-size:1.5em;text-transform: uppercase;margin:0 0 20px 0;letter-spacing: 0.10em;} .start_box ul {padding:0;} .start_box ul li {background:#fff;float:left;list-style:none;width:24.25%;height:390px;text-align:center;margin:0 1% 1% 0;border: 1px solid #ddd;box-sizing:border-box;position:relative;box-shadow: -9px 15px 12px -14px rgba(0,0,0,0.25);-moz-box-shadow: -9px 15px 12px -14px rgba(0,0,0,0.25);-ms-box-shadow: -9px 15px 12px -14px rgba(0,0,0,0.25);-webkit-box-shadow: -9px 15px 12px -14px rgba(0,0,0,0.25);} .start_box ul li:nth-child(4n) {margin-right:0;} .start_box ul li a {display: block;} /*.start_box a:hover {opacity:0.7;}*/ .start_box figure {display:block;width:100%;text-align: center;position:relative;overflow:hidden;} .start_box figure img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:left 1.3s,opacity 1.4s;-moz-transition:left 1.3s,opacity 1.4s;-ms-transition:left 1.3s,opacity 1.4s;-webkit-transition:left 1.3s,opacity 1.4s;max-width:100%;} .start_box figure img.fadeORight {left:-150%;opacity: 0;} .start_box .rat_stars {padding-right:10px;display: block;position: absolute;top: 50%;transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-webkit-transform: translate(0,-50%);right: 0;z-index: 3;} .start_box .rat_stars *{float:none;display:block;height:20px;width:16px;background: url(img/star-full-b.svg) no-repeat 50% 50% / 14px;opacity:1;transition: opacity .5s;-moz-transition: opacity .5s;-ms-transition: opacity .5s;-webkit-transition: opacity .5s;} @media (max-width: 890px) { .start_box ul li {width:49%;height: 410px;margin:0 2% 2% 0;} .start_box ul li:nth-child(2n) {margin-right:0;} } @media (max-width: 772px) { .start_box ul li {height:370px;} } @media (max-width: 760px){ .start_box ul li {height:550px;} .start_box figure {height:360px!important;} .start_box figure img {max-width:300px!important;max-height:300px!important;} .separate-rating > b {margin-top:0;} .start_box .se_name {height:75px;} .start_box .se_name span {font-size:.7rem;} .start_box .se_vk {font-size:1.25rem!important;} } /* Startseite ENDE*/ /*Suchergebnis*/ .suchtemp_azu_her {position: absolute;left: 10px;top: 10px;z-index: 1;} .suchtemp_azu_her div {margin:0;} figure div.cs_azu {width: 40px;position: relative;z-index: 2;} .azu_icon {position: absolute;top: 1rem;left:0;right: auto;z-index:2;} .azu_icon div.cs_azu {font-size:1rem;} div.cs_azu.azu81 {background:rgb(254,186,0);color:rgb(255,255,255);padding: .2rem .3rem;text-align: center;font-size: .9rem;} .suchtemp_azu_her.de .cs_azu.azu81:before, .azu_icon.de .cs_azu.azu81:before {content:"\NEU";} .suchtemp_azu_her.en .cs_azu.azu81:before, .azu_icon.en .cs_azu.azu81:before {content:"\NEW";} div.cs_azu.azu2 {background:rgb(60,60,60);color:rgb(255,255,255);padding: .2rem .3rem;text-align: center;font-size: .9rem;} div.cs_azu.azu2:before {content:"\TIPP";} @media (max-width: 772px) { #aa_pic_show div.cs_azu.azu5, #aa_pic_show div.cs_azu.azu2 {font-size:1.5rem} } .mobileEinklappen + .button2{display:none} #mz_leer{margin: 0;font-size: 2rem;text-align: center;padding-top: 50px;} #dd_sort{display:none} .see_ueberschrift {font-weight:bold;height:0;margin-top: -55px;} .se.ajArea{opacity:0;} .see_multi_loesch_alle{background-color:rgb(165,1,1)!important;color:rgb(255,255,255);} .see_multi_loesch {margin-left: 0;padding-right: 2rem;background-image: url(img/filter-x.svg);} .see_multi_loesch_buttons {padding-bottom: 0; width: 80%;text-align: left;margin: 0;clear:both;display: flex;align-items: center;-moz-align-items: center;-ms-align-items: center;-webkit-align-items: center;flex-grow: 1;-moz-flex-grow: 1;-ms-flex-grow: 1;-webkit-flex-grow: 1;} .see_multi_loesch_buttons {width: auto;text-align: left;padding: 8px 0;} .see_multi_loesch_buttons form {display:block;} .see_multi_loesch_form{padding:0;display:inline;margin-bottom:0;} .see_multi_loesch_txt {float:none;display:block;margin-top:0;margin-right:10px;} .list_se li.art_box {border:1px solid rgb(221,221,221);} .se.list_se{display: flex;flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;} .se_hr2{display:none;} @media (min-width: 1180px) { .see_multi_loesch_buttons{flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;} .see_multi_loesch_txt{width:100%;} } @media (max-width:890px){ .see_multi_loesch_buttons {display:block;} } @media(max-width: 772px) { .see_multi_loesch_buttons{margin-bottom: 22px;margin-top: -20px;flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;} .see_multi_loesch_form {padding-bottom:1rem;} } @media(max-width: 760px) { .see_multi_loesch_buttons {margin-left: 0;margin-right: 0;width: 100%;padding-left: 25px;} body main .see_multi_loesch {padding-left:.5rem;font-size: 1rem;line-height: 46px;background-size: 21px;background-position: right .5rem center;} } #blaettern_obens .select_sortierung_se_top{display:none} .tab_see{width:100%} .tab_see:after{display:block;clear:both;content:' ';} .see_li{height:36px;line-height:36px;overflow:hidden;} .see_li:hover {background:rgb(255,255,255);} .see_li label:hover {color:rgb(254,186,0);} .see_multi_checkbox{visibility:hidden;float:right} .see_li label:before{content: ' ';width:18px;height:18px;background:rgb(255,255,255);border-radius:2px;display:block;float:left;margin: 5px 10px 0 10px;border: 1px solid rgb(204,204,204);} .see_li.active label:before{background: rgb(255,255,255) url(img/dd_check.svg) no-repeat 50% / 10px 10px} .see_li label{cursor:pointer;} .see_multi_label{width:auto;} .see_alle_dd>ul,.see_alle_dd>form>ul{width:236px;margin:8px;height:36px;line-height:36px;} .see_alle_dd ul,.see_alle_dd li,*[id*='dd_sort'],*[id*='dd_sort'] li,*[id*='dd_sort'] ul{padding:0;list-style:none;box-sizing:border-box;cursor:pointer;} .dd_sort_top_kopf a{padding-left:8px;white-space: nowrap;} #dd_sort_top li{background:rgb(238,238,238)} .see_alle_dd>form>ul,*[id*='dd_sort']{display:block;height:36px;line-height:36px;float:left;text-align:left} .see_alle_dd ul div[class*='_kopf'],*[id*='dd_sort'] div[class*='_kopf']{padding: 0 35px 0 0;height:36px;line-height:37px;} #dd_sort_top div.dd_sort_kopf:after{content:' ';display:block;background:url(img/dropdown-arrow.svg) no-repeat 50% / contain;height:12px;width:12px; float: right;margin-top: 12px;margin-right: -18px;transition: transform 0.5s;-moz-transition: transform 0.5s;-ms-transition: transform 0.5s;-webkit-transition: transform 0.5s} #dd_sort_top .dd_list .slimScrollDiv, #dd_sort_top .dd_list .slimScrollDiv ul {height:360px!important;} .see_alle_dd ul div[class*='_aktiv']{background-image:url(img/dd_back_a.png)} .see_alle_dd ul div[class*='_aktiv'] a{font-weight:normal;} .see_alle_dd ul li,*[id*='dd_sort'] ul li{padding: 0;white-space:nowrap} .slimScrollDiv, .slimScrollDiv ul {height: auto !important;} ul#dd_groe .slimScrollDiv ul {height:400px!important;} ul .dd_list{display:none;z-index:2000;background:rgb(255,255,255);overflow-x:hidden;position:absolute;width:236px;margin-top:8px;overflow: hidden;margin: 0;margin-top: 1px;margin-left: -16px;padding-right: 0;} ul .dd_list ul{overflow:hidden;overflow-y:auto;} #dd_sort_top {min-width: 236px;position: relative;z-index:100;} #dd_sort_top .dd_list{right:0;} .see_alle_dd>ul>li:before,*[id*='dd_sort']>li:before,.see_alle_dd>form>ul>li:hover:before{content:' ';display:block;height:20px;width:220px;margin-top:31px;position:absolute;z-index: 1000} .see_alle_dd ul ul li,*[id*='dd_sort'] ul li{padding-right:0} .see_alle_dd ul ul a,*[id*='dd_sort'] ul a,.see_alle_dd ul ul label{display:block;color:rgb(60,60,60);line-height: 1.8rem;font-size: .9rem;} *[id*='dd_sort'] ul a:hover {color:rgb(254,186,0);} .see_alle_dd>ul.active,.active[id*="dd_sort"]{border:1px solid rgb(0,83,50);} .see_alle_dd>ul.active ul,.active[id*="dd_sort"] ul{border-top:1px solid rgb(0,83,50);} .dd_se input{width:190px !important;background-color:rgb(255,255,255);border-radius:5px;border:0;height:26px;line-height:26px;margin-top:5px;} .see_multi_submit {background:rgb(0,83,50)!important;display: block;width: 216px;box-sizing: border-box;height: 38px; text-transform: uppercase; margin: 10px;border:0;color:rgb(255,255,255);border-radius:6px;cursor:pointer} /*Filter Update erg. CSS*/ #dd-close-all{width: calc(100% - 16px);box-sizing: border-box;text-align: center;display:none;} .see_multi_submit{transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-webkit-transition: all .3s;} .see_multi_submit.mode-close{display:none;background:rgb(204,204,204) !important;color:rgb(60,60,60)} .see_alle_dd ul .se_li_such input{transition:background-image .3s;-moz-transition:background-image .3s;-ms-transition:background-image .3s;-webkit-transition:background-image .3s;background:rgb(255,255,255) url(img/search.svg) no-repeat 97% 50%;color:rgb(60,60,60);width:100%;box-sizing: border-box;height: 100%;position: absolute;left: 0;border:1px solid rgb(60,60,60);text-indent:16px;} .see_alle_dd ul .se_li_such input.mit-text{background-image:none;} .see_alle_dd ul .se_li_such {position:relative;display: none;} .se_keine_treffer{color:rgb(255,255,255)} .se_li_such input + .leere_input{position:absolute;background: url(img/filter-x.svg) 50% 50% no-repeat;right:0;top:0;background-size:60%; transition: opacity .3s, transform .3s;opacity:0;transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-webkit-transform:rotate(60deg)} .se_li_such input.mit-text + .leere_input{opacity:1;transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg)} .see_alle_dd .ausgewaehlt div[class*='_kopf']:after{background-image: url(img/dropdown-arrow-active.svg);transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);} /*Filter Update erg. CSS -ende-*/ .slimScrollBar {margin-right:4px;background:rgba(60,60,60,1) !important;} #filter_anzeigen {transform-origin: 100%;-moz-transform-origin: 100%;-ms-transform-origin: 100%;-webkit-transform-origin: 100%;float:right;color:rgb(60,60,60);transition:color .5s;-moz-transition:color .5s;-ms-transition:color .5s;-webkit-transition:color .5s;cursor:pointer;margin-bottom: 10px;display: flex;order: 9;-moz-order: 9;-ms-order: 9;-webkit-order: 9;align-self: center;-moz-align-self: center;-ms-align-self: center;-webkit-align-self: center;} @media(max-width:772px) {#filter_anzeigen{margin-bottom: 40px;} } #filter_anzeigen div {transition:background .5s;-moz-transition:background .5s;-ms-transition:background .5s;-webkit-transition:background .5s;margin-left:1rem;width:3rem;box-sizing:border-box;padding:.25rem;background:rgb(0,83,50);border-radius:1rem;float:right} #filter_anzeigen div:before {transition:margin .5s;-moz-transition:margin .5s;-ms-transition:margin .5s;-webkit-transition:margin .5s;content: ' ';display:block;float:left;height:1rem;width:1.25rem;background:rgb(255,255,255);border-radius:1rem;} .button {position: relative;overflow: hidden;background: rgb(0,83,50);color: rgb(255,255,255);padding: 2% 30px;transition: background .3s;-moz-transition: background .3s;-ms-transition: background .3s;-webkit-transition: background .3s;font-size: 1.2rem;text-transform:uppercase;border-radius:2rem;} .button2 {cursor:pointer;position: relative;overflow: hidden;background: rgb(0,83,50);color: rgb(255,255,255);height: 38px;line-height: 38px;padding: 0 32px;transition: background .3s;-moz-transition: background .3s;-ms-transition: background .3s;-webkit-transition: background .3s;display: inline-block;padding-left:10px;padding-right:10px;margin-right:10px;margin-top:15px;font-size: 1rem;border-radius:2rem;} .alarm_losch {height:30px;padding: 10px 0;} @media (max-width: 772px) { .alarm_losch {height:40px;padding: 15px 0;} } .sort_butt_pers_art{cursor:pointer;position: relative;overflow: hidden;background: rgb(60,60,60);border-radius: 5px;color: rgb(255,255,255);height: 38px;line-height: 38px;padding: 0 32px;font-weight: 400;transition: background .3s;-moz-transition: background .3s;-ms-transition: background .3s;-webkit-transition: background .3s;box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);-moz-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);-ms-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);display: inline-block;padding-left:10px;padding-right:10px;} .slides li div h2 {font-size:1.2rem;color:rgb(255,255,255);} .slides li div {color:rgb(255,255,255);} .button:hover, .button2:hover {background:rgba(204, 204, 204, 0.7);} .se.start {margin-top:103px;} .se_slider {position: relative;} .se_slider .slides img {height:100%;display: block;} .se_slider .slides img + div{padding:19px 17px 0;} .xse_slider .slides h2 {font-size: 1.2rem;height: 31px;} .xse_slider .slides span {color: rgb(60,60,60);font-weight: 500;} .xse_slider .slides .button {float:right;} .se_slider .flex-control-nav {bottom:40px;position:absolute;z-index:3;text-align:center;color:rgb(255,255,255);width: inherit;} .se_slider .flex-control-nav li {display:inline-block;width:12px;height:12px;margin:0 5px;cursor:pointer;} .se_slider .flex-control-nav li a {display:block;background:rgb(255,255,255);width:12px;height:12px;border-radius:10px;color:rgb(255,255,255);font-size:0;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transition: transform .3s;-moz-transition: transform .3s;-ms-transition: transform .3s;-webkit-transition: transform .3s;} .se_slider .flex-control-nav li a.flex-active,.se_slider .flex-control-nav li a:hover{transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);-webkit-transform:scale(1.4)} .se_slider .flex-control-nav {display:none;} .se_slider .slides img {margin: 0 auto;} .se_filter_aus #filter_anzeigen div {background:rgb(221,221,221);} .se_filter_aus #filter_anzeigen {color:rgb(60,60,60);} .shop_tab_mitte:not(.se_filter_an) #filter_anzeigen div:before {margin-left: 1rem;} .shop_tab_mitte:not(.se_filter_an) #filter_anzeigen div {background:rgb(238,238,238);} .se_filter_aus ul {display:none !important;} .se.list_se > li {overflow:hidden;height:390px;margin:0 2% 2% 0;width:31.3333%;background:rgb(255,255,255);float:left;box-sizing:border-box;transition: top .5s, left .5s;-moz-transition: top .5s, left .5s;-ms-transition: top .5s, left .5s;-webkit-transition: top .5s, left .5s;top:0;left:0;position:relative;border:1px solid rgb(221,221,221);box-shadow: -9px 15px 12px -14px rgba(0,0,0,0.25);-moz-box-shadow: -9px 15px 12px -14px rgba(0,0,0,0.25);-ms-box-shadow: -9px 15px 12px -14px rgba(0,0,0,0.25);-webkit-box-shadow: -9px 15px 12px -14px rgba(0,0,0,0.25);} .se_header{height:32px; position: absolute;width: 100%;z-index: 10;} .se figure{display:block;width:100%;height: 300px;text-align: center;position:relative;overflow:hidden;} .se figure img {max-width:280px;max-height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:left 1.3s,opacity 1.4s;-moz-transition:left 1.3s,opacity 1.4s;-ms-transition:left 1.3s,opacity 1.4s;-webkit-transition:left 1.3s,opacity 1.4s;} .se_neu {display:block;margin:0;float: right;padding:2px 10px;color:rgb(255,255,255);background:rgb(60,60,60);text-align:center;font-size: .9rem;position: absolute;right: 0;top: 5rem;z-index: 10;} .se_diff {background-color:rgb(165,1,1)} .se > li.gr_1x2 {height:400px;width:488px;} .se > li.gr_1x3 {height:400px;width:740px} /*FAKE MASONRY*/ .se .lang {height: 497px;} .se .lang figure{height:372px;} .se.list_se:after{display:block;width:100%;content:' ';clear:both} .se .rat_stars{padding-right:10px;display: block;position: absolute;top: 40%;transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-webkit-transform: translate(0,-50%);right: 0;z-index: 3;} .se .rat_stars *{display:block;height:1rem;width:1.25rem;background-size: 1rem;} .rat_stars *{display:block;height:1rem;float:left;width:1.25rem;} .se>li:hover .rat_stars *{background-image:url(img/star-outline-b.svg);opacity:1;} .se>li:hover .rat_stars i{background-image:url(img/star-full-b.svg);} .se_beobachten{padding: 10px 10px 0 0;float:right;box-sizing:border-box;cursor:pointer; background-image:url("img/watchlist-idle.svg");background-size:25px 20px;transition: background .5s;-moz-transition: background .5s;-ms-transition: background .5s;-webkit-transition: background .5s; width: 35px;height: 30px;background-repeat:no-repeat;background-position: 50%;background-origin:content-box;} @media (min-width: 773px) {.se li:hover .se_beobachten{background-image:url(img/watchlist-idle-h.svg);opacity:1;}} .se_beobachten:after{transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;-webkit-transition:transform .5s;transform:scale(.0);-moz-transform:scale(.0);-ms-transform:scale(.0);-webkit-transform:scale(.0);content:' ';background:url("img/watchlist-active.svg") no-repeat 50% 50% / 25px 20px;display:block;width:25px;height:20px; } .se_beobachten.active:after{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1)} .se_farben{padding: .25rem 0;text-align: center;margin-bottom: .5rem;box-sizing: border-box;position:absolute;bottom:25%;display: flex;flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-webkit-justify-content: center;width: 100%;} .se_farben .lief_gr_farbe1_k{cursor:pointer;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);margin:.3rem;border-radius:1rem;display:inline-block;float:none;height:1rem;width:1rem;transition: transform .3s;-moz-transition: transform .3s;-ms-transition: transform .3s;-webkit-transition: transform .3s;} div[data-pp*="perart"] .se.list_se li.boebachtenWeg{opacity:0.5} .se_farben .lief_gr_farbe1_k:hover,.se_farben .lief_gr_farbe1_k.active{transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5)} .se_farben .lief_gr_farbe1_k.mehr {background: RGB(100,100,100) url(img/farbbubbles-plus.svg) 50% 50% no-repeat; background-size:8px;color: transparent;overflow: hidden; text-align: center;font-size: 0.8rem;font-weight: 400;} .se_farben .lief_gr_farbe1_k[data-farbe="5"]{box-sizing: border-box;} .se_name{display: block;height: 3rem;clear: both;margin:0 5px;text-align: center;position:relative;overflow: hidden;} .se_name span {display: block;position: absolute;width:100%;} #se-nr {position: absolute;left:0;display:inline-block;text-align:left;opacity:.6;font-size:.7rem;margin:.5rem;} .an_slider{position:relative;} .an_slider:after{height:12px;width:10px;position:absolute;background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);content: ' ';top: 0;right: 0;} .an_slider.hover:before{height:12px;width:10px;position:absolute;background: linear-gradient(to left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);content: ' ';top: 0;left: 0;} .se_name i{font-weight: inherit;font-style: inherit;overflow:hidden;} .se_farben:after{content: ' ';display:block;clear:both;} .se[allesGeladen="ja"],#mansonry_store{background: none;padding-bottom:0;} .se_unterteil {text-align:center;padding:0;} figure .controls{height:inherit;width:inherit;cursor:pointer; z-index: 1;position:absolute;} figure .controls a{cursor:pointer;display:block;float:left;width:3rem;background: url(img/picture-navigation.svg) no-repeat 50%;height:100%;opacity:.6;background-size: 1rem;} figure .controls a.right{float:right;background-image: url(img/picture-navigation-r.svg);background-position:100% 50%;} figure .controls a.left {background-position:0 50%;} figure .controls[data-anz="1"] a{display:none;} .se_name div{color:rgb(60,60,60);} body .se_unterteil .se_vk{display:block;font-size: 1.25rem;} .se_vk.red {color:rgb(254,186,0);display: flex;justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-webkit-justify-content: center;white-space: nowrap;} .se_vk.red strike {text-decoration:line-through;margin-right: 2px;opacity:0.5;font-size: 1.2rem;} .se_vk .cur {text-transform:uppercase;font-size:inherit;} .se_vk.red .cur {color:rgb(254,186,0);} .se_vk.red strike .cur {color:rgb(60,60,60);} .se_litp {font-size:0.8rem;} .se_litp br {display:none;} .suche_erfolglos{line-height: 200px;text-align: center;} .aa_vorteil {margin-bottom:0;} .vorteil figure{width:100%;height:100%;background: rgb(238,238,238) no-repeat 50%;display:block;padding:6% 4%;box-sizing:border-box;} .vorteil figure span {display:block;font-weight:normal;font-size: .9rem;} .vorteil.versand figure{} .vorteil.zahlung figure{} .vorteil.zert figure{background-image:url(img/bg_ssl.svg)} .vorteil.https figure{background-image:url(img/bg_ssl.svg)} .vorteil {width:48%;height:130px;margin-bottom:0;font-weight:bold;text-align:center;} .vorteil b{display:block;} .vorteil>div{font-weight:normal;hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;font-size: inherit;word-break: break-word;padding:5px;display:table;height: 66px;width: 100%;box-sizing: border-box;} .vorteil div div{display:table-cell;vertical-align: middle;height: 66px;} .se_varianten { transition: all .2s; background: #fff; position: absolute; width: 100%; min-height: 9rem; bottom: 0; left: 0; opacity: 0; pointer-events: none; } .se_unterteil:hover .se_varianten {opacity: 1;z-index: 9;background-color: rgb(255,255,255);bottom: 0;padding: 1rem;width: 100%;box-sizing: border-box;border-top: 1px solid rgb(221,221,221);box-shadow: 0 20px 20px 20px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 20px 20px 20px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 20px 20px 20px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 20px 20px 20px rgba(0, 0, 0, 0.2);} .se_varianten:empty {display:none;} .lief_gr_farbe_tab ul li {text-align: left;} .lief_gr_farbe_tab ul li span.lief_gr_farbe1_f {padding-right:.5rem;min-width: 2.5rem;} .lief_gr_farbe1_k {height: .8rem;width: .8rem;float: left;margin: .3rem;border-radius: 1rem;} .start_box .se_varianten {display:none;} @media (max-width: 1388px) { .se figure img {max-width:220px;} .se .se_header {position:static;} .se figure {height:270px;} .se_farben {bottom:27%;} } @media (max-width: 890px) { .se.list_se > li {height:410px;} } @media (max-width: 772px) { .se_neu {position: absolute; top: 150px;z-index: 1;right: 0;} body .se_unterteil .se_vk, .se_vk.red strike {font-size:.8rem;} .se_name {height:60px;} figure .controls a {width:5rem;} .se_farben .lief_gr_farbe1_k {width:14px;height:14px;} body .se .se_beobachten.active{opacity:1;} .se_varianten {display:none;} .se.list_se > li {height:360px;} .se figure {height:230px;} .se figure img {max-width: 200px;max-height: 200px;} .se_name span {font-size:.8rem;width:95%;} .se .rat_stars * {height:.75rem;width:.9rem;background-size: .75rem;} } @media (max-width: 760px) { .se figure{height: 270px;} .se figure img {max-width:215px;max-height:215px;} .rating-note {margin:2px 4px 0 0;} #se-nr {font-size:.5rem;margin:.25rem;} .se .rat_stars * {height:.75rem;width:.65rem;background-size: .55rem;} .se li.art_box .rat_stars * {width:1rem;background-size:.9rem;} .se li.art_box #se-nr {font-size:.7rem;} body .se_unterteil .se_vk, .se_vk.red strike {font-size:.7rem;} } /*Seitenzähler*/ #se_to_top {opacity:0;position:absolute;background: url(/img/pg_top.png) no-repeat;width: 36px;height: 36px;margin-bottom: 8px;margin-left: 731px;color:transparent} #se_sz {position:fixed;top:50%;left:0;padding: 1rem;background: rgb(255,255,255);z-index: 10;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);-ms-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);} #se_sz span {display:block;margin:16px 0;text-align:center} #se_sz a{display:block;height:36px;width:36px;box-sizing:border-box;opacity:0.4;border:2px solid #757881;cursor:pointer;border-radius:50px; background: url(img/dropdown-arrow.svg) no-repeat 50% 50%;background-size: 12px auto;transition: background .3s, border .3s, opacity .3s;-moz-transition: background .3s, border .3s, opacity .3s;-ms-transition: background .3s, border .3s, opacity .3s;-webkit-transition: background .3s, border .3s, opacity .3s} #se_sz a:hover{background-image:url(img/dropdown-arrow-active.svg);border:2px solid rgb(60,60,60);opacity: 1;} #se_z_up{transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);} #se_sz[data-overload="1"] div{margin:22px 0} /*Seitenzähler -ENDE-*/ .tab_se_unten{display:none;} /*Suchergebnis -ENDE-*/ /*FAQ*/ .faq_wrapper h2{margin-bottom:20px;} .faq{padding-bottom:8px;} .faq span{font-weight:bold;float:left} .faq span:after{content:' : ';} .faq_a{padding-left:20px;padding-top:10px;} .faq_neue_frage .button{display:inline-block;} @media (max-width: 760px) { .faq_wrapper *{font-size:1.3rem;} .faq{padding-bottom:20px;} body .se_unterteil .se_vk, .se_vk.red strike {font-size:0.75rem;} } /*FAQ Ende*/ /*Artikeldetail*/ body #shopLayer select { -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box;padding: 14px 46px 14px 14px;margin: 10px 0;border-radius: 10px; background:url(img/dropdown-arrow.svg) no-repeat calc(100% - 10px) 55%; background-size:25px auto; line-height:initial; } select:hover { border-color:rgb(60,60,60); background-image:url(img/dropdown-arrow-active.svg); } #dd_groesse{width: 100%;} option.weg{color:rgb(254,186,0)} #dd_groesse .weg {display: none;} .ada_text ul {padding: 0 0 0 20px;} .ada_text li {list-style-type: disc;list-style-position: outside;padding: 3px 0;} #tZoomViewer {z-index:7;top:0 !important;left:0 !important; height:100% !important; width:100% !important;} .tZoom .controls{cursor:zoom-in} #aa_name {margin: 20px 0;} #aa_name span a>span a {margin:13px;color:rgb(60,60,60);font-weight: 500;} #aa_name span,>span {color:rgb(60,60,60);line-height:44px;} #aa_name span:last-child a {color:rgb(60,60,60);} #aa_name span:first-child a {margin-left:0;} #aa_name h1 a {font-weight:bold;font-size:1.3rem;} #aa_name h1 div {font-weight:400;color:rgb(60,60,60);} #aa_name h1 {margin-bottom:16px;} #aa_name2 {font-weight:bold;text-transform:uppercase;margin-bottom: .5rem;} #box_lagerinfo {opacity:0;clear:both;} #a_basket_panzahl {width:80px;} #a_basket_panzahl_wrapper {float: left;margin-bottom: 22px;} #a_basket_panzahl_wrapper div {float:left} #a_basket_panzahl + div {padding-top: 31px;padding-left: 15px;font-size: 1.1rem;line-height: 30px;} #aa_staffel {margin-bottom:15px;padding: 10px;background: rgb(255,255,255) none repeat scroll 0% 0%;} #aa_staffel li {line-height:22px;} #aa_staffel li:not(.title){cursor:pointer} #aa_staffel li span {width:50%;display:inline-block;text-align:right} #aa_staffel li span:first-child:before {content:'ab: ';float:left} #aa_staffel .title {padding-bottom:16px;} #aa_konfigurator{} .aa_optionen{max-height: 300px;overflow: auto;} .konfGruppe{background:rgb(255,255,255);padding:0 0 16px 0;box-sizing:border-box;overflow:hidden;display:none;position:relative;} .konfGruppe:before{content: attr(data-schritt);display:block;position:absolute;right:16px;top:8px;} .konfGruppe.current{display:block;} .title2 {color:rgb(60,60,60);padding-bottom:8px;} .konfTitle{padding-bottom:4px;} .aa_optionen li{position:relative;margin:1px 0} .aa_optionen li label{line-height:36px;overflow:hidden;padding:0 45px 0 8px;display: block;background:url(img/picture-navigation-r.svg) rgb(238,238,238) no-repeat 95% 50%;background-size:auto 25px;box-sizing:border-box;cursor:pointer;box-sizing:border-box;border:0;transition: border .4s;-moz-transition: border .4s;-ms-transition: border .4s;-webkit-transition: border .4s;} .aa_optionen li input{position:absolute;left:-9000px;} .aa_optionen li input:checked + label{border:4px solid rgb(204,204,204)} #formularfeldfuerWK{opacity:0;width:1px;height:1px;} .konfAufschlag {float:right;} .konfAufschlag:before{content:'+';margin-right:5px;} .konfAufschlag[data-aufschlag="0.00"]{display:none;} .konfAufschlag[data-aufschlag^="-"]:before{display:none;} .konfAufschlag[data-prozent="1"]:after{content:'%';margin-left:5px;} #konfBar{padding:16px 0 8px 0;background:rgb(255,255,255);margin-top:22px;} #konfBar>div{width:1%;content:' ';background:rgb(204,204,204);transition:width .4s;-moz-transition:width .4s;-ms-transition:width .4s;-webkit-transition:width .4s;height:8px;display:block;margin-top:-8px} #konfBar:before{content:' ';display:block;width:100%;background:rgb(238,238,238);height:8px;} .konfAbschlussAendern{background:rgb(0,83,50);position:absolute;border-radius:6px;left:0;cursor:pointer;transition:background .4s;-moz-transition:background .4s;-ms-transition:background .4s;-webkit-transition:background .4s;} .konfAbschlussAendern:hover{background:rgb(254,186,0)} #aa_konfAngaben li{line-height:36px;position:relative;overflow:hidden;padding-left:38px;margin:7px 0;} .konfGesamt span{display:inline-block;width:50%;text-align:right;font-size:1.2rem;} .konfGesamt b{display: inline-block;width: 50%;text-align: right;font-size: 1.2rem;} #aa_pic_show figure,#aa_pic_show nav a,#preis,.fagr,.vorteil,#box_lagerinfo,#aa_bewer>div,#aa_h_info>div,#aa_text,#aa_person,#aa_feat,#aa_video>div {background:rgb(255,255,255);overflow:hidden;position:relative} /*border-radius:5px;box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);-ms-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);*/ #aa_text, #aa_lmiv {padding: 0 0 1rem 0;margin-bottom: 1rem;border-bottom:1px solid rgb(150,150,150);} #aa_lmiv:empty {display:none;} .aa-proz {position: absolute;right:0;color: rgb(255,255,255);top:2.6rem;background: rgb(165,1,1);text-align: center;padding: .5rem;box-sizing: border-box;z-index:2;} #aa_no {font-size:.9rem;line-height: 1.5rem;} .loading:before{top:0;left:0;display:block;height:inherit;width:inherit;border-radius:5px;position:absolute;content:' ';} #aa_pic_show{width:96%;position:relative;} #aa_pic_show figure{display:table-cell;vertical-align:middle;text-align:center;width:inherit;height:488px;} #aa_pic_show figure img{width:100%;} #aa_pic_show figure iframe{height: 85%;width: 85%;position: absolute;top: 7.5%;left: 7.5%;z-index:2;} #aa_pic_show nav {padding-top:0;} #aa_pic_show nav:after{display:block;content: ' ';clear:both;} #aa_pic_show nav a{margin:8px 0 6px 16px;height:120px;box-sizing:border-box;text-align:center;float:left;display: flex;align-items: center;-moz-align-items: center;-ms-align-items: center;-webkit-align-items: center;justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-webkit-justify-content: center;width:120px} #aa_pic_show nav a img {padding: 6%;} #aa_pic_show nav a.breit img{max-width: 88%;} #aa_pic_show nav a.hoch img{max-height: 88%;} #aa_pic_show .controls{position: absolute;top: 0;} #aa_pic_show nav a.b_360{font-weight: 600;padding-top:48px;background: url(img/360degree-view.svg) rgb(255,255,255) no-repeat 50% 30% / 32px 32px} #aa_pic_show nav a.b_360 span{font-weight:inherit;} #aa_rating{padding-top:0;display: block;clear: both;} #aa_rating .rat_stars{padding-left:0;padding-right:0;} #aa_rating .rat_stars *{background-image: url(img/star-outline-b.svg);opacity:1;height:1.5rem;background-size: 1rem;} #aa_rating .rat_stars i{background-image: url(img/star-full-b.svg);} .anzBew {font-size:.9rem;padding-left:.2rem;} #aa_pic_show .se_beobachten{z-index: 5;padding:18px 0 0 0;margin-left:-30px;background-position:0 0;position:absolute;box-sizing: content-box;right: 0;} /*#aa_pic_show .se_beobachten:before{content:attr(data-gemerkte) ;position:absolute;width:60px;height:inherit;margin-left:-65px;text-align:center;color:RGB(100,100,100);opacity:1;}*/ #aa_pic_show .se_beobachten[data-gemerkte="0"]:before{display:none;} #basket-wrapper{float:right;width: 35%;height: 100%;} #preis {box-sizing:border-box;padding:1rem 0;border-bottom: 1px solid rgb(150,150,150);margin-bottom: 1rem;background:none;clear:both;} #preis div#preisDiv {font-size:1.75rem;text-align:left;height:auto;float:left} #preis .cur {text-transform:uppercase;font-size:inherit;} #preis .sonderpreis {} #preis .mwst{float:left;text-align:left;clear:both;font-size: 0.9rem;} #preis .mwst a{display:block;} #basket h1 {width:100%;box-sizing:border-box;font-size:1.25rem; margin-bottom: 1rem;border-bottom: 1px solid rgb(150,150,150);padding-bottom: 1rem;} #basket h1 a {font-size:1.25rem;text-transform:uppercase;} #basket .detail-hersteller-logo {width:30%;float:left;} .d15_vk.d15_lp{float:left;font-size: 1.25rem;text-decoration: line-through;margin-right: 1rem;opacity: 0.5;} .small .d15_vk.d15_lp{line-height: 52px;text-decoration: line-through;margin-right: 10px;} .detail-hersteller-logo {position: absolute; top: 0; right: 0; z-index: 1;} .detail-hersteller-logo img {max-width:250px;max-height: 120px;} .detail-hersteller-logo span {display:block;font-family: 'NunitoSansLight';text-transform: uppercase;letter-spacing: .1rem;font-size: 1.25rem;margin-bottom: 1rem;} @media (max-width: 772px) { .aa-proz {right: 10px;z-index: 10;font-size:1.5rem;} #aa_pic_show {width:100%;} #aa_pic_show figure img{width:100%;} #preis div#preisDiv, #preis .cur {} } #preis #aa_rating{padding:0;} #b_socs{position: absolute;left: 8px;bottom: 16px;height: 28px;} #b_socs a{display:inline-block;height:28px;width:28px;margin-left:6px;background: no-repeat 50% / contain} #b_socs a[href*="face"]{background-image:url(img/social-facebook-circle.svg)} #b_socs a[href*="twit"]{background-image:url(img/social-twitter-circle.svg)} .aa_detail_hoeher {margin-top:10px!important;} #aa_detail .title{font-weight:bold;color:rgb(60,60,60);display:block;padding:10px 0;} #basket #aa_groe_tab{float:right;height:16px;line-height:16px;border-bottom:2px solid rgb(60,60,60);color: rgb(60,60,60)} #basket #aa_groe_tab:before{content:' ';position:absolute;height:18px;width:31px;margin-left:-31px;background:url(img/size-chart.svg) no-repeat 0 0 / contain;} #basket.small #aa_groe_tab{font-size:0;width:0;} #basket .title div{display:inline;font-weight:bold;} #farbname {font-weight:bold;} .vorteil{height:110px;float:left;margin:3% 2% 1rem 0;width:49%;} .vorteil:nth-child(2){margin-right:0;} #basket:after{content:' ';display:block;clear:both;} .fagr {box-sizing:border-box;height:6.5rem;padding:1%;width:23.5%;text-align:center;float:left;margin:0 2% 2% 0;opacity:1;transition:opacity .4s;-moz-transition:opacity .4s;-ms-transition:opacity .4s;-webkit-transition:opacity .4s;border:1px solid rgb(150,150,150);border-radius: 6px;box-shadow: -9px 15px 12px -14px rgba(0,0,0,0.25);-moz-box-shadow: -9px 15px 12px -14px rgba(0,0,0,0.25);-ms-box-shadow: -9px 15px 12px -14px rgba(0,0,0,0.25);-webkit-box-shadow: -9px 15px 12px -14px rgba(0,0,0,0.25);} .small .fagr:nth-child(3n+3){margin-right:0;} .big .fagr:nth-child(6n+6){margin-right:0;} .fagr img{max-width:100%;height:auto!important;} .fagr[data-gr]{padding:0 !important;height: 55px;} .fagr[data-gr] div{height: 100%;width: 100%;display: flex;justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-webkit-justify-content: center;align-items: center;-moz-align-items: center;-ms-align-items: center;-webkit-align-items: center;font-size: .9rem;} .fagr.active[data-gr] div{} .fagr.active { border: 3px solid rgb(0,83,50); } .fagr.weg{opacity:0.35;box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-webkit-box-shadow:none;} .fagr{cursor:pointer;} .fagrWrapper{margin:.5rem 0 1rem 0;display: flex;flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;} .fagrWrapper:after{content: ' ';display:block;clear:both;} .fagr[data-hatbild="0"] div{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);font-size: 0.8em;} .aa_gr:after {width: 2.5rem;height: 1.5rem;background: url(img/measure.svg)no-repeat 50%;content:'';display: inline-block;} @media(max-width:1388px) { .fagr {height:5.5rem;} } @media(max-width:1160px) { .fagr {height:6.5rem;} } @media(max-width:890px) { .fagr[data-gr], .fagr{width: 22.5%;margin-right: 3%;margin-bottom:3%;} .aa_vorteil {margin-bottom:2rem;} .fagr {height:4.5rem;} } @media(max-width:772px) { .fagr {height:8.5rem;} .vorteil{height:200px;} } .fagrWrapper .fagr:nth-child(4n) {margin-right:0;} #inWK {padding: 1rem 0 2rem 0;border-top:1px solid rgb(150,150,150);} #inWKsenden{display:block;width:100%;box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);-moz-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);-ms-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);height: 68px;} #box_lagerinfo{margin-bottom:1rem;opacity: 1;} div#html_lagerinfo {margin-top:0;text-align: center;} div#html_lagerinfo>span.groe_txt_st2 {padding:2%;display:block;border: 2px solid RGB(228, 149, 86);} div#html_lagerinfo>span.groe_txt_st3 {padding:2%;display:block;border: 2px solid RGB(231,76,60);} div#html_lagerinfo>span.groe_txt_st3 {padding:2%;display:block;background: RGB(231,76,60);color: #fff;font-weight: bold;} #aa_detail{position:relative;padding:8px 0;margin:0 auto;max-width:1200px;} #aa_detail:after{content:' ';display:block;clear:both;} #aa_detail #aa_mitte .title,#aa_detail #aa_links .title{margin-bottom:8px;margin-top:30px;height:auto;line-height:20px;} #aa_mitte{width:65%;float: left;margin:0;} section[data-anz="0"],section[data-anz=""]{display:none;} table.aa_rating>tbody>tr:first-child,table.aa_rating>tbody>tr:nth-child(2){display:none;} #aa_bewer>div{padding:0;margin:0;} .aa_rating_mehr{display: block; height: 38px; line-height: 38px; position: absolute;background: #d9d9d9; width: 100%; text-align: center; left: 0; bottom: 0;} span.aa_rating_typen:after{display:block;position:absolute;content:' ';width:100%;left: 0;margin-top: 18px;} table.aa_rating>tbody>tr:nth-last-child(3) span.aa_rating_typen:after{display:none;} .aar_top .aa_rating_snippet{display:block;} #aa_beschreibung {width:100%;padding:15px 0;font-size:1.25rem;margin:0 0 1rem 0;border-top:1px solid rgb(60,60,60);border-bottom:1px solid rgb(60,60,60);font-family: 'NunitoSansLight';text-transform: uppercase;letter-spacing: .1rem;} #aa_links.anghangen {clear: both;width: 488px;margin-left: 0;padding-top:8px;} #aa_person img{width:126px;height:126px;border-radius:300px;display:block;margin: 0 auto 20px auto;background:#d9d9d9} *[data-keinegr="1"]{display:none;} .it_features {margin-bottom:1rem;} .it_features_head{margin-bottom:1rem;display:block;} .it_features_head, .it_features_head .b12, h3 {font-weight: normal;font-family: 'NunitoSansLight';text-transform: uppercase;letter-spacing: .1rem;font-size: 1.25rem;} .it_features_ul {margin-bottom:1rem;} .it_features_ul li{position:relative;padding-left:10px;font-weight:400} .it_features_ul li:before{content:'.';width:10px;display:inline-block;margin-top: -4px;float: left;height:100%; margin-left: -10px;} .it_features_ul li *:not(u){display:none;} #aa_feat {min-height: 5rem;margin-bottom: 2rem;padding-bottom: 2rem;border-bottom: 1px solid rgb(150,150,150);} #aa_feat > a,.it_features_ul li{display:block;margin-bottom:8px;} #aa_feat > a {color:rgb(47, 128, 203)} #aa_feat > a:before {content: attr(data-text)} #aa_feat > a:after {display:block;background: url(img/gs_right_arrow.png) no-repeat;width:30px;height:30px;} #aa_feat > a:last-child{margin-bottom:0;} #aa_video iframe {display:block;width:100%;height:325px;} #aa_feat_2{padding-top:16px;} #aa_feat_2:after{content:' ';display:block;clear:both;} #aa_feat_2 li {height:152px;width:100%; display:block;float:left;} #aa_feat_2 li > div{height:76px;} #aa_feat_2.feat-anz-2 li{width:110px;} #aa_feat_2.feat-anz-2 li:first-child{margin-right:16px;} #aa_feat_2.feat-anz-3 li{width:68px;margin-right:16px;font-size:0.7rem;} #aa_feat_2.feat-anz-3 li:last-child{margin-right:0;} #aa_feat:empty {display:none;} .anghangen #aa_feat_2.feat-anz-3 li{width:152px;} .anghangen #aa_feat_2.feat-anz-3 li div {font-size:1rem;} .anghangen #aa_feat_2.feat-anz-2 li{width:236px;} .spaltenLayout7 #aa_feat_2 li,.anghangen #aa_feat_2.feat-anz-1 li{height:74px;float:none;width:100%;margin:0;margin-bottom:16px;} .spaltenLayout7 #aa_feat_2 li figure,.anghangen #aa_feat_2.feat-anz-1 li figure{float:left;height:74px;margin:0;width:50%} .spaltenLayout7 #aa_feat_2 li>div,.anghangen #aa_feat_2.feat-anz-1 li>div{width:50%;height: 100%;} .spaltenLayout7 #aa_feat_2 li>div b,.anghangen #aa_feat_2.feat-anz-1 li>div b{display:inline;} .spaltenLayout7 #aa_feat_2 li>div b:after,.anghangen #aa_feat_2.feat-anz-1 li>div b:after{content:' ';} .basketFlyer{width:400px;height:400px;opacity:1;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);z-index:1000;position:absolute;margin:0;transition: left 1.5s, top 1.5s, opacity 1.5s, width 1.5s, height 1.5s;-moz-transition: left 1.5s, top 1.5s, opacity 1.5s, width 1.5s, height 1.5s;-ms-transition: left 1.5s, top 1.5s, opacity 1.5s, width 1.5s, height 1.5s;-webkit-transition: left 1.5s, top 1.5s, opacity 1.5s, width 1.5s, height 1.5s;} .basketFlyer img{width:100%;} #basket .wiederverfuegbarkeit {display:block;margin:0 0 30px 0;border: 1px solid rgb(60,60,60);padding: 20px;} #basket .wiederverfuegbarkeit:empty {display:none;} #cs_dark_matter{position:fixed;height:100%;width:100%;background:rgba(0,0,0,.7);z-index:100000;} #cs_layer{background:rgb(255,255,255);border-bottom-right-radius:1px;border-bottom-left-radius:1px;width:1024px;margin:0 auto;overflow:hidden;} #cs_layer #cs_header{padding:30px 0;text-align:center} #cs_layer span{opacity:0.7;display:block;text-align:center} #cs_layer #cs_header h1{font-size:1.5rem;text-align:center;padding:0 10px} #cs_header .button {min-width:204px;text-align:center;box-sizing: border-box;} #cs_body{background:rgb(238,238,238);padding:16px 16px 0 16px;} #cs_layer .button{margin: 30px 0 0 0;padding: 20px 10px;display:inline-block;text-transform:uppercase;white-space: nowrap;} #cs_layer .button::before {content: ' ';display: block;top: 0;left: 0;width: inherit;height: inherit;position: absolute;z-index: 100000} .picholderCS {padding: 30px;} #weitersh {background: rgb(238,238,238) !important;color:rgb(60,60,60);} #weitersh:hover{background:rgb(238,238,238) !important} #cs_body>span{margin-bottom:16px;} #cs_body .button{color:rgb(255,255,255);} #cs_body [data-bn]{height:440px;width:236px;float:left;overflow: hidden;background:rgb(255,255,255);border-radius:5px;box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);-ms-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);position:relative;box-sizing:border-box;margin: 0 16px 16px 0} #cs_body [data-bn]:nth-child(4n+5){margin-right:0;} #cs_body:after{display:block;clear:both;content:' ';} #cs_body [data-bn] .button {display:block;padding: 0;margin: 16px 0 0;position: absolute;width: 204px;left: 16px;bottom: 16px;} #cs_body [data-bn] .se_name {height:48px;margin-top:60px;} #cs_body [data-bn] figure {position:relative;height:204px;} #cs_body [data-bn] figure img {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);max-width:204px;} #cs_body [data-bn] .se_beobachten {position: absolute;right: 0px;z-index:1;} #cs_body [data-bn] select {height:30px;display:block;opacity:0.7;line-height:30px;width:204px;position:absolute;top:338px;left:16px;border-bottom:2px solid rgb(221,221,221)} .ada_text {line-height: 1.5rem;} .erster_satz_artikeltext,.letzter_satz_artikeltext {display: inline;} @media (max-width: 1100px){ #cs_layer{width:100%;} .picholderCS{display:none;} #cs_body [data-bn]{margin-right:0;width:100%;float:none;height:130px;} #cs_body [data-bn] figure{float:left;width:98px;height:98px;margin-left:16px;} #cs_body [data-bn] figure img{max-height:98px;max-width:98px;margin-top:16px;} #cs_body [data-bn] .button{text-align:center;width:108px;bottom:0;left:auto;right:0;box-sizing:border-box;height: 130px;right: 0;border-radius: 0;line-height:22px;padding-top:43px} #cs_body .se_unterteil{float:left;text-align:left} #cs_body [data-bn] .se_name{margin-top:16px;} #cs_body [data-bn] select{top:82px;width:234px;left: initial} } @media (max-width: 760px){ #cs_header .button {margin: 1rem 0 0 0;width: 100%;font-size: 1.25rem;display: flex;justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-webkit-justify-content: center;align-items: center;-moz-align-items: center;-ms-align-items: center;-webkit-align-items: center;} #cs_layer #cs_header h1{font-size:1.5rem;} #cs_layer span{font-size:1.2rem;} #cs_layer #cs_header{padding:30px 22px;} } /* E-Mail bei Wiederverf�gbarkeit */ #wiederverfuegbarkeit{padding:0;border-top: 0;margin-top: -27px;} .btn_wieder_aktivieren,.btn_wieder_aktivieren_aktiv{} .btn_wieder_aktivieren_aktiv{color: rgb(255,255,255);} .btn_wieder_aktivieren:hover,.btn_wieder_aktivieren:visited {} .btn_wieder_aktivieren_aktiv:hover,.btn_wieder_aktivieren_aktiv:visited{color: rgb(255,255,255);} #wiederverf_ueberschrift {margin: 20px 0;} table#table_wiederverf {width:100%;} table#table_wiederverf th {width:33%;} #highslideErsatz {background:rgb(0,83,50);} #highslideButton {background:rgb(255,255,255);padding:8px;text-align:center;font-weight:bold;float:right;cursor:pointer;display:block;text-transform:uppercase;} #highslideErsatz,#highslideSE {width:75%;height:auto;position:fixed;margin:10% auto;background:rgb(0,83,50);z-index:100;padding:20px;display:none;} #highslideErsatz p {color: rgb(255,255,255);} #highslideErsatz b {color: rgb(255,255,255);font-weight:400;} #highslideSE{margin-top:0;} #wiederverfuegbarkeit img.bell, .wiederverfuegbarkeit img.bell {width:30px;} #wiederverfuegbarkeit img.bellm {width:30px;opacity:0.7;} @media (max-width: 772px) { #wiederverfuegbarkeit img.bell, #wiederverfuegbarkeit img.bellm, .wiederverfuegbarkeit img.bell {width:45px;} } /*Artikeldetail -ende-*/ /*HTML Include*/ .htm_include {max-width:1200px;margin: 0 auto;} .htm_include p {text-align:justify;margin:2% 0;} .htm_include h1 {font-size: 1.5rem;text-transform:uppercase;letter-spacing: 0.10em;margin:2% 0 0 0;} .htm_include h2 {font-size: 1.25rem;text-transform:uppercase;letter-spacing: 0.10em;margin:2% 0 0 0;} .htm_include h3 {font-size: 1rem;text-transform:uppercase;letter-spacing: 0.10em;margin:2% 0 0 0;} .htm_include h1 {margin:1rem 0;} .htm_include .se.list_se {margin-bottom:2rem;} .htm_include .infobloecke3 {width: 100%;column-count: 3;-moz-column-count: 3;-ms-column-count: 3;-webkit-column-count: 3;margin-bottom: 2rem;} .htm_include .infobloecke2 {width: 100%;column-count: 2;-moz-column-count: 2;-ms-column-count: 2;-webkit-column-count: 2;margin-bottom: 2rem;} .htm_include .infoblock {padding: 0 2% 2% 0;box-sizing: border-box;} .htm_include .infobloecke3 h2 {font-size:1rem;text-transform:none;letter-spacing:0;margin:0;} .htm_include #gutschein-inwk {display:block;margin-bottom:2rem;background:#000;color:#ddd;padding:2rem 4rem;font-size:1.8rem;text-align: center;} .htm_include #gutschein-inwk span {display:block;color:#fff;font-size:.9rem;opacity: .5;} .htm_include .start_1 .bgfilm {background-size: cover;height: 380px;} .htm_include .start_1 .bgfilm iframe {height:380px;width:100%;} .htm_include .text1a, .htm_include .text1a strong {font-size: 1.5rem;text-align: center;color:#fff;font-weight:bold;} .htm_include .start_1.video a {height:370px;} .htm_include #aa_vschluss_wk {background:#000;padding:1.5rem 0;text-align:center;box-sizing: border-box;font-size: 0.9rem;margin-bottom:1rem;} .htm_include #aa_vschluss_wk .aa_vschluss_text {font-size:1.5rem;color:#fff;} .htm_include .aa_vschluss_text:first-child {white-space:nowrap;} .htm_include #aa_vschluss_wk #countbox1 {font-size:1.5rem;color:#fff;font-weight:bold;color:rgb(254,186,0);} .htm_include h3.title a {display:block;padding: .5rem 0;} @media (max-width: 1024px) { .htm_include .infobloecke3 { column-count:2; } } @media (max-width: 760px) { .htm_include .infobloecke2, .htm_include .infobloecke3 { column-count: 1; } } .flexbox {display: flex; flex-wrap: wrap; margin-bottom:30px;} .flexbox * {box-sizing: border-box;} .pict {width: 30%; background-color: rgb(238,238,238); padding: 20px;} .pict a:hover {opacity:0.7;transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -webkit-transition:all 0.5s; -webkit-transition:all 0.5s;} .text {width: 70%; background-color: rgb(238,238,238); padding: 26px 20px 20px 10px;} .pict img {margin-top: 1rem; width: 100%;} @media screen and (max-width: 1385px) { .pict {width: 35%;} .text {width: 65%;} } @media screen and (max-width: 1170px) { .pict {width: 40%;} .text {width: 60%;} } @media screen and (max-width: 772px) { .pict {width: 100%;margin-top:2rem; padding: 1rem;} .pict img {margin: 0; padding: 0; height:100%;} .text {width: 100%;padding: 1rem;} } #news_bestellen{width:710px;} .bliste{padding:16px;background:rgb(255,255,255);} .blistePic{text-align:center} .blistePic img{height:80px;} .blisteInDenWk .button2{width: 372px;height: 45px;line-height: 45px;box-sizing: border-box;} th.blist_sort{text-align:center} .blisteButton{vertical-align:top;padding-top: 8px;} .blisteButton .inp_wrapper.active label{display:none;} .blisteButton .inp_wrapper.active {margin-top: -8px;margin-right: 9px} .blisteName *,.blisteAnr{font-size:1.1rem;} /*Login*/ .login_c input[type="radio"]:hover + label {filter: grayscale(0);transition: filter .5s;-moz-transition: filter .5s;-ms-transition: filter .5s;-webkit-transition: filter .5s;border: 2px solid rgb(60,60,60)!important;border-radius: 10px;} .login_c input[type="radio"] + label {filter: grayscale(100%);transition: filter .5s;-moz-transition: filter .5s;-ms-transition: filter .5s;-webkit-transition: filter .5s;border-radius: 10px;} .login_c input[type="radio"] + label:before{box-shadow: 0 0 0 1px #BBB!important;-moz-box-shadow: 0 0 0 1px #BBB!important;-ms-box-shadow: 0 0 0 1px #BBB!important;-webkit-box-shadow: 0 0 0 1px #BBB!important;transition: box-shadow .3s;-moz-transition: box-shadow .3s;-ms-transition: box-shadow .3s;-webkit-transition: box-shadow .3s;} .login_c input[type="radio"]:checked + label {filter: grayscale(0);transition: filter .5s;-moz-transition: filter .5s;-ms-transition: filter .5s;-webkit-transition: filter .5s;border: 2px solid rgb(60,60,60);border-radius: 10px;} .login_c input[type="radio"]:checked + label:before{background:rgb(60,60,60)!important;transition: background .3s;-moz-transition: background .3s;-ms-transition: background .3s;-webkit-transition: background .3s;} .login_c input[type="radio"]:checked + .ueb_zahlart {padding-top:50px;} .za_dk_opt {height:60px;} .za_dk-div label.za_dk_opt [class^="button_za_dk"] {background-size: 75%;} body [class^="text_za_dk"] {width:100%;} .passwort_auge {position: absolute;width: 50px;right: 0;background: url(img/auge_nein.svg) no-repeat 50% 50%;background-size: auto auto; background-size: contain;color: transparent;transform: translate(0,-100%);-moz-transform: translate(0,-100%);-ms-transform: translate(0,-100%);-webkit-transform: translate(0,-100%);margin-right:24px;} .passwort_auge.sichtbar{background-image:url(img/auge_ja.svg);} .pass_v {padding: 30px;} .login_o {margin: 0;padding:0;} .login_d{width:488px;margin:0 auto;} .login_d button {margin: 0;} .shop_mitte{margin-top:0 !important;} body .login_d .login_ueb,.login_d.untert{margin:0 auto;top:-45px;display:block;width:100%;text-align:center;color:#737a84} .login_d.untert{color:#9f9f9f;} body #shopLayer .aktive_felder.login_d input {width:100%;margin: 30px 0;box-sizing: border-box;} #shopMain, #shopMain .shop_mitte .mitte_login .login_c input{background:none;} #shopMain .shop_mitte .mitte_login select, .aktive_felder select {display: block;margin: 32px 0 40px 0; transform: translate(0,16px);} .mitte_login textarea.kundentext {width:100%;height:10rem;font-weight:normal;border-radius:0;border: 1px solid rgb(221,221,221);font-size:1.1rem;font-family:Roboto;padding:1%;box-sizing:border-box;} #shopMain .shop_mitte .mitte_login .login_a input,#shopMain .shop_mitte .mitte_login .login_b input{ width:454px !important } .div_login > div {position:relative;margin-top:95px;position: relative;margin: 95px auto 0 auto;padding:0;} .mitte_login {max-width: 1024px;margin: 0 auto;} .mitte_login .button {float:right;box-sizing: border-box;} .login_a .button, .login_b .button,.login_c .button{margin: 36px 15px;} .mitte_login .pass_f{float:right} body .login_ueb{color:rgb(60,60,60)!important;font-size:1.1rem;font-weight:bold;position:absolute;left:0;top:-34px;} .mitte_login .login_b form>table>tbody>tr:first-child br,.mitte_login .login_a form>table>tbody>tr:first-child br, #pp_guestco>center>table br {display:none;} .mitte_login .login_b form>table>tbody>tr:first-child td,.mitte_login .login_a form>table>tbody>tr:first-child td{display:inline;height:0;} #pp_guestco>center>table, #pp_guestco>center>table *{display:inline; height:0;} .mitte_login td .login_a form input, .mitte_login .login_b form input{width:290px !important;margin-top:20px} /*.mitte_login table:not(.wk_zk) td[align="right"] span{display:inline-block;height:30px;line-height:30px;margin-top:20px;}*/ .login_a .pass_f{right: 20px;position:absolute;top: 77px;margin-right: 0 !important;} .login_a .pass_f *{font-size: 11px;color: rgb(150,150,150);} .login_a{min-height: initial;height: 216px !important} .login_c .login_ueb{width:100%;text-align:center;font-weight:600;} #guest_anz_button {width:100%;display:block;height:32px;cursor:pointer;} #guest_anz_button:before{ transition: background .3s;;opacity:0.8;content:' ';display:inline-block;width:32px;height:32px;background: url(img/picture-navigation.svg) no-repeat 50% 50%; background-size: contain;transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg); } #guest_anz_button:hover:before{background-image: url(img/picture-navigation_active.svg);} div.login_c form {float: none!important;} .div_login div[class^='login'] form{display:inline;float:left;} .login_b{margin-left:16px;} .login_a{margin-left:0;margin-right:0;} .login_b,.login_a{ opacity:0; } #shopLayer .div_login .aktive_felder label.active:before{width:454px;} //#shopLayer .div_login .aktive_felder label[data-staerke].active:before {border:0;height: 2px !important;line-height: 2px;display: block;padding: 0;background: RGB(231,76,60);} #shopLayer .div_login .aktive_felder label[data-staerke="sehrschwach"].active:before{width:113.5px;} #shopLayer .div_login .aktive_felder label[data-staerke="schwach"].active:before{width:227px;background:-webkit-linear-gradient(left, RGB(231,76,60) 0%, yellow 100%);background:-ms-linear-gradient(left, RGB(231,76,60) 0%, yellow 100%);background:-moz-linear-gradient(left, RGB(231,76,60) 0%, yellow 100%);background:linear-gradient(left, RGB(231,76,60) 0%, yellow 100%);} #shopLayer .div_login .aktive_felder label[data-staerke="gut"].active:before{width:340.5px;background:-webkit-linear-gradient(left, yellow 0%, green 100%);background:-ms-linear-gradient(left, yellow 0%, green 100%);background:-moz-linear-gradient(left, yellow 0%, green 100%);background:linear-gradient(left, yellow 0%, green 100%);} #shopLayer .div_login .aktive_felder label[data-staerke="stark"].active:before{width:454px;background:green;} .login_a, .login_b, .login_c {border: 0;} .div_login>div.login_c {margin: 75px 0 120px 0;padding: 0;width: 100%;} #pp_guestco form>*{margin:0 auto;} .mitte_login #pp_guestco .button{margin-right:0;} ul.aktive_felder li{display:block;position:relative;width:auto;} body #shopLayer ul.aktive_felder li input{width:454px;} #ala_schnell{margin-right:22px;} body #shopLayer ul.aktive_felder li input#schnellog_inpu4_2, #shopLayer .div_login .aktive_felder label[for="schnellog_inpu4_2"].active:before {width:100px;} .login_c input[type="radio"] + label{width: 387px;box-sizing: border-box} body #shopLayer #schnellog.aktive_felder li input#schnellog_inpu4_1, #shopLayer .div_login .aktive_felder label[for="schnellog_inpu4_1"].active:before {width:295px;} body #shopLayer #schnellog.aktive_felder li input#schnellog_inpu4_2{position: absolute;margin-left: 338px;top: -30px;} #shopLayer .div_login .aktive_felder label[for="schnellog_inpu4_2"]{left:350px;} #shopMain .shop_mitte .mitte_login #schnellLog_feld12 select{display: inline-block;margin-top: 1px;} ul.aktive_felder li label{position:absolute;top:-30px;} ul.aktive_felder{width: 470px;} #schnellog + table{width:470px;} #schnellLog_feld12{margin-top:32px;text-align:left} #schnellLog_feld12 select+span{padding-left:10px;color: rgb(255,255,255);} #schnellLog_feld8{text-align:left;} .select_wrapper {margin-top: 30px;border-bottom: 2px solid RGB(217,217,217);margin-left: 14px;width: 454px;} input#schnellog_inpu6 ,#schnellLog_feld6 label.active:before, input#schnellog_inpu1 ,#schnellLog_feld1 label.active:before, input#schnellog_inpu8 ,#schnellLog_feld8 label.active:before {width: 150px !important;} .za_dk-div {margin-top:1rem;} @media (max-width : 1200px){ .div_login > div {float: none;width: 470px;} .div_login>div.login_c {margin-top: 180px;} } @media (max-width : 1024px){ .passwort_auge {margin-right:0;} } @media (max-width : 760px){ ul#schnellog.aktive_felder li label,ul#ala_schnell.aktive_felder li label{top: -49px;white-space: nowrap;} ul#schnellog.aktive_felder li,ul#ala_schnell.aktive_felder li{padding-bottom:20px;} #shopMain .shop_mitte .mitte_login select, .aktive_felder select{width:auto !important;} } /*LOGIN -Ende-*/ /*warenkorb*/ #wk_layer_unten{display: flex;clear: both;flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-around;-moz-justify-content: space-around;-ms-justify-content: space-around;-webkit-justify-content: space-around;} .wk tr,.wk_zk tr{opacity:0;border-bottom: 1px solid rgb(221,221,221);} .wkBox,#wk_gutscheincode button{overflow: hidden;position:relative;height:110px;box-sizing:border-box;padding:16px;margin: 0 16px 16px 0;} #wk_gutscheincode button{position: absolute;right: 0;} .wk_konf_text b{white-space: pre;line-height: 20px;display:block;margin-top:20px;} .wk_konf_text b:before{content: attr(data-text);display:block;} .wk_pic_td{vertical-align: middle;} #wk_gutscheincode{margin-bottom: 2rem;position:relative;height: 68px;width: 504px;} #shopLayer .aktive_felder#wk_gutscheincode input,#wk_gutscheincode button{width:236px;line-height:2rem;height:2rem;box-sizing: border-box;} #shopLayer .aktive_felder#wk_gutscheincode input{color:#939393;border-bottom:#d9d9d9 2px solid;margin-right:16px;background:none;position: absolute;left: 0;} #wk_gutscheincode button{background:rgb(238,238,238) ;color:rgb(150,150,150);padding:0;margin:0;cursor:pointer;margin-top: 30px;} body #shopLayer .aktive_felder#wk_gutscheincode label:before{height:6px;} body #shopLayer .aktive_felder#wk_gutscheincode label.active:before{height:6px; width: 236px;} body #shopLayer .aktive_felder#wk_gutscheincode label{line-height: 38px;height: 38px;} .wk_wk_leer {text-align: center;font-size: 1.1rem;padding-top: 36px;padding-bottom: 36px} .wk_zk_button{height:68px;line-height:68px;width:236px;padding:0;text-align:center;margin-top:30px;font-weight:500;display: inline-block;cursor:pointer;margin-left: 20px;} .wk_tab_summe, .wk ,.pg_table_wk1{background:rgb(255,255,255);} [data-wk-items="0"] .pg_table_wk1{padding:16px;} .wk_tab_summe tr td, .wk tr td {padding:15px;} .wk tr th {padding:15px;} .wk_plu, .wk_min, .wk_loe {height:22px;} .tab_plu_min tr td {padding:2px!important;} .preis_in_wk_strike, .ges_preis_in_wk_strike {text-decoration:line-through;} .ges_preis_in_wk_strike .wk_mwst, .wk_ges_preis_td strike + br {display:none;} table.wk>tbody>tr>td:not(.wk_pic_td), table.wk_zk>tbody>tr>td:not(.wk_pic_td) {vertical-align: top;} .wk_zk {margin-bottom: 25px!important;} #pp_exp_btn {max-height: 44px;} /*#pp_express_link:before {font-size:1.2rem;margin: 56px 0 0 15px;position:absolute;font-weight: normal;}*/ #pp_express_link{position: relative;display: inline-block;} .wk_gespart {position: absolute;transform: translate(-100%,0);-moz-transform: translate(-100%,0);-ms-transform: translate(-100%,0);-webkit-transform: translate(-100%,0);} .weitkaufbutt {margin-left:0;} table.dat_zk_check {background-color: rgb(255,255,255);padding: 10px;border: 1px solid rgb(221,221,221);} .wk_anz_td td{width: auto !important} .wk_uvp {text-decoration: line-through;margin-right: 10px;color:rgb(150,150,150);} @media(max-width:1240px){ div[data-pp="bue"] #service_wrapper{margin:0 auto;} div[data-pp="bue"] #service_wrapper tr.hideWhenMobile{display:none} #shopMain {width: 750px;} .wk_lief_td{display:none;} .wk>tbody>tr:first-child{display:none !important;} .wk>tbody>tr{display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;-moz-grid-template-columns:1fr 1fr 1fr 1fr 1fr;-ms-grid-template-columns:1fr 1fr 1fr 1fr 1fr;-webkit-grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows: auto auto;-moz-grid-template-rows: auto auto;-ms-grid-template-rows: auto auto;grid-row-gap: 30px;-moz-grid-row-gap: 30px;-webkit-grid-row-gap: 30px;position: relative;margin-top: 20px;} .wk_preis_td{grid-column: span 2;-moz-grid-column: span 2;-ms-grid-column: span 2;-webkit-grid-column: span 2;} .bestellue .wk_preis_td{grid-column:2 / span 2;-moz-grid-column:2 / span 2;-ms-grid-column:2 / span 2;-webkit-grid-column:2 / span 2;} .wk_ges_preis_td{grid-column: span 2;-moz-grid-column: span 2;-ms-grid-column: span 2;-webkit-grid-column: span 2;} .tab_plu_min td{display:block;text-align: center;} .wk_plus_minus a{display:block;} .wk_plus_minus a img{height:45px;} .wk_name_td{grid-column: 3 / span 3;-moz-grid-column: 3 / span 3;-ms-grid-column: 3 / span 3;-webkit-grid-column: 3 / span 3;} .wk_anz_td{grid-row-start: 1;-moz-grid-row-start: 1;-ms-grid-row-start: 1;-webkit-grid-row-start: 1;grid-row-end: 3;-moz-grid-row-end: 3;-ms-grid-row-end: 3;} .input_wk{border-bottom-width: 4px;width: 75px;text-align: center;margin-bottom: 16px} .bestellue .wk_pic_td{grid-column-start: 2;-moz-grid-column-start: 2;-ms-grid-column-start: 2;-webkit-grid-column-start: 2;} .wk>tbody>tr>td:nth-last-child(1),.wk>tbody>tr>td:nth-last-child(2) {text-align:center;box-sizing: border-box;} .wk>tbody>tr>td:nth-last-child(1):before, .wk>tbody>tr>td:nth-last-child(2):before, .wk_zk>tbody>tr>td:nth-last-child(1):before, .wk_zk>tbody>tr>td:nth-last-child(3):before {content: attr(data-text);color: #bbb;display: block;margin-top: -32px;margin-bottom: 10px;} .wk>tbody>tr>td:nth-last-child(1):before{content:attr(data-text)} .breadcrumb_wk{margin-top:30px;} .breadcrumb_wk, .breadcrumb_wk a, .breadcrumb_wk b {font-size:1.2rem!important;} .wk_konf_text b{ine-height:25px;} } @media (max-width: 1180px){ .wk_konf_text b{line-height:initial;} .wk_loesch{font-size:0;height:16px;} .wk_pic .wkBox,.wk_pic,.wk_zk_pic {height:70px;} .wk_pic .wkBox {padding:8px;padding-top:26px;} .wk_plu, .wk_min, .wk_loe {height:22px;} .wk_zk_button{width:160px} .breadcrumb_wk,.breadcrumb_wk a,.breadcrumb_wk b {margin-top:10px;margin-bottom:10px;} } @media(max-width:760px){ .button.wk_zk_button{height:125px;line-height:125px;width: 100%;margin-left: 0;box-sizing: border-box;} #wk_gutscheincode{width: 100%;float: none;} #wk_gutscheincode button {margin-top: 30px;height: 65px;font-size: 1.25rem;} #shopLayer .aktive_felder#wk_gutscheincode input{width: 400px;margin-left: 0;} body #shopLayer .aktive_felder#wk_gutscheincode label{margin-top: -16px;border-bottom-width: 4px !important;font-size: 1.2rem;} body #shopLayer .aktive_felder#wk_gutscheincode label:before{height: 31px;margin-left: 3px;} body #shopLayer .aktive_felder#wk_gutscheincode label.active:before{width: 433px;height: 31px;} #pp_exp_btn{display:none;} #pp_express_link{background: url(img/paypal_express_mobile.png) no-repeat 50% #ffc439;background-size: 80%;height: 76px;display: block;border-radius: 9px;margin-top: 20px;} } /*warenkorb -ende-*/ /*Kassenabschluss*/ .wk_zk_div{text-align:left !important;border: 0 !important;background:rgb(238,238,238);padding:16px;margin:0;} .wk_zk_div table {width:100%} .mitte_login.abschluss {width:100%;max-width:100%;box-sizing: border-box;margin: 0;} .link_agb, .link_dat, .link_wid {color:rgb(254,186,0);font-weight:bold;} .zk_wk_gsum .wkBox{margin-right:0;} .zk_wk_summe{display:table;float:right} .zk_wk_summe .b{display:table-row;} .zk_wk_summe .b span{display:table-cell;} .zk_wk_summe .b span:first-child{padding-right:24px;} .mitte_login.abschluss .button{float:right;clear:both;height: 68px;width: 236px;margin-right: 0;margin-bottom: 0;font-weight:500;} .wk_zk_div:after,#service_wrapper:after,.servicePro-Contra:after{display:block; content: ' ';clear:both;} .zk_wk_summe .b span:last-child{text-align:right} .zk_gsum span{padding-top:20px;} .zk_wk_summe span:last-child{padding-top:6px;} .wk_zk_div{background:#fff} .adress_tabelle .wkBox{width:236px;padding:0;margin-left:16px;box-sizing:border-box;line-height: 20px;} .adress_tabelle .wkBox a{display:block;width:26px;height:26px;background:rgb(150,150,150) 50% 50% url(img/edit.svg) no-repeat; border-radius:100px;position:absolute;top:16px;right:16px;} .adress_tabelle *{color:rgb(60,60,60)} .adress_tabelle th{padding-left:16px;text-align:left;padding-bottom:12px;} .adress_tabelle th,.adress_tabelle th *{font-weight:bold;} .wkBox[data-za] {background:0 0 no-repeat;font-size:0;background-size: 50%;} .wk_zk.bestellue{margin-top:16px;} .pers_funk_pro_bestellung a[href=""]{display:none;} .wk_zk_div + #keineBestellungDa{display:none;} .wkBox[data-za*="redit"]{background-image:url(img/pg_zahlart9.png)} .wkBox[data-za*="PayPal"],.wkBox[data-za*="Paypal"],.wkBox[data-za*="paypal"]{background-image:url(img/pg_zahlart8.png)} .wkBox[data-za*="astschr"]{background-image:url(img/pg_zahlart2.png)} .wkBox[data-za*="orkasse"]{background-image:url(img/pg_zahlart3.png)} .wkBox[data-za*="achnah"]{background-image:url(img/pg_zahlart4.png)} .wkBox[data-za*="echnung"]{background-image:url(img/pg_zahlart7.png)} .wkBox[data-za*="Paydirekt"]{background-image:url(img/paydirekt_brand.svg)} .za_status{position: absolute;bottom: 0;width: 100%;left: 0;display: block;text-align: left;} a.button2.aendern_button:before, .konfAbschlussAendern:before {display: block;content: ' ';background: url(img/aendern.svg) no-repeat 0 0; height: 22px;width: 22px;margin: 4px;background-size: contain;} a.button2.aendern_button {font-size: 0;height: 30px;width: 30px;box-sizing: border-box;display: inline-block;padding:0;margin-bottom: -8px;transform: translate(16px,0);-moz-transform: translate(16px,0);-ms-transform: translate(16px,0);-webkit-transform: translate(16px,0);} .tabelle_zk_th th, .dat_zk th{position:relative;} table.dat_zk {margin-left: 0;padding: 13px;width:100%;background: rgb(255,255,255);border-radius:6px;} /*border-collapse: collapse;*/ table.dat_zk td, .tabelle_zk_th th {padding:5px 0 15px 0 !important;} #shopMain .shop_mitte .mitte_login select[name="alanr"]{margin: 0;transform: translate(-9px,0);-moz-transform: translate(-9px,0);-ms-transform: translate(-9px,0);-webkit-transform: translate(-9px,0); margin-bottom: 12px;margin-top: 13px !important;font-weight: normal;width: 228px;} .wkBox.ala_box select{max-width:100%} #pp_zahlen {text-align:center} #pp_zahlen h1{font-size:1.6rem;} #pp_zahlen p{font-size:1.3rem;} #pp_loader{background:rgb(221,221,221) url(img/pg_zahlart8.png) no-repeat 50% 50%;background-size: 200px auto;height:305px;width:305px;margin: 30px auto;border-radius:400px;} #pp_loader div{height: 247px;width: 247px;border: 30px dotted rgb(255,255,255);border-radius: 400px;position: absolute;animation: rotate 10s infinite linear;-moz-animation: rotate 10s infinite linear;-ms-animation: rotate 10s infinite linear;-webkit-animation: rotate 10s infinite linear;margin-top:-1px;margin-left:-1px;} @keyframes rotate {from {transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg)}to {transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg)}} @media(max-width:1000px){ a.button2.aendern_button {display: block;margin: 0 0 10px -16px;} } @media(max-width:890px){ .wk_wk_leer{font-size:2rem;margin: 90px 0;} .breadcrumb_wk{display:none;} .tabelle_zk_th:not(.nwk) + tr td{display:block;width: 643px;box-sizing: border-box;line-height: 38px;position:relative;} .tabelle_zk_th:not(.nwk) + tr td:before{display:block;content: attr(data-ueb);text-align:left;font-size:1.5rem;margin-top:45px;margin-bottom:25px;} a.button2.aendern_button{position: absolute;top: 44px;right: 0;height: 60px;width: 60px;margin:0;} a.button2.aendern_button:before{height: 100%;width: 82%;} #shopMain .shop_mitte .mitte_login select[name="alanr"]{width: 100%;} } @media(max-width:760px){ .mitte_login.abschluss .button{width:700px;height: 125px;font-size: 2rem;margin-right:8px;} } @media(max-width:890px){ .wkBox[data-za] {background-size: 75%;} .wkBox {height:150px;} .tabelle_zk_th {display:none !important;} .tabelle_zk_th:not(.nwk) + tr td img[src*='ahlart']{height:auto !important;} } @media(max-width:1240px){ table.wk_zk tr.tabelle_zk_th {display:none;} .wk_zk:not(.adress_tabelle) tr {display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;-moz-grid-template-columns:1fr 1fr 1fr 1fr 1fr;-ms-grid-template-columns:1fr 1fr 1fr 1fr 1fr;-webkit-grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows: auto auto;-moz-grid-template-rows: auto auto;-ms-grid-template-rows: auto auto;grid-row-gap: 10px;-moz-grid-row-gap: 10px;-webkit-grid-row-gap: 10px;position: relative;margin-top: 50px;padding: 0 0 20px 0;} .zk_wk_lager{display:none} .zk_wk_ep{grid-column: span 2;-moz-grid-column: span 2;-ms-grid-column: span 2;-webkit-grid-column: span 2;} .zk_wk_gsum{grid-column: span 2;-moz-grid-column: span 2;-ms-grid-column: span 2;-webkit-grid-column: span 2;} .wk_zk:not(.adress_tabelle) tr td[width="1"],.zk_wk_ep + td{display:none;} .zk_wk_name{grid-column: span 4;-moz-grid-column: span 4;-ms-grid-column: span 4;-webkit-grid-column: span 4;} .zk_wk_anz{grid-row-start: 2;-moz-grid-row-start: 2;-ms-grid-row-start: 2;-webkit-grid-row-start: 2;} .zk_wk_pic{grid-row-start: 1;-moz-grid-row-start: 1;-ms-grid-row-start: 1;-webkit-grid-row-start: 1;} .wk_zk:not(.adress_tabelle) tr td:last-child, .wk_zk.bestellue:not(.adress_tabelle) tr td:nth-last-child(2), .wk_zk:not(.bestellue):not(.adress_tabelle) tr td:nth-last-child(3) {padding-left:10px;text-align:center;padding-top:30px;width:50%;box-sizing:border-box;} .za_status{font-size:1.3rem;} .zk_wk_anz.wk_counter{display: flex;justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-webkit-justify-content: center;align-items: center;-moz-align-items: center;-ms-align-items: center;-webkit-align-items: center;} #bestellung_ok_html *,#bestellung_ok_html{font-size:1.3rem;} .adress_tabelle .wkBox{padding: 0;margin: 0 !important;;line-height: normal;} .wkBox[data-va]{font-size:1.3rem;} .pers_funk_pro_bestellung a{float:none;width:100%;height:60px;line-height:60px;font-size:30px;box-sizing: border-box;text-align: center;border-radius: 0;margin-top: 30px;} .wk_zk.bestellue>tbody>tr>td:first-child{font-size: 1.3rem;text-align: center;position:absolute;} .bestue_headline{font-size: 1.3rem;height: 70px;line-height: 70px;background-size: 20px auto;} #service_wrapper .bestue_headline.active{background-size: 35px auto;} #bestellabschluss .aktive_felder{width:710px;padding: 32px 0 32px 32px;box-sizing:border-box;} #bestellabschluss .aktive_felder .button{height: 75px;line-height: 75px;font-size: 2rem;width: 648px;box-sizing: border-box;display: block;border-radius: 0;margin-top: 60px;margin-right: 32px;} body #shopLayer #bestellabschluss .aktive_felder label{margin-left: 18px;margin-top: 31px;} body #shopLayer #bestellabschluss .aktive_felder label:before{border-bottom-width:4px;margin-top: 14px;} body #shopLayer #bestellabschluss .aktive_felder input{margin-top:60px;width: 640px;} body #shopLayer #bestellabschluss .aktive_felder label.active:before{width:640px;} } @media (max-width: 772px) { .bestue_headline{height: 95px;line-height: 95px;} } /*Kassenabschluss -ende-*/ /*Service - Seiten*/ #service_wrapper{max-width:1480px;} #service_wrapper > *{ display:block; } #service_wrapper #aa_name h1{margin-bottom:33px;} #service_wrapper nav[id^="men_"]{width:236px;margin-right:16px;float:left} #service_wrapper nav[id^="men_"] li a,#service_wrapper article,#service_wrapper table[class^="style"],.serviceVideo ,.servicePro-Contra ul, .bestue_headline,#service_wrapper .wk_zk_div {display:block;overflow: hidden;background:rgb(255,255,255);position:relative;box-sizing:border-box;padding:16px 0;} #service_wrapper nav[id^="men_"] li a,.bestue_headline{padding:2% 0;margin-bottom:8px;transition:color .3s;-moz-transition:color .3s;-ms-transition:color .3s;-webkit-transition:color .3s;background: rgb(255,255,255) url(img/picture-navigation-r.svg) no-repeat 97% 75%;background-origin:content-box;background-size:auto 30px;border-bottom: 2px solid rgb(221,221,221);font-size: 1.2rem;} div.bestue_headline.active {border-bottom:0;} #service_wrapper nav[id^="men_"] li a:hover, #service_wrapper nav[id^="men_"] li a.active{color:rgb(60,60,60);background-image:url(img/picture-navigation-r_active.svg)} #service_mitte{width:724px;float:left;margin-right:16px;} #service_rechts{width:488px;float:right} #service_wrapper h2{font-weight: bold;font-size: 1.1rem;color: rgb(60,60,60);margin-bottom:12px;} #service_wrapper article p{font-weight:400;font-size:0.8rem;line-height:18px;} #service_wrapper h3{font-size:0.8rem;font-weight:bold;margin-bottom:12px;} #service_wrapper article p + h3{margin-top:12px;} #service_wrapper * + h2,#service_wrapper * + .servicePro-Contra{margin-top:30px;} #service_wrapper table[class^="style"] {width:100%;display:table;padding:0;} #service_wrapper table[class^="style"] th{font-weight:bold;} #service_wrapper table[class^="style"] td,#service_wrapper table[class^="style"] th{border:1px solid #f4f4f4;height:54px;text-align:center;font-size:0.8rem;vertical-align:center} #service_wrapper table.style1 tr:nth-child(even) td:first-child,#service_wrapper table.style1 tr:nth-child(even) th:first-child, #service_wrapper table.style2 tr:nth-child(even) td,#service_wrapper table.style2 tr:nth-child(even) th {background-color:#f4f4f4} .serviceVideo{padding:0;} .serviceVideo iframe{height:280px;width:100%} .serviceVideo div{height:30px;line-height:30px;color:#2c97de;text-align:center} #service_rechts>.serviceVideo:first-child{margin-top:36px;} .servicePro-Contra>div{float:left;width:236px;} .servicePro-Contra>div:first-child{margin-right:16px;} .servicePro-Contra ul li{padding-left:10px;margin-bottom:8px;line-height:18px;} .servicePro-Contra ul li:before{content:'.';width:10px;height:18px;line-height:9px;margin-left:-10px;display:block;position:absolute;} #service_wrapper .list_se{width:488px;} #service_wrapper .se.list_se>li{margin: 0 0 16px 0} #service_wrapper .se.list_se>li:nth-child(odd){margin: 0 16px 16px 0} #service_wrapper .button{font-weight:500;text-transform:uppercase;height:68px;line-height:68px;margin-top:16px;width:488px;padding:0;text-align:center;} #service_komplett_neben_menue{float:left;width:992px;} #service_wrapper .wk_zk_div{background:#fff} .bestue_headline span{margin-left:30px;font-size:1.2rem;} #service_wrapper .wk_counter{width:110px;} #service_wrapper .wk_counter a{left:0;width:100%;height:32px} #service_wrapper .wk_counter a.wk_minus{top:initial;bottom:0;} #service_wrapper .wk_counter input,.wk_counter .anzahl_in_wk{left:0;width:100%;} #service_wrapper .ges_preis_in_wk,#service_wrapper .preis_in_wk,#service_wrapper .wk_counter input,.gespreis_in_wk{padding-top: 8px;} #service_wrapper .adress_tabelle{margin:0 0 45px 0;width: initial;} #service_wrapper .adress_tabelle .wkBox{margin:0;} .bestue_headline{cursor:pointer;} * + .bestue_headline{margin-top:8px;} #service_wrapper nav[id^="men_"] li.men_pers_5 a {background-image:none;} #service_wrapper nav[id^="men_"] li.active a{background-image:url(img/picture-navigation-r_active.svg);color:#2c97de} #service_wrapper .bestue_headline + .wk_zk_div{opacity:0;display:none;} #service_wrapper .bestue_headline.active + .wk_zk_div{opacity:1;display:block;} #service_wrapper .bestue_headline.active{background-image:url(img/picture-navigation-u_active.svg);background-size:30px auto;font-size:1.2rem;font-weight: bold;} @media (max-width: 1635px){ #service_mitte{width:488px;} #service_komplett_neben_menue{width:740px;} } @media (max-width: 1162px){ #service_mitte{width:724px;margin: 30px 0 0 16px } #service_wrapper{width:740px;} #service_komplett_neben_menue{width:488px;} } /*Service - Seiten - Ende*/ /*FOOTER*/ #shopFooter {bottom:0;width:100%;background: rgb(238,238,238);border-top: 1px solid rgb(221,221,221);} #shopFooter .unten{min-height:96px;background:rgb(0,83,50);clear:both;} #shopFooter .unten #f_text{padding:27px 16px;} #shopFooter .unten #f_text span{color:rgb(255,255,255);font-size:0.8rem;text-align:center;display:block;padding:0 16px;} #shopFooter .unten #f_text span *{color:rgb(255,255,255);font-size:0.8rem;} #shopFooter .unten>figure,footer .unten>ul{width:192px;height:96px;} #shopFooter .unten>figure{background:rgb(255,255,255);float:left;} #shopFooter .unten>ul{float:right;background:rgb(254,186,0);position:relative;} #shopFooter .unten>ul:first-child{float:left} @media (max-width: 1420px){#shopFooter .unten>figure,footer .unten>ul{width:50%;height:106px;} #shopFooter .unten #f_text{padding:26px 16px;clear:both;} } .foot_infos {display:flex;padding: 0;width:100%;max-width:1260px;margin:0 auto;box-sizing:border-box;} .foot_infos ul.foot_info {padding: 35px 2% 35px 2%;} .foot_infos ul.foot_kat {width:25%;float:left;box-sizing:border-box;} .foot_infos ul.foot_soc {width:6%;float:left;box-sizing:border-box;padding: 35px 0 35px 0;} .foot_infos ul.foot_soc a {width:37px;height:37px;display:block;margin: 0 auto 10px auto;-webkit-filter: grayscale(1);filter: grayscale(1);border-radius: 18px;padding:0;} #side_fb {background:url(img/Facebook.svg) no-repeat;background-size:37px;margin-top: 1rem;} #side_tw {background:url(img/Twitter.svg) no-repeat;background-size:37px;} #side_go {background:url(img/Google+.svg) no-repeat;background-size:37px;} #side_bl {background:url(img/Blogger.svg) no-repeat;background-size:37px;} #side_fb:hover {background:url(img/Facebook.svg) no-repeat;background-size:37px;-webkit-filter: grayscale(0);filter: grayscale(0);} #side_tw:hover {background:url(img/Twitter.svg) no-repeat;background-size:37px;-webkit-filter: grayscale(0);filter: grayscale(0);} #side_go:hover {background:url(img/Google+.svg) no-repeat;background-size:37px;-webkit-filter: grayscale(0);filter: grayscale(0);} #side_bl:hover {background:url(img/Blogger.svg) no-repeat;background-size:37px;-webkit-filter: grayscale(0);filter: grayscale(0);} .foot_infos ul.foot_kat:last-child {width: 15%;box-sizing:border-box;padding: 35px 0 0 5%;} .foot_infos a {display: inline-block;padding: .75rem 0;} .foot_infos a:hover {opacity:0.8;} #info_zahl:hover {opacity:1.0;} .foot_kat .foot_ueb, .foot_soc .foot_ueb {height:2rem;text-transform:uppercase;letter-spacing:0.10em;border-bottom: 1px solid rgb(221,221,221);} .info_zahl {float:left;display: block;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid rgb(221,221,221);} .info_zahl img {margin-right:5px;-webkit-transition:all 0.5s;} .foot_soc li {padding: .5rem 0;} .foot_soc .foot_ueb {padding:0;} #info_zahl {max-width:130px;display:block;margin-top: .5rem;} #info_zahl img {width:60%;margin:0 0 1rem 0;max-width: 130px;border-radius:6px;} #info_zahl img:hover {opacity:0.7;} @media (max-width: 890px) { .foot_infos {flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;width:100%;position: relative;display: inline-block;} .foot_infos a {padding: .5rem 0;} .foot_infos ul.foot_kat {width:50%;min-height:495px;} .foot_infos ul.foot_kat:last-child {width:50%;} .foot_infos ul.foot_soc {position: absolute;bottom: 1rem;width: 100%;padding: 0 0 0 2%;} #side_fb {margin-top:0;} .foot_soc li {float:left;padding: 0 1.5rem;} .foot_soc .foot_ueb {border-bottom:0;} #info_zahl {max-width:275px;} #info_zahl img {width:38%;margin: 1rem 1rem 0 0;} } @media (max-width: 772px) { .foot_infos ul.foot_kat {min-height:580px;padding: 35px 2% 35px 2%;} #info_zahl {max-width:300px;} } @media (max-width: 760px) { .foot_infos ul.foot_kat {width:100%;min-height:auto;padding: 70px 5% 35px 5%;} .foot_infos ul.foot_kat:last-child {width:100%;margin-bottom:200px;} .foot_infos li a {font-size:1rem;margin: .25rem 0;} .foot_infos ul.foot_soc {padding-left:5%;} .foot_infos ul.foot_soc a {-webkit-transform: scale(1.5);} ul.foot_soc li {height:65px;} #info_zahl {max-width:100%;margin-top: 0;} .foot_kat .foot_ueb, .foot_soc .foot_ueb {font-size:1.25rem;} #info_zahl img {max-width:150px;} } /*FOOTER -ENDE-*/ /*allgemine Widgets*/ #pgLoader{position:fixed;z-index:100000000;background:rgb(60,60,60);font-size:1.8rem;display:table-cell;text-align:center; vertical-align:center;color:rgb(255,255,255);top: 0;width: 100%;height: 100%} #pgLoader div{font-size:inherit;color:inherit} /*widgets ende*/ /*allgemein*/ #shopMain{padding: 1rem;box-sizing:border-box;margin: 0 auto;flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-webkit-flex-grow:1} #tipDiv{background:rgb(255,255,255);border:2px solid rgb(221,221,221);padding:16px;opacity:.97} #tipDiv *{line-height: 1.5rem;} /*3-sp*/ @media (min-width: 10px) { #aa_text{margin-top:0;} #shopMain{width:100%;} .se.list_se,.sucheGross{width:756px;margin:0 auto;} } @media (max-width: 1180px){ #aa_person{min-height:126px;} #aa_person div{margin-left:142px;} #aa_person img{position:absolute;top:50%;transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-webkit-transform: translate(0,-50%)} #aa_pic_show nav a.b_360 span{display:none;} .breadcrumb_wk,.breadcrumb_wk a,.breadcrumb_wk b {margin-top:10px;margin-bottom:10px;} } /*4-sp*/ @media (min-width: 1180px) { #shopMain{width:1024px;} .se.list_se,.sucheGross{width:1008px;} #aa_pic_show nav a{height:160px;} #aa_pic_show nav a img{} #aa_pic_show nav a.b_360{background-size:40px 40px;padding-top: 80px;} #aa_links{float:left;width:236px;margin-right:16px;float: left;height:100%} .wk_pic .wkBox,.wk_pic,.wk_zk_pic{height:100px;} .wk_plu, .wk_min, .wk_loe {height:22px;} .input_wk{font-size:16px!important;} } @media (max-width: 1405px){ .wk_counter{width:110px;} .wk_counter a{left:0;width:100%;height:32px} .wk_counter a.wk_minus{top:initial;bottom:0;} .wk_counter input,.wk_counter .anzahl_in_wk{left:0;width:100%;} .wk_pic .wkBox,.wk_pic,.wk_zk_pic{height:70px;} .wk_plu, .wk_min, .wk_loe {height:26px;} .breadcrumb_wk,.breadcrumb_wk a,.breadcrumb_wk b {margin-top:10px;margin-bottom:10px;} } /*5-sp*/ @media (min-width: 1405px) { #shopMain{width:1276px;} .se.list_se,.sucheGross{width:1260px;} #aa_pic_show figure{height:730px;} #aa_video iframe{height:494px;} .wk_pic .wkBox,.wk_pic,.wk_zk_pic{height:120px;} .wk_plu, .wk_min, .wk_loe {height:32px;} .breadcrumb_wk,.breadcrumb_wk a,.breadcrumb_wk b {margin-top:10px;margin-bottom:10px;} .input_wk{width:60px;} } @media (max-width: 1405px){ #aa_mitte .se li:last-child{margin-left:0;} } /*6-sp*/ @media (min-width: 1654px) { } /*7-sp*/ @media (min-width: 1900px) { #aa_person{min-height:126px;} #aa_person div{margin-left:142px;} #aa_person img{position:absolute;top:50%;transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-webkit-transform: translate(0,-50%)} } /*Fortschritt NEU*/ .fortschritt {width:100%;height:40px;text-transform:uppercase;border-bottom:10px solid rgb(238,238,238);margin: 50px 0 35px 0;box-sizing:border-box;opacity:0;transition: opacity: .2s;-moz-transition: opacity: .2s;-ms-transition: opacity: .2s;-webkit-transition: opacity: .2s;} .fortschritt ul {margin:0;padding:0;width:100%;} .fortschritt ul li {list-style:none;margin:0;padding:0 45px 0 0;float:left;text-align:center;position:relative;box-sizing:border-box;height:30px;} .fortschritt ul li a{display:block;text-align:right;line-height:30px;height:30px;text-transform: capitalize;} .fortschritt ul li:before,.fortschritt ul li.active a:before{content:' ';display:block;width:40px;height:30px;position:absolute;right:0;top:0;background:rgb(238,238,238)} .fortschritt ul li.active:after {content:' ';width:100%;height:10px;position:absolute;left:0;bottom:-10px;background:rgb(0,83,50)} .fortschritt ul li.active a:before{background: rgb(0,83,50) url(img/check_w.svg) no-repeat 50% 50%;background-size: 20px;} .fortschritt ul .active.last:after{animation: fortWidth .4s 1 linear;-moz-animation: fortWidth .4s 1 linear;-ms-animation: fortWidth .4s 1 linear;-webkit-animation: fortWidth .4s 1 linear;} .fortschritt ul .active.last:not(.zeugs) a{transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);} .fortschritt ul .active.last.zeugs a:before{animation: fortKasten .4s 1;-moz-animation: fortKasten .4s 1;-ms-animation: fortKasten .4s 1;-webkit-animation: fortKasten .4s 1;} @keyframes fortWidth {from {width: 0;border-top-right-radius:10px;border-bottom-right-radius:10px;}to {width: 100%;border-top-right-radius:0;border-bottom-right-radius:0;}} @keyframes fortKasten {from {transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-webkit-transform: scale(0);border-radius:60px;}to {transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);border-radius:0;}} .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;} /* 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%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-webkit-animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-webkit-animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-moz-animation-duration:.75s;-ms-animation-duration:.75s;-webkit-animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);-moz-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);-webkit-transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-moz-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-ms-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);-moz-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);-webkit-transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);-moz-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);-webkit-transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);-moz-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);-webkit-transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-moz-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-ms-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);-moz-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);-webkit-transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);-moz-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);-webkit-transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-moz-animation-name:bounce;-ms-animation-name:bounce;-webkit-animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash;-moz-animation-name:flash;-ms-animation-name:flash;-webkit-animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);-moz-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);-moz-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse;-moz-animation-name:pulse;-ms-animation-name:pulse;-webkit-animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1);-moz-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);-webkit-transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1);-moz-transform:scale3d(.75,1.25,1);-ms-transform:scale3d(.75,1.25,1);-webkit-transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1);-moz-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);-webkit-transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);-moz-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);-webkit-transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);-moz-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);-webkit-transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1);-moz-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);-webkit-transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1);-moz-transform:scale3d(.75,1.25,1);-ms-transform:scale3d(.75,1.25,1);-webkit-transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1);-moz-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);-webkit-transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);-moz-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);-webkit-transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);-moz-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);-webkit-transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;-moz-animation-name:rubberBand;-ms-animation-name:rubberBand;-webkit-animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);-moz-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);-webkit-transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);-moz-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);-webkit-transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);-moz-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);-webkit-transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);-moz-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);-webkit-transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake;-moz-animation-name:shake;-ms-animation-name:shake;-webkit-animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg);-moz-transform:translateX(-6px) rotateY(-9deg);-ms-transform:translateX(-6px) rotateY(-9deg);-webkit-transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg);-moz-transform:translateX(5px) rotateY(7deg);-ms-transform:translateX(5px) rotateY(7deg);-webkit-transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg);-moz-transform:translateX(-3px) rotateY(-5deg);-ms-transform:translateX(-3px) rotateY(-5deg);-webkit-transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg);-moz-transform:translateX(2px) rotateY(3deg);-ms-transform:translateX(2px) rotateY(3deg);-webkit-transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg);-moz-transform:translateX(-6px) rotateY(-9deg);-ms-transform:translateX(-6px) rotateY(-9deg);-webkit-transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg);-moz-transform:translateX(5px) rotateY(7deg);-ms-transform:translateX(5px) rotateY(7deg);-webkit-transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg);-moz-transform:translateX(-3px) rotateY(-5deg);-ms-transform:translateX(-3px) rotateY(-5deg);-webkit-transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg);-moz-transform:translateX(2px) rotateY(3deg);-ms-transform:translateX(2px) rotateY(3deg);-webkit-transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake;-moz-animation-name:headShake;-ms-animation-name:headShake;-webkit-animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg);-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg);-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg);-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg);-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-moz-transform-origin:top center;-ms-transform-origin:top center;-webkit-transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;-moz-animation-name:swing;-ms-animation-name:swing;-webkit-animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg);-moz-transform:scale3d(.9,.9,.9) rotate(-3deg);-ms-transform:scale3d(.9,.9,.9) rotate(-3deg);-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg);-moz-transform:scale3d(1.1,1.1,1.1) rotate(3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate(3deg);-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg);-moz-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg);-moz-transform:scale3d(.9,.9,.9) rotate(-3deg);-ms-transform:scale3d(.9,.9,.9) rotate(-3deg);-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg);-moz-transform:scale3d(1.1,1.1,1.1) rotate(3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate(3deg);-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg);-moz-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada;-moz-animation-name:tada;-ms-animation-name:tada;-webkit-animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg);-moz-transform:translate3d(-25%,0,0) rotate(-5deg);-ms-transform:translate3d(-25%,0,0) rotate(-5deg);-webkit-transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg);-moz-transform:translate3d(20%,0,0) rotate(3deg);-ms-transform:translate3d(20%,0,0) rotate(3deg);-webkit-transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg);-moz-transform:translate3d(-15%,0,0) rotate(-3deg);-ms-transform:translate3d(-15%,0,0) rotate(-3deg);-webkit-transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg);-moz-transform:translate3d(10%,0,0) rotate(2deg);-ms-transform:translate3d(10%,0,0) rotate(2deg);-webkit-transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg);-moz-transform:translate3d(-5%,0,0) rotate(-1deg);-ms-transform:translate3d(-5%,0,0) rotate(-1deg);-webkit-transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg);-moz-transform:translate3d(-25%,0,0) rotate(-5deg);-ms-transform:translate3d(-25%,0,0) rotate(-5deg);-webkit-transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg);-moz-transform:translate3d(20%,0,0) rotate(3deg);-ms-transform:translate3d(20%,0,0) rotate(3deg);-webkit-transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg);-moz-transform:translate3d(-15%,0,0) rotate(-3deg);-ms-transform:translate3d(-15%,0,0) rotate(-3deg);-webkit-transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg);-moz-transform:translate3d(10%,0,0) rotate(2deg);-ms-transform:translate3d(10%,0,0) rotate(2deg);-webkit-transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg);-moz-transform:translate3d(-5%,0,0) rotate(-1deg);-ms-transform:translate3d(-5%,0,0) rotate(-1deg);-webkit-transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble;-moz-animation-name:wobble;-ms-animation-name:wobble;-webkit-animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);-moz-transform:skewX(-12.5deg) skewY(-12.5deg);-ms-transform:skewX(-12.5deg) skewY(-12.5deg);-webkit-transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);-moz-transform:skewX(6.25deg) skewY(6.25deg);-ms-transform:skewX(6.25deg) skewY(6.25deg);-webkit-transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);-moz-transform:skewX(-3.125deg) skewY(-3.125deg);-ms-transform:skewX(-3.125deg) skewY(-3.125deg);-webkit-transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);-moz-transform:skewX(1.5625deg) skewY(1.5625deg);-ms-transform:skewX(1.5625deg) skewY(1.5625deg);-webkit-transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg);-moz-transform:skewX(-.78125deg) skewY(-.78125deg);-ms-transform:skewX(-.78125deg) skewY(-.78125deg);-webkit-transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg);-moz-transform:skewX(.390625deg) skewY(.390625deg);-ms-transform:skewX(.390625deg) skewY(.390625deg);-webkit-transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg);-moz-transform:skewX(-.1953125deg) skewY(-.1953125deg);-ms-transform:skewX(-.1953125deg) skewY(-.1953125deg);-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);-moz-transform:skewX(-12.5deg) skewY(-12.5deg);-ms-transform:skewX(-12.5deg) skewY(-12.5deg);-webkit-transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);-moz-transform:skewX(6.25deg) skewY(6.25deg);-ms-transform:skewX(6.25deg) skewY(6.25deg);-webkit-transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);-moz-transform:skewX(-3.125deg) skewY(-3.125deg);-ms-transform:skewX(-3.125deg) skewY(-3.125deg);-webkit-transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);-moz-transform:skewX(1.5625deg) skewY(1.5625deg);-ms-transform:skewX(1.5625deg) skewY(1.5625deg);-webkit-transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg);-moz-transform:skewX(-.78125deg) skewY(-.78125deg);-ms-transform:skewX(-.78125deg) skewY(-.78125deg);-webkit-transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg);-moz-transform:skewX(.390625deg) skewY(.390625deg);-ms-transform:skewX(.390625deg) skewY(.390625deg);-webkit-transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg);-moz-transform:skewX(-.1953125deg) skewY(-.1953125deg);-ms-transform:skewX(-.1953125deg) skewY(-.1953125deg);-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-moz-animation-name:jello;-ms-animation-name:jello;-webkit-animation-name:jello;-webkit-transform-origin:center;transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-webkit-transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);-webkit-transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);-webkit-transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);-moz-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);-webkit-transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);-moz-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);-webkit-transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);-moz-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);-webkit-transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);-webkit-transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);-webkit-transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);-moz-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);-webkit-transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);-moz-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);-webkit-transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);-moz-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);-webkit-transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-moz-animation-name:bounceIn;-ms-animation-name:bounceIn;-webkit-animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0);-moz-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);-webkit-transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);-moz-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);-webkit-transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-moz-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0);-moz-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);-webkit-transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);-moz-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);-webkit-transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-moz-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;-moz-animation-name:bounceInDown;-ms-animation-name:bounceInDown;-webkit-animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0);-moz-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);-webkit-transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0);-moz-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);-webkit-transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);-moz-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);-webkit-transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0);-moz-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);-webkit-transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0);-moz-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);-webkit-transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0);-moz-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);-webkit-transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);-moz-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);-webkit-transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0);-moz-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);-webkit-transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-ms-animation-name:bounceInLeft;-webkit-animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0);-moz-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);-webkit-transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0);-moz-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);-webkit-transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);-moz-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);-webkit-transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0);-moz-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);-webkit-transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0);-moz-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);-webkit-transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0);-moz-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);-webkit-transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);-moz-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);-webkit-transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0);-moz-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);-webkit-transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;-moz-animation-name:bounceInRight;-ms-animation-name:bounceInRight;-webkit-animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0);-moz-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);-webkit-transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);-moz-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);-webkit-transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);-moz-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);-webkit-transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0);-moz-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);-webkit-transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);-moz-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);-webkit-transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);-moz-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);-webkit-transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;-moz-animation-name:bounceInUp;-ms-animation-name:bounceInUp;-webkit-animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);-moz-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);-webkit-transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);-webkit-transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);-webkit-transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);-moz-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);-webkit-transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);-webkit-transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);-webkit-transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-moz-animation-name:bounceOut;-ms-animation-name:bounceOut;-webkit-animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);-moz-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);-webkit-transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);-moz-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);-webkit-transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);-moz-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);-webkit-transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);-moz-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);-webkit-transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-ms-animation-name:bounceOutDown;-webkit-animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);-moz-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);-webkit-transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);-moz-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);-webkit-transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);-moz-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);-webkit-transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);-moz-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);-webkit-transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-ms-animation-name:bounceOutLeft;-webkit-animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);-moz-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);-webkit-transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);-moz-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);-webkit-transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);-moz-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);-webkit-transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);-moz-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);-webkit-transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-ms-animation-name:bounceOutRight;-webkit-animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);-webkit-transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);-moz-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);-webkit-transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);-webkit-transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);-moz-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);-webkit-transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-ms-animation-name:bounceOutUp;-webkit-animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-moz-animation-name:fadeIn;-ms-animation-name:fadeIn;-webkit-animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-moz-animation-name:fadeInDown;-ms-animation-name:fadeInDown;-webkit-animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);-moz-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);-webkit-transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);-moz-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);-webkit-transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-ms-animation-name:fadeInDownBig;-webkit-animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-ms-animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);-moz-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);-webkit-transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);-moz-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);-webkit-transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-ms-animation-name:fadeInLeftBig;-webkit-animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-moz-animation-name:fadeInRight;-ms-animation-name:fadeInRight;-webkit-animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);-moz-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);-webkit-transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);-moz-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);-webkit-transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-ms-animation-name:fadeInRightBig;-webkit-animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-moz-animation-name:fadeInUp;-ms-animation-name:fadeInUp;-webkit-animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);-moz-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);-webkit-transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);-moz-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);-webkit-transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-ms-animation-name:fadeInUpBig;-webkit-animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;-moz-animation-name:fadeOut;-ms-animation-name:fadeOut;-webkit-animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-ms-animation-name:fadeOutDown;-webkit-animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);-moz-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);-webkit-transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);-moz-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);-webkit-transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-ms-animation-name:fadeOutDownBig;-webkit-animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-ms-animation-name:fadeOutLeft;-webkit-animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);-moz-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);-webkit-transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);-moz-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);-webkit-transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-ms-animation-name:fadeOutLeftBig;-webkit-animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-ms-animation-name:fadeOutRight;-webkit-animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);-moz-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);-webkit-transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);-moz-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);-webkit-transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-ms-animation-name:fadeOutRightBig;-webkit-animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-ms-animation-name:fadeOutUp;-webkit-animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);-moz-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);-webkit-transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);-moz-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);-webkit-transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-ms-animation-name:fadeOutUpBig;-webkit-animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-moz-transform:perspective(400px) rotateY(-1turn);-ms-transform:perspective(400px) rotateY(-1turn);-webkit-transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-moz-transform:perspective(400px) translateZ(150px) rotateY(-190deg);-ms-transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-moz-transform:perspective(400px) translateZ(150px) rotateY(-170deg);-ms-transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-ms-animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-moz-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);-webkit-transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-moz-transform:perspective(400px);-ms-transform:perspective(400px);-webkit-transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-ms-animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-moz-transform:perspective(400px) rotateY(-1turn);-ms-transform:perspective(400px) rotateY(-1turn);-webkit-transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-moz-transform:perspective(400px) translateZ(150px) rotateY(-190deg);-ms-transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-moz-transform:perspective(400px) translateZ(150px) rotateY(-170deg);-ms-transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-ms-animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-moz-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);-webkit-transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-moz-transform:perspective(400px);-ms-transform:perspective(400px);-webkit-transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-ms-animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;-moz-animation-name:flip;-ms-animation-name:flip;-webkit-animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-moz-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-ms-animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-moz-transform:perspective(400px) rotateX(-20deg);-ms-transform:perspective(400px) rotateX(-20deg);-webkit-transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);-moz-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);-webkit-transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg);-moz-transform:perspective(400px) rotateX(-5deg);-ms-transform:perspective(400px) rotateX(-5deg);-webkit-transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-moz-transform:perspective(400px);-ms-transform:perspective(400px);-webkit-transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-moz-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-ms-animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-moz-transform:perspective(400px) rotateX(-20deg);-ms-transform:perspective(400px) rotateX(-20deg);-webkit-transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);-moz-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);-webkit-transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg);-moz-transform:perspective(400px) rotateX(-5deg);-ms-transform:perspective(400px) rotateX(-5deg);-webkit-transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-moz-transform:perspective(400px);-ms-transform:perspective(400px);-webkit-transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;-moz-animation-name:flipInX;-ms-animation-name:flipInX;-webkit-animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-moz-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-ms-animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-moz-transform:perspective(400px) rotateY(-20deg);-ms-transform:perspective(400px) rotateY(-20deg);-webkit-transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);-moz-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);-webkit-transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg);-moz-transform:perspective(400px) rotateY(-5deg);-ms-transform:perspective(400px) rotateY(-5deg);-webkit-transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-moz-transform:perspective(400px);-ms-transform:perspective(400px);-webkit-transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-moz-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-ms-animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-moz-transform:perspective(400px) rotateY(-20deg);-ms-transform:perspective(400px) rotateY(-20deg);-webkit-transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);-moz-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);-webkit-transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg);-moz-transform:perspective(400px) rotateY(-5deg);-ms-transform:perspective(400px) rotateY(-5deg);-webkit-transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-moz-transform:perspective(400px);-ms-transform:perspective(400px);-webkit-transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY;-moz-animation-name:flipInY;-ms-animation-name:flipInY;-webkit-animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px);-moz-transform:perspective(400px);-ms-transform:perspective(400px);-webkit-transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-moz-transform:perspective(400px) rotateX(-20deg);-ms-transform:perspective(400px) rotateX(-20deg);-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-moz-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px);-moz-transform:perspective(400px);-ms-transform:perspective(400px);-webkit-transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-moz-transform:perspective(400px) rotateX(-20deg);-ms-transform:perspective(400px) rotateX(-20deg);-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-moz-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-moz-animation-name:flipOutX;-ms-animation-name:flipOutX;-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px);-moz-transform:perspective(400px);-ms-transform:perspective(400px);-webkit-transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);-moz-transform:perspective(400px) rotateY(-15deg);-ms-transform:perspective(400px) rotateY(-15deg);-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-moz-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px);-moz-transform:perspective(400px);-ms-transform:perspective(400px);-webkit-transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);-moz-transform:perspective(400px) rotateY(-15deg);-ms-transform:perspective(400px) rotateY(-15deg);-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-moz-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-moz-animation-name:flipOutY;-ms-animation-name:flipOutY;-webkit-animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);-moz-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);-moz-transform:skewX(20deg);-ms-transform:skewX(20deg);-webkit-transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);-moz-transform:skewX(-5deg);-ms-transform:skewX(-5deg);-webkit-transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);-moz-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);-moz-transform:skewX(20deg);-ms-transform:skewX(20deg);-webkit-transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);-moz-transform:skewX(-5deg);-ms-transform:skewX(-5deg);-webkit-transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-ms-animation-name:lightSpeedIn;-webkit-animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-ms-animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);-moz-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);-moz-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-ms-animation-name:lightSpeedOut;-webkit-animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-ms-animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-webkit-transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);-moz-transform:rotate(-200deg);-ms-transform:rotate(-200deg);-webkit-transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-webkit-transform-origin:center;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-webkit-transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);-moz-transform:rotate(-200deg);-ms-transform:rotate(-200deg);-webkit-transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-webkit-transform-origin:center;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-moz-animation-name:rotateIn;-ms-animation-name:rotateIn;-webkit-animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-ms-animation-name:rotateInDownLeft;-webkit-animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-ms-animation-name:rotateInDownRight;-webkit-animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-ms-animation-name:rotateInUpLeft;-webkit-animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-ms-animation-name:rotateInUpRight;-webkit-animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-webkit-transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-webkit-transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);-moz-transform:rotate(200deg);-ms-transform:rotate(200deg);-webkit-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-webkit-transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-webkit-transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);-moz-transform:rotate(200deg);-ms-transform:rotate(200deg);-webkit-transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-moz-animation-name:rotateOut;-ms-animation-name:rotateOut;-webkit-animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-ms-animation-name:rotateOutDownLeft;-webkit-animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-ms-animation-name:rotateOutDownRight;-webkit-animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-ms-animation-name:rotateOutUpLeft;-webkit-animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-ms-animation-name:rotateOutUpRight;-webkit-animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left;-moz-transform-origin:top left;-ms-transform-origin:top left;-webkit-transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-moz-transform:rotate(80deg);-ms-transform:rotate(80deg);-webkit-transform:rotate(80deg);transform-origin:top left;-moz-transform-origin:top left;-ms-transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-moz-transform-origin:top left;-ms-transform-origin:top left;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);-moz-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);-webkit-transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left;-moz-transform-origin:top left;-ms-transform-origin:top left;-webkit-transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-moz-transform:rotate(80deg);-ms-transform:rotate(80deg);-webkit-transform:rotate(80deg);transform-origin:top left;-moz-transform-origin:top left;-ms-transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-moz-transform-origin:top left;-ms-transform-origin:top left;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);-moz-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);-webkit-transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge;-moz-animation-name:hinge;-ms-animation-name:hinge;-webkit-animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg);-moz-transform:translate3d(-100%,0,0) rotate(-120deg);-ms-transform:translate3d(-100%,0,0) rotate(-120deg);-webkit-transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg);-moz-transform:translate3d(-100%,0,0) rotate(-120deg);-ms-transform:translate3d(-100%,0,0) rotate(-120deg);-webkit-transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none;-moz-transform:none;-ms-transform:none;-webkit-transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;-moz-animation-name:rollIn;-ms-animation-name:rollIn;-webkit-animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg);-moz-transform:translate3d(100%,0,0) rotate(120deg);-ms-transform:translate3d(100%,0,0) rotate(120deg);-webkit-transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg);-moz-transform:translate3d(100%,0,0) rotate(120deg);-ms-transform:translate3d(100%,0,0) rotate(120deg);-webkit-transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;-moz-animation-name:rollOut;-ms-animation-name:rollOut;-webkit-animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);-webkit-transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);-webkit-transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;-moz-animation-name:zoomIn;-ms-animation-name:zoomIn;-webkit-animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-moz-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-moz-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-ms-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-moz-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);-moz-animation-timing-function:cubic-bezier(.175,.885,.32,1);-ms-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-moz-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-moz-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-ms-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-moz-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);-moz-animation-timing-function:cubic-bezier(.175,.885,.32,1);-ms-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown;-moz-animation-name:zoomInDown;-ms-animation-name:zoomInDown;-webkit-animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-moz-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-moz-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-ms-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-moz-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);-moz-animation-timing-function:cubic-bezier(.175,.885,.32,1);-ms-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-moz-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-moz-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-ms-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-moz-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);-moz-animation-timing-function:cubic-bezier(.175,.885,.32,1);-ms-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft;-moz-animation-name:zoomInLeft;-ms-animation-name:zoomInLeft;-webkit-animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-moz-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-moz-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-ms-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-moz-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);-moz-animation-timing-function:cubic-bezier(.175,.885,.32,1);-ms-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-moz-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-moz-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-ms-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-moz-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);-moz-animation-timing-function:cubic-bezier(.175,.885,.32,1);-ms-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight;-moz-animation-name:zoomInRight;-ms-animation-name:zoomInRight;-webkit-animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-moz-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-moz-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-ms-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-moz-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);-moz-animation-timing-function:cubic-bezier(.175,.885,.32,1);-ms-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-moz-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-moz-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-ms-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-moz-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);-moz-animation-timing-function:cubic-bezier(.175,.885,.32,1);-ms-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp;-moz-animation-name:zoomInUp;-ms-animation-name:zoomInUp;-webkit-animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);-webkit-transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);-webkit-transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut;-moz-animation-name:zoomOut;-ms-animation-name:zoomOut;-webkit-animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-moz-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-moz-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-ms-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-moz-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);-moz-animation-timing-function:cubic-bezier(.175,.885,.32,1);-ms-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-moz-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-moz-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-ms-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-moz-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);-moz-animation-timing-function:cubic-bezier(.175,.885,.32,1);-ms-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-moz-animation-name:zoomOutDown;-ms-animation-name:zoomOutDown;-webkit-animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-moz-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-moz-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-webkit-transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-moz-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-moz-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-webkit-transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-moz-animation-name:zoomOutLeft;-ms-animation-name:zoomOutLeft;-webkit-animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-moz-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-moz-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;-webkit-transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-moz-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-moz-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;-webkit-transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-moz-animation-name:zoomOutRight;-ms-animation-name:zoomOutRight;-webkit-animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-moz-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-moz-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-ms-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-moz-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);-moz-animation-timing-function:cubic-bezier(.175,.885,.32,1);-ms-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-moz-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-moz-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-ms-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-moz-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);-moz-animation-timing-function:cubic-bezier(.175,.885,.32,1);-ms-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-moz-animation-name:zoomOutUp;-ms-animation-name:zoomOutUp;-webkit-animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;-moz-animation-name:slideInDown;-ms-animation-name:slideInDown;-webkit-animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;-moz-animation-name:slideInLeft;-ms-animation-name:slideInLeft;-webkit-animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;-moz-animation-name:slideInRight;-ms-animation-name:slideInRight;-webkit-animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;-moz-animation-name:slideInUp;-ms-animation-name:slideInUp;-webkit-animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown;-moz-animation-name:slideOutDown;-ms-animation-name:slideOutDown;-webkit-animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;-moz-animation-name:slideOutLeft;-ms-animation-name:slideOutLeft;-webkit-animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;-moz-animation-name:slideOutRight;-ms-animation-name:slideOutRight;-webkit-animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;-moz-animation-name:slideOutUp;-ms-animation-name:slideOutUp;-webkit-animation-name:slideOutUp} .blog_banner {width:80%px;height:252px;margin-left:-3px;margin-top:10px;} .blog_anker {background-color:rgb(60,60,60);width:314px;height:252px;float:left;margin-left:0;} .blog_archiv_news_txt {font-size: 0.8rem;} ul.blog_archiv_news_ul a {text-decoration:none!important;} li.blog_archiv_news_li {margin-bottom:5px;} .blog_archiv_news_dat {font-weight:bold;} .blog_archiv_anzahl {color:rgb(150,150,150);font-size: 0.8rem;font-weight:bold!important;} .blog_text {margin-top:5px;margin-bottom:25px;text-align:justify;} .blog_archiv_li {margin-top:8px;} #html-blog {width: 80%;float: left;margin-right: 5px;margin-top: 25px;} #html-blog h1 {color:rgb(150,150,150);font-size: 20px;margin: 0 0 15px 0;} #html-blog h2 {color:rgb(150,150,150);font-size: 1.2rem;} .blog_archiv, .blog_archiv h2 {color:rgb(150,150,150);font-size: 1.2rem;} .blog_archiv li a {color:rgb(60,60,60);} .blog_archiv {width: 13%;float: left;display: block;margin-top: 25px;margin-left: 3%;height: 600px;background-color: rgb(238,238,238);padding: 15px;border-radius: 6px;} #html-blog .blog_archiv {width:15%;float:left;display:block;margin-top: 25px;margin-left: 3%;} #html-blog .ui-widget-content {border:0;} .blog {float:left;margin-right: 5px;} .blog a h2:hover{color:rgb(60,60,60)!important;} #custf_vor_zur_woanders2 {display:none;display: flex;align-items: center;-moz-align-items: center;-ms-align-items: center;-webkit-align-items: center;justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-webkit-justify-content: center;position: absolute;width: 100%;top: calc(100% + 1rem);} #custf_vor_zur_woanders {height:40px;width:100%;background:rgb(238,238,238);border-top:1px solid rgb(255,255,255);max-width: 1260px;border-radius:20px;} .artVZ_pfeil {height:25px;margin-top: 3px;} @media (max-width: 1405px) { #custf_vor_zur_woanders{max-width: 1012px;} } @media (max-width: 1180px) { #custf_vor_zur_woanders{max-width: 100%;} } .zuletzt_fix {max-width: 1260px;margin: 0 auto;} .zul_anges_art {width: 100%;display: inline-block;padding:0 0 20px 0;background:rgb(255,255,255);} .zul_anges_art .ueb {display: block;padding:15px;} .zul_anges_art div.zuletzt_float {float:left;margin-right: 20px;} .zul_anges_art div.zuletzt {height: 150px;width: 150px;display: table-cell;vertical-align: middle;} .zul_anges_art img.zuletztthumb {max-width:150px;max-height:150px;padding:5%;box-sizing:border-box;display: block;margin: 0 auto;} .html_herst_liste {float: left;width:100%;margin-bottom: 10px;} .html_herst_liste_box {text-align:center;width:40px;border-radius: 2px;padding: 5px;margin: 4px;background-color: rgb(204,204,204);float:left;} .html_herst_liste_box a {color:rgb(255,255,255);font-weight:bold;font-size: 1.2rem;} *[data-buchstabe]{ display:block;float:none;clear:both; } .mitte_login.abschluss{background:rgb(255,255,255);padding:0;} #aa_feat > a {color:rgb(60,60,60);} .zzgl_Vers_in_WK, .wk_mwst, .liefertage span {color: rgb(150,150,150);font-size: 0.9rem;} .wk_lief{display:none;} .wk_gsumme b ,.zk_sum b,.zk_vers b,.zk_gsum b{font-size:1.2rem!important;display:block;margin-bottom:10px;} .zk_gsum b {font-weight:bold;} .zk_gsum{margin-top:15px;} .wk_plus_minus a {padding: 4px;} .bue_th div {font-weight: bold;font-size: 1.1rem;padding-bottom:6px;} .login_links {width: 1000px;margin-bottom: 20px;height:100px;} .login_links ul, .login_links ul li {list-style:none;margin-top:2px;padding:0;line-height:24px;} .login_links ul li {font-size: 0.8rem;width:225px;float:left;padding:10px;background:rgb(238,238,238);margin:0 5px 5px 0;} .mitVersandart, .zk_versandartenTD, .zk_versandartenTD + td{display:block;} .zk_versandartenTD {padding-left:0!important;} .mitVersandart {text-align: left;padding: 1% 0;width: 100%;box-sizing: border-box;} .mitVersandart .b b{font-size:1.5rem;} .versTrenner {display:none !important;} .zk_versandarten {padding-bottom:50px;display:flex;} .zk_versandarten > *{flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-webkit-flex-grow:1;padding: 10px;box-sizing: border-box;width: 10%;color:rgb(255,255,255);background:rgb(60,60,60);margin: 10px 5px 0 0;text-align: center;} .zk_versandarten > * *{color:inherit;} .zk_versandarten .button2 {padding:20px;font-size:1.3rem;} .versandart_auswahl_aktiv {background: rgb(238,238,238) url(img/check_g.svg) no-repeat 99% 50%;background-size: 40px auto;color:rgb(60,60,60);border-radius: 2rem;border:2px solid rgb(0,83,50);} td.mitVersandart .b b {font-size:1.2rem;font-weight:normal;padding: 0 0 0 10px;} #versandinfo {position:absolute;margin:-34px 0 0 0;background: url(img/bg_i.svg) no-repeat;background-size: 40px;width: 40px;height: 40px;display: block;} td.zk_versandkostenTD {vertical-align:bottom;} #versandinfo_dhl {background:url(img/info_dhl.png) no-repeat;width:100px;height:36px;display:block;background-size: 100px;} #versandinfo_dpd {background:url(img/info_dpd.png) no-repeat;width:100px;height:50px;display:block;background-size: 75px;} @media (max-width: 760px) { #versandinfo {margin:-39px 0 0 0;} } /* Banner */ .banner_oben {width:100%;margin:1rem 0 2rem 0;order:-1;-moz-order:-1;-ms-order:-1;-webkit-order:-1;} .banner {position: absolute;text-align: center;width: 100%;height: 100%;box-sizing:border-box} .banner img {width:100%;} .banner.text {padding:20px} .banner span, .banner h2 {font-family: NunitoSansLight;color:rgb(255,255,255)} .banner span {font-size:1.5rem;background: rgba(0,0,0,0.5);} .banner h2 {font-size: 1.3rem;line-height: 84%} .banner p {color:rgb(255,255,255);position: absolute;bottom: 95px;width: 100%;left: 0;font-size:1.2rem} .banner p span {display:block;font-size:2.5rem;padding:0 15px;} .banner span.button {position: absolute;bottom: 0;transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);width: 100%;box-sizing: border-box;height:auto;border-radius:0;font-size: 1rem;line-height: 1.8rem;padding: .5rem;} .banner.gro1x3 span.buttonleft-white {position: absolute;bottom: 1.5rem;left:2rem;width:50%;box-sizing: border-box;border-radius:0;font-size: 2.5rem;font-weight: normal;text-transform: uppercase;background:none;text-align:left;background: rgba(0,0,0,0.5);} .banner.gro1x1 span.buttonleft-white {display:block;width:100%;padding:1rem;position: absolute;bottom:0;left:0;box-sizing: border-box;border-radius:0;font-size: 1.1rem;font-weight: normal;text-transform: uppercase;background:none;text-align:left;background: rgba(0,0,0,0.5);letter-spacing: 1.1px;} .banner.gro1x1 span.buttonlefttop-white {display:block;width:100%;padding:1rem;position: absolute;top:0;left:0;box-sizing: border-box;border-radius:0;font-size: 1.1rem;font-weight: normal;text-transform: uppercase;background:none;text-align:left;background: rgba(0,0,0,0.5);letter-spacing: 1.1px;} .banner.gro1x1 span.middleleft-white {display:block;width:100%;padding:1rem;position: absolute;top:40%;left:0;box-sizing: border-box;border-radius:0;font-size: 1.1rem;font-weight: normal;text-transform: uppercase;background:none;text-align:left;background: rgba(0,0,0,0.5);letter-spacing: 1.1px;} .banner_suchergebnis p {text-align:left;margin-bottom:.5rem;line-height: 1.5rem;} .banner_suchergebnis h1 {text-align:left;font-family: NunitoSansLight;} .banner_suchergebnis h2 {text-align:left;font-size:1.25rem;font-family: NunitoSansLight;} .se > li.se_banner.sb {padding:1rem 0 1rem 1rem;overflow-y: scroll;overflow-x: hidden;max-height: 100%;font-size: .9rem;line-height:1.5rem;} .se > li.se_banner.sb h2, .se > li.se_banner.sb h1 {font-size: 1rem;text-align: left;margin-bottom:.5rem;-webkit-column-span:all} .se>li.se_banner.sb h3 {color:rgb(60,60,60);font-weight: 400;line-height: 135%;margin-bottom:10px} .se>li.se_banner.sb .text-2-column {font-weight:lighter;-moz-column-count:2;-webkit-column-count: 2;column-count:2;-moz-column-count:2;-ms-column-count:2;-webkit-column-count:2;-moz-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;-moz-column-gap:20px;-ms-column-gap:20px;-webkit-column-gap:20px} .se>li.se_banner.sb p {line-height:130%;font-weight:normal;margin: 0 10px 0 0;text-align: justify;} .se>li.se_banner.sb .infobox {background:rgb(60,60,60);padding: 10px 10px 1px 10px;margin: -9px;margin-top:0} .se>li.se_banner.sb .infobox p, .se>li.se_banner.sb .infobox h3 {color:#fff;} .se>li.se_banner.sb ul {margin:0 0 20px 0;padding: 0 0 0 17px} .se>li.se_banner.sb ul li {list-style-type:square;color:rgb(60,60,60);padding:0 0 4px 0} .se.list_se > li.se_banner.border0 {border:0;} .se > li.gr_1x2 {height:390px;width:64.6666%;} .se > li.gr_1x3 {height:450px;width:100%} .se > li.gr_1x1 {height: 390px;width: 31.3333%;} .se > li.gr_1x1 img, .se > li.gr_1x2 img {width:100%;} .se > li.gr_1x1 .button {width:100%;position: absolute;bottom: 20px;padding: 0 10px;margin: 0 auto;text-align: center;box-sizing: border-box;} .gr_1x2.se_slider .slides img + div {padding: 19px 17px 13px} .se.list_se > li.hersteller {background:#64645f;text-align: center;font: 0/0 a;} .se.list_se > li.hersteller:before {content: ' ';display: inline-block;vertical-align: middle;height: 100%} .se.list_se > li.hersteller img {display: inline-block;vertical-align: middle;font: 16px/1 Arial sans-serif;max-width:250px} .se.side img + div {padding: 19px 17px 0} .se.side h2 {font-size: 1.5rem;font-weight: 200;height:31px;line-height: 22px} .se.side span {color: rgb(60,60,60);line-height: 25px;font-weight: 500} .se.side .button {float: right} .se.side .button {height: 50px;line-height: 50px;font-weight: 200} .se > li.se_banner img {width:auto;height:100%;} .se > li.gr_1x1 .gro1x1 {background-size:cover;background-repeat:no-repeat;} .se > li.gr_1x2 .gro1x2 {background-size:cover;background-repeat:no-repeat;} .se > li.gr_1x3 .gro1x3 {background-size:cover;background-repeat:no-repeat;} .se > li.gr_1x1 .gro1x1.contain {background-size:contain;} .se > li.gr_1x2 .gro1x2.contain {background-size:contain;} .se > li.gr_1x3 .gro1x3.contain {background-size:contain;} .banner_oben h1 {font-size:1.5rem;font-weight:bold;font-family: NunitoSansLight;text-transform:uppercase;text-align:left;margin-bottom:0;} .schuhe-oben {position:relative;width:100%;height:500px;background-size:cover;background-position:50%;background-repeat:0;} .schuhe-oben h1 {width:100%;position:absolute;background: rgba(0,0,0,0.5);bottom: 0;left:0;color:rgb(255,255,255);font-size:1.5rem;font-weight:bold;font-family: NunitoSansLight;font-weight: normal;text-transform: uppercase;text-align:left;padding:1rem;box-sizing:border-box;letter-spacing: 1.1px;} .schuhe-oben-schmal {position:relative;width:100%;height:320px;background-size:cover;background-position:50%;background-repeat:0;} @media (max-width: 890px) { .se.list_se > li {height:410px;} .se > li.gr_1x1 {height:410px;} .se > li.gr_1x2 {height:410px;} } @media (max-width:760px) { .se.list_se > li.gr_1x2 {width: 676px;height:450px;margin:11px 8px;} .se.list_se > li.gr_1x2 .gro1x2 {margin:0;} .se.list_se > li.gr_1x3 {width: 676px;height:450px;margin:11px 8px;} .se.list_se > li.gr_1x3 .gro1x3 {margin:0;} .banner.gro1x1 span.buttonlefttop-white {} } /* Banner Ende */ /* Tab */ .se>li.se_banner.sb.tabbed h2 {margin-top:20px} .se>li.se_banner.sb.tabbed {padding:0 !important} .card {width: 101%} .navicon { font-size: 1.25rem; text-align: center; padding-left: 5px; padding-right: 5px;} .navdot { font-size: 0.8rem;} .tab-wrapper { border-radius: 6px; max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; background-color: rgb(255,255,255);} .tab { display: none;} .tab:checked:nth-of-type(1) ~ .tab__copy:nth-of-type(1) { opacity: 1; -webkit-transition: 0.4s all ease-in; transition: 0.4s all ease-in; position: relative; z-index: 100; -webkit-transform: translateY(0px); transform: translateY(0px);} .tab:checked:nth-of-type(2) ~ .tab__copy:nth-of-type(2) { opacity: 1; -webkit-transition: 0.4s all ease-in; transition: 0.4s all ease-in; position: relative; z-index: 100; -webkit-transform: translateY(0px); transform: translateY(0px);} .tab:checked:nth-of-type(3) ~ .tab__copy:nth-of-type(3) { opacity: 1; -webkit-transition: 0.4s all ease-in; transition: 0.4s all ease-in; position: relative; z-index: 100; -webkit-transform: translateY(0px); transform: translateY(0px);} .tab:first-of-type:not(:last-of-type) + label { border-radius: 6px 0 0 0;} .tab:not(:first-of-type):not(:last-of-type) + label { border-radius: 0 0 0 0;} .tab:last-of-type:not(:first-of-type) + label { border-radius: 0 6px 0 0;} .tab:checked + label { background-color: rgb(255,255,255); box-shadow: none; cursor: default; color:rgb(0,83,50);} .tab:checked + label:hover { background-color: rgb(255,255,255); box-shadow: none;} .tab + label { cursor: pointer; display: block; text-decoration: none; color: rgb(204,204,204); -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; background-color: rgb(255,255,255); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.4s all ease; transition: 0.4s all ease; height: 40px; padding-top: 20px; box-shadow: 0px -3px 6px rgb(204,204,204) inset; font-weight: normal;} .tab + label:hover { background-color: rgb(238,238,238); box-shadow: 0 -2px 3px rgb(221,221,221) inset; -webkit-transition: 0.4s all ease; transition: 0.4s all ease;} .tab__copy { padding: 10px 25px; background-color: transparent; height: auto; overflow: auto; position: absolute; width: 100%; z-index: -1; opacity: 1; -webkit-transform: translateY(3px); transform: translateY(3px);} .slide-wrapper { height: 240px; position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0px; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} .slide { display: none; z-index: 1;} .slide:checked + label { color: rgba(0, 15, 30, 0.8); -webkit-transition: 0.65s all ease; transition: 0.65s all ease;} .slide:checked + label:nth-of-type(1) ~ .slide__reel { left: 0%;} .slide:checked + label:nth-of-type(2) ~ .slide__reel { left: -100%;} .slide:checked + label:nth-of-type(3) ~ .slide__reel { left: -200%;} .slide:checked + label:nth-of-type(4) ~ .slide__reel { left: -300%;} .slide:checked + label:nth-of-type(5) ~ .slide__reel { left: -400%;} .slide:checked + label:nth-of-type(6) ~ .slide__reel { left: -500%;} .slide:checked + label:nth-of-type(7) ~ .slide__reel { left: -600%;} .slide:checked + label:hover { color: rgba(0, 15, 30, 0.8);} .slide + label { cursor: pointer; display: inline-block; text-decoration: none; color: rgba(0, 0, 0, 0.25); text-align: center; -webkit-transition: 0.65s all ease; transition: 0.65s all ease; margin-left: 8px; margin-right: 8px; z-index: 1;} .slide + label:hover { color: rgba(0, 92, 183, 0.8); -webkit-transition: 0.65s all ease; transition: 0.65s all ease;} .slide__reel { position: absolute; width: 700%; height: 100%; -webkit-transition: left 0.65s; transition: left 0.65s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; z-index: 0;} .slide__content { margin-top: 10px; margin-bottom: 0px; width: auto; height: 210px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} /* Tab Ende */ /* Service-Seiten */ #service_wrapper table[class^="style"] td, #service_wrapper table[class^="style"] th {vertical-align: middle;padding: 4px} #service_wrapper article p {margin-bottom: 15px} .serviceVideo iframe {height: 275px} #service_wrapper header h1 a {font-size:2rem;margin:3% 0;font-weight:normal;display:block;} .contact_form {float: left;padding:0;min-width: 100%;box-sizing: border-box;margin-right: 0} .contact_form select {padding: 0;border-radius: 0;-webkit-appearance: none;color: rgb(0,83,50);background: rgb(255,255,255);border-bottom: 2px solid rgb(221,221,221);height: 30px;line-height: 30px;display: block;width: 311px;margin: 32px 16px 0 16px;font-weight: 400;position:relative} .contact_form #select + label:after {content: " ";display: inline;background-repeat: no-repeat;position: absolute;top: -17px;right:10px;pointer-events: none;width: 26px;height: 26px;background-size: 400%} .contact_form form {width:100%;display:block} body #shopLayer .contact_form .aktive_felder label.label2 {position: relative;padding: 0;margin-top: 28px;display: block} body #shopLayer .contact_form .button {position: relative;overflow: hidden;background: RGB(47,128,203);border-radius: 5px;color: rgb(255,255,255);height: 38px;line-height: 38px;padding: 0 32px;font-weight: 400;transition: background .3s;-moz-transition: background .3s;-ms-transition: background .3s;-webkit-transition: background .3s;-sand-transition: background .3s;-moz-transition: background .3s;-ms-transition: background .3s;-webkit-transition: background .3s;cursor: pointer;float: right;width: 193px} body #shopLayer .aktive_felder label {pointer-events: none} .contact_form .form_left, .contact_form .form_right {position:relative;width:48%;float:left} .contact_form .form_right {margin-left:16px} body #shopLayer .contact_form .aktive_felder input {width:311px} body #shopLayer .aktive_felder label.active:before {width: 311px} body #shopLayer .contact_form .aktive_felder textarea {margin: 0px;height: 186px;width: 317px;border: 2px solid rgb(221,221,221);top: 60px;left: 17px;padding:5px} .clear {clear:both} .contact_form select.active {border-bottom: 2px solid rgb(0,83,50);} .body #shopLayer .aktive_felder label .label2 {position:relative} #service_wrapper {max-width: 1496px} #service_wrapper #aa_name h1 {margin-bottom: 25px} #service_wrapper li {list-style-type: square;font-weight:400;font-size:0.8rem;margin-bottom:6px} #service_wrapper .se.list_se>li {margin: 0 0 16px 0;list-style: none} #service_mitte {width: 740px} #service_wrapper #service_mitte .list_se {width:100%;margin:16px 0 0 0} #service_wrapper #service_mitte .se.list_se>li {margin: 0 16px 16px 0} #service_wrapper #service_mitte .se.list_se>li:nth-of-type(3) {margin: 0 0 16px 0 !important} #service_rechts figure img {width:100%} #service_rechts>.serviceImage:first-child {margin-top: 36px} .serviceImage {padding: 0} .serviceImage {display: block;overflow: hidden;background: rgb(255,255,255);border-radius: 5px;box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);-ms-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);-sand-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);-ms-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1);position: relative;box-sizing: border-box} .serviceImage div {height: 30px;line-height: 30px;color: #2c97de;text-align: center} #service_wrapper article.jobs {position:relative} #service_wrapper article.jobs h2 {margin-top:15px} #service_wrapper article.jobs ul {margin-bottom:30px} #service_wrapper article.jobs .adresse {position: absolute;right: 0;top: 0;width: 206px;background: rgb(60,60,60);padding: 15px;height: 100%;color: rgb(255,255,255)} #service_wrapper article.jobs .adresse p, #service_wrapper article.jobs .adresse strong, #service_wrapper article.jobs .adresse a {color:rgb(255,255,255)} #service_wrapper article.jobs .adresse a {text-decoration:underline} .jobs span:first-child {width: 65%;display: inline-block} /* SUCHE GROSS */ .suche_marke {width:120px;height:90px} #suche_topMarken a, #suche_topKategorien a {float: left;display: block;width: 33.33%;margin-bottom: 50px;height: 70px} #suche_topKategorien a img {width:60px;max-height:none;margin-bottom: 6px} .sucheGross nav>div {float: left;width: 33.333%;text-align: center} .sucheGross nav {width:auto} .sucheGross .se.list_se.single {width: auto} #aa_feat_2 .vorteil figure {background-size:48px} u {text-decoration: underline;cursor:default} #bestellabschluss h3{font-size:2rem;text-align:center;color:rgb(60,60,60);margin-bottom:35px;} #megaBestellabschluss{display:block;height:220px;width:220px;border-radius:300px;border:20px solid rgb(255,255,255);background:rgb(221,221,221);margin:70px auto 40px auto;position:relative;} #megaBestellabschluss:before{content:' ';display:block;height:inherit;width:inherit;background:url(img/check_w.svg) no-repeat 50% 50%; background-size:150px;animation: wobbel 1s 1 linear;-moz-animation: wobbel 1s 1 linear;-ms-animation: wobbel 1s 1 linear;-webkit-animation: wobbel 1s 1 linear} #bestellabschluss p{text-align:center;font-size:1.3rem;} #bestellabschluss{padding-bottom:300px;} #bestellabschluss .button2{ margin: 0 auto;display: block;width: 300px;text-align: center;margin-top: 45px; margin-bottom: 45px;font-size: 1.3rem;padding:10px 30px;} #bestellabschluss .aktive_felder{position: relative;background: rgb(255,255,255); padding: 16px 0 16px 16px;width: 366px;margin: 20px auto;} body #shopLayer #bestellabschluss .aktive_felder input{margin: 30px 0 0 0;} #bestellabschluss .aktive_felder .button{float:right;margin-top:32px;margin-right:16px;} #bestellabschluss .aktive_felder:after{content:' ';display:block;clear:both;} body #shopLayer #bestellabschluss .aktive_felder label.active:before{width:342px} @keyframes wobbel { 0%{ transform:rotate3d(0,1,0,90deg) } 40%{ transform:rotate3d(0,1,0,0deg)} 60%{ transform:rotate3d(0,1,0,-60deg)} 80%{ transform:rotate3d(0,1,0,0deg) } 90%{ transform:rotate3d(0,1,0,30deg) } 100%{ transform:rotate3d(0,1,0,0deg) } } #aa_detail #aa_mitte .title, #aa_detail #aa_links .title {margin-bottom: 13px} #aa_cross {margin-top:2rem;} #aa_cross .title {margin-bottom: 1rem} .ab{color:#888;font-size:0.8em;} #aa_video>div:after {content:" ";width: 100%;height: 100%;display: block;position: absolute;z-index: 1;top: 0;left: 0;background:rgba(255,255,255,0.8);pointer-events:none} #aa_video>div:before {content: " ";width: 87px;height: 61px;display: block;position: absolute;z-index: 2;top: 50%;right: 50%;background-repeat: no-repeat;background-size: cover;margin-right: -44px;margin-top: -30px;pointer-events:none} @media (max-width: 1653px) { .temp2 #service_mitte {width: 500px; margin:0 16px 0 0} body #shopLayer .aktive_felder label.active:before {width: 202px} body #shopLayer .contact_form .aktive_felder input {width: 202px} .contact_form select {width:202px} body #shopLayer .contact_form .aktive_felder textarea {width:214px} .jobs span:first-child {width: 51%} .sucheGross .se.list_se.single li:last-child { display:none;} .sucheGross .se.list_se.single li {margin:0 auto !important; float:none; position:relative} } @media (max-width: 1404px) { .temp2 #service_mitte, .temp2 #service_rechts {width: 740px; margin:0} .temp2 #service_rechts {margin:20px 0 0 0} body #shopLayer .aktive_felder label.active:before {width: 311px} body #shopLayer .contact_form .aktive_felder input {width: 311px} .contact_form select {width:311px } body #shopLayer .contact_form .aktive_felder textarea {width:317px} .temp2 section#service_rechts {padding-right: 12px} .suche_marke {width:80px} } @media (max-width: 1179px) { .temp2 #service_mitte, .temp2 #service_rechts {width: 740px; margin:20px 0 0 0} .temp2 #service_rechts {float:left} .jobs span:first-child {width: 65%} #suche_topMarken a, #suche_topKategorien a {float: left; display: block; width: 50%; margin-bottom: 40px; height: 50px;} } #pers_submen a.active{background:rgb(254,186,0)} /*error nachrichten*/ table[style*="rgb(165,1,1)"],.PGerror,.error_vor_absendenbutton {border: 0;padding: 18px;border-radius: 6px;background: rgb(165,1,1);width: auto;margin: 6px auto;} table[style*="rgb(165,1,1)"] *,.PGerror *, .error_vor_absendenbutton *{color:rgb(255,255,255);} img.achtung {height: 45px;margin-right: 20px;} .PGerror,.error_vor_absendenbutton {padding-left:60px;position:relative;display: block;color: rgb(255,255,255);min-height:30px;} .PGerror img.achtung {margin:0;position:absolute;left: 8px;top:12px;} .wk_ppic {max-width:320px;} .bliste img {} .bliste th {line-hight:24px;} .infotext_eingeloggtbleiben,.infotext_eingeloggtbleiben p{display:none;} .eingeloggtButton{float:left !important;background:rgb(204,204,204);overflow: visible;transition: background .3s;-moz-transition: background .3s;-ms-transition: background .3s;-webkit-transition: background .3s;margin-left:0 !important;} .eingeloggtButton.long{float:none !important;clear:both;width: 100% !important;margin-bottom: 10px;} /*.eingeloggtButton:after{display: block;transition: background .3s;-moz-transition: background .3s;-ms-transition: background .3s;-webkit-transition: background .3s;-moz-transition: background .3s;-ms-transition: background .3s;-webkit-transition: background .3s;height: 41px;width: 46px;content: ' ';background: url(img/wk-x-w.svg) no-repeat 50% 50%;background-size: 50%;background-color: rgb(204,204,204);top: 7px;right: -27px;position: absolute;transform: translate(50%,-18%);-moz-transform: translate(50%,-18%);-ms-transform: translate(50%,-18%);-webkit-transform: translate(50%,-18%);-moz-transform: translate(50%,-18%);-ms-transform: translate(50%,-18%);-webkit-transform: translate(50%,-18%);border-radius: 25px;} .div_login .eingeloggtButton:after {height: 47px;top: 8px;} .eingeloggtbleiben:checked + .eingeloggtButton,.eingeloggtbleiben:checked + .eingeloggtButton:after{background-color:rgb(0,83,50);} .eingeloggtbleiben:checked + .eingeloggtButton:after{background-image:url(img/check_w.svg)}*/ .eingeloggtbleiben {position:absolute;left:-99999px;} #shopLayer .aktive_felder label[for*="eingeloggtbleiben"]{display:none} .menLogButtons{display:none;} @media (max-width:1200px){ #aa_mitte {width: 60%;} #basket-wrapper {width: 40%;} } @media (max-width:890px){ .eingeloggtButton {font-size: 0.9rem;padding:11px 25px 12px 20px;} } @media (max-width:820px){ #aa_mitte, #basket-wrapper {width: 50%;} #se_sz {display:none;} } @media (max-width: 772px) { .eingeloggtButton {padding:10px 25px 10px 20px;} .socials{display:none;} .headerOutOfSight #custf_vor_zur_woanders{display:none !important;} .blist_sort{display:none !important;} } @media(max-width: 772px) and (min-width: 760px){ .see_multi_loesch_buttons{margin-bottom: 22px;margin-top: -20px;flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;} } @media (max-width: 760px) { .eingeloggtButton {width: 95% !important;margin-left: 15px !important;text-align: center;} #tipDiv{display:none;} .infotext_eingeloggtbleiben{display: block;clear: both;padding: 0 20px;font-size: 1.1rem;background: url(img/dropdown-arrow.svg) no-repeat calc(80% - 10px) 55%;background-size: 25px auto;} .div_login .eingeloggtButton:after{height: calc(75px * 1.0);width: calc(75px * 1.3);right: 22px;top: 13px;border-radius: 35px;} .suche_erfolglos *{font-size:2rem;} #shopLayer{width:100%;overflow-x:hidden;} body{min-width:750px;overflow-x:hidden;} /*Mobile Kopfbereich*/ #k_account>a{width:70px;} label[for="grosseSucheAktiv"]{width:75px;} #topTop {position:fixed;transform: translate(0,200%);-moz-transform: translate(0,200%);-ms-transform: translate(0,200%);-webkit-transform: translate(0,200%);transition: transform .7s;-moz-transition: transform .7s;-ms-transition: transform .7s;-webkit-transition: transform .7s;width:90px;height:90px;box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.6);-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.6);-ms-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.6);-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.6);right:16px;bottom:16px;background:rgb(255,255,255) url(img/dropdown-arrow-up.svg) no-repeat 50% 50%;background-size: 50px;opacity:.7;} .headerAusSicht.scrolltNachOben #topTop{transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);-webkit-transform: translate(0,0);} .socials{display:none;} body header#shopHeader {z-index: 10000;top: 0;width: 100%;} #k_suche_etc, #suchf, #suchf ul li *, #k_suche_etc a[data-num]{height:120px;} #men_1{margin-top:0;} #k_ak_c,.hideWhenMobile{display:none !important;} #k_wk,#suchf{width:90px;} #suchf ul li button{width:90px;} #k_wk{background: transparent url(img/pg_cart_m_a.svg) no-repeat 50% 50%;background-size: auto 40px} *[data-pp="wk"] #k_wk{background-image: url(img/pg_cart_m_a.svg); } #suchf ul li button{background-size: auto 40px;background-position:50% 50%} #men_1 section.unten{display: block;float: none;position: absolute;top: 0;right: 0;width: 90px;min-width: 90px;height: 120px;background: transparent url(img/ico-menu.svg) no-repeat 50% 50%;box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-webkit-box-shadow: none;z-index: 1000;background-size: auto 40px;} #men_1.mOpen section.unten{background-image:url(img/ico-menu-act.svg);} .sucheGross section{display:none;} #grosserLayer{height: auto !important;} #k_merk.mOpen{background-image:url(img/watchlist-active.svg)} /*Mobile Kopfbereich ende*/ /*Mobile Menu*/ #mobileMenue{width:100%;height:100%;position:absolute;} #mobileKopfMenue{display: block;float: none;position: absolute;top: 0;right: 0;width: 90px;min-width: 90px;height: 120px;background: transparent url(img/ico-menu.svg) no-repeat 50% 50%;box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-webkit-box-shadow: none;z-index: 1000;background-size: auto 40px;} .ajMenContainer{z-index:1000;height:100%;top: 0;z-index: 1000000;left:0;} .ajMenContainer li{padding: 20px 15px 20px 20px;line-height:40px;position:relative;} .ajMenContainer li:before{position: absolute;display: block;color: rgb(221,221,221);margin-right: 10px;width: 30px;right: 0;top: 50%;transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-webkit-transform: translate(0,-50%);background:no-repeat 50% 50%;background-size:contain;content:' ';font-size:0;height:45px;} .ajMenContainer .men_head li.head,.startMen .men_head li.head{padding: 0 15px 0 0;text-align:right;background-size:9px 13px} .ajMenContainer{position:fixed;left: 2px;width:100%;} .ajMenContainer section{background:rgb(255,255,255);width:420px !important;overflow:auto;box-shadow: 9px 7px 20px -7px rgba(0, 0, 0, .35);-moz-box-shadow: 9px 7px 20px -7px rgba(0, 0, 0, .35);-ms-box-shadow: 9px 7px 20px -7px rgba(0, 0, 0, .35);-webkit-box-shadow: 9px 7px 20px -7px rgba(0, 0, 0, .35);-webkit-box-shadow: 9px 7px 20px -7px rgba(0, 0, 0, .35)} .mobileContent{display:none;} .ajMenContainer li a{font-size:1.4rem;display:block;padding-right: 40px;} .ajMenContainer .men_head li.head,.ajMenContainer li.back,.ajMenContainer li.close {text-align:right;float:left} .ajMenContainer .men_head li.head:before,.ajMenContainer li.back:before,.ajMenContainer li.close:before{background-image:url(img/wk-x.svg);right:initial;left:0;margin:0;} .ajMenContainer li.close:before{content:" ";margin: 0 0 0 13px} .ajMenContainer ul:not(.men_alle){border-bottom:1px solid rgb(221,221,221);clear:both;} .ajMenContainer ul[class*='navi'] {height: 78px;} .ajMenContainer ul[class*='navi'] li{float:left;width:50%;box-sizing:border-box} .ajMenContainer ul[class*='navi'] li.head{width:100%;float:none;padding-left:15px;box-sizing: border-box;} .ajMenContainer li.back a,.ajMenContainer li.close a{padding: 0;} .ajMenContainer li.above{background-position: 80%;} .ajMenContainer ul[class*='lvl'] li.head ,.startMen li.head{background-image: none;font-size: 2rem;background: rgb(238,238,238)!important;color: rgb(60,60,60);} .ajMenContainer ul[class*='lvl'] li.head:before{display:none} .ajMenContainer .active a {color: rgb(254,186,0);} #men_1 section.unten .active .alvl_1, #men_1 section.unten li.hover>.alvl_1{color:rgb(255,255,255);background:rgb(221,221,221)} #men_1 section.unten li.hover>.alvl_1{position:relative;} #men_1 section.unten li.hover>.alvl_1:before{content:' ';position:absolute;z-index:10000000;background:rgb(221,221,221);height:25px;width:25px;transform: rotate(45deg) translate(-50%,0);-moz-transform: rotate(45deg) translate(-50%,0);-ms-transform: rotate(45deg) translate(-50%,0);-webkit-transform: rotate(45deg) translate(-50%,0);top:80%;left:50%;} #men_1{width: 750px;min-width: 750px;} #men_1 section.unten > ul{display:none;} #men_1 section.unten ul{text-align:left} #men_1 section.unten .lvl_2{min-height:441px;} #men_1 section.unten .alvl_1, #men_1 section.unten .alvl_2,#men_1 section.unten .lvl_2:before,#men_1 ul li.menLogButtons a,#pers_submen a {font-size:1.5rem;text-align: center;} #men_1 div ul{min-width: 100%;height: auto;min-height: initial !important;} .men_head_men_6 {display:inline !important} // Mein KOnto #men_1 div ul li{height: 100px;width: 220px;} #men_1 .unten *{font-size:1.5rem;} #men_1 section.unten .alvl_1:nth-child(1), #men_1 section.unten .alvl_1:nth-child(2){border-top:2px solid rgb(60,60,60);font-size:1.5rem;color:rgb(238,238,238);padding: 10px 20px;} #men_1 section.unten .lvl_2:before{content: attr(data-text);display: block;background-size: auto 25px;width: 100%;text-align: center;padding-left: 0;} #men_1 ul li.menLogButtons a:before{content:attr(data-text);font-size:1.3rem;} #men_1 ul li.menLogButtons a{width:100%;background: rgb(60,60,60) url(img/pg_user_m.svg) no-repeat 36% 50%;background-size: auto 50px;display:block;padding:0;text-align:center;} *[data-online="1"] #men_1 ul li.menLogButtons a:before{content:attr(data-text);} *[data-online="1"] #men_1 ul li.menLogButtons a{background-position:35% 50%;} #men_1.mOpen section.unten > ul{text-align: left;display:block;top:204px;background:rgb(204,204,204);position: absolute;width: 750px;left: -659px} #men_1.mOpen.subOpen section.unten > ul{top:120px;} #men_1 li.hover div{} #men_1 li.hover div section {min-width:750px;} #men_1 section.oben {margin-top: 120px;height: 87px;line-height: 87px ;min-width: 750px;width: 750px;} #men_1 section.oben .alvl_1{ height: 87px;line-height: 87px;font-size: 1.3rem;padding: 0 14px;} #men_1.mOpen section.oben{background:rgb(204,204,204) ;border-bottom:2px solid rgb(60,60,60);} #men_1.mOpen section.oben .alvl_1{color:rgb(255,255,255);} #men_1 section.unten .men_azu, #men_1 section.unten .men_zk1 {display:none;} /*Mobile Men� -ende-*/ /*Mobile Pers Nav*/ #pers_nav{height:75px;width:100%;background:rgb(60,60,60);text-align:center} #pers_nav:before{content: attr(data-text);padding-left: 65px;background: url(img/ico-menu-w.svg) no-repeat 0% 50%;background-size: 45px;display: block;font-size: 2rem;color: rgb(255,255,255);line-height: 75px;display:inline-block;transform: rotate3d(1,0,0,0deg);-moz-transform: rotate3d(1,0,0,0deg);-ms-transform: rotate3d(1,0,0,0deg);-webkit-transform: rotate3d(1,0,0,0deg);transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;} #pers_nav.active:before{animation: klapp .4s 1 linear;-moz-animation: klapp .4s 1 linear;-ms-animation: klapp .4s 1 linear;-webkit-animation: klapp .4s 1 linear;content:attr(data-text);background-image:url(img/wk-x-w.svg)} #pers_submen{transition:height .8s;-moz-transition:height .8s;-ms-transition:height .8s;-webkit-transition:height .8s;overflow:hidden;} #pers_nav.active + #pers_submen{margin-bottom:30px;} #pers_nav.active + #pers_submen:after{display:block;clear:both;content:' ';} #pers_submen a.button2 {font-size:2rem;padding:15px;width: 100%;box-sizing: border-box;line-height: normal;height: auto;} #pers_submen a:not(.button2){padding: 0;text-align: center;margin: 0;box-sizing: border-box;float: left;border-radius: 0;background:rgb(204,204,204)} #pers_submen a.active{background:rgb(254,186,0)} /*Mobile Suchergebnis*/ .suchtemp_azu_her{margin-top:5px;} .suchtemp_azu_her:not([data-diff*="#"]),.suchtemp_azu_her[data-neu="neu"]{margin-top: 0;} .se .se_header{} #mz_leer{margin: 0;font-size: 2rem;text-align: center;padding-top: 200px;} .vorteil figure{background-size: auto 140px;} .se .vorteil figure{background-size: auto 227px;} .se_banner img,.se_banner video {width:auto;height:100%;} #custf_vor_zur_woanders{display:none !important;} .se.list_se>li:not([class*="x2"]):not([class*="x3"]){ width:330px;margin:8px; } .se.list_se > li > div[data-bn]{width: 218px;transform: scale(1.5);-moz-transform: scale(1.5);-ms-transform: scale(1.5);-webkit-transform: scale(1.5);transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;position:absolute;} .se.list_se > li {height:600px;width:710px;margin: 11px;} .se.list_se > li [class*="x2"],.se.list_se>li[class*="x3"]{ width:710px;margin:11px; } .se_neu {position: absolute; top: 150px;z-index: 1;right: 0;} .se .vorteil >div {padding: 52px 0;} .se .rat_stars {top: 50%;} .se > li.gr_2x2 {height:994px;} .se > li.se_banner.gr_1-5x1.sb h2, .se>li.se_banner.gr_1-5x1.sb h1, .se>li.se_banner.gr_1x1.sb h2, .se>li.se_banner.gr_1x1.sb h1, .se > li.se_banner.gr_2x1.sb h2, .se>li.se_banner.gr_2x1.sb h1, .se>li.se_banner.gr_3x1.sb h2, .se>li.se_banner.gr_3x1.sb h1, .se>li.se_banner.gr_2-5x1.sb h2, .se > li.se_banner.gr_2-5x1.sb h1{font-size: 1.5rem;line-height: 30px;} .se .se_beobachten, .start_box .se_beobachten {transform: scale(1.25);-moz-transform: scale(1.25);-ms-transform: scale(1.25);-webkit-transform: scale(1.25);transform-origin: 82% 40%;-moz-transform-origin: 82% 40%;-ms-transform-origin: 82% 40%;z-index: 4;position: absolute;right: 0;opacity:0.6;top:0;padding: 5px;background-clip: content-box;margin: 5px;} #aa_pic_show .se_beobachten {transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-webkit-transform:scale(2);transform-origin: 100% 0%;-moz-transform-origin: 100% 0%;-ms-transform-origin: 100% 0%;} .se_name{height:50px;box-sizing: border-box;margin:0;padding:0 .25rem;} .se_name span {box-sizing: border-box;font-size:0.5rem;} .se_farben {height:34px;overflow: hidden;margin-bottom:.25rem;} .se_farben .lief_gr_farbe1_k {margin: 3px;} .mobileEinklappen:not(.offen){max-height:750px;position:relative;overflow:hidden;margin-bottom:20px;} .mobileEinklappen:not(.offen):after{height:250px;width:100%;position:absolute;background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);content: ' ';bottom: 0;left: 0;} .mobileEinklappen + .button2{display:block;width:100%;height:60px;line-height:60px;margin: 20px 0 0 0 ;box-sizing: border-box;font-size: 1.7rem;text-align: center;} /*Mobile Suchergebnis -Ende-*/ /*Mobile Sucheingrenzung*/ .banner_oben>div{font-size:1.3rem;margin-bottom:0 !important;padding-left: 20px;} .tab_see{max-width:750px;margin-left:-11px;} #filter_anzeigen{transform: scale(1.25);-moz-transform: scale(1.25);-ms-transform: scale(1.25);-webkit-transform: scale(1.25);margin-top: -12px;margin-right: 12px;} .see_alle_dd>ul, .see_alle_dd>form>ul {width:344px;margin: 0px 0px 22px 22px;height: 75px;line-height: 75px;} #dd_sort_top {float: right;margin-left: 0;} .see_alle_dd ul div[class*='_kopf'], *[id*='dd_sort'] div[class*='_kopf']{height:75px;line-height:75px;padding-right: 75px;} .see_alle_dd ul div[class*='_kopf']:after,#dd_sort_top div[class*='_kopf']:after{width: 30px;height: 40px;margin-top: 21px;margin-right: -55px;} .see_alle_dd ul .dd_list{width:344px;} .see_multi_submit{height: 55px;width: 323px;} .see_alle_dd ul ul a, *[id*='dd_sort'] ul a, .see_alle_dd ul ul label{line-height:55px;} .see_li{height: 55px;line-height: 55px;padding-left: 32px !important;} .see_li label:before{ margin-left: -1px;margin-top: 16px;width: 25px;height: 25px;margin-right: 16px;} .see_li.active label:before{background-size:20px} .see_multi_loesch_buttons{margin-bottom: 22px;margin-top: -20px;margin-left: 0;margin-right: 0;width: 100%;padding-left: 25px;} body main .see_multi_loesch{padding: 4px;font-size: 1.3rem;line-height: 46px;background-size: 21px;} /*Mobile Sucheingrenzung -ende-*/ /*Mobile Blog*/ .blog_archiv{position: fixed;right: 10px;height: auto;} .blog_text p,.blog_text{font-size:1.3rem;} #html-blog h2{font-size:1.7rem !important;margin:20px 0} .blog_archiv *,.blog_archiv{font-size:1.1rem;} /*Mobile Blog -ende-*/ /*Mobile Cross Overlay*/ #cs_header .button{margin: 20px 0 0 0;width: 100%;font-size: 1.5rem;height: 75px;display: flex;justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-webkit-justify-content: center;align-items: center;-moz-align-items: center;-ms-align-items: center;-webkit-align-items: center;padding: 0;} #cs_layer #cs_header h1{font-size:1.5rem;} #cs_layer span{font-size:1.2rem;} #cs_layer #cs_header{padding:30px 22px;} /*Mobile Cross Overlay -ende-*/ /*Mobile Detail*/ #aa_detail .vorteil>div{font-size: 1.2rem;} #aa_detail .vorteil>div a u{font-size: 1.2rem;} #aa_detail .separate-rating>b{margin-top: -1px;font-size: 2rem;display:block;} #aa_bewer .rat_stars, .aa_rating_snippet .rat_stars{} #tZoomViewer{display:none !important;} #basket-wrapper,#aa_fullview_button{width:100%;} #aa_mitte,#aa_pic_show{width:710px;} #aa_pic_show figure{height:700px;} #aa_pic_show nav a{height:150px;margin: 12px 0 6px 22px;padding-top: 13px;} #aa_pic_show nav{margin-left: -22px;margin-bottom: 12px;} #aa_pic_show nav a img{} #aa_pic_show nav a.b_360 {padding-top: 66px;background-size: 37px 37px;font-size: 1.1rem;} #b_socs a{height:46px;width:46px;} #b_socs{height:46px;left: 14px;bottom: 22px;} #aa_detail {padding:0 20px;} #html_lagerinfo span{font-size:1rem;} #a_basket_panzahl {width: 120px;} #a_basket_panzahl + div{padding-top: 49px;line-height: 49px;font-size: 1.5rem;padding-left: 30px;} .anzBew{font-size:0.6rem;} .small #preis div#preisDiv {font-size:3rem;} #basket h1 a {font-size:1.25rem;} .detail-hersteller-logo img {max-height: 200px;max-width: 300px;} #basket #aa_groe_tab{line-height: 20px;height: 20px;} #basket #aa_groe_tab:before{height: 23px;width: 40px;margin-left: -39px;} .fagr.active {border: 4px solid rgb(0,83,50);padding-top: 10px;} #inWKsenden{height: 100px;line-height:100px;} #basket .vorteil{height:175px;margin: 1rem 0;} #basket .vorteil>div{padding:16px;} figure .controls b{width: 63px;background-size: 30px auto;} #aa_mitte .se{width:740px;} #aa_links.anghangen{width:710px;} #aa_rating {padding: 0;transform: scale(1.7) translate(0,-10px);-moz-transform: scale(1.7) translate(0,-10px);-ms-transform: scale(1.7) translate(0,-10px);-webkit-transform: scale(1.7) translate(0,-10px);transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;margin-right: 5rem;} #aa_rating .rat_stars * {height:1.1rem;background-size: .75rem;width: 1rem;} #aa_staffel li{line-height:35px;} #aa_staffel li span{font-size:1.3rem;} .konfAbschlussAendern{transform: scale(2);-moz-transform: scale(2);-ms-transform: scale(2);-webkit-transform: scale(2);transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;} #aa_rating .rat_stars{transform: translate(0,8px);-moz-transform: translate(0,8px);-ms-transform: translate(0,8px);-webkit-transform: translate(0,8px);display: block;} .aa_optionen li label{height:75px;line-height:75px;padding: 0 75px 0 32px;} .aa_optionen li label *{font-size:1.3rem;} .konfGruppe:before{font-size:1.3rem;} .title2{font-size:1.5rem;} #konfZusammenFassung *{font-size:1.3rem;} #aa_konfAngaben li{line-height:75px;padding-left: 75px;} /*Mobile Detail -Ende-*/ /*Mobile Footer*/ #shopFooter .unten>figure, footer .unten>ul{height:188px;} #shopFooter .unten #f_text span,#shopFooter .unten #f_text span *{font-size:24px; line-height: 32px;} #shopFooter .unten #f_text{padding: 46px 56px;} .zuletzt{font-size:1.5rem;height:240px;} /*Mobile Footer Ende*/ /*Mobile Warenkorb*/ div:not(#k_sp_cur)>.shBagInh{display:none !important;} /*Mobile Warenkorb ende*/ /*Mobile Login*/ .div_login>div {width: 710px;float:left;} #shopMain .shop_mitte .mitte_login .login_a input, #shopMain .shop_mitte .mitte_login .login_b input {width:640px !important;margin-top: 65px;} #shopLayer .div_login .aktive_felder label:before {top: 95px;border-bottom-width: 4px !important;} #shopLayer .div_login .aktive_felder label.active:before {width: 667px;} body #shopLayer .aktive_felder input {height: 65px;line-height: 65px;font-size: 1.25rem;} body #shopLayer .aktive_felder label {font-size: 1rem;height: 65px;line-height: 65px;padding-top: 53px;margin-top: 15px;} body #shopLayer .aktive_felder label.active{padding-top:0px;} body #shopLayer .login_d .aktive_felder label { padding-top: 13px; } body #shopLayer .login_d .aktive_felder label.active { padding-top: 0; padding-left: .5rem; margin: -20px; } body #shopLayer .aktive_felder.login_d input { width: 97%; } .login_a .pass_f {top: 140px;font-size: 1.3rem;} .mitte_login .button{height:75px;line-height:75px;width: 690px;margin-top: 45px;float:none;margin-right: 0;margin-left: 0;} .login_a{height: auto!important;} body .login_ueb{font-size: 1.5rem;display: block;text-align: left;width: 100%;top: -54px;} #guest_anz_button{height:68px;background-size:50px auto;} #guest_anz_button:before{width:50px;height:50px;} .login_c .login_ueb {text-align:left;} .div_login>div.login_c {width:710px;margin-left:5px;} body #shopLayer ul.aktive_felder li input {width:633px;margin-left: 0;} .passwort_auge {margin-right: 25px;} #shopMain .shop_mitte .mitte_login .login_c input {margin-top:45px;} ul.aktive_felder {width:667px;} body #shopLayer #schnellog.aktive_felder label ,body #shopLayer #ala_schnell.aktive_felder label{margin-top:0;} body #shopLayer #schnellog.aktive_felder li input#schnellog_inpu4_1, #shopLayer .div_login .aktive_felder label[for="schnellog_inpu4_1"].active:before {width:395px;} body #shopLayer #schnellog.aktive_felder li input#schnellog_inpu4_2{margin-left:470px;top: -45px;width: 164px;} #shopLayer .div_login .aktive_felder label[for="schnellog_inpu4_2"]{left:477px;width:209px;} #shopMain .shop_mitte .mitte_login select{margin:45px 0 0 0;font-size: 1rem;} #schnellLog_feld12{margin-top:45px;} .ala_tr td{text-align:left} .mitte_login #pp_guestco .ala_tr + tr .button {} /*Mobile Login -Ende-*/ /*Mobile zahlarten*/ #schnellog{margin-left:0 !important;} #schnellog_za_table:before,#schnellog_za_table>tbody>tr:nth-child(4)>td:nth-child(2):before {content:attr(data-text);display:block;width:100%;text-align:center;font-size: 1.5rem;color: rgb(150,150,150);font-weight: bold;margin-bottom: 13px;} #schnellog_za_table>tbody>tr:nth-child(4)>td:nth-child(2):before{margin-top:30px;content: attr(data-text)} #schnellog_za_table{margin-top:22px !important;} #schnellog_za_table>tbody>tr:first-child, #schnellog_za_table>tbody>tr:nth-child(2)>td:first-child, #schnellog_za_table>tbody>tr:nth-child(4)>td:first-child, #schnellog_za_table>tbody>tr:last-child>td:first-child, #schnellog_za_table>tbody>tr:nth-child(3){display:none;} body main#shopMain .za_dk-div label{border-width: 4px !important;border-radius: 9px !important;width: 98%;height: auto;font-size: 1rem;} body main#shopMain [class^='button_za_dk']{height: 80px;display: block;float: none;width: 25%;} body main#shopMain [class^='text_za_dk']{font-size: 1rem;width: 100%;text-align: center;float: none;display: block;margin-bottom: 22px;} body main#shopMain .login_c input[type="radio"] + label:before{transform: scale(2);-moz-transform: scale(2);-ms-transform: scale(2);-webkit-transform: scale(2);top: 27px;transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-webkit-transform-origin: 0 0;left: 4%;} [class^="button_za_dk"] {margin-left: 62px;} body main#shopMain .za_dk-div label[class^='ala_']{padding-top: 61px;padding-left:4px;padding-right:4px;} body main#shopMain .za_dk-div label[class^='ala_']:before{left: 50% !important;transform: scale(2) translate(-50%,-50%);-moz-transform: scale(2) translate(-50%,-50%);-ms-transform: scale(2) translate(-50%,-50%);-webkit-transform: scale(2) translate(-50%,-50%);} #schnellog + table{width: auto;} #schnellog + table #packst_grafik {margin-left:-680px;} /*Mobile Zahlarten -ende-*/ /*Mobile Error*/ table[style*="#DD2222"]{width: 680px;margin: 21px 0px;} /*Mobile Error ende*/ .her_name{font-size:1.3rem;text-align:center;} #news_bestellen .button,#kontaktform button{width:100%;text-align:center;height:75px;line-height:75px;margin:45px 0;font-size:1.7rem;border-radius:0;text-transform:uppercase;} #kontaktform {float:none;width:100%} .faq_rahmen{float: none;width: 100%;box-sizing: border-box;padding-left: 0;background:rgb(238,238,238);padding:12px;} /*Mobile Bestellabschluss*/ /*Mobile Bestellabschluss -ende-*/ /*Mobile Bestelliste*/ #bestli_text,#bestli_text *{font-size:1.5rem;} .bliste>tbody>tr:first-child{display:none} .blisteAnr{width:20%;} .blisteAnr:before{content:attr(data-text);display:block;margin-bottom:20px;} .blistePic{width:70%;} .blisteZeile > td.blisteName{order: -1;-moz-order: -1;-ms-order: -1;-webkit-order: -1;width: 100%;min-height: initial;padding: 20px 0;} .blisteName *{font-size:1.3rem;} .blisteAnr,.blistePic,.blisteName{min-height:160px;} .blistePic img{border:0 !important;height:150px;} .blisteZeile{display:flex;flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;} .blisteZeile>td{display:block;} .blisteZeile:after{content:' ';clear:both;display:block;} .blisteButton button{height:100px;width:100px;font-size:1.5rem;margin: 0 auto;display: block;} .blisteButton{width:28%;height: 110px; margin-bottom: 90px;padding-top:0;} .blisteZeile>td[colspan="3"]{ margin-bottom: 90px;} .blisteInDenWk .button2{width:100%;height:100px;} .blisteButton .inp_wrapper.active label{display:block;} /*Mobile Bestelliste -ende-*/ /*Border Radius Madness .button,.fagr,#aa_pic_show,.se.list_se>li,#preis,#aa_pic_show nav a,#basket .vorteil,#aa_bewer,#aa_h_info>div, #aa_text, #aa_person, #aa_feat,#aa_pic_show figure,.wkBox, #wk_gutscheincode button {border-radius: 9px;}*/ .button {height: 57px;line-height: 57px;padding: 0 48px;font-size:1.3rem;} .zk_wk_summe{float:none;width:100%;} .inp_wrapper label,body #shopLayer .aktive_felderV2 input,body #shopLayer .aktive_felderV2 textarea, .inp_wrapper:before{border-bottom-width:4px} .inp_wrapper label,body #shopLayer .aktive_felderV2 input,body #shopLayer .aktive_felderV2 textarea, body #shopLayer .aktive_felderV2 select{height:49px;line-height:49px;font-size:1.5rem;} .inp_wrapper{height:98px;padding-top:49px} body #shopLayer .aktive_felderV2 textarea{height:196px;} .inp_wrapper.textarea{height:auto;} /*Border Radius Madness -ende-*/ #shopLayer{min-height:2000px;} .fortschritt{border-bottom:0;} .fortschritt ul li,.fortschritt ul li:after,.fortschritt ul li a:after, .fortschritt ul li a:before,.fortschritt ul li:before, .fortschritt ul li.active a:before, label[for="packstation"] img, label[for="packstation"] br,#tab_ala .headline {display:none;} .fortschritt ul li.last{display:block;width: 100%;} .fortschritt ul li.last a{text-align: center;font-size: 2rem;margin-top: 15px;} .fortschritt ul .active.last.zeugs a:before{transform: scale(1.7);-moz-transform: scale(1.7);-ms-transform: scale(1.7);-webkit-transform: scale(1.7);display: inline-block;margin-top: 10px;margin-right: 15px;} #bestellabschluss .button2{width:100%;height:75px;line-height:75px;font-size:2rem;box-sizing: border-box;padding:0;} } .se_ueberschrift_oben{font-size: 1.3rem;margin: 30px 0 0 10px;position: absolute;} @media(max-width: 1024px){ html,body{width:100%;} #men_1 li.hasChildren.hover div,#men_1 section.unten .hover .alvl_1:after{display:none;} .mobilizedMenue-MainContaner{position: fixed;top:0;left:0;transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);-webkit-transform: translate(0,0); z-index: 100000;width:500px;height:100%;overflow:auto;} @keyframes mobilizedMenue-Silde-Anim{ 0%{transform:translate(-100%,0%);-moz-transform:translate(-100%,0%);-ms-transform:translate(-100%,0%);-webkit-transform:translate(-100%,0%)} 100% {transform:translate(0%,0%);-moz-transform:translate(0%,0%);-ms-transform:translate(0%,0%);-webkit-transform:translate(0%,0%)} } .mobilizedMenue-slide{position:absolute;top:0;left:0;animation-duration: .3s;-moz-animation-duration: .3s;-ms-animation-duration: .3s;-webkit-animation-duration: .3s;animation-name: mobilizedMenue-Silde-Anim;-moz-animation-name: mobilizedMenue-Silde-Anim;-ms-animation-name: mobilizedMenue-Silde-Anim;animation-timing-function: linear;-moz-animation-timing-function: linear;-webkit-animation-timing-function: linear;background:rgb(255,255,255);height:calc(100% - 2px);overflow:auto;width:calc(100% - 2px);border:1px solid rgb(204,204,204);} .mobilizedMenue-MainContaner div.next li.men_sale_1 {display:none;} .mobilizedMenue-MainContaner.closed{transition: transform .3s;-moz-transition: transform .3s;-ms-transition: transform .3s;-webkit-transition: transform .3s;transform:translate(-100%,0);-moz-transform:translate(-100%,0);-ms-transform:translate(-100%,0);-webkit-transform:translate(-100%,0)} .mobilizedMenue-MainContaner ul, .mobilizedMenue-MainContaner li{list-style:none;display:block;padding:0;margin:0;} .mobilizedMenue-MainContaner li.mobilizedMenue-close {position: absolute;border: 0;right: 0;} .mobilizedMenue-MainContaner li a,.mobilizedMenue-MainContaner li{font-size:1.3rem;color:rgb(60,60,60);} .mobilizedMenue-MainContaner li{border-bottom:1px solid rgb(204,204,204)} .mobilizedMenue-MainContaner li.head {padding: 10px 5px 10px 35px;font-weight: bold;} .mobilizedMenue-MainContaner div.mobilizedMenue-slide.first li.head, .mobilizedMenue-MainContaner div.mobilizedMenue-slide.back li.head {height:112px;text-align:left;padding: 15px 0 7px 35px;background:url(img/hutst_logo_2018.svg) no-repeat 35px 50%;background-size:225px auto;color: transparent;} .mobilizedMenue-MainContaner li a{padding:10px 5px 10px 35px;position:relative;display:block;} .mobilizedMenue-MainContaner li a:after{content: ' ';background: no-repeat 50% 50%;background-size: contain; position:absolute;width:20px;height:20px;position:absolute;transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);left:7px;top:50%;text-align:center} .mobilizedMenue-MainContaner li.mobilizedMenue-back a:after {background-image:url(img/artikel_zurueck.svg)} .mobilizedMenue-MainContaner li.mobilizedMenue-close a{color:transparent;} .mobilizedMenue-MainContaner li.mobilizedMenue-close a:after,.mobilizedMenue-MainContaner li.hasChildren:not(.mobilizedMenue-all) a:after {background-image:url(img/filter-x.svg);left:initial;right:15px;} .mobilizedMenue-MainContaner li.hasChildren:not(.mobilizedMenue-all) a:after{background-image:url(img/artikel_weiter.svg);} } @media (max-width: 992px) { #men_1 li.men_zk1_1, #men_1 li.men_zk1_2, #men_1 li.men_zk1_3 {display:none!important;} button.mobilizedMenue{display: block;float: none;width: 80px;min-width: 80px;height: 60px;background: transparent url(img/ico-menu.svg) no-repeat 50% 50%;box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-webkit-box-shadow: none;z-index: 1000;background-size: auto 35px;position:absolute;top:-70px;} #mobileMenue{width:100%;height:100%;position:absolute;} } @media (max-width: 772px) AND (min-width: 760px){ #men_1{margin-top:0;} #men_1>section{display:none;} #shopHeader{top:0;left:0;z-index:1000;position:static;} #custf_vor_zur_woanders{} button.mobilizedMenue {top:0;} .se.list_se{position:relative !important;} } @media (max-width: 760px) { .mobilizedMenue-MainContaner li a,.mobilizedMenue-MainContaner li{font-size:1.25rem;} .mobilizedMenue-MainContaner li.head{padding: 30px 0 15px 75px;} .mobilizedMenue-MainContaner li a{padding:20px 10px 20px 75px;} .mobilizedMenue-MainContaner li a:after{width:45px;height:45px;left:15px;} .mobilizedMenue-MainContaner{width:100%;} #men_1 section.unten{position:absolute;left:-9999999px;} button.mobilizedMenue{width: 110px;min-width: 90px;height: 85px;background-size: auto 37px;margin-left:0;top:0;} } #email_formular_button{margin-top:15px;} #email_formular{background-color: rgb(255,255,255);padding: 10px;border: 1px solid rgb(221,221,221);margin-top:15px;} #email_formular h2{font-size: 1.5rem;} #email_formular input , #email_formular textarea {border: 1px solid #888;padding:4px;background-color: rgb(255,255,255);width: 96%;} .fdebheader {background-color: rgb(238,238,238);border: 2px solid rgb(165,1,1);} .fdebauswahl>div {background-color: rgb(238,238,238);border: 1px solid rgb(238,238,238);border-radius: 4px;} .fdebauswahl>div.active {border: 1px solid farbe5#;} .fdebaccept {background-color: rgb(165,1,1);border-radius: 4px;color: rgb(255,255,255);} /*- Zusatz Seitennaviagtion -*/ div[data-pp*="suche"] .shop_tab_mitte,div[data-pp*="perart"] .shop_tab_mitte{display:flex;flex-flow: wrap;-moz-flex-flow: wrap;-ms-flex-flow: wrap;-webkit-flex-flow: wrap;align-items: flex-start;-moz-align-items: flex-start;-ms-align-items: flex-start;-webkit-align-items: flex-start;} div[data-pp*="suche"] .list_se,div[data-pp*="perart"] .list_se{width:calc(100% - 266px);} div[data-pp*="suche"] .tab_k,div[data-pp*="perart"] .tab_k{width:100%;margin: 0 0 30px 0;display:flex;} .BreadcrumbList{flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-webkit-flex-grow:1;} .tab_see{width: 252px;margin: 0;} #filter_anzeigen{display:none;} .see_ueberschrift{margin-top:0;} div[data-pp*="suche"] #bread,div[data-pp*="perart"] #bread{padding:0;} .see_alle_dd {position:sticky;position:-webkit-sticky;;top: 60px;background:rgb(255,255,255);} #dd_sort_top,.see_alle_dd > form > ul, [id*="dd_sort"]{float:none;} .see_alle_dd ul .dd_list{display:block;position:relative;z-index:0;margin-top: 0;} .see_alle_dd > ul, .see_alle_dd > form > ul {height:auto;border-bottom: 1px solid rgb(204,204,204);margin: 0 0 10px 0;padding: 0 0 20px 0;} .see_alle_dd > ul, .see_alle_dd > form > ul:last-child {border-bottom:0;} .see_multi_loesch_buttons {width: auto;text-align: left;padding: 8px 0;} .se_filter_aus ul{display:block !important;} div[data-pp*="perart"] #pers_submen{padding-bottom:20px;} @media(min-width : 10px){ div[data-pp*="suche"] .se.list_se,div[data-pp*="perart"] .se.list_se{width: 736px;} } @media(min-width : 772px){ div[data-pp*="suche"] .tab_k,div[data-pp*="perart"] .tab_k{margin: 0 0 2rem 0;} div[data-pp*="suche"] .se.list_se,div[data-pp*="perart"] .se.list_se{width: calc(736px);} } @media(min-width : 1180px){ div[data-pp*="suche"] .se.list_se,div[data-pp*="perart"] .se.list_se{width: calc(1008px -252px);} } @media(max-width : 1180px){ #filter_anzeigen{display:flex;} #dd-close-all{display:block;} .tab_see{width: 100%} .see_alle_dd{transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;position:absolute;left:-100%;} .se_filter_an .see_alle_dd{left:0;top:0;z-index:10001;background:rgb(255,255,255);padding-left: 20px;border-right:2px solid rgb(60,60,60);border-bottom:2px solid rgb(60,60,60);} } @media(min-width : 1405px){ div[data-pp*="suche"] .se.list_se,div[data-pp*="perart"] .se.list_se{width: calc(1200px - 236px);} } @media(min-width : 760px) AND (max-width : 1180px){ div[data-pp*="perart"] .tab_k{margin: 0 0 -30px 0;} div[data-pp*="perart"] #pers_submen{padding-bottom:70px;} div[data-pp*="perart"] .se.list_se{padding-top:10px;} } @media(max-width : 760px){ div[data-pp*="perart"] .tab_k{margin: 0 0 -9px 0;} div[data-pp*="perart"] #pers_submen{padding-bottom:70px;} } /*- Zusatz Seitennaviagtion Ende -*/ /* The checkbox*/ .container_chk {display: block;position: relative;margin-bottom: 25px;cursor: pointer;font-size: 1.2rem;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .container_chk input {position: absolute;opacity: 0;cursor: pointer;} .checkmark {position: absolute;top:0;left: 0;height: 25px;width: 25px;background-color: rgb(221,221,221); } .container_chk:hover input ~ .checkmark {background-color: rgb(204,204,204);} .container_chk input:checked ~ .checkmark {background-color: rgb(0,83,50);} .checkmark:after {content: "";position: absolute;display: none;} .container_chk input:checked ~ .checkmark:after {display: block;} .container_chk .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid rgb(255,255,255);border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);} .kontakt_chk_txt {margin-left: 35px;} /* The container */ .container {display: block;position: relative;padding-left: 35px;margin-bottom: 25px;cursor: pointer;font-size: 1.2rem;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .container input {position: absolute;opacity: 0;cursor: pointer;} .container:hover input ~ .checkmark {background-color: rgb(204,204,204);} .container input:checked ~ .checkmark {background-color: rgb(0,83,50);} .container input:checked ~ .checkmark:after {display: block;} .container .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid rgb(255,255,255);border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);} @media (max-width: 890px) { .checkmark {transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);-webkit-transform:scale(1.4)} .kontakt_chk_txt {margin-left: 45px;} } @media (max-width: 772px) { .checkmark {left:10px;transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-webkit-transform:scale(1.7)} .kontakt_chk_txt {margin-left:55px;} .container {padding-left:45px;} } #neue_suche {width: 250px;border: 1px solid #666;height: 27px;margin: 5px;padding: 3px;padding-left: 10px;margin-right: 100px;} .main > .empty {margin-top: 8!important;} @media (max-width: 860px){ #neue_suche {display: none;} } @media (max-width: 772px){ #dd_sort_top{display:none;} } .see_li_fa_pic{margin-top: 18px!important;} /* Definitionen Hutstübele */ body .se .rat_stars { right: auto;left:33%; top: 20px;} body .se .rat_stars i, body .se .rat_stars b {display: inline-block;} body .se figure img {top: 0; left: 0; transform: none; -webkit-transform: none; transition: none; -webkit-transition: none;position:static;} body .se figure img .fadeIRight {position:absolute;} body .se figure img .fadeILeft {position:absolute;} div.zoom-effect { overflow: hidden; transition: transform .5s; width: 100%; height: 0; padding-bottom: 39%; } div.zoom-effect a:hover { transform: scale(1.1); } div.quadratisch { padding-bottom: 100%; } @keyframes leaves { 0% { transform: scale(1.0);} 10% { transform: scale(1.1);} 100% { transform: scale(1.0);} } .flash-effect { overflow: hidden; transition: transform .5s; width: 100%; height: 0; padding-bottom: 39%; } .flash-effect img:hover {animation: leaves 0.8s ease-in-out alternate;-moz-animation: leaves 0.8s ease-in-out alternate;-ms-animation: leaves 0.8s ease-in-out alternate;-webkit-animation: leaves 0.8s ease-in-out alternate;} .flash-effect.small {padding-bottom: 82%;width: 100%;display: block;} .flash-effect2 { overflow: hidden; transition: transform .5s; width: 100%; height: auto; margin-bottom: auto; } .flash-effect2 img:hover {animation: leaves 0.8s ease-in-out alternate;-moz-animation: leaves 0.8s ease-in-out alternate;-ms-animation: leaves 0.8s ease-in-out alternate;-webkit-animation: leaves 0.8s ease-in-out alternate;} .se_thumb_flash { overflow: hidden; transition: transform .5s; width:100%; position:relative } .se_thumb_flash img:hover {animation: leaves 0.8s ease-in-out alternate;-moz-animation: leaves 0.8s ease-in-out alternate;-ms-animation: leaves 0.8s ease-in-out alternate;-webkit-animation: leaves 0.8s ease-in-out alternate; } .se_thumb_flash img {position:relative !important; top: 0 !important; left: 0 !important; transform: none !important; -webkit-transform: none !important; transition: none !important; -webkit-transition: none !important;} @media (max-width:772px) { .se_thumb_flash img {} } @media (max-width:760px) { } /* Artikeldetailanzeige */ #aa_bread {padding: 1rem 0 1rem 0;} /* Texte */ .versandinfo p.versandinfo_header { padding: 5px 10px; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; margin: 15px 0; font-weight: bold; font-size: 16px; background: rgba(0,85,47,0.2);color:rgb(0,85,47);} .versandinfo p { line-height: 1.5em; } /* POWERsuche Custom Style Start */ .typo { border: 1px solid rgb(221,221,221); } #ps-suchleiste { border-bottom: 1px solid rgb(221,221,221); } #ps-weiteres > * { border: 1px solid rgb(221,221,221); } #ps-vorschlage > li { border-bottom: 1px solid rgb(221,221,221); } #ps-vorschlage > li.active { background-color: rgb(221,221,221); } .accent-color { background-color: rgb(0,83,50) !important; color: rgb(255,255,255)!important; } #ps-menu > h3, #ps-menu>ul > li.is-toggle, #ps-artikel > h1 { color: rgb(0,83,50); } @media (max-width: 760px) { #ps-menu.open + #ps-mobile-menu { border-top: 1px solid rgb(221,221,221); }} #ps-artikel > .unimportant { border: 1px solid rgb(60,60,60); color: rgb(60,60,60); } /* POWERsuche Custom Style Ende */ /* WEIL ICH EINE T2-VERSION BIN Start */ div#ps-suchleiste { margin: 0px 8px; width: calc(100% - 16px); } div#ps-weiteres { margin-right: 0px; margin-left: 0; width: 100%; } #ps-artikel { margin-left: 0; } #ps-filter-toggle, #h-ps-filter-toggle { padding: .8rem 0; } /* WEIL ICH EINE T2-VERSION BIN Ende */ @media (max-width: 760px) { div#ps-weiteres { width: calc(100% - 26px); } div#ps-suchleiste { width: calc(100% - 0)!important; } body .se .rat_stars { left:30%;} body .se figure .se_thumb_flash img {position:relative;} } //#kopf_top_line_inner {z-index: 10000000;} /* Auswahl Button */ .myButton { -moz-box-shadow:inset 0px 1px 0px 0px #cf866c; -webkit-box-shadow:inset 0px 1px 0px 0px #cf866c; box-shadow:inset 0px 1px 0px 0px #cf866c; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315)); background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%); background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0); background-color:#d0451b; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #942911; display:inline-block; cursor:pointer; color:#ffffff; font-size:20px; padding: 25px 100px ; text-decoration:none; text-shadow:0px 1px 0px #854629; } .myButton:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b)); background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%); background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%); background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%); background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%); background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0); background-color:#bc3315; } .myButton:active { position:relative; top:1px; } div#ps-suchleiste { margin: 0px 8px 0px 0px; width: calc(100% - 10px); } div#ps-weiteres { margin-right: 0; margin-left: -8px; width: calc(100% + 6px); } #basket .detail-hersteller-logo {margin:20px;} #inWKsenden{margin-top: 10px;} #aa_pic_show nav a img {margin:10px;} /* PS animiertes Textfeld */ #suchStr {color: #003732;} @media (min-width: 772px) { #k_lupe_2{ display: none; } #k_lupe_3 > * { position: absolute; } #k_lupe_3 { background-size: 34px;width: 250px;height: 50px;position: absolute;right: 300px;top:10px;cursor:pointer; z-index: 2; transition: all ease-out .3s; } #k_lupe_3 > #h-ps-suche-schliessen, #k_lupe_3 > #h-ps-filter-toggle { display: none; } #k_lupe_3 > input { right: 0px; box-sizing: border-box; width: 100%; background:rgb(238,238,238);border-radius:20px;height: 35px;margin: 5px;padding: 3px 0 3px 15px;transition: all ease-out .3s;-moz-transition: all ease-out .3s;-ms-transition: all ease-out .3s;-webkit-transition: all ease-out .3s;font-size: .9rem;} #k_lupe_3 > div.lupe { right: 11px;top: 5px;height: 35px;width: 35px;transition: all linear .1s;-moz-transition: all linear .1s;-ms-transition: all linear .1s;-webkit-transition: all linear .1s;background: url(img/search.svg) no-repeat 65% 50%;background-size: 75%;} #k_lupe_3.open { height: 68px; top: 60px;right:0; } #k_lupe_3.open > input{cursor: auto;right: 0;} #k_lupe_3.open > input + div { opacity: 0; } #k_lupe_3.open > #h-ps-suche-schliessen, #k_lupe_3.open > #h-ps-filter-toggle { display: block; position: absolute; } #k_lupe_3.open > #h-ps-filter-toggle { text-align: center; padding: 0;height: 33px;line-height: 33px;top: 5px;border-radius: 20px;margin-right: .5rem; } #k_lupe_3.open > #h-ps-suche-schliessen {background-image: url(img/wk-x.svg);height: 33px;width: 50px;background-size: 40%;top: 6px;right: 6px;} #ps-suchleiste { display: none; } #ps-suchleiste > #suchStr {display: none;} } @media (max-width: 771px) { #k_lupe_3 { display: none; } } @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { #k_lupe_3 { display: none; } #k_lupe_2{ display: block; } #ps-suchleiste { display: block; border-bottom: 1px solid rgb(221,221,221); } #ps-suchleiste > #suchStr { display: inline-block; } } @media (max-width: 760px) { #ps-suchleiste input#suchStr {font-size: 1.25rem;} } /* PS animiertes Textfeld ENDE */ .fagr.v2 {padding: 0;height: 40px;opacity: .8;border-radius: 6px;} .fagr.v2.active { border: none; opacity: 1;} .fagr.v2 > div:before {content: attr(data-name);position: absolute;top: 12px;left: 0;right: 0;bottom: 0;transform: translate(0, 25%);-moz-transform: translate(0, 25%);-ms-transform: translate(0, 25%);-webkit-transform: translate(0, 25%);transition: all ease-out .2s;-moz-transition: all ease-out .2s;-ms-transition: all ease-out .2s;-webkit-transition: all ease-out .2s;opacity: 0;line-height: 38px;font-size:.8rem;border-bottom: 1rem solid rgba(0, 0, 0, 0.5);color:rgb(255,255,255);font-weight:bold;} .fagr.v2.active > div:before, .fagr.v2:hover> div:before { opacity: 1; transform: translate(0,0); } #basket-wrapper.detail-2 {position:sticky;position:-webkit-sticky;;top:1rem;} #aa_unten.detail-2 {width: calc(65% - 25px);} #aa_unten.detail-2 #aa_cross > ul { background-color: white; } @media (max-width: 1200px) { #aa_unten.detail-2 {width: calc(60% - 15px);} } @media (max-width: 890px) { #basket-wrapper.detail-2 { position: relative;} #aa_unten.detail-2 {width:100%;} } @media (max-width: 772px) { #basket-wrapper.detail-2 { width: 100%; position: relative;} #aa_mitte, #basket-wrapper {width:100%;} #aa_unten.detail-2 {width: 100%;} .fagr.v2 {height:60px;} .fagr.v2 > div:before {line-height:58px;} .fagr[data-gr] {height:70px;} } @media (max-width: 760px) { .fagr.v2 {height:60px;} .fagr.v2 > div:before {line-height:58px;} .fagr {height:6rem;} .fagr[data-gr] {height:80px;} } #aa-tab > .tab-header { display: flex; } #aa-tab > .tab-header > span { flex: 1; padding: 1rem 0; font-size: 1rem; transition: all ease-out .2s; cursor: pointer; background: rgb(238,238,238);padding-left:1rem;border-right: .1rem solid rgb(255,255,255);} #aa-tab > .tab-header > span.active { font-weight: bold;background:rgb(221,221,221); } #aa-tab > .tab-header > span:hover {color: rgb(0,83,50);} #aa-tab > .tab-content { padding-top: 26px; } #aa-tab > .tab-content > div { display: none; } #aa-tab > .tab-content > div.active { display: block; } @media (max-width: 890px) { #aa-tab > .tab-header { } #aa-tab > .tab-header { flex-wrap: wrap; } #aa-tab > .tab-header > span { display: block; width: 100%; flex: unset; padding: .5rem 1rem; border-bottom: .1rem solid rgb(255,255,255); } } div#pp_guestco * { transform: translate3d(0,0,0); } @media (max-width: 890px) { body #tsbadge4_db8d3657bdbe440c985ae127463eaad4 {display:none!important;} body #tsbadgeResponsiveTop_db8d3657bdbe440c985ae127463eaad4 {display:none!important;} } /* To Top Button - Start */ #btn-to-top {display: none;position: fixed;bottom: 2rem;right: 1rem;z-index: 99;color: white;border: none;outline: none;cursor: pointer;padding: .5rem;height: auto;background: url(img/totop.svg) no-repeat;width: 3rem;height: 3rem;} #nach-oben-link{color:white;} /* To Top Button - Ende*/ @media (max-width: 890px) { #btn-to-top {bottom: 1rem;} } #pacerGoOnButton{bottom: 0;width: 100%;} #pacerGoOnButton .button{width: 100%;display: block;} /* Artikelliste Template */ .html3list_artikel_kachel{width: 350px; height: 230px; float:left;margin: 5px;border-bottom: 1px solid black;overflow:hidden;} .html3list_artikel_bild{float:left; width: 100px} .bild{width: 100px; height: 100px;} .html3list_artikel_informationen{float:left;margin-left: 5px;width: 140px;font-size:10px;} .html3list_artikel_farbvarianten{clear:both; height: auto; width: 250px;} .html3list_mini_bildgroesse_farbvarianten{height: 50px; width: 50px;float:left;margin:5px;} .html3list_farbvarianten_mini_bildgroesse{max-width:50px;max-height:50px;} .html3list_artikelnr{font-size:12px;} .html3list_hersteller{font-size:12px;} .html3list_name{font-size:12px;} .html3list_vk{font-weight: bold;font-size:12px;} .html3list_cur{font-size:12px;} .html3list_mwst{font-size:12px;} .html3list_lp{font-size:10px;} .html3list_aufschlag{font-size:10px;} .name_link{font-size:12px;} /* Artikelliste Template Ende */ .eingeloggtbleiben, .eingeloggtButton, .infotext_eingeloggtbleiben {display:none;} /* Amazon Pay Start */ .lds-ellipsis {display: inline-block;position: relative;width: 64px;height: 24px;} .lds-ellipsis div {position: absolute;top: 7px;width: 11px;height: 11px;border-radius: 50%;background: rgb(0,83,50);animation-timing-function: cubic-bezier(0, 1, 1, 0);-moz-animation-timing-function: cubic-bezier(0, 1, 1, 0);-ms-animation-timing-function: cubic-bezier(0, 1, 1, 0);-webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);} .lds-ellipsis div:nth-child(1) {left: 6px;animation: lds-ellipsis1 0.6s infinite;-moz-animation: lds-ellipsis1 0.6s infinite;-ms-animation: lds-ellipsis1 0.6s infinite;-webkit-animation: lds-ellipsis1 0.6s infinite;} .lds-ellipsis div:nth-child(2) {left: 6px;animation: lds-ellipsis2 0.6s infinite;-moz-animation: lds-ellipsis2 0.6s infinite;-ms-animation: lds-ellipsis2 0.6s infinite;-webkit-animation: lds-ellipsis2 0.6s infinite;} .lds-ellipsis div:nth-child(3) {left: 26px;animation: lds-ellipsis2 0.6s infinite;-moz-animation: lds-ellipsis2 0.6s infinite;-ms-animation: lds-ellipsis2 0.6s infinite;-webkit-animation: lds-ellipsis2 0.6s infinite;} .lds-ellipsis div:nth-child(4) {left: 45px;animation: lds-ellipsis3 0.6s infinite;-moz-animation: lds-ellipsis3 0.6s infinite;-ms-animation: lds-ellipsis3 0.6s infinite;-webkit-animation: lds-ellipsis3 0.6s infinite;} @keyframes lds-ellipsis1 {0% {transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-webkit-transform: scale(0);} 100% {transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);} } @keyframes lds-ellipsis3 {0% {transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);} 100% {transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-webkit-transform: scale(0);} } @keyframes lds-ellipsis2 {0% {transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-webkit-transform: translate(0, 0);} 100% {transform: translate(19px, 0);-moz-transform: translate(19px, 0);-ms-transform: translate(19px, 0);-webkit-transform: translate(19px, 0);} } #amazonErrorRetry[disabled] {opacity: .4;} #amz_loader{background:rgb(204,204,204) url(img/Amazon_Pay_logo.svg) no-repeat 50% 50%;background-size: 200px auto;height:305px;width:305px;margin: 30px auto;border-radius:400px;} #amz_loader div{height: 247px;width: 247px;border: 30px dotted rgb(255,255,255);border-radius: 400px;position: absolute;animation: rotate 10s infinite linear;-moz-animation: rotate 10s infinite linear;-ms-animation: rotate 10s infinite linear;-webkit-animation: rotate 10s infinite linear;margin-top:-1px;margin-left:-1px;} .tabelle_zk_th th {font-weight: bold;} #addressBookWidgetDiv {min-width: 300px;max-width: 900px;min-height: 228px;height: 240px;max-height: 400px;} #walletWidgetDiv {min-width: 300px;max-width: 900px;min-height: 228px;height: 240px;max-height: 400px;} #LoginWithAmazon { display: inline-block; margin-right:7px;} .amzTarget {display: none;} .wkBox[data-za="Amazon Pay"] {background-image: url(img/Amazon_Pay_logo.svg);background-position: center;} .amz_finish {overflow: auto;} .amz_finish > .amazonErrorFallback {float: left;width: 50%;margin: 0;padding: 5px;box-sizing: border-box;} #amazonErrorTitle {width: calc(100% - 10px);text-align: center;margin: 0 5px;border-radius: 3px;border: 1px solid #bbbbbb;font-weight: bold;} #amazonErrorTitle:empty {display: none;} img[src='img/pg_zahlart1.png'] { max-height: 100%; } .aktive_felder > div#LoginWithAmazon {margin-top: 36px;margin-left: 15px;cursor: pointer;} @media (max-width: 760px) { #walletWidgetDiv, #addressBookWidgetDiv {display: block;transform: scale(2);-moz-transform: scale(2);-ms-transform: scale(2);-webkit-transform: scale(2);height: 300px;width: 49%;transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-webkit-transform-origin: 0 0;margin-bottom: 300px;} tr.amzPay {position: relative;display: block;margin-left: -49px;} .amazonpay-button-inner-image {height: auto !important;width: 100%;max-height: 200px !important;} .amz_finish > .amazonErrorFallback {float: none;width: 100%;} .amazonLogin {display: block;text-align: center;background-color: #eeeeee;padding: 28px 0 20px 0;border-radius: 5px;} #LoginWithAmazon{width: 49%;display: inline-block;float: left;margin-right: 2%;margin-top: 20px;} #pp_express_link {float: left;width: 49%;} } /* Amazon Pay End */ /* optional */ .wkBox[data-za="Amazon Pay"] { background-image: url(img/Amazon_Pay_logo.svg); background-position: center; } /* FRASCHE CSS last modified: 17.12.2019*/ .txt-frasche b, .txt-frasche strong{ font-weight: 600 !important; letter-spacing:0.03rem; color: rgb(0, 83, 50);} .txt-frasche li { font-size: 1.1rem; line-height: 1.2rem; margin-bottom: 5px !important;} .txt-frasche a{ color: rgb(0, 83, 50) !important;} .txt-frasche a:hover{ color: rgb(254,186,0) !important; text-decoration: underline;} .txt-frasche h1 {font-size: 1.5rem; text-transform: uppercase; letter-spacing: 0.10em; margin: 2% 0 0 0; font-family: NunitoSansLight;} .frame_1 {margin:20px 0; border-color: #aaa; border-width: 1px !important; border-style: solid; background-color:#F6F6F6; padding:1rem; border-radius: 0.5rem;} .buttonFS, .buttonFScenter { width:200px; box-sizing: border-box; padding:10px; background: rgb(0, 83, 50); transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; text-align: center !important; letter-spacing: 0.2px !important; text-transform: uppercase; margin-bottom:20px; display: inline-block; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; font-size:1.2rem !important; text-decoration: none !important; color: #fff; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1); -ms-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 2px 2px 3px 0;} .buttonFScenter {width:400px; display: block; margin-left: auto; margin-right: auto;} .buttonFS:hover, .buttonFScenter:hover{background: rgba(204, 204, 204, 0.7); transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; color: #fff;} @media screen and (max-width: 890px) { .buttonFS {width:100%; padding:10px 5px;} .buttonFScenter {width:96%; padding:10px 5px;} .buttonFS a, .buttonFScenter a {font-size:1.5rem !important; line-height: 1.6rem;} } /* FRASCHE CSS END */ .aa_rating_text {font-size:1rem;} .aa_rating_titel {font-size:1rem;} .aa_rating_note {padding-left: .5rem;} /* Tausch/Rückgabe-Tool Anfang */ @media (min-width: 992px) { .sk_respo_section {margin: 0 auto;max-width:500px;width:100%;padding:1rem;box-sizing:border-box;} } .sk_respo_section {margin: 0 auto;max-width:800px;width:100%;padding:1rem;box-sizing:border-box;} .sk_respo_section2 {max-width:1580px;width:100%;} .sk_respo_section2 .flexbox {display:flex;justify-content : space-between;-moz-justify-content : space-between;-ms-justify-content : space-between;-webkit-justify-content : space-between;margin-bottom:1rem;border-bottom:1px solid #hr#;} .sk_respo_section2 .sk_respo_onr {text-align:center;color:rgb(254,186,0);font-size:1rem;margin-bottom:3rem;font-weight:bold;} .sk_respo_section2 .flexbox div {width:16.666%;} .sk_respo_section2 .flexbox div.sk_respo_art_select, .sk_respo_section2 .sk_respo_head div.sk_respo_head_select {width:30%; text-align: right;} .sk_respo_section2 .flexbox div.sk_respo_art_bn, .sk_respo_section2 .sk_respo_head div.sk_respo_head_bn {width:10%;} .sk_respo_section2 .flexbox div.sk_respo_art_groesse, .sk_respo_section2 .sk_respo_head div.sk_respo_head_groesse {width:7%;} .sk_respo_section2 .flexbox div.sk_respo_art_pic, .sk_respo_section2 .sk_respo_head div.sk_respo_head_pic {width:10%;} .sk_respo_section2 .flexbox div.sk_respo_art_preis, .sk_respo_section2 .sk_respo_head div.sk_respo_head_preis {width:10%;} .sk_respo_section2 .flexbox div.sk_respo_art_name, .sk_respo_section2 .sk_respo_head div.sk_respo_head_name {width:30%;} .sk_respo_section2 .flexbox div.sk_respo_art_select select {width:100%;} .sk_respo_section2 .flexbox .sk_respo_art_pic img {width:100px;margin-bottom:1rem;padding: .5rem 0;border: 2px solid #farbe3a#;} .sk_respo_section2 .sk_respo_textarea {margin-top:2rem;} .sk_respo_section2 .sk_respo_textarea textarea {border: 1px solid rgb(204,204,204);width: 100%;padding: .5rem;box-sizing: border-box;height: 10rem;margin-bottom:2rem;} .sk_respo_section2 select {border: 1px solid rgb(204,204,204);} body #shopLayer .aktive_felder .sk_respo_input {margin-bottom:1rem;} body #shopLayer .aktive_felder .sk_respo_input input {margin-top:0;width:100%;margin-right:0;} .sk_respo_section h1 {margin-bottom:1rem;text-align:center;} .sk_respo_section h2 {margin-bottom:1rem;text-align:center;} .sk_respo_text1 {text-align:left;margin-bottom:2rem;display:block;} #sk_respo_button {margin:1rem 0 2rem 0;width:100%;} .sk_respo_text1 p {margin:1rem 0;} .sk_respo_top {margin:1rem 0;} /* .sk_respo_section2 .sk_respo_green {background: #58c23a;padding: 1.75rem;margin:1rem 0;display: flex;} */ .sk_respo_section2 .sk_respo_green {background: #58c23a;padding: 1.75rem; margin-left:-26px; margin-top: -26px; ;display: flex; width: 100%;} .sk_respo_section2 .sk_respo_green span {color: #FFFFFF;margin-left: 2rem;font-weight: bold;margin-top: 0.75rem;} .sk_respo_section2 #sk_respo_circle {width: 3rem;height: 3rem;background: #FFFFFF;-moz-border-radius: 70px;-webkit-border-radius: 70px;border-radius: 70px;} .sk_respo_section2 #sk_respo_haken {color: #FFFFFF;font-weight: bold;font-size: 2rem;} .sk_respo_head {display:flex;flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;justify-content : space-between;-moz-justify-content : space-between;-ms-justify-content : space-between;-webkit-justify-content : space-between;margin-bottom:2rem;font-weight:bold;} .sk_respo_head div {width:16.666%;} .sk_respo_section2 .sk_respo_liste *[class^='sk_respo_nr'] {display:block;} .sk_respo_section2 .sk_respo_liste *[class^='sk_respo_nr']:before {display:inline-block;width:2rem;padding-right:2rem;font-weight:bold;} .sk_respo_section2 .sk_respo_liste .sk_respo_nr1:before {content:'1';} .sk_respo_section2 .sk_respo_liste .sk_respo_nr2:before {content:'2';} .sk_respo_section2 .sk_respo_liste .sk_respo_nr3:before {content:'3';} .sk_respo_section2 .sk_respo_liste .sk_respo_nr4:before {content:'4';} .sk_respo_section2 .sk_respo_liste ul#sk_respo_liste_aktiv li {list-style-type: decimal; margin-left: 25px;} .sk_respo_no_nr {list-style-type: none !important;} .sk_respo_section2 .sk_respo_liste {list-style-type: none;} .sk_respo_yes_nr li {} @media (max-width:992px) { .sk_respo_head {display:none;} .sk_respo_section2 .flexbox div.sk_respo_art_bn {display:none;} .sk_respo_section2 .flexbox div.sk_respo_art_groesse{display:none;} .sk_respo_section2 .flexbox div.sk_respo_art_preis{display:none;} .sk_respo_section2 .flexbox div.sk_respo_art_name span{display:block;} .sk_respo_art_name_gr {color:rgb(0,83,50);font-size:1.0rem;} .sk_respo_art_name_preis {color:rgb(150,150,150);font-size:0.75rem;font-weight:bold;} .sk_respo_section2 .flexbox div.sk_respo_art_name, .sk_respo_section2 .sk_respo_head div.sk_respo_head_name {width: 45%;} .sk_respo_art_select span {color:rgb(150,150,150);font-size:0.75rem;} } @media (min-width:992px) { .sk_respo_section2 .flexbox div.sk_respo_art_name span{display:none;} } /* Tausch/Rückgabe-Tool Ende */ /* Artikel bewerten*/ [data-pp="aar"] .tab_k h1 {font-family: NunitoSansLight;text-transform: uppercase;letter-spacing: 1.1px;font-size:1.5rem;} [data-pp="aar"] .tab_k {margin:2rem 0 2rem .5rem;} [data-pp="aar"] hr {margin: 1rem 0;} form[name="ratt"] > table {border-top: 1px solid rgb(221,221,221);padding-top: 2rem;} form[name="ratt"] > table td[colspan="3"] {width:100%!important;} form[name="ratt"] > table tr td > br {} .cssBewName, .cssTextBew {font-size:1rem;font-family:'OpenSans',sans-serif;} .cssTextBew {width:18rem!important;box-sizing: border-box;} .cssTextBew, .cssBewName, .cssBewSenden, .BewFehlerText {color:rgb(60,60,60);} form[name="ratt"] .k2 {display: block;} form[name="ratt"] .k2 b {font-size: 1rem;font-weight: bold;} [data-pp="aar"] .c b {font-size: 1.25rem;} [data-pp="aar"] img[style*="margin-right:20px"] {height:200px!important;margin-left:.5rem;} [data-pp="aar"] #tipDiv {display:none;} [data-pp="aar"] select.cssTextBew, [data-pp="aar"] input.cssTextBew {padding:.5rem;border-radius:2rem;margin-left:.5rem!important;border:1px solid rgb(204,204,204)!important;} [data-pp="aar"] textarea {padding:1rem;border-radius: 10px;margin-left:.5rem;height: 10rem;margin-top: 1rem !important;font-size: 1rem !important;font-weight:normal!important;box-sizing: border-box;border:1px solid rgb(204,204,204)!important;} [data-pp="aar"] .cssBewSenden {background: rgb(0,83,50);color: rgb(255,255,255);padding: 2% 30px;transition: background .3s;-moz-transition: background .3s;-ms-transition: background .3s;-webkit-transition: background .3s;font-size: 1.2rem;text-transform:uppercase;border-radius:2rem;border:0;} .separate-rating .rating-text:before {content: "valutazione verificata";color: rgb(204,204,204);display: block;margin-bottom: 10px;margin-top: -15px;font-weight: bold;} #shopLayer[data-sp="en"] .separate-rating .rating-text:before { content: "verified rating"; } div.hint { position: absolute; background-color: rgb(0,83,50); max-width: 300px; color: white; padding: 10px; border-radius: 5px; box-shadow: 0 0 20px rgba(0,0,0,.3); z-index: 2; transform: translate(0, calc(-100% - 1rem)); opacity: 0; transition: opacity .3s ease-out; } div.hint:after {content: '';position: absolute;right: .5rem;top: .5rem;height: 1.5rem;width: 1.5rem;background-image: url(img/filter-x.svg);background-repeat: no-repeat;background-position: center;background-size: 81%; cursor: pointer;} div.hint:before { content: ''; position: absolute; bottom: -1rem; left: 1rem; height: 0; width: 0; border-style: solid; border-width: 1rem 1rem 0 .1rem; border-color: rgb(0,83,50) transparent transparent transparent; } #ps-infos { display: none !important; } #basket .pg-highslide .pg-highslide-content { display: none; } .pg-highslide { cursor: pointer; } .pg-highslide-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); z-index: 99999; } #pg-highslide {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);} .fadeInDownSmall { animation-name: fadeInDownSmall; animation-duration: .3s; } @keyframes fadeInDownSmall { 0% { opacity: 0; transform: translate3d(0,-200px,0); } 100% { opacity: 1; transform: none; } } #cookieWrapper {width: 100%;position: fixed;bottom:0;z-index: 10001;left: 50%;transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-webkit-transform: translate(-50%,0);} #cookieMeldung {background: rgb(60,60,60);text-align:center;width:50%;padding: 20px;min-width: 400px;box-sizing:border-box;margin: 0 auto;} #cookieMeldung *{color:rgb(255,255,255);} #cookieMeldung div{margin: 20px 10px;} #cookieMeldung a{cursor:pointer;} #cookieMeldung a:first-child{display:none;} #cookieMeldung a:last-child:after{content:' X';right: 11px;text-decoration:none;} #cookieMeldung {cursor:pointer;} #cookieMeldung a:last-child:after {content:' ';background-image: url('img/wk-x-w.svg');width:20px;height:20px;background-size: 20px;display:inline-block;position: absolute;bottom: 15px;right:15px;} #cookieMeldung .cookieButtons {overflow: hidden;background: rgb(254,186,0);border-radius: 5px;color: rgb(255,255,255);height: 30px;line-height: 30px;padding: 10px 15px;font-weight: 400;transition: background .3s;-moz-transition: background .3s;-ms-transition: background .3s;-webkit-transition: background .3s;box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);-moz-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);-ms-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);margin: 10px;display: inline-block;} .input_wk{background: none;border: 0;border-bottom: 2px solid RGB(217,217,217);border-radius: 0;font-weight: bold;width:40px;} @media (max-width: 890px) { #cookieMeldung {width: 80%;} } @media (max-width: 772px) { #cookieMeldung {width: 100%;} #cookieMeldung div{font-size: .7rem;} #cookieMeldung a:last-child:after {width: 40px;height: 40px;background-size: 40px;bottom: 20px;right: 20px;} } @media (max-width: 760px) { #cookieMeldung {width: 100%;} #cookieMeldung div{font-size: .9rem;} #cookieMeldung a:last-child:after {width: 50px;height: 50px;background-size: 50px;bottom: 30px;right: 30px;} } .aa_tipp h3 { letter-spacing: 0; font-family: 'OpenSans',sans-serif; margin: 1rem 0 .5rem 0; } #aa_gprs .small { font-size: .8rem; margin-top: 1rem; } .see_alle_dd ul ul li#se_aug_29 { display: none; }/* POWERmenü CSS Frontend */ :root { --powermenue-grau-hell: rgb(238, 238, 238); --powermenue-gold: rgb(254,186,0); --powermenue-text: rgb(60,60,60); } .powermenue { width: 100%;min-height: 0px!important; display: flex; /*background-color:rgb(230,230,230);*/ align-items: center; justify-content: flex-start; flex-direction: column; z-index: 1000; overflow-y: auto; overflow-x: hidden; } .powermenue-head { display: flex; align-items: center; /* Anpassung Nico */ width: 100%;height:50px; justify-content: end; } .powermenue-head li { margin: 0 1rem; cursor: pointer; } .powermenue-head a:hover, .powermenue-modul-auflistung li a:hover { color: var(--powermenue-gold); } .powermenue-head li#powermenue-menuepunkt-8 a {color:rgb(165,1,1);} .powermenue-strukturen { width: 100%; background-color: var(--powermenue-grau-hell); display: none; box-shadow: 0 15px 15px -5px rgba(0,0,0,.5); padding: 1rem; box-sizing: border-box; } .powermenue-struktur, .powermenue-struktur-module { display: none; align-items: flex-start; justify-content: flex-start; } .powermenue-struktur-module { width: 100%; padding: 1rem; box-sizing: border-box; justify-content: space-between; } .powermenue-struktur { flex-direction: column; } .powermenue-modul { width: 23%; margin: 0; } .powermenue-modul .powermenue-modul-auflistung[data-modul-typ="auflistung"] { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; } .powermenue-modul .powermenue-modul-auflistung[data-modul-typ="auflistung"] li { width: 100%; } .powermenue-modul-auflistung li {} .powermenue-html-unten, .powermenue-html-oben { width: 100%; padding: 1rem; box-sizing: border-box; } .powermenue-html-unten #alle-marken { float: right; } .powermenue-html-oben #alle-marken { float: right; } .powermenue-html-oben h1 { margin: 0; } .powermenue-html-oben:empty, .powermenue-html-unten:empty { display: none; } .powermenue-modul-auflistung li.powermenue-aktiv a { color: var(--powermenue-gold); } .powermenue-modul-ueberschrift { display: block; width: 100%; } .powermenue-modul-ueberschrift-wrapper { display: flex; align-items: center; justify-content: flex-start; font-weight: bold; } .powermenue-modul-ueberschrift-icon { width: 2rem; height: 2rem; object-fit: contain; margin-right: 5px; } .powermenue-auflistung-mit-icon a, .powermenue-icons-mit-text a, .powermenue-top-marke a { display: flex; justify-content: flex-start; align-items: center; } .powermenue-auflistung-mit-icon img, .powermenue-icons-mit-text img { width: 2.5rem; height: 2.5rem; object-fit: contain; } .powermenue-auflistung-mit-icon img { margin-right: 1rem; } .powermenue-icons-mit-text a, .powermenue-top-marke a { flex-direction: column; } .powermenue-icons-mit-text { width: 25%; } .powermenue-modul-icons { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .powermenue-icons-mit-text img { width: 5rem; height: 5rem; margin-bottom: .25rem; } .powermenue-icons-mit-text a p, .powermenue-top-marke a p { font-size: .8rem; margin-bottom: .5rem; } .powermenue-modul-top-marken, .powermenue-top-marke, .powermenue-modul-top-artikel { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; } .powermenue-top-marke { width: 50%; justify-content: flex-start; } .powermenue-modul-auflistung li.powermenue-top-artikel { background-color: rgb(255,255,255); border: 1px solid rgb(221,221,221); padding: .25rem; box-sizing: border-box; margin-bottom: .5rem; } .powermenue-top-marke img, .powermenue-top-artikel img { width: 80px; height: 80px; object-fit: contain; } .powermenue-top-artikel a { display: flex; align-items: center; justify-content: flex-start; } .powermenue-top-artikel-rechts { margin-left: 5px; } .powermenue-top-artikel-name { font-size: .8rem; margin-bottom: 10px; } .powermenue-top-artikel-preis { font-size: 1rem; } .powermenue-zwei-spalten-rechts { display: none; } .powermenue-mehr-anzeigen { display: none; } .powermenue-mehr-anzeigen-button { cursor: pointer; display: flex; align-items: center; justify-content: center; margin-top: .5rem; } .powermenue-pfeil-unten { margin-left: .5rem; transform: rotate(90deg); } #powermenue-schalter, #powermenue-zurueck, .pmc-modul-ausblenden-icon { position: absolute; background: transparent url('img/powermenue_open.svg') no-repeat 50% 50%; background-size: auto 3rem; z-index: 1000; cursor: pointer; width: 3rem; height: 3rem; } #powermenue-strukturen-ueberschrift { display: none; align-items: center; } #powermenue-zurueck, .pmc-modul-ausblenden-icon { position: absolute; background-image: url('img/powermenue_arrow.svg'); left: 0; padding: 1rem 1rem 1rem 0; } #powermenue-zurueck-text, .pmc-modul-ausblenden-text { font-size: 1.5rem; } .powermenue-head-mobile-pfeil { display: none; } .alle-struktur-artikel-anzeigen { display: none; } .powermenue-zwei-spalten-links { display: flex; align-items: center; justify-content: flex-start; } .powermenue-pfeil-rechts { margin-left: 0.25rem; } .powermenue-modul-html img { max-width: 100%; } .powermenue-auflistung-hoch { font-weight: bold; } .powermenue-auflistung-rechts { margin-left: 10px; } .powermenue-modul.powermenue-modul-nummer-3 .powermenue-modul-auflistung { margin-top: 0; } .powermenue-modul.powermenue-modul-nummer-6 ul li { width: 50%; } .powermenue-modul.powermenue-modul-nummer-6 ul li.powermenue-icons-mit-text a { flex-direction: unset; } .powermenue-modul.powermenue-modul-nummer-6 ul li.powermenue-icons-mit-text a p { display: none; } #m3-p1-modul2-eigenedragdrop-1 a, #m3-p1-modul2-eigenedragdrop-2 a, #m3-p1-modul3-eigenedragdrop-2 a, #m3-p1-modul2-eigenedragdrop-3 a, #m3-p1-modul3-eigenedragdrop-3 a, #m3-p1-modul2-eigenedragdrop-4 a, #m3-p1-modul3-eigenedragdrop-4 a, #m3-p1-modul2-eigenedragdrop-5 a, #m3-p1-modul3-eigenedragdrop-30 a, #m3-p1-modul4-eigenedragdrop-54 a, #m3-p2-modul2-eigenedragdrop-58 a, #m3-p2-modul3-eigenedragdrop-70 a, #m3-p2-modul4-eigenedragdrop-81 a, #m3-p3-modul2-eigenedragdrop-97 a, #m3-p3-modul3-eigenedragdrop-97 a, #m3-p3-modul3-eigenedragdrop-98 a, #m3-p3-modul2-eigenedragdrop-98 a, #m3-p3-modul4-eigenedragdrop-127 a, #m3-p4-modul2-eigenedragdrop-160 a, #m3-p4-modul2-eigenedragdrop-173 a, #m3-p4-modul3-eigenedragdrop-173 a, #m3-p4-modul5-eigenedragdrop-153 a, #m3-p6-modul2-eigenedragdrop-188 a, #m3-p6-modul3-eigenedragdrop-189 a, #m3-p6-modul4-eigenedragdrop-190 a, #m3-p4-modul5-aug-212 a, #m3-p5-modul2-eigenedragdrop-191 a, #m3-p5-modul3-eigenedragdrop-213 a, #m3-p5-modul4-eigenedragdrop-232 a, #m3-p5-modul2-eigenedragdrop-201 a, #m3-p5-modul3-eigenedragdrop-201 a, #m3-p5-modul4-eigenedragdrop-201 a, #m3-p5-modul2-eigenedragdrop-208 a, #m3-p5-modul3-eigenedragdrop-208 a, #m3-p5-modul2-eigenedragdrop-153 a, #m3-p5-modul4-eigenedragdrop-153 a, #m3-p5-modul3-eigenedragdrop-153 a, #m3-p4-modul2-eigenedragdrop-153 a, #m3-p4-modul3-eigenedragdrop-153 a, #m3-p4-modul4-eigenedragdrop-153 a, #m3-p4-modul2-eigenedragdrop-244 a, #m3-p4-modul3-eigenedragdrop-245 a, #m3-p4-modul4-eigenedragdrop-246 a, #m3-p6-modul2-eigenedragdrop-247 a, #m3-p6-modul3-eigenedragdrop-248 a, #m3-p6-modul4-eigenedragdrop-249 a, #m3-p8-modul2-eigenedragdrop-274 a, #m3-p8-modul3-eigenedragdrop-275 a, #m3-p8-modul4-eigenedragdrop-276 a, #m5-p1-modul2-eigenedragdrop-5 a, #m5-p1-modul2-eigenedragdrop-2 a, #m5-p1-modul2-eigenedragdrop-3 a, #m5-p1-modul2-eigenedragdrop-4 a, #m5-p1-modul3-eigenedragdrop-30 a, #m5-p1-modul3-eigenedragdrop-2 a, #m5-p1-modul3-eigenedragdrop-3 a, #m5-p1-modul3-eigenedragdrop-4 a, #m5-p1-modul4-eigenedragdrop-54 a, #m5-p1-modul5-eigenedragdrop-1 a, #m5-p1-modul5-eigenedragdrop-2 a, #m5-p1-modul5-eigenedragdrop-3 a, #m5-p1-modul5-eigenedragdrop-4 a, #m5-p2-modul2-eigenedragdrop-58 a, #m5-p2-modul3-eigenedragdrop-70 a, #m5-p2-modul4-eigenedragdrop-81 a, #m5-p2-modul5-eigenedragdrop-278 a, #m5-p3-modul2-eigenedragdrop-99 a, #m5-p3-modul2-eigenedragdrop-98 a, #m5-p3-modul3-eigenedragdrop-115 a, #m5-p3-modul3-eigenedragdrop-98 a, #m5-p3-modul4-eigenedragdrop-127 a, #m5-p3-modul5-eigenedragdrop-279 a, #m5-p3-modul5-eigenedragdrop-98 a, #m5-p4-modul2-eigenedragdrop-250 a, #m5-p4-modul2-eigenedragdrop-160 a, #m5-p4-modul2-eigenedragdrop-153 a, #m5-p4-modul3-eigenedragdrop-251 a, #m5-p4-modul3-eigenedragdrop-173 a, #m5-p4-modul3-eigenedragdrop-153 a, #m5-p4-modul4-eigenedragdrop-252 a, #m5-p4-modul4-eigenedragdrop-153 a, #m5-p4-modul5-aug-212 a, #m5-p4-modul5-eigenedragdrop-153 a, #m5-p5-modul2-eigenedragdrop-191 a, #m5-p5-modul2-eigenedragdrop-201 a, #m5-p5-modul2-eigenedragdrop-208 a, #m5-p5-modul2-eigenedragdrop-153 a, #m5-p5-modul3-eigenedragdrop-213 a, #m5-p5-modul3-eigenedragdrop-201 a, #m5-p5-modul3-eigenedragdrop-208 a, #m5-p5-modul3-eigenedragdrop-153 a, #m5-p5-modul4-eigenedragdrop-232 a, #m5-p5-modul4-eigenedragdrop-201 a, #m5-p5-modul4-eigenedragdrop-153 a, #m5-p5-modul5-aug-20 a, #m5-p5-modul5-eigenedragdrop-201 a, #m5-p5-modul5-eigenedragdrop-208 a, #m5-p5-modul5-eigenedragdrop-153 a, #m5-p6-modul2-eigenedragdrop-247 a, #m5-p6-modul3-eigenedragdrop-248 a, #m5-p6-modul4-eigenedragdrop-249 a, #m5-p6-modul5-eigenedragdrop-280 a, #m5-p8-modul2-eigenedragdrop-274 a, #m5-p8-modul3-eigenedragdrop-275 a, #m5-p8-modul4-eigenedragdrop-276 a, #m5-p8-modul5-eigenedragdrop-282 a, #m5-p4-modul6-eigenedragdrop-289 a, #m5-p4-modul6-aug-31 a, #m5-p4-modul6-eigenedragdrop-153 a { font-weight:bold;border-bottom: 1px solid rgb(100,100,100);display: inline-block; } #m3-p4-modul2-eigenedragdrop-253 a, #m3-p4-modul3-eigenedragdrop-253 a, #m3-p4-modul4-eigenedragdrop-253 a, #m5-p4-modul2-eigenedragdrop-253 a, #m5-p4-modul3-eigenedragdrop-253 a, #m5-p4-modul4-eigenedragdrop-253 a, #m5-p4-modul6-eigenedragdrop-253 a {color:rgb(165,1,1);font-weight:bold;} #m3-p3-modul2-eigenedragdrop-99 a, #m3-p3-modul3-eigenedragdrop-115 a, #m3-p4-modul3-eigenedragdrop-251 a {font-weight:bold;} #m3-p1-modul2-eigenedragdrop-2 a:hover, #m3-p1-modul2-eigenedragdrop-3 a:hover, #m3-p1-modul3-eigenedragdrop-2 a:hover, #m3-p1-modul3-eigenedragdrop-3 a:hover, #m3-p1-modul3-eigenedragdrop-4 a:hover, #m3-p1-modul2-eigenedragdrop-4 a:hover, #m3-p3-modul2-eigenedragdrop-97 a:hover, #m3-p3-modul3-eigenedragdrop-98 a:hover, #m3-p3-modul2-eigenedragdrop-98 a:hover, #m3-p3-modul3-eigenedragdrop-97 a:hover, #m3-p3-modul3-eigenedragdrop-97 a:hover, #m3-p4-modul5-eigenedragdrop-153 a:hover, #m3-p5-modul2-eigenedragdrop-201 a:hover, #m3-p5-modul2-eigenedragdrop-208 a:hover, #m3-p5-modul3-eigenedragdrop-201 a:hover, #m3-p5-modul3-eigenedragdrop-208 a:hover, #m3-p5-modul4-eigenedragdrop-201 a:hover, #m3-p5-modul4-eigenedragdrop-153 a:hover, #m3-p5-modul2-eigenedragdrop-153 a:hover, #m3-p5-modul3-eigenedragdrop-153 a:hover, #m3-p4-modul2-eigenedragdrop-153 a:hover, #m3-p4-modul3-eigenedragdrop-153 a:hover, #m3-p4-modul4-eigenedragdrop-153 a:hover {color:rgb(60,60,60);cursor:unset;} #m3-p8-modul4-eigenedragdrop-271 a, #m3-p8-modul2-eigenedragdrop-272 a, #m3-p8-modul3-eigenedragdrop-273 a, #m5-p8-modul2-eigenedragdrop-272 a, #m5-p8-modul3-eigenedragdrop-273 a, #m5-p8-modul4-eigenedragdrop-271 a, #m5-p8-modul5-eigenedragdrop-288 a { position: absolute; width: 50%;height: 170px; background: url(img/sale450.jpg) no-repeat;background-size: contain; color: transparent;} #m3-p6-modul1-zk1-34, #m3-p6-modul4-eigenedragdrop-151, #m3-p6-modul4-eigenedragdrop-249 { display: none; } @media (min-width: 992px) { #powermenue-schalter { display: none; } #m3-p3-modul2-eigenedragdrop-99, #m3-p3-modul3-eigenedragdrop-115, #m3-p4-modul2-eigenedragdrop-250, #m3-p4-modul3-eigenedragdrop-251, #m3-p4-modul4-eigenedragdrop-252 {display:none;} } @media (max-width: 992px) { #m3-p1-modul2-eigenedragdrop-5 a, #m3-p1-modul3-eigenedragdrop-30 a, #m3-p1-modul4-eigenedragdrop-54 a, #m3-p2-modul2-eigenedragdrop-58 a, #m3-p2-modul3-eigenedragdrop-70 a, #m3-p2-modul4-eigenedragdrop-81 a, #m3-p3-modul4-eigenedragdrop-127 a, #m3-p5-modul2-eigenedragdrop-191 a, #m3-p5-modul3-eigenedragdrop-213 a, #m3-p5-modul4-eigenedragdrop-232 a, #m3-p6-modul2-eigenedragdrop-247 a, #m3-p6-modul3-eigenedragdrop-248 a, #m3-p6-modul4-eigenedragdrop-249 a, #m3-p3-modul2-eigenedragdrop-99 a, #m3-p3-modul3-eigenedragdrop-115 a, #m3-p4-modul2-eigenedragdrop-250 a, #m3-p4-modul3-eigenedragdrop-251 a, #m3-p4-modul4-eigenedragdrop-252 a { background:url(img/arrow-right.svg) no-repeat; background-size:auto 1rem;font-weight:bold; background-position:98% 50%;} #m3-p8-modul4-eigenedragdrop-271 a, #m3-p8-modul2-eigenedragdrop-272 a, #m3-p8-modul3-eigenedragdrop-273 a {height: 350px;margin-top: 2rem;margin-left: 18%;} .powermenue { display: flex; width: 100%; position: absolute; background-color: #fff; overflow-y: auto; overflow-x: hidden; top: 10px;left:-2000px;min-height: 0 !important; } .powermenue-head { height:auto;align-items: stretch; } .powermenue-strukturen { position: absolute; } .powermenue-struktur, .powermenue-struktur-module { padding: 0; } #powermenue-schalter { left: 15px; } .powermenue-strukturen { padding: 0; background-color: #fff; margin-top: 10px;box-shadow: none; } .powermenue-head { width: 100%; flex-direction: column; background:none; } .powermenue-head li, .powermenue-struktur-module .powermenue-modul:first-child li { padding: 1rem; background-color: var(--powermenue-grau-hell); margin-bottom: .5rem; display: flex; align-items: center; justify-content: space-between; } .powermenue-head li:last-child { border-bottom: 0; } .powermenue-head a { font-size: 1rem; } #powermenue-strukturen-ueberschrift, .pmc-modul-ausblenden { display: flex; background-color: rgb(0,83,50); padding: 0.5rem 0; align-items: center; justify-content: center; } .powermenue-struktur-module { flex-direction: column; padding: 0; } .powermenue-modul-ueberschrift { margin: 0; } .powermenue-modul-ueberschrift-wrapper { background-color: var(--powermenue-grau-hell); padding: .5rem 1rem; box-sizing: border-box; border-bottom: 0; } .powermenue-modul-ueberschrift-icon { height: 1.5rem; width: 1.5rem; } .powermenue-modul { width: 100%; margin: 0; } .powermenue-modul a, .powermenue-modul p { font-size: 1rem;padding: 0.5rem 0; } .powermenue-modul-auflistung .powermenue-auflistung-mit-icon { padding: 0; } .powermenue-html-oben, .powermenue-html-unten { padding: 1rem; box-sizing: border-box; } .powermenue-modul-auflistung { padding: 0 1rem 0 1rem; box-sizing: border-box; } .powermenue-auflistung-mit-icon img { width: 3rem; height: 3rem; margin: 0.5rem 1rem 0.5rem 0; } .powermenue-icons-mit-text a p, .powermenue-top-marke a p { font-size: .8rem; margin-bottom: .5rem; } .powermenue-top-marke img, .powermenue-top-artikel img { max-width: 200px; max-height: 200px; } .powermenue-top-marke { justify-content: center; } .powermenue-modul .powermenue-top-artikel-name { font-size: 1rem; } .powermenue-html-unten { margin-bottom: 200px; } .powermenue-icons-mit-text img { width: 4rem; height: 4rem; } .powermenue-modul-auflistung .powermenue-top-marke { padding: .75rem 0 .5rem 0; } .powermenue-top-artikel { width: 100%; } .powermenue-top-artikel a { align-items: center; } .powermenue-top-artikel-rechts .powermenue-top-artikel-preis { font-size: 1.5rem; } .powermenue-mehr-anzeigen-button { margin-bottom: 0.5rem; } .powermenue-modul-auflistung li a { display: block; } .powermenue-head-mobile-pfeil { display: block; background: transparent url('img/powermenue_arrow.svg') no-repeat 50% 50%; background-size: auto 50px; width: 2rem; height: 2rem; transform: rotate(180deg); } .powermenue-modul[data-modul-typ='zwei-spalten-rechts'] { display: none; } .alle-struktur-artikel-anzeigen { display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 1rem 0; padding: 0.5rem; box-sizing: border-box; background-color: var(--powermenue-grau-hell); } .alle-struktur-artikel-anzeigen p:first-child { padding-left: 1rem; font-size: 1rem; } .powermenue-pfeil-rechts { transform: rotate(90deg); } .powermenue-modul .powermenue-modul-auflistung[data-modul-typ="auflistung"] li { width: 100%; box-sizing: border-box; } .powermenue-modul-auflistung .powermenue-auflistung-platzhalter { border-bottom: 0; } .powermenue-modul.powermenue-modul-nummer-6 ul li { width: 33.33%; } .powermenue-modul-ausgewaehlte-artikel .powermenue-top-artikel:first-child { margin-top: .5rem; } .powermenue-modul-auflistung li:first-child {width:100%!important;} .powermenue-modul-auflistung li:first-child a {display:block!important;} #m3-p1-modul2-eigenedragdrop-4, #m3-p1-modul3-eigenedragdrop-4, #m3-p5-modul2-eigenedragdrop-153, #m3-p5-modul3-eigenedragdrop-153, #m3-p4-modul2-eigenedragdrop-244, #m3-p4-modul3-eigenedragdrop-251, #m3-p4-modul4-eigenedragdrop-246 {width:100%!important;} #m3-p1-modul2-eigenedragdrop-4 a, #m3-p1-modul3-eigenedragdrop-4 a, #m3-p5-modul2-eigenedragdrop-153 a, #m3-p5-modul3-eigenedragdrop-153 a, #m3-p4-modul2-eigenedragdrop-244 a, #m3-p4-modul3-eigenedragdrop-245 a, #m3-p4-modul4-eigenedragdrop-246 a {display:block!important;} } /* CUSTOM NICO */ /* DESKTOP + MOBILE */ .powermenue-auflistung-hoch { display: flex; align-items: center; justify-content: flex-start; } .powermenue-auflistung-hoch img { height: 20px; margin-right: 10px; } .pmc-hover { position: relative; text-decoration: underline; color: var(--powermenue-gold)!important; } .powermenue-auflistung-hoch a { font-size: 1.2em; font-weight: bold; } .powermenue-head a { text-transform: uppercase; } /* DESKTOP */ @media (min-width: 992px) { .powermenue-head li {margin: 0 .5rem;} .powermenue-modul-ueberschrift { display: none; } .powermenue-struktur-module .powermenue-modul:not(:first-child) { display: none; } .powermenue-struktur-module .powermenue-modul:first-child { background-color: rgb(0,83,50); padding: 10px 20px; box-sizing: border-box; width: 20%!important; } .powermenue-struktur-module .powermenue-modul:first-child a { color: #fff; font-size: 1.25rem; } #m3-p2-modul1-eigenedragdrop-141 a, #m3-p2-modul1-eigenedragdrop-142 a, #m3-p2-modul1-eigenedragdrop-143 a, #m3-p2-modul1-eigenedragdrop-144 a { font-size: 1.2em; } .powermenue-struktur-module .powermenue-modul:first-child li { text-align: right; } .powermenue-struktur-module .powermenue-modul:first-child .powermenue-modul-auflistung li { margin: 10px 0; padding-right: 20px; } .powermenue-modul-auflistung a { font-size: 1rem; display: block; padding: 0.25rem 0; } .powermenue-modul-auflistung li { margin-bottom: 4px; } .powermenue-modul-auflistung { align-items: flex-start!important; justify-content: space-between!important; } .powermenue-head a { font-size: 1rem; } .pmc-hover::after { content: " "; display: block; width: 20px; height: 20px; background-color: rgb(0,83,50); position: absolute; right: -50px; top: 3px; transform: rotate(45deg); } .powermenue-modul { align-items: flex-start; } .powermenue-struktur-module .powermenue-modul:not(:first-child) { position: relative; } .powermenue-struktur-module .powermenue-modul:not(:first-child) ul { width:50%; list-style-position: inside; margin-top: 0; display: block; } /* .powermenue-struktur-module .powermenue-modul:not(:first-child) ul li { width: 49%; } */ .powermenue-struktur-module .powermenue-modul:not(:first-child) div.powermenue-auflistung-hoch { position: absolute; width: 45%; margin-top: 20px; } .powermenue-struktur-module .powermenue-modul:not(:first-child) > .powermenue-modul-auflistung { width: 50%; } .pmc-wrapper-rechts { display:flex; width: 100%; } .powermenue-auflistung-hoch { padding-bottom: 10px; border-bottom: 1px solid rgb(202,202,202); } .pmc-modul-ausblenden { display: none; } } @media (min-width: 1388px) { .powermenue-head li {margin: 0 1.5rem;} } @media (min-width: 1024px) { .powermenue-head li {margin: 0 1rem;} } /* MOBILE */ @media (max-width: 992px) { .powermenue-struktur-module .powermenue-modul:not(:first-child) { display: none; flex-direction: column; } .powermenue-modul-ueberschrift-wrapper { display: none; } .powermenue-struktur-module .powermenue-modul:first-child a { font-size: 1.25rem; margin-left: 0.5rem; padding: 0.5rem; } .powermenue-struktur-module .powermenue-modul:not(:first-child) .powermenue-modul-auflistung { width: 100%; } .powermenue-modul-auflistung #m3-p3-modul2-eigenedragdrop-97, .powermenue-modul-auflistung #m3-p3-modul3-eigenedragdrop-97, .powermenue-modul-auflistung #m3-p4-modul3-eigenedragdrop-245 {width:100%;} .powermenue-modul-auflistung #m3-p3-modul2-eigenedragdrop-97 a, .powermenue-modul-auflistung #m3-p3-modul3-eigenedragdrop-97 a, .powermenue-modul-auflistung #m3-p4-modul3-eigenedragdrop-245 a {display:block;} .powermenue-struktur-module .powermenue-modul:not(:first-child) .powermenue-modul-auflistung li { width: 50%; } .powermenue-struktur-module .powermenue-modul:not(:first-child) { position: absolute; top: 0; z-index: 1000; background-color: #fff; height: 100vh; } .pmc-wrapper-rechts { width: 100%; box-sizing: border-box; } .powermenue-modul-auflistung {padding: 0 1rem 0 1rem;} .powermenue-modul .powermenue-modul-auflistung[data-modul-typ="auflistung"] { display: flex; } .powermenue-auflistung-hoch img { height: 30px; } .powermenue-auflistung-hoch { height: 60px; padding: .25rem 0 .25rem 1rem!important;box-sizing:border-box; background-color: var(--powermenue-grau-hell); margin-bottom: 0.5rem; } #powermenue-zurueck-text, .pmc-modul-ausblenden-text { color: #fff; text-transform: uppercase; } #powermenue-zurueck, .pmc-modul-ausblenden-icon { filter: invert(1); } .powermenue-struktur-module .powermenue-modul:first-child li { padding: 1rem; } #powermenue-schalter { top: -50px; } #k_logo { left:80px; top:-66px; } .pmc-hover-li { background-color: var(--powermenue-gold)!important; } .pmc-hover-li a, .pmc-hover-li a:hover, .pmc-hover-li:hover a { color: #fff!important; } .pmc-modul-ausblenden { background-color: rgb(0,83,50)!important; color: #fff; padding: 0.5rem; font-size: 1.5rem; margin-bottom: 20px; align-items: center; } #m3-p2-modul1-eigenedragdrop-139, #m3-p2-modul1-eigenedragdrop-140 { padding: 1rem 0; background-color: var(--powermenue-gold); } #m3-p2-modul1-eigenedragdrop-139 a, #m3-p2-modul1-eigenedragdrop-140 a { color: #fff; } .powermenue-head-mobile-pfeil { display: none; } .alle-struktur-artikel-anzeigen p:first-child { font-size: 1.25rem; } .powermenue-struktur-module .powermenue-modul:not(:first-child) ul { list-style-position: inside; } .powermenue-struktur-module .powermenue-modul:not(:first-child) > div.powermenue-auflistung-hoch { margin: 0 1rem; } .powermenue-modul-auflistung li.powermenue-auflistung-platzhalter a {display:none;} } @media (max-width: 772px) { #powermenue-schalter {top:5px;} .powermenue {top:72px;} } @media (max-width: 760px) { #powermenue-schalter {top:5px;} .powermenue {top:110px;} }