.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; }.highslide-container div{font-family:Verdana,Helvetica;font-size:10pt;}.highslide-container table{background:none;}.highslide{outline:none;text-decoration:none;}.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-number{font-weight:bold;color:gray;font-size:.9em;}.highslide-caption{display:none;font-size:1em;padding:5px;}.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;}.closebutton{position:relative;top:-15px;left:15px;width:30px;height:30px;cursor:pointer;background:url(img/highslide/close.png);}.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;}.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{display:none;cursor:pointer;}.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;}.highslide-maincontent{display:none;}.highslide-html{background-color:white;}body .highslide-html{ width:100%;}.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-resize{cursor:nw-resize;}.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;}.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;}.no-footer .highslide-footer{display:none;}.wide-border{background:white;}.wide-border .highslide-image{border-width:10px;}.wide-border .highslide-caption{padding:0 10px 10px 10px;}.borderless .highslide-image{border:none;}.borderless .highslide-caption{border-bottom:1px solid white;border-top:1px solid white;background:silver;}.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;}.colored-border{background:white;}.colored-border .highslide-image{border:2px solid green;}.colored-border .highslide-caption{border:2px solid green;border-top:none;}.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);}.floating-caption .highslide-caption{position:absolute;padding:1em 0 0 0;background:none;color:white;border:none;font-weight:bold;}.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;}.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;}.highslide-thumbstrip{height:100%;}.highslide-thumbstrip div{overflow:hidden;}.highslide-thumbstrip table{position:relative;padding:0;border-collapse:collapse;}.highslide-thumbstrip td{padding:1px;}.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;}.highslide-thumbstrip-horizontal div{width:auto;}.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:'Grotesk';ont-display:swap; font-style:normal;src:url('img/Neuzeit-Grotesk-Light.eot');src:url(img/Neuzeit-Grotesk-Light.woff) format('woff'), url('img/Neuzeit-Grotesk-Light.eot?#iefix') format('embedded-opentype'), url('img/Neuzeit-Grotesk-Light.woff2') format('woff2'), url('img/Neuzeit-Grotesk-Light.woff') format('woff'), url('img/Neuzeit-Grotesk-Light.ttf') format('truetype'), url('img/Neuzeit-Grotesk-Light.svg#Neuzeit-Grotesk-Light') format('svg');} @font-face{ font-family:'Roboto100'; font-style:normal; font-weight:100; src:url(x_Roboto100.woff2) format('woff2'); 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; } @font-face{ font-family:'Roboto300'; font-style:normal; font-weight:300; src:url(x_Roboto300.woff2) format('woff2'); 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; } @font-face{ font-family:'Roboto400'; font-style:normal; font-weight:400; src:url(../x_Roboto400.woff2) format('woff2'); 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; } @font-face{ font-family:'Roboto700'; font-style:normal; font-weight:700; src:url(x_Roboto700.woff2) format('woff2'); 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; } *{ border:0; margin:0; padding:0; list-style:none; color:rgb(30,30,30); background:no-repeat 50%; text-decoration:none; font-family:Grotesk,Arial,sans-serif; font-size:17px; appearance:normal; -moz-appearance:normal; -webkit-appearance:normal; outline:none !important; } @media (max-width:890px){ *{ font-size:18px; } } @media (max-width:772px){ *{ font-size:18px; } } @media (max-width:760px){ *{ font-size:30px; } } @media screen and (max-device-width:480px){ body{ text-size-adjust:none; -webkit-text-size-adjust:none; } } body{ background:rgb(255,255,255); min-width:750px; overflow-x:hidden; } nav, main, section{ display:block; } #shopLayer{ min-height:1000px; position:relative; } html{ height:100%; } body{ min-height:100%; } script{ width:1px !important } strong{ font-weight:bold;color:inherit; } strike{text-decoration:line-through;} *::-moz-placeholder{ color:rgb(79,79,78)!important; } *::-moz-selection{ background-color:rgb(156,156,156); color:#fff; } .headerAusSicht.scrolltNachUnten #shopHeader{ transform:translate(0,0%); } .headerAusSicht.scrolltNachOben #shopHeader{ transform:translate(0,0); } #shopHeader{ background:#fff; transition:transform .7s; z-index:20; position:relative; }#shopHeader .maxi{ 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; width:100%;max-width:1785px;padding:0 16px;box-sizing:border-box; margin:0 auto; position:relative;} #shopHeader .maxi #alt{ width:100%;height:50px;} #k_title{ width:100%; height:30px; background:#eee; } #k_title ul{ text-align:center; max-width:1200px; margin:0 auto;display:flex;justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-webkit-justify-content:space-between; } #k_title ul li{ margin:0; padding:0 1%; list-style:none; display:inline-block; line-height:30px; font-size:0.9em; width:auto; box-sizing:border-box; } #k_title ul li a{ font-size:1em; color:rgb(125,125,125); } #k_title ul li a:hover{ color:rgb(156,156,156); } #k_title ul li:before{ content:"\2714"; color:RGB(30,30,30); padding-right:3px; font-size:18px; } .shopHeader_gross{ height:172px!important; } *[data-pp*='suche'] #shopMain{ padding-top:1rem; } #k_logo{ display:block;position:relative; width:120px; height:80px; } #k_logo img{ position:absolute;top:.5rem; box-sizing:border-box; padding:.75rem 0 0 0;height:95px; } #men_1{ display:block; clear:both; position:absolute; width:100%; min-width:772px; } #men_1 section{ display:block; text-align:center; min-width:772px; } #men_1 section .alvl_1{ display:inline-block; } #men_1 section .active .alvl_1, #men_1 section li:hover>.alvl_1{ color:rgb(79,79,78) } #men_1 section li, #men_1 section ul{ display:inline; position:relative; } #men_1 section.oben{ height:80px; border-top:1px solid rgb(221,221,221); } #men_1 section.oben .alvl_1{ line-height:80px; padding:0 23px; } #men_1 section.unten{ height:60px; background:rgb(207,207,207); } #men_1 section.unten .alvl_1{ line-height:60px; padding:0 20px; } #men_1 section.unten .hover .alvl_1{ background:rgb(156,156,156); color:white; } .men_head_men_6{ display:none !important } #men_1 section.oben li.men_head_men_9 .alvl_1{ color:#9E1D10; } #men_1 div{ position:absolute; left:-99999px; background:rgb(156,156,156); width:400px; text-align:center; z-index:1000000; display:flex; } #men_1 .lvl_1>li.hasChildren.hover>div{ left:0; max-height:680px; min-width:195px; } #men_1 div ul{ display:flex; width:100%; flex-wrap:wrap; } #men_1 div ul:last-child{ border:0; } #men_1 div ul li a, #men_1 div ul li{ color:white; } #men_1 div ul li{ color:white; height:49px; position:relative; background:rgb(125,125,125); font-size:24px; color:#FFF; padding:0 4px; margin:2% 0 0 2%; display:flex; width:47%; box-sizing:border-box; border-radius:5px; } #men_1 div ul li:hover{ background:rgb(79,79,78); } #men_1 div ul li a{ height:auto; width:auto; padding:1rem; text-align:left; flex-grow:1; } #men_1 div ul li.head{ display:block; font-size:20px; height:40px; padding-top:15px; background:none; clear:both; width:100%; text-align:left; } #men_1 div ul.men_her{ max-width:1120px!important; } #men_1 div ul li:last-child{ margin-bottom:2%; } #men_1 div:before{ content:' '; height:20px; margin-top:-15px; display:block; } #men_1 div ul.men_her li{ background:rgb(230,230,230); } #men_1 div ul.men_her li:first-child{ background:none; } #men_1 div ul.lvl_2>li.hasChildren.kactive div{ left:initial; right:0; transform:translate(100%,0); } #men_1 div ul.lvl_2>li.hasChildren:after{ content:' '; position:absolute; height:inherit; width:20px; right:0; top:0; background:url(img/pg_vor.svg) no-repeat 50% 50%; } #men_1 div ul.lvl_2>li.hasChildren{ padding-right:25px; } #k_suche_etc{ height:80px; } #k_suche_etc>*{ height:inherit; display:block; float:left } #k_suche_etc a[data-num], #k_wk, #k_merk{position:relative; width:80px;height:80px; } #k_suche_etc a[data-num]:before, #k_wk:before, #k_merk:before{ font-size:.75rem; color:white; content:attr(data-num); display:block; position:absolute; top:40px;right:1rem; border-radius:2rem; text-align:center; padding:.15rem .4rem; 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{ background:url(img/bg-merken.svg) no-repeat 50% / 45px; cursor:pointer;position:relative; } #k_merk:before{ background:#d04350; } #k_wk{ background:url(img/bg-wk.svg) no-repeat 50%; position:relative;background-size:45px; cursor:pointer; } #k_wk.waiting{ background-size:50px 50px; } #k_wk:before{ background:rgb(185,159,89); } .shBagInh{ display:none; position:absolute; top:100%; z-index:1000; right:0; background:white; border:1px solid rgb(221,221,221); width:400px; border-bottom-left-radius:6px; border-bottom-right-radius:6px } .shBagInh ul li{ transition:background .4s; padding:16px 0 22px 95px; background:no-repeat 15px 50%; background-size:60px auto; border-bottom:1px solid #e8e8e8 } *[data-num="1"]>.shBagInh ul li:hover{ background-color:#fff; } .shBagInh ul li:hover{ background-color:#e8e8e8; } .shBagInh ul li b{ display:block; padding-bottom:10px; } .shBagInh ul li b div{ display:inline; font-size:11px; color:#9e9e9e } .shBagInh ul li div.WkartNr{ display:block; padding-bottom:10px; font-size:.8rem; color:#9e9e9e } .shBagInh ul li div.wkSpez span{ display:block; } .shBagInh ul li div.wkSpez i{ font-size:inherit; color:#9e9e9e; font-style:normal } .shBagInh .Wkbuttons{ padding:27px 16px 16px 16px; height:91px; box-sizing:border-box; position:relative } .shBagInh .Wkbuttons .button{ width:163px; box-sizing:border-box; float:left; text-align:center; font-size:1rem; } .shBagInh .Wkbuttons .button:first-child{ margin-right:16px; } .shBagInh span[data-inh=""]{ display:none; } div.hover>.shBagInh{ display:block; } #k_merk .shBagInh{ right:0; } #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; } #k_account .shBagInh{ right:0; } body #shopLayer .aktive_felder input, body #shopLayer .aktive_felderV2 input, body #shopLayer .aktive_felderV2 select, body #shopLayer .aktive_felderV2 textarea{ padding:0 10px; border:0; border-radius:0; color:rgb(79,79,78); background:white; border-bottom:2px solid RGB(217,217,217); font-size:18px; height:30px; line-height:30px; display:block; width:342px; margin:30px 16px 0 16px; font-weight:400; letter-spacing:1px; } 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:10rem; } .inp_wrapper{ height:60px; box-sizing:border-box; padding-top:30px; position:relative; } .inp_wrapper label{ color:#a3a3a3; line-height:30px; height:30px; display:block; position:absolute; box-sizing:border-box; transition:transform .6s; transform:translate(0,0); } .inp_wrapper.active label{ transform:translate(0,-100%); } .inp_wrapper:before{ width:100%; border-bottom:2px solid rgb(79,79,78); bottom:0; position:absolute; content:' '; display:block; transition:transform .6s; transform:rotateY(90deg); transform-origin:0 0 } .inp_wrapper.active:before{ transform:rotateY(0deg) } .inp_wrapper.textarea{ height:auto; } .faq_text, .faq_text a, .faq_start{ font-size:18px; } .faq_title{ font-size:24px; font-weight:400; line-height:40px; } #newsletterAnmelden .button, .aktive_felderV2 .button{ padding:1rem 2rem; margin-top:30px; }.tab_k{margin:1rem 0;} #news_bestellen{ margin:0 auto; } #kontaktform button{ padding:20px 30px; } #kontaktform{ width:100% } .faq_rahmen{ float:right; width:50%; box-sizing:border-box; padding-left:22px; } body #shopLayer .aktive_felder label:before{ transition:width .5s; content:' '; display:block; position:absolute; top:60px; width:0; border-bottom:2px solid rgb(79,79,78); z-index:1; }body #shopLayer .aktive_felder #schnellLog_feld1 label:before{border:0!important;}body #shopLayer .aktive_felder #schnellLog_feld9 label:before{border:0!important;}body #shopLayer .aktive_felder #schnellLog_feld1 label{margin:-.5rem 0 0 0!important;}body #shopLayer .aktive_felder #schnellLog_feld9 label{margin:-.5rem 0 0 0!important;}body #shopLayer #ala_schnell.aktive_felder #schnellLog_feld8 label:before{border:0!important;} body #shopLayer #ala_schnell.aktive_felder #schnellLog_feld8 label{margin:-.5rem 0 0 0!important;} body #shopLayer .aktive_felder label.active:before{ width:342px; } body #shopLayer .aktive_felder label{ cursor:text; position:relative; transition:padding .5s; color:#a3a3a3; line-height:30px; height:30px; position:absolute; padding:30px 16px 0 16px; left:0; } body #shopLayer .aktive_felder label *{ color:inherit; } body #shopLayer .aktive_felder label.active{ padding-top:6px; } #k_account .shBagInh #pwvergessen{ font-size:11px; color:#a3a3a3; position:absolute; right:16px; height:30px; line-height:30px; margin-top:-30px; transition:margin .5s; } #k_account .shBagInh #s_l_pass.active+#pwvergessen{ margin-top:-54px; } #suchf{ height:3rem; display:table; } #suchf *{ box-sizing:border-box; } #suchf ul{ display:table-row } #suchf ul li{ display:table-cell; position:relative; } #k_suche_etc:not(.MobileQuer) #suchf ul li:before{ display:block; width:100%; content:' '; height:100%; position:absolute; } #suchf ul li *{ height:3rem; line-height:3rem; } #suchf ul li input{ width:112px; padding-left:35px; font-size:1rem; } #suchf ul li button{ width:3rem; color:transparent; background:url(img/bg-suche.svg) no-repeat 0 50%;background-size:2rem; } #suchf.action ul li button{ background-image:url(img/search-hover.svg); } #suchf.action ul li input{ color:rgb(79,79,78) } #grosserLayer.hidden{ height:0 !important; overflow:hidden; } #grosserLayer{ position:absolute; top:140px; background:rgb(255,255,255) 50% no-repeat; transition:height 0.5s; overflow:auto; } #men_1 .oben *, #men_1 .unten *{ font-size:16px; } #cookieWrapper{ width:100%; position:absolute; z-index:10001; left:50%; transform:translate(-50%,0); } #cookieMeldung{ background:rgb(125,125,125); 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; margin-top:2px; position:absolute; top:7px; margin-left:10px; } #cookieMeldung .cookieButtons{ overflow:hidden; background:rgb(79,79,78); border-radius:5px; color:rgb(255,255,255); height:38px; line-height:38px; padding:10px 15px; font-weight:400; transition:background .3s; box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1); margin:10px; display:inline-block; } @media (max-width:890px){ #cookieMeldung{ width:80%; } #cookieMeldung .cookieButtons{ font-size:1.3em; padding:15px 20px } } @media (max-width:760px){ #cookieMeldung{ width:100%; } #cookieMeldung a:last-child:after{ width:40px; height:40px; background-size:40px; } } .input_wk{ background:none; border:0; border-bottom:2px solid RGB(217,217,217); border-radius:0; font-size:16px!important; font-weight:bold; width:40px; } .location_headline{ top:141px; } @media (max-width:1377px){ .location_headline{ top:151px; } } .location_headline{ position:absolute; height:16px; line-height:10px; background-color:rgb(207,207,207); width:100%; left:0px; padding:10px; border-top:1px solid white; padding-top:13px; } .location_headline>span a{ margin:13px; font-weight:400; } .location_headline>span{ color:#888888; font-size:18px; line-height:14px; } #k_hilfe_c{ display:none; position:absolute; left:0; top:125px; box-sizing:border-box; padding-left:15px; font-size:1em; z-index:1000; } @media (min-width:760px){ .headerOutOfSight #shopHeader{ transform:translate(0,0%); width:100%; position:fixed; top:0; left:0; height:132px !important; z-index:20; border-bottom:.1rem solid #ddd; } .headerOutOfSight #shopMain{ margin-top:190px; } } #k_ak_c{ height:80px; width:80px; } #k_ak_c > div{ display:inline-block; width:80px; height:inherit; background:url(img/bg-konto.svg) no-repeat 50%;background-size:45px; cursor:pointer } #k_ak_c > div#k_account{ position:relative; } #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){ .headerOutOfSight #shopHeader{ height:155px } #men_1{ margin-top:60px; } #men_1 section.oben, #men_1 section.oben .alvl_1, #men_1 section.unten .alvl_1, #men_1 section.unten{ height:45px; line-height:44px; } #men_1 section.unten ul li a.alvl_2{ line-height:20px; } #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:1200px){#k_hilfe_c{left:32%;top:60px;}} @media (max-width:890px){ #men_1 .oben *, #men_1 .unten *{ font-size:14px; } #k_hilfe_c{ display:none } #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; } #k_title ul li{ font-size:0.7em; } } @media (max-width:772px){ #men_1 section.unten .alvl_1{ padding:0 6px; } } @media (max-width:760px){#k_ak_c > div{background-size:55px;}#k_title{height:35px;}#k_title ul li{ letter-spacing:-1px; } } #aa_bewer{ position:relative; } #aa_bewer .separate-rating, .aa_rating_snippet .separate-rating{ margin:0; border-bottom:1px solid #eee; padding:20px 0; } .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:37px; } .separate-rating>b{ display:inline-block; margin-top:9px; font-weight:700; font-size:16px; } .separate-rating .rating-text{ line-height:135%; font-weight:400; } @media (max-width:772px){ .separate-rating .rating-text{ font-size:1.2em; } } .aa_rating_snippet .separate-rating .rating-text{ width:70%; display:inline-block; font-size:16px; } .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; padding-top:12px; } .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%; position:absolute; bottom:0; left:0; border-radius:0; text-align:center; background:#d9d9d9; color:#737982; } .draggable-header .highslide-header{ border:0; } .aar_top .aa_rating_snippet{ background:#fff; } .aa_rating_snippet .rat_kopf{ border:0; border-radius:0; background-color:#fff; } .aa_rating_snippet .rat_kopf_innen{ border:0; margin:0; background-color:#FFFFFF; } .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:20px; 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:#297ece; } .rat_typ_liste{ margin:0; } .rat_balken_hint{ margin-right:8px; } .rat_beste_hilfreiche, .rat_beste_kritische{ margin:10px 10px 0 0; } .rat_2besten{ margin-left:0; } .rat_hilfreich{ margin:0; } .separate-rating .rating-text:before{content:"geprüfte Bewertung";color:rgb(156,156,156);display:block;margin-bottom:10px;margin-top:-15px;font-weight:bold;}#shopLayer[data-sp="en"] .separate-rating .rating-text:before{ content:"verified rating";} .sucheGross{ margin:50px auto 0 auto; font-size:20px; min-width:756px; padding:0 12px; box-sizing:border-box; } .sucheGross *, .sucheGross{ color:rgb(125,125,125); } .sucheGross:-webkit-input-placeholder{ color:white; } .sucheGross:-moz-placeholder{ color:white; } .sucheGross:-ms-input-placeholder{ color:white; } .sucheGross input:-moz-placeholder{ color:white; } .sucheGross .se.list_se.single{ width:506px; } .sucheGross .se.list_se.single>li{ position:absolute; } .sucheGross .se.list_se.single>li:nth-child(2){ margin-left:260px; } .sucheGross input{ margin-top:50px; display:block; width:500px; font-size:117px; height:180px; background:none; border-bottom:2px solid white; margin-bottom:60px; cursor:text; } .suchegross_topartikel{ background:#FFF; position:relative; border-radius:6px; padding-left:15px; padding-right:15px; } .suchegross_topartikel:after{ content:" "; clear:both; display:block; } .suchegross_mega{ margin-left:2%; margin-top:2%; height:50%; overflow:hidden; display:table-cell; position:relative; vertical-align:middle; } .suchegross_mega img{} .sucheGross nav>div{ float:left; width:488px; text-align:center } .sucheGross nav{ width:1469px; margin:0 auto; display:block; } .sucheGross nav:after, .login_d:after{ content:' '; display:block; clear:both; } .sucheGross h3{ margin-bottom:25px; font-size:19px; } .suchegross_topartikel h3{ color:rgb(79,79,78); padding-top:20px; margin-left:15px; } #grSucheClose{ width:auto; height:auto; float:right; cursor:pointer; background:rgb(79,79,78); padding:13px; box-sizing:border-box; border-radius:9px; text-align:center; font-size:14px; color:rgb(255,255,255) } #grSucheLeer{ cursor:pointer; width:10%; height:auto; margin-top:-165px; position:absolute; margin-left:70%; background:rgb(79,79,78); padding:20px; box-sizing:border-box; border-radius:70px; } @media (max-width:3800px){ #grSucheLeer{ margin-left:1620px; width:120px; margin-top:-215px; } } @media (max-width:1900px){ #grSucheLeer{ margin-left:1370px; width:120px; margin-top:-215px; } } @media (max-width:1654px){ #grSucheLeer{ margin-left:1110px; width:120px; margin-top:-215px; } } @media (max-width:1405px){ #grSucheLeer{ margin-left:900px; width:100px; margin-top:-185px; } } @media (max-width:1180px){ #grSucheLeer{ margin-left:650px; width:80px; margin-top:-170px; } } #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; font-size:12px; } @media (max-width:950px){ .sucheGross nav{ width:auto; } .sucheGross nav>div{ float:none; width:688px; margin:0 auto 20px auto; } } .parallax>*{ position:absolute; top:0; left:0; width:100%; } .parallax{ position:relative; padding-top:20%; overflow:hidden; } .mobileEinklappen+.button2{ display:none } #mz_leer{ margin:0; font-size:35px; text-align:center; padding-top:50px; font-family:Roboto300,Arial; padding-bottom:250px; } #dd_sort{ display:none } .see_ueberschrift{ font-weight:bold; } .se.ajArea{ opacity:0; } .see_alle_dd{ margin-top:0; } .see_multi_loesch_alle{ background-color:rgb(180,50,1)!important; color:white; } .see_multi_loesch{ margin-left:.5rem;padding-right:2rem;padding-left:.5rem;background-image:url(img/filter-x.svg);background-size:1rem;background-position:right .25rem center; } .see_multi_loesch_buttons{ padding-bottom:0; width:100%; text-align:left; display:table; } .see_multi_loesch_buttons form{ float:left; } .see_multi_loesch_form{ padding:0; display:inline; } #dd_sort_top{ float:right } #blaettern_obens .select_sortierung_se_top{ display:none } .tab_see{ width:100%; margin-top:-30px; } .tab_see:after{ display:block; clear:both; content:' '; } .see_li{ height:42px; line-height:42px; overflow:hidden; } .see_li_fa_pic{ margin-top:17px; } .see_li:hover, .dd_list li:hover{ background:rgb(207,207,207); color:white; } .see_multi_checkbox{ visibility:hidden; float:right } .see_li label:before{ content:' '; width:18px; height:18px; background:white; border-radius:2px; border:1px solid #ccc; display:block; float:left; margin:12px 10px 0 10px; } .see_li.active label:before{ background:white url(img/dd_check.svg) no-repeat 50% / 10px 10px } .see_li label{ cursor:pointer; margin-left:-16px; } .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; margin-left:-1px; } .see_alle_dd>form>ul, *[id*='dd_sort']{ display:block; height:36px; line-height:36px; float:left; background:white; text-align:left; border:1px solid rgb(221,221,221); border-radius:8px; } .see_alle_dd ul div[class*='_kopf'], *[id*='dd_sort'] div[class*='_kopf']{ padding:0 35px 0 0; height:36px; line-height:37px; } .see_alle_dd ul .active div[class*='_kopf'] a, *[id*='dd_sort'] .active div[class*='_kopf'] a{ color:rgb(79,79,78) } .see_alle_dd ul div[class*='_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 } .see_alle_dd ul .active div[class*='_kopf']:after{ background-image:url(img/dropdown-arrow-active.svg); transform:rotate(180deg); } .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 0 0 16px; white-space:nowrap } .see_alle_dd ul .dd_list{ display:none; z-index:2000; background:rgb(230,230,230); overflow-x:hidden; position:absolute; width:236px; margin-top:8px; overflow:hidden; margin:0; margin-top:8px; margin-left:-16px; padding-right:0; border:1px solid rgb(221,221,221); border-radius:5px; } .see_alle_dd ul .dd_list ul{ max-height:400px; overflow:hidden; overflow-y:auto; } .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; line-height:45px; } .see_alle_dd>ul.active, .active[id*="dd_sort"]{ border:1px solid #004c93 } .see_alle_dd>ul.active ul, .active[id*="dd_sort"] ul{ border-top:1px solid #004c93 } .dd_se input{ width:190px !important; background-color:white; border-radius:5px; border:0; height:26px; line-height:26px; margin-top:5px; } .see_multi_submit{ background:white !important; display:block; width:216px; box-sizing:border-box; height:38px; text-transform:uppercase; margin:10px; border:0; color:rgb(79,79,78); font-size:15px; border-radius:6px; cursor:pointer } .slimScrollBar{ margin-right:4px; background:rgba(255,255,255,1) !important; } #bread{position:relative;} #bread:empty{display:none!important;} #bread:after{ display:block; clear:both; } #filter_anzeigen{ float:right; color:rgb(30,30,30); transition:color .5s; cursor:pointer; position:absolute; right:.5rem; top:-1.35rem; display:none; } #filter_anzeigen div{ transition:background .5s; margin-left:.5rem; width:2.25rem; height:1.25rem; box-sizing:border-box; padding:.15rem; background:rgb(185,159,89); border-radius:1rem; float:right } #filter_anzeigen div:before{ transition:margin .5s; content:' '; display:block; float:left; height:1rem; width:1rem; background:white; border-radius:1rem; } .button{ position:relative;cursor:pointer; display:inline-block; font-size:1.25rem; overflow:hidden; background:rgb(30,30,30); border-radius:3rem; color:white; padding:1rem 2rem; font-weight:400; transition:background .3s; box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1); } .button2{ cursor:pointer; position:relative; overflow:hidden; background:rgb(79,79,78); border-radius:2rem; color:white; padding:1rem 2rem; font-size:1rem; font-weight:400; transition:background .3s; box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1); display:inline-block; margin-right:10px; margin-top:15px; } .sort_butt_pers_art{ cursor:pointer; position:relative; overflow:hidden; background:rgb(79,79,78); border-radius:5px; color:white; height:38px; line-height:38px; padding:0 32px; font-size:13px; font-weight:400; transition:background .3s; box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1); display:inline-block; padding-left:10px; padding-right:10px; } .slides .button{ white-space:nowrap; } .slides li div h2{ font-size:1.5rem; color:white; font-family:Roboto300,Arial; } .slides li div{ color:white; } .slides li span text2{ font-size:1.5rem; color:white; font-family:Roboto300,Arial; } .slides .text1{ position:absolute; width:100%; padding:2%; box-sizing:border-box; font-size:1.3rem; } .tab_se_unten #bread{ display:none!important; } .button:hover{ background:rgb(185,159,89); } .button2:hover{ background:rgb(185,159,89); } .se.start{ margin-top:103px; } .se_slider .slides img{ width:100%;display:block;border-radius:8px; } .se_slider .slides img+div{ padding:19px 17px 0; } .xse_slider .slides h2{ font-size:28px; font-weight:200; height:31px; line-height:22px; } .xse_slider .slides span{ color:rgb(79,79,78); font-size:14px; line-height:25px; font-weight:400; } .xse_slider .slides .button{ float:right; } .se_slider .flex-control-nav{ bottom:2rem; position:absolute; z-index:3; text-align:center; color:white; width:inherit; } .se_slider .flex-control-nav li{ display:inline-block; width:1rem; height:1rem; margin:0 .25rem; cursor:pointer; } .se_slider .flex-control-nav li a{ display:block; background:rgb(207,207,207); width:1rem; height:1rem; border-radius:1rem; color:white; font-size:0; ; transform:scale(1); transition:transform .3s; } .se_slider .flex-control-nav li a.flex-active, .se_slider .flex-control-nav li a:hover{ transform:scale(1.4) } .se_filter_aus #filter_anzeigen div{ background:rgb(79,79,78); } .se_filter_aus #filter_anzeigen{ color:RGB(100,100,100) } .se_filter_aus #filter_anzeigen div:before{ margin-left:1rem; } .se_filter_aus ul{ display:none !important; } .se.list_se>li{ overflow:hidden; min-height:326px; margin:8px; width:236px; background:white; float:left; box-sizing:border-box; transition:top .5s,left .5s; top:0; left:0; position:relative; border:1px solid rgb(221,221,221); border-radius:8px; } .se .se_header{ height:32px; } .se figure{ display:block; width:100%; height:175px; text-align:center; position:relative; overflow:hidden; } .se figure img{ max-width:183px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:left 1.3s,opacity 1.4s; } .se .lang figure img{ max-height:100%; max-width:initial; } .se_neu{ display:block; float:left; color:white; border-bottom-right-radius:1rem; background:rgb(185,159,89); text-align:center; margin:0 5px 5px 0; padding:.2rem .5rem; font-size:.9rem; } .se_diff{ background-color:#9e1d10; } .se_preis{ width:215px; margin-top:-17px; } .se_farbe{ position:absolute; margin:-30px auto 0 10px; display:block; } .se .lang{ height:497px; } .se .lang figure{ height:372px; } .se.list_se:after{ display:block; width:100%; content:' '; clear:both } .se .rat_stars{ padding-left:10px; display:block; position:absolute; top:50%; transform:translate(0,-50%); left:0; z-index:3; } .se .rat_stars *{ float:none; display:block; height:20px; width:16px; background:url(img/star-outline.svg) no-repeat 50% 50% / 14px; opacity:0.3; transition:opacity .5s; } .rat_stars *{ display:block; height:30px; float:left; width:30px; background:url(img/star-outline.svg) no-repeat 50% 50% / 26px; opacity:0.3; transition:opacity .5s; } .rat_stars i{ background-image:url(img/star-full.svg); } .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/bg-se-merken.svg); background-size:25px 20px; transition:background .5s; width:35px; height:30px; background-repeat:no-repeat; background-position:50%; background-origin:content-box; } .se li:hover .se_beobachten{ background-image:url(img/bg-se-merken.svg); opacity:1; } .se_beobachten:after{ transition:transform .5s; transform:scale(.0); content:' '; background:url(img/bg-se-merken-active.svg) no-repeat 50% 50% / 25px 20px; display:block; width:25px; height:20px; } .se_beobachten.active:after{ transform:scale(1) } .se_groessen{ padding:5px 0; } .se_farben{ height:1.25rem; padding:3px 0 0 0; text-align:center; width:154px; margin:0 auto 6px auto; ; box-sizing:border-box; overflow:hidden; position:relative; } .miniSlNav{ display:block; position:absolute; height:1rem; top:263px; width:1rem; background:white url(img/picture-navigation.svg) no-repeat 50%; background-size:.75rem; left:16px; opacity:0; transition:opacity .3s; } li:hover .miniSlNav{ opacity:.8; } .miniSlNav.next{ left:206px; background-image:url(img/picture-navigation-r.svg); } .se_farben>div{ white-space:nowrap; transition:margin .3s; } .se_farben .lief_gr_farbe1_k.pre{ transform:translate(-100%,0); } .se_farben .lief_gr_farbe1_k{ cursor:pointer; transform:scale(1); margin:0 3px 0 4px; border-radius:10px; display:inline-block; float:none; height:12px; width:12px; transition:transform .3s; background-size:100%; } .se_farben .lief_gr_farbe1_k:hover, .se_farben .lief_gr_farbe1_k.active{ transform:scale(1.5) } .se_farben .lief_gr_farbe1_k.mehr{ background:#schriftfarbe1# url(img/farbbubbles-plus.svg) 50% 50% no-repeat; background-size:8px; color:transparent; line-height:12px; overflow:hidden; text-align:center; font-size:12px; font-weight:400; } .se_farben .lief_gr_farbe1_k[data-farbe="5"]{ border:1px solid #cecece; box-sizing:border-box; } .se_farben .lief_gr_farbe1_k.hidden{ display:none; } .se_farben.slider .lief_gr_farbe1_k{ position:absolute; transition:left .3s,transform .3s; left:0; } .se_farben.slider .lief_gr_farbe1_k[data-i="0"]{ left:0; } .se_farben.slider .lief_gr_farbe1_k[data-i="1"]{ left:14.3%; } .se_farben.slider .lief_gr_farbe1_k[data-i="2"]{ left:28.6%; } .se_farben.slider .lief_gr_farbe1_k[data-i="3"]{ left:42.9%; } .se_farben.slider .lief_gr_farbe1_k[data-i="4"]{ left:57.2%; } .se_farben.slider .lief_gr_farbe1_k[data-i="5"]{ left:71.5%; } .se_farben.slider .lief_gr_farbe1_k[data-i="6"]{ left:85.8% } .se_farben.slider .lief_gr_farbe1_k[data-i="6"]+.lief_gr_farbe1_k{ left:100% } .se_farben.slider{ position:relative; } .se_farben.slider .lief_gr_farbe1_k.outOfView{ left:110% } .se_farben.slider .lief_gr_farbe1_k.outOfViewL{ left:-14.3% } .se_name{ display:block; height:45px; clear:both; margin:5px; text-align:center; position:relative; } .se_name span{ display:block; position:absolute; width:100%; top:50%; transform:translate(0,-50%); } .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{ background:url(/img/v_loader2.gif) no-repeat 50% 100%; padding-bottom:5rem; margin:0 auto; } .se[allesGeladen="ja"], #mansonry_store{ background:none; padding-bottom:0; } .se_unterteil{ text-align:center; padding:0 10px; } figure .controls{ height:inherit; width:inherit; cursor:pointer; z-index:1; position:absolute; } figure .controls b{ cursor:pointer; display:block; float:left; width:42px; background:white url(img/picture-navigation.svg) no-repeat 50%; height:100%; opacity:.6; } figure .controls b.right{ float:right; background-image:url(img/picture-navigation-r.svg); } figure .controls[data-anz="1"] a{ display:none; } .se_name div{ color:rgb(79,79,78); font-size:12px; line-height:15px; } body .se_unterteil .se_vk{ display:block; padding-top:9px; font-size:20px; } .sse_vk.red{ color:RGB(231,76,60); font-weight:bold; font-size:20px; } .se_vk.red strike{ color:rgb(79,79,78); text-decoration:line-through; font-size:20px; margin-right:10px; color:#bbb; } .suche_erfolglos{ line-height:200px; text-align:center; } .suche_erfolglos *{ font-size:20px; } .vorteil figure{ width:100%; height:50%; background:rgb(156,156,156) no-repeat 50%; display:block; border-radius:5px; } .vorteil.versand figure{ background-image:url(img/bg_versand.svg) } .vorteil.zahlung figure{ background-image:url(img/bg_bezahlung.svg) } .vorteil.kreditkarte figure{ background-image:url(img/bg_bezahlung.svg) } .vorteil.sale figure{ background-image:url(img/pg_sale.svg) } .vorteil.zert figure{ background-image:url(img/bg_ssl.svg) } .vorteil.https figure{ background-image:url(img/bg_ssl.svg) } .vorteil{ font-weight:bold; text-align:center; } .vorteil b{ font-weight:700; display:block; font-size:inherit; } .vorteil>div{ font-weight:normal; 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; font-size:inherit; vertical-align:middle; height:66px; } #se_to_top{ opacity:0; position:absolute; background:url(/img/pg_top.png) no-repeat; width:36px; height:36px; bottom:2rem; right:2rem; color:transparent;display:none; } #se_sz{ position:fixed; top:450px; left:21px; z-index:10000; } #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 } #se_sz a:hover{ background-image:url(img/dropdown-arrow-active.svg); border:2px solid rgb(79,79,78); opacity:1; } #se_z_up{ transform:rotate(180deg); } #se_sz[data-overload="1"] div{ margin:22px 0 } #multiTab tr td{ padding:3px; } #tZoomViewer{ z-index:2; top:0 !important; left:0 !important; height:100% !important; width:100% !important; } .tZoom .controls{ cursor:zoom-in } #aa_name{ margin-top:20px; } #aa_name span a>span a{ font-size:13px; margin:13px; color:rgb(79,79,78); font-weight:400; } #aa_name span, >span{ color:rgb(79,79,78); font-size:18px; line-height:44px; } #aa_name span:last-child a{ color:RGB(100,100,100) } #aa_name span:first-child a{ margin-left:0; } #aa_name h1 a{ font-weight:bold; font-size:28px; } #aa_name h1 div{ font-weight:400; color:rgb(79,79,78); } #aa_name h1{ margin-bottom:16px; } #box_lagerinfo{ opacity:0; clear:both; } #html_lagerinfo:empty{ display:none; } #a_basket_panzahl{ width:80px; } #a_basket_panzahl_wrapper{ float:right; margin-bottom:22px; } #a_basket_panzahl_wrapper div{ float:left } #a_basket_panzahl+div{ padding-top:31px; padding-left:15px; 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; font-size:16px !important; } #basket+#aa_text{ margin-top:30px; } #aa_konfigurator{} .aa_optionen{ max-height:300px; overflow:auto; } .konfGruppe{ background:white; padding:0 16px 16px 16px; 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{ font-size:16px; color:rgb(79,79,78); 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(207,207,207) no-repeat 95% 50%; background-size:auto 25px; box-sizing:border-box; cursor:pointer; box-sizing:border-box; border:0; transition:border .4s; } .aa_optionen li input{ position:absolute; left:-9000px; } .aa_optionen li input:checked+label{ border:4px solid rgb(156,156,156) } #formularfeldfuerWK{ opacity:0; width:1px; height:1px; } .konfAufschlag{ float:right; font-size:14px; } .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 16px 8px 16px; background:white; margin-top:22px; } #konfBar>div{ width:1%; content:' '; background:rgb(156,156,156); transition:width .4s; height:8px; display:block; margin-top:-8px } #konfBar:before{ content:' '; display:block; width:100%; background:rgb(207,207,207); height:8px; } .konfAbschlussAendern{ background:rgb(79,79,78); position:absolute; border-radius:6px; left:0; cursor:pointer; transition:background .4s; } .konfAbschlussAendern:hover{ background:rgb(156,156,156) } #aa_konfAngaben li{ line-height:36px; position:relative; overflow:hidden; padding-left:38px; } .konfGesamt span{ display:inline-block; width:50%; text-align:right; font-size:25px; } .konfGesamt b{ display:inline-block; width:50%; text-align:right; font-size:25px; } #aa_pic_show figure, #aa_pic_show nav a, #preis, .fagr, .vorteil, #aa_bewer>div, #aa_h_info>div, #aa_text, #aa_person, #aa_feat, #aa_video>div{ background:white; overflow:hidden; position:relative } #preis{ background:none; } .loading:before{ top:0; left:0; display:block; height:inherit; width:inherit; border-radius:5px; position:absolute; content:' '; } #aa_pic_show{ width:100%; position:relative; } #aa_pic_show figure{ display:table-cell; text-align:center; width:inherit; height:320px; border-radius:8px; } #aa_pic_show figure img{ width:85%; margin-top:7%; } #aa_pic_show figure iframe{ height:85%; width:85%; position:absolute; top:7.5%; left:7.5%; z-index:2; } #aa_pic_show nav{ margin-left:-16px; padding-top:8px; } #aa_pic_show nav:after{ display:block; content:' '; clear:both; } #aa_pic_show nav a{ margin:8px 0 15px 30px; height:68px; width:68px; box-sizing:border-box; text-align:center; display:block; float:left; padding-top:11px; border:1px solid rgb(230,230,230); border-radius:5px; } #aa_pic_show nav a img{ max-width:50px; max-height:50px; } #aa_pic_show .controls{ position:absolute; top:0; } #aa_pic_show nav a.b_360{ font-size:13px; font-weight:600; padding-top:48px; background:url(img/360degree-view.svg) white no-repeat 50% 30% / 32px 32px } #aa_pic_show nav a.b_360 span{ font-weight:inherit; } #aa_rating{ position:absolute; z-index:5; padding:18px 0 0 16px; } #aa_rating .rat_stars{ padding-left:0; padding-right:10px; } #aa_rating .rat_stars *{ background-image:url(img/star-outline-b.svg); opacity:1; height:26px; } #aa_rating .rat_stars i{ background-image:url(img/star-full-b.svg); } #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[data-gemerkte="0"]:before{ display:none; } #basket-wrapper{ position:sticky;position:-webkit-sticky;; width:30%; height:100%; right:4px; float:right; top:15px; top:171px; } #preis{ box-sizing:border-box; padding:0;margin-bottom:1rem; } #preis div#preisDiv{ font-weight:bold; font-size:44px; text-align:right; float:right } #preis .mwst{ float:right; text-align:right; clear:both; font-family:Roboto300,Arial; } #preis .mwst > br{ display:none;} #preis .mwst a{ display:block; font-family:Roboto300,Arial; } .d15_vk.d15_lp{ float:right; height:34px; line-height:47px; font-size:1.25rem; text-decoration:line-through; margin-right:20px; margin-top:4px; } .small .d15_vk.d15_lp{ line-height:52px; text-decoration:line-through; margin-right:10px; } .small #preis div#preisDiv{ font-size:40px; } #preis div#preisDiv .sonderpreis{ color:RGB(231,76,60) } #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 .title{ font-size:20px; color:rgb(79,79,78); display:block; } #basket #aa_groe_tab{ float:right; font-size:13px; height:16px; line-height:16px; border-bottom:2px solid rgb(79,79,78); color:rgb(79,79,78) } #basket #aa_groe_tab:before{ content:' '; position:absolute; height:18px; width:31px; margin-left:-31px; } #basket.small #aa_groe_tab{ font-size:0; width:0; } #basket .title div{ display:none; } #basket .vorteil{ height:180px; float:left; margin-right:5%; margin-top:16px; width:30%; } #basket.small .vorteil{ width:68px; font-size:10px; } #basket .vorteil:nth-child(3){ margin-right:0; } #basket:after{ content:' '; display:block; clear:both; } .aa_groe_tab_highside{ position:absolute; margin-top:-18px; margin-left:405px; } .small .vorteil{ width:100px; } .fagr{ box-sizing:border-box; height:68px; width:18.4%; padding-top:8px; text-align:center; float:left; margin:16px 2% 0 0; opacity:1; transition:opacity .4s; } .fagr[data-fa]{ height:80px; position:relative; } .fagr[data-fa] img+div{ background:white; position:absolute; bottom:0; height:20px; width:100%; left:0; word-wrap:break-word; text-align:center; min-height:30px; padding:0 3px; box-sizing:border-box; font-size:.8rem; } .fagr:nth-child(5n){ margin-right:0;} @media (max-width:760px){ .fagr[data-fa]{ height:125px; }.miniSlNav{ display:none;} } .fagr img{ width:80%; } .fagr[data-gr]{ padding:0 !important; border:1px solid rgb(221,221,221); border-radius:5px; } .fagr[data-gr] div{ height:68px; width:88%;margin:0 auto; display:flex; align-items:center; justify-content:center; font-size:0.9em; } .fagr.active[data-gr] div{ height:64px; } .fagr.active{ border:2px solid rgb(125,125,125); border-radius:5px; padding-top:6px; } .fagr.weg{ opacity:0.5; } .fagr{ cursor:pointer; } .fagrWrapper{ margin-bottom:16px; display:flex; 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%); } #inWK{ padding-bottom:38px; } #inWKsenden{ display:block; width:100%; box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1); } #box_lagerinfo{ margin-bottom:16px; padding:16px; text-align:center; border-radius:5px; opacity:1; border:1px solid rgb(221,221,221); } #box_lagerinfo.groe_txt_st1{ border:2px solid rgb(105,188,46); background-color:rgb(255,255,255); } #box_lagerinfo.groe_txt_st2{ border:2px solid RGB(228,149,86); background-color:rgb(255,255,255); } #box_lagerinfo.groe_txt_st3{ border:2px solid RGB(231,76,60); background-color:rgb(255,255,255); } #aa_detail{ position:relative; padding:8px 8px; } #aa_detail:after{ content:' '; display:block; clear:both; } #aa_detail .se li:first-child{ margin-left:0; } #aa_detail #aa_mitte .title, #aa_detail #aa_links .title{ margin-bottom:8px; margin-top:30px; height:auto; line-height:20px; } #aa_bread span, #aa_bread a{ color:#999; } #aa_mitte{ width:35%; float:left; } 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 16px; margin-top:16px; } .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; content:' '; border-top:1px solid #d9d9d9; width:100%; left:0; margin-top:18px;padding-bottom: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_links{} #aa_h_info>div, #aa_text, #aa_person, #aa_feat{ margin-top:16px; padding:16px; } #aa_h_info div h3{ margin-bottom:16px; } #aa_links.anghangen{ clear:both; width:28%; margin-left:0; padding-top:1rem; } #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_head{ font-weight:bold; margin-bottom:20px; display:block; } .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>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: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:10px; } #aa_feat_2.feat-anz-3 li:last-child{ margin-right:0; } .anghangen #aa_feat_2.feat-anz-3 li{ width:152px; } .anghangen #aa_feat_2.feat-anz-3 li div{ font-size:14px; } .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%; font-size:14px; } .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); z-index:1000; position:absolute; margin:0; transition:left 1.5s,top 1.5s,opacity 1.5s,width 1.5s,height 1.5s; } .basketFlyer img{ width:100%; } #aa_text, #aa_text2,#aa_text3, #aa_feat, #aa_pic_show, #aa_bewer>div{ border-radius:8px; border:1px solid rgb(221,221,221); } #aa_text2{ padding:16px; background:white; } #aa_text3{ padding:16px; color:rgba(249,249,249); } .groessenbutton{ display:flex;justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-moz-align-items:center;-ms-align-items:center;-webkit-align-items:center;margin-top:20px;} .groessenbutton .title{ color:rgb(224,110,14);height:auto;} .groessenbutton img{ width:2rem;margin-right:10px;} .groessenbutton a{ display:flex;align-items:center;-moz-align-items:center;-ms-align-items:center;-webkit-align-items:center;color:rgb(224,110,14);} .groessenbutton a:hover{ color:rgb(125,125,125);} #cs_dark_matter{ position:fixed;top:0; height:100%; width:100%; background:rgba(0,0,0,.7); z-index:100000; } #cs_layer{ background:white; border-bottom-right-radius:1px; border-bottom-left-radius:1px; width:1024px; margin:0 auto; overflow:hidden; } #cs_layer #cs_header{ padding:30px 0; box-shadow:2px 2px 3px 0px rgba(0,0,0,0.1); text-align:center } #cs_layer span{ color:#9e9e9e; display:block; text-align:center } #cs_layer #cs_header h1{ text-align:center;font-size:1.25rem; } #cs_header .button{ text-align:center; box-sizing:border-box; } #cs_body{ background:#f2f2f2; padding:1rem 1rem 0 1rem; } #cs_layer .button{ margin:2rem 2rem 0 2rem; display:inline-block; text-transform:uppercase; } #cs_layer .button::before{ content:' '; display:block; top:0; left:0; width:inherit; height:inherit; position:absolute; z-index:100000 } #weitersh{ background:#d9d9d9 !important; color:#737982; } #weitersh:hover{ background:#d0d0d0 !important } #cs_body>span{ margin-bottom:16px; } #cs_body .button{ color:white; } #cs_body [data-bn]{ height:440px; ; width:236px; float:left; overflow:hidden; background:white; border-radius:5px; 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%); 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; color:#a3a3a3; line-height:30px; font-size:13px; width:204px; position:absolute; top:338px; left:16px; border-bottom:2px solid #d9d9d9 } .ada_text{ font-size:1em; } .erster_satz_artikeltext, .letzter_satz_artikeltext{ display:inline; } @media (max-width:1100px){ #cs_layer{ width:100%;max-width:800px; } #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 } } .htm_include{ margin:30px auto 20px auto; text-align:justify; background:RGB(255,255,255); padding:30px; display:block; box-sizing:border-box; } .htm_include:after{ content:' '; display:block; clear:both; } .htm_include h1{ font-size:1.25rem; margin:0 0 1rem 0; } .htm_include h2{ font-size:1rem; margin:0 0 10px 0; } .htm_include p{ margin:0 0 15px 0; } #news_bestellen{ width:710px; } .bliste{ padding:16px; background:white; } .blistePic{ text-align:center } .blistePic img{ height:80px; } .blisteInDenWk .button2{ width:372px; box-sizing:border-box; font-size:1.25rem; } th.blist_sort{ text-align:center } .blisteButton{ vertical-align:top; padding-top:.5rem; } .blisteButton .inp_wrapper.active label{ display:none; } .blisteButton .inp_wrapper.active{ margin-top:-8px; margin-right:9px } .blisteName *, .blisteAnr{ font-size:18px; } .pass_v{ padding:30px; } .login_o{ margin-top:7px; padding-left:6px; } .login_d{ width:488px; margin:0 auto; } .login_d button{ margin:18px; } .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:452px; margin:30px 16px; } #shopMain, #shopMain .shop_mitte .mitte_login .login_c input{ background:none; border-radius:0; } #shopMain .shop_mitte .mitte_login select, .aktive_felder select{ background:none; border:0; display:block; margin-top:45px; border:.1rem solid rgb(207,207,207); margin-left:16px; } .mitte_login textarea.kundentext{ margin-left:5px; width:98%; margin-right:20px; height:10rem; font-weight:normal; } #shopMain .shop_mitte .mitte_login .login_a input, #shopMain .shop_mitte .mitte_login .login_b input{ width:420px !important } .div_login>div{ background:white; position:relative; margin-top:95px; } .mitte_login{ max-width:992px; margin:0 auto; } .mitte_login .button{ float:right; } .login_a .button, .login_b .button, .login_c .button{ margin:36px 15px;font-size:1rem; } .mitte_login .pass_f{ float:right } body .login_ueb{ color:#666 !important; font-size:1.25rem; font-weight:bold; position:absolute; left:0; top:-34px; font-family:Roboto300,Arial; } .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 form>table{} .mitte_login td .login_a form input, .mitte_login .login_b form input{ width:290px !important; margin-top:20px } .login_a .pass_f{ right:20px; position:absolute; top:102px; } .login_a .pass_f *{ font-size:11px; color:#a3a3a3; } .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); } #guest_anz_button:hover:before{ background-image:url(img/picture-navigation_active.svg); } .div_login div[class^='login'] form{ display:inline; } .div_login>div{ padding:0; } .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: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: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:80px 0 120px 0; padding:10px; 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:454px; } body #shopLayer ul.aktive_felder li input{ width:454px; } #ala_schnell{ margin-right:22px;margin-bottom:2rem; } body #shopLayer ul.aktive_felder li input#schnellog_inpu5_2, #shopLayer .div_login .aktive_felder label[for="schnellog_inpu5_2"].active:before{ width:145px; } .login_c input[type="radio"]+label{ width:387px; box-sizing:border-box } body #shopLayer #schnellog.aktive_felder li input#schnellog_inpu5_1, #shopLayer .div_login .aktive_felder label[for="schnellog_inpu5_1"].active:before{ width:295px; } body #shopLayer #schnellog.aktive_felder li input#schnellog_inpu5_2{ position:absolute; margin-left:325px; top:-30px; } #shopLayer .div_login .aktive_felder label[for="schnellog_inpu5_2"]{ left:309px; } .ueb_zahlart, .ueb_liefadr{ color:#a3a3a3; font-size:14px; } #shopMain .shop_mitte .mitte_login #schnellLog_feld12 select{ display:inline-block; margin-top:1px; padding:4px; } 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:#a3a3a3; font-size:14px; } #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_inpu7, #schnellLog_feld7 label.active:before{ width:150px !important; } #schnellog select{ width:157px !important; } .wk tr, .wk_zk tr{ opacity:0; } .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; font-size:16px; } .wk_pic_td{ vertical-align:middle; } #wk_gutscheincode{ float:left; margin-top:32px; position:relative; height:68px; width:504px; } #shopLayer .aktive_felder#wk_gutscheincode input, #wk_gutscheincode button{ width:236px; line-height:38px; height:38px; box-sizing:border-box; } #shopLayer .aktive_felder#wk_gutscheincode input{ color:#a3a3a3; border-bottom:#d9d9d9 2px solid; margin-right:16px; background:none; position:absolute; left:0; } #wk_gutscheincode button{ background:rgb(207,207,207); color:#737982; font-size:14px; padding:0; margin:0; cursor:pointer; margin-top:30px; border-radius:2rem; } 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:30px; padding-top:36px; padding-bottom:36px; font-family:Roboto300,Arial; } .wk_zk_button{ height:68px; line-height:68px; width:236px; padding:0; text-align:center; margin-top:30px; font-weight:400; display:inline-block; cursor:pointer; margin-left:20px; } .wk_tab_summe, .wk, .pg_table_wk1{ background:#FFFFFF; } [data-wk-items="0"] .pg_table_wk1{ padding:16px; } .pg_table_wk1, .infotype1{ border-radius:8px; border:1px solid rgb(221,221,221); } .infotype1{ margin-top:30px; } .wk_tab_summe tr td, .wk tr td{ padding:15px; } .wk tr th{ padding:15px; font-size:16px; } .wk_plu, .wk_min, .wk_loe{ height:22px; } .tab_plu_min tr td{ padding:2px!important; } table.wk>tbody>tr>td:not(.wk_pic_td), table.wk_zk>tbody>tr>td:not(.wk_pic_td){ vertical-align:top;padding:.5rem; } .wk_zk{ margin-bottom:25px!important; } #pp_exp_btn{ padding-bottom:12px; } .ueberschrift-staffel, .ueberschrift-staffel strong{ font-size:1.2em; } .wk_zk_div{ text-align:left !important; border:0 !important; background:#e8e8e8; padding:16px; margin:0; } .wk_zk_div table{ width:100% } .mitte_login.abschluss{ width:100%; max-width:100%; box-sizing:border-box; margin:0 10px; } .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; color:#a3a3a3 } .zk_wk_summe .b span:first-child{ padding-right:24px; } .mitte_login.abschluss .button{ float:right; clear:both; width:236px; margin-right:0; margin-bottom:0; font-weight:400; } .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{ font-size:16px; color:#737982; padding-top:6px; } .zk_gsum span:last-child{ font-size:24px; color:rgb(156,156,156); } .wk_zk_div{ background:#fff } .adress_tabelle .wkBox{ width:236px; min-height:144px; padding:16px; margin-left:16px; box-sizing:border-box; line-height:20px; } .adress_tabelle .wkBox a{ display:block; width:26px; height:26px; background:#a3a3a3 50% 50% url(img/edit.svg) no-repeat; border-radius:100px; position:absolute; top:16px; right:16px; } .adress_tabelle *{ color:rgb(79,79,78) } .adress_tabelle th{ padding-left:16px; text-align:left; padding-bottom:12px; } .adress_tabelle th, .adress_tabelle th *{ ; font-size:20px; font-weight:bold; } .wkBox[data-za]{ background:50% 0 no-repeat; font-size:0; background-size:contain; } .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:center; } 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); } .tabelle_zk_th th, .dat_zk th{ position:relative; font-size:16px; } table.dat_zk{ margin-left:0; padding:13px; width:100%; background:rgb(255,255,255); border-radius:6px; } table.dat_zk td, .tabelle_zk_th th{ padding:5px !important; } #shopMain .shop_mitte .mitte_login select[name="alanr"]{ margin:0; background:white; font-family:arial !important; transform:translate(-9px,0); margin-bottom:12px; margin-top:13px !important; font-size:11px; color:#666666; font-weight:normal; width:228px; } .wkBox.ala_box select{ max-width:100% } #pp_zahlen{ text-align:center } #pp_zahlen h1{ font-size:35px; } #pp_zahlen p{ font-size:25px; } #pp_loader{ background:rgb(125,125,125) 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 white; border-radius:400px; position:absolute; animation:rotate 10s infinite linear; margin-top:-1px; margin-left:-1px; } @keyframes rotate{ from{ transform:rotate(0deg) } to{ transform:rotate(360deg) } } #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:white; position:relative; box-sizing:border-box; padding:16px; } #service_wrapper nav[id^="men_"] li a, .bestue_headline{ height:36px; line-height:36px; padding:0 16px; margin-bottom:8px; transition:color .3s; background:white url(img/picture-navigation-r.svg) no-repeat 100% 50%; background-origin:content-box; background-size:auto 11px; } #service_wrapper nav[id^="men_"] li a:hover, #service_wrapper nav[id^="men_"] li a.active{ color:rgb(79,79,78); 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:20px; color:rgb(79,79,78); margin-bottom:12px; } #service_wrapper article p{ font-weight:400; font-size:12px; line-height:18px; } #service_wrapper h3{ font-size:12px; 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:12px; 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:400; text-transform:uppercase; 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:44px; color:inherit; font-size:inherit; } #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{ font-size:22px; padding-top:8px; } #service_wrapper .adress_tabelle{ margin:0 0 45px 0; width:initial; } #service_wrapper .adress_tabelle .wkBox{ margin:0 0 0 16px; } .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{ color:rgb(156,156,156); background-image:url(img/picture-navigation-u_active.svg); background-size:11px auto; } @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; } } #shopFooter{ position:absolute; bottom:0; width:100%; background:rgb(245,245,245); } #shopFooter .unten{ background:rgb(255,255,255); min-height:96px; clear:both; } #shopFooter .unten #f_text{ padding:27px 16px; } #shopFooter .unten #f_text span{ color:rgb(156,156,156); font-size:.8rem; text-align:center; display:block; padding:0 1rem; } #shopFooter .unten #f_text span *{ font-size:inherit;color:inherit; } #shopFooter .unten>figure, footer .unten>ul{ width:192px; height:96px; } #shopFooter .unten>figure{ background:white; float:left; } #shopFooter .unten>ul{ float:right; background:#1dafbb; position:relative; } #shopFooter .unten>ul:first-child{ float:left } #shopFooter .unten .f_socs li{ width:50%; display:inline-block; height:100%; } #shopFooter .unten .f_socs a{ float:Left; height:100%; width:100%; color:white; box-sizing:border-box; font-size:12px; padding-top:63px; text-align:center } #shopFooter .unten .f_socs a[href*="ewsletter"]{ background:url(img/social-newsletter.svg) 50% 42% no-repeat; background-size:auto 30px; } #shopFooter .unten .f_socs a[href*="facebook"]{ background:#3a589b url(img/social-facebook.svg) 50% 50% no-repeat; background-size:auto 38px; } #shopFooter .unten .f_socs a[href*="youtube"]{ background:#e82a1b url(img/social-youtube.svg) 50% 50% no-repeat; background-size:auto 38px; } #shopFooter .unten .f_socs a[href*="twitter"]{ background:#2daae1 url(img/social-twitter.svg) 50% 50% no-repeat; background-size:auto 38px; } @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{ padding:0; height:210px; width:85%; margin:0 auto; box-sizing:border-box; } .foot_infos ul.foot_kat{ width:25%; float:left; box-sizing:border-box; min-width:180px; } .foot_infos ul.foot_kat:last-child{ margin-right:0; min-width:160px; box-sizing:border-box; padding:0 0 0 5%; } .foot_kat ul, .foot_kat ul li{ list-style:none; margin-top:2px; padding:0; line-height:20px; } .foot_kat ul li{ font-size:12px; text-decoration:none; } .foot_kat a{ padding:0.5rem 0; display:inline-block; } .foot_kat a:hover{ color:rgb(125,125,125); } #info_zahl:hover{ opacity:1.0; } .foot_kat .foot_ueb{ margin-top:2.5rem; height:2.5rem; color:#333; font-weight:bold; } .info_zahl{ float:left; display:block; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd; } .info_zahl img{ margin-right:5px; -webkit-transition:all 0.5s; } #info_zahl img{ width:30%; margin-right:5px; min-width:56px; border-radius:6px; } #info_zahl img:hover{ opacity:0.7; } .foot_infos ul.foot_info{ padding:0 0 68px 5%; } .foot_infos ul.foot_serv{ padding:0 0 0 5%; } .foot_infos ul.foot_recht{ padding:0 0 68px 5%; }#foot-ber a{font-size:1.25rem!important;color:rgb(30,30,30) !important;} #pgLoader{ position:fixed; z-index:100000000; background:rgb(79,79,78); font-size:35px; display:table-cell; text-align:center; vertical-align:center; color:white; top:0; width:100%; height:100% } #pgLoader div{ font-size:inherit; color:inherit } #shopMain{ width:100%;max-width:1785px; padding:0 8px; box-sizing:border-box; margin:0 auto; } #tipDiv{ background:white; border:2px solid rgb(230,230,230); border-radius:6px; padding:16px; opacity:.97 } #tipDiv *{ line-height:21px; } #men_4{ background:rgb(207,207,207); padding:10px; } #men_4 .oben{ width:1024px; margin:0 auto; display:block; } #men_4 .oben ul{ display:inline-block; padding:30px 0 20px 8px; margin:0 0 0 8px; box-sizing:border-box; border-left:1px solid #FFFFFF; width:248px; } #men_4 .oben ul:last-child{ padding-right:8px; border-right:1px solid #e1e1e1; } #men_4 .oben ul li{ height:12px; padding-bottom:10px; padding-left:15px; cursor:pointer; } #men_4 .oben ul a{ font-size:14px; display:block; height:inherit; } @media (max-width:1024px){ #men_4 .oben{ width:512px; } #men_4 .oben ul:nth-child(2){ padding-right:8px; border-right:1px solid #e1e1e1; } } @media (min-width:10px){ #aa_text{ margin-top:0;line-height:1.5rem; } #shopMain{ width:100%; } } @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%) } #aa_pic_show nav a.b_360 span{ display:none; } .wk_loesch{ font-size:0; height:16px; } .wk_pic .wkBox, .wk_pic, .wk_zk_pic{ width:70px; } .wk_pic .wkBox{ padding:8px; padding-top:26px; } .wk_plu, .wk_min, .wk_loe{ height:22px; } #wk_gutscheincode{ margin-top:-7px; width:252px; } #wk_gutscheincode button{ margin-top:78px; } #k_logo img{ padding-left:1rem; } .breadcrumb_wk, .breadcrumb_wk a, .breadcrumb_wk b{ margin-top:10px; margin-bottom:10px; font-size:12px!important; } .input_wk{ font-size:14px!important; } } @media (min-width:1180px){ #aa_pic_show nav a{ height:110px; width:110px; } #aa_pic_show nav a img{ max-width:88px; max-height:88px; } #aa_pic_show nav a.b_360{ background-size:40px 40px; padding-top:80px; } #aa_links{ float:left; width:30%; margin-right:2%; float:left; height:100% } .wk_pic .wkBox, .wk_pic, .wk_zk_pic{ width: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{ width:70px; } .wk_plu, .wk_min, .wk_loe{ height:26px; } .breadcrumb_wk, .breadcrumb_wk a, .breadcrumb_wk b{ margin-top:10px; margin-bottom:10px; font-size:14px!important; } } @media (min-width:1405px){ #aa_pic_show figure{ height:530px; } #aa_video iframe{ height:494px; } .wk_pic .wkBox, .wk_pic, .wk_zk_pic{ width:120px; } .wk_plu, .wk_min, .wk_loe{ height:32px; } .breadcrumb_wk, .breadcrumb_wk a, .breadcrumb_wk b{ margin-top:10px; margin-bottom:10px; font-size:16px!important; } .input_wk{ font-size:18px!important; width:60px; } } @media (max-width:1405px){ #aa_mitte .se li:last-child{ margin-left:0; } } @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%) } } @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); border-radius:60px; } to{ 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{ margin:0; padding:0; } .flexslider .slides>li{ display:none; -webkit-backface-visibility:hidden; } .flexslider .slides img{ width:100%; display:block; } .flex-pauseplay span{ text-transform:capitalize; } .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:#333; width:314px; height:252px; float:left; margin-left:0; } .blog_archiv_news_txt{ font-size:10px; } 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:#666; font-size:11px; 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:#666; font-size:20px; margin:0 0 15px 0; } #html-blog h2{ color:#666; font-size:20px; } .blog_archiv, .blog_archiv h2{ color:#666; font-size:20px; } .blog_archiv li a{ font-size:16px; color:rgb(79,79,78); } .blog_archiv{ width:13%; float:left; display:block; margin-top:25px; margin-left:3%; height:600px; background-color:rgb(207,207,207); 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(79,79,78)!important; } #custf_vor_zur_woanders{ display:none!important; } .vor_zur, .vor_zur a{ font-size:14px; font-family:Roboto300,Arial; } .zuletztthumb{ width:150px; margin:0 10px; } .zuletzt{ background:#FFFFFF; padding:2rem 1rem 1rem 1rem; } .zuletztdiv{ padding-top:101px; display:table; } .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(156,156,156); float:left; } .html_herst_liste_box a{ color:#FFFFFF; font-weight:bold; font-size:18px; } *[data-buchstabe]{ display:block; float:none; clear:both; } .mitte_login.abschluss{ background:#fff; padding:16px; border:1px solid rgb(221,221,221); margin:16px 0; border-radius:8px; } .login_c input[type="radio"]:checked+label{ filter:grayscale(0); transition:filter .5s; border:2px solid rgb(156,156,156)!important; border-radius:0px!important; } .login_c input[type="radio"]:hover+label{ filter:grayscale(0); transition:filter .5s; border:2px solid rgb(156,156,156)!important; border-radius:0px!important; } .login_c input[type="radio"]+label{ filter:grayscale(100%); transition:filter .5s; border:2px solid #d9d9d9!important; border-radius:0px!important; } .login_c input[type="radio"]+label:before{ box-shadow:0 0 0 1px #BBB!important; transition:box-shadow .3s; } .login_c input[type="radio"]:checked+label:before{ background:rgb(79,79,78)!important; transition:background .3s; } .login_c input[type="radio"]:checked+.ueb_zahlart{ padding-top:50px; } #aa_feat>a{ color:rgb(79,79,78); } .zzgl_Vers_in_WK, .wk_mwst, .liefertage span{ color:#BBB;font-size:.9rem; } .wk_lief{ display:none; } .wk_gsumme b, .zk_sum b, .zk_vers b, .zk_gsum b{ font-size:20px!important; display:block; margin-bottom:10px; } .zk_gsum{ margin-top:15px; font-size:24px!important; } .wk_plus_minus a{ padding:4px; } .bue_th div{ font-weight:bold; font-size:20px; padding-bottom:6px; } .f14{ font-size:14px; } .f16{ font-size:16px; } .f18{ font-size:18px; } .f20{ font-size:20px; } .f22{ font-size:22px; } .f24{ font-size:24px; } .fb{ font-weight:bold; } #kpf2{ font-size:16px; } .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:12px; width:225px; float:left; padding:10px; background:#eee; margin:0 5px 5px 0; } #andern{ width:84px; height:23px; display:block; } .socials{ position:fixed; width:37px; padding:0; right:0px; top:250px; text-align:center; } .socials a{ width:37px; height:37px; display:block; margin:0 0 10px 0; -webkit-filter:grayscale(1); filter:grayscale(1); border-top-left-radius:6px; border-bottom-left-radius:6px; } #side_fb{ background:url(img/Facebook.svg) no-repeat; background-size:37px; } #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_rs{ background:url(img/RSS.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_rs:hover{ background:url(img/RSS.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); } .banner{ position:absolute; text-align:center; width:100%; height:100%; box-sizing:border-box } .se>li.gr_1x1 .banner{ position:relative; text-align:center; width:100%; height:100%; box-sizing:border-box } .se>li.gr_1x1 .banner img{ width:102%; } .banner.text{ padding:20px } .banner span{ font-size:2em } .banner span.text2{ position:absolute; width:100%; background:rgba(174,154,100,0.8); padding:4%; font-size:1.5em; box-sizing:border-box; }.banner span.text3{ position:absolute; width:100%; color:rgba(249,249,249); background:rgba(79,79,79,0.8); padding:4%; font-size:1.2em; box-sizing:border-box; } .banner p{ font-size:0.9rem } .se>li.se_banner.sb{ padding:1rem; } .se>li.se_banner.sb h2{ font-weight:500; text-align:left; margin-bottom:1rem; color:rgb(79,79,78); font-size:1.1rem; } .se>li.se_banner.sb h3{ font-weight:bold; text-align:left; margin-bottom:1rem; } .se>li.se_banner.sb .text-2-column{ font-weight:lighter; -moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:20px; -webkit-column-gap:20px; column-gap:20px } .se>li.se_banner.sb p{ font-weight:lighter; margin:0 0 1rem 0; text-align:left; } .se>li.se_banner.sb .button{ display:block; width:auto; margin:0 auto; text-align:center; } .banner_text_unten{ padding:1rem; box-sizing:border-box; text-align:left; border:1px solid rgb(221,221,221); border-radius:8px; background:white; margin-bottom:3rem; } .banner_text_unten h3{ font-weight:bold; text-align:left; margin-bottom:1rem; color:rgb(125,125,125); font-size:1rem; } .banner_text_unten h2{ font-weight:bold; text-align:left; margin-bottom:1rem; color:rgb(125,125,125); font-size:1.3rem; } .banner_text_unten p{ margin:0 0 1rem 0; font-size:0.9rem; } .banner_text_unten .spalten-2{ column-count:2; } .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(79,79,78); padding:0 0 4px 0 } .se>li.gr_1x2{ height:326px; width:488px } .se>li.gr_1x1{ height:326px; width:236px } .se>li.gr_1-5x2{ height:497px; width:488px } .se>li.gr_1-5x1{ height:497px; width:236px } .se>li.gr_2x1{ height:668px; width:236px } .se>li.gr_2-5x1{ height:839px; width:236px } .se>li.gr_3x1{ height:1010px; width:236px } .se>li.gr_2-5x2{ height:839px; width:488px } .se>li.gr_3x2{ height:1010px; width:488px } .se>li.gr_1x2{ height:326px; width:488px; } .se>li.gr_2x2{ height:668px; width:488px; } .se>li.gr_1x3{ height:326px; width:740px } .se>li.gr_1-5x3{ height:494px; width:740px } .se>li.gr_1x0-5{ height:155px; min-height:155px; } .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:28px; font-weight:200; height:31px; line-height:22px } .se.side span{ color:rgb(79,79,78); font-size:14px; line-height:25px; font-weight:400 } .se.side .button{ float:right } .se.side .button{ font-weight:200 }.se.list_se > li.se_banner-new{padding:0;}.se_banner-new div{position:relative;width:100%;height:100%;}.se_banner-new2 div{position:relative;width:100%;height:100%;}.se_banner-new .button{top:55%;left:0;border-radius:0;background:rgba(0,0,0,.6);border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;padding:.5rem 1rem;}.se > li.gr_1x1 a{width:100%;height:100%;display:block;background-size:cover;background-repeat:no-repeat;}.se > li.gr_1x2 a{width:100%;height:100%;display:block;background-size:cover;background-repeat:no-repeat;}.se_banner-new h2{position:absolute; font-size:1.5rem; top:0; left:0; color:white; padding:1rem; background:rgba(0,0,0,.5); margin-top:0; border-bottom-right-radius:1rem;} .se_banner-new2 h2{position:absolute; font-size:1.5rem; top:0; left:0; color:white; padding:1rem; background:rgba(0,0,0,.5); margin-top:0; border-bottom-right-radius:1rem;} .se_banner-new div .text{display:block;color:rgb(255,255,255);position:absolute;left:1rem;} .se_banner-new div .text.bottom{bottom:1rem;} .se_banner-new div .text.top{top:7em;left:8em;} .se_banner-new div .text p{color:rgb(255,255,255);background:rgba(255,255,255,0.18);} .se_banner-new div .text h3{color:rgb(255,255,255);font-size:2.5rem;background:rgba(255,255,255,0.18);} .se_banner-new div .text h5{color:rgb(255,255,255);font-size:5.0rem;margin-right:4%;}.se_banner-new2 div .text{display:block;color:rgb(255,255,255);position:absolute;left:1rem;} .se_banner-new2 div .text.bottom{bottom:1rem;} .se_banner-new2 div .text.top{top:7em;left:8em;} .se_banner-new2 div .text p{color:rgb(255,255,255);background:rgba(79,79,78,0.3);} .se_banner-new2 div .text h3{color:rgb(255,255,255);font-size:2.5rem;background:rgba(79,79,78,0.3);} .se_banner-new2 div .text h5{color:rgb(255,255,255);font-size:5.0rem;margin-right:4%;} .se_banner-new div .center{left:0!important;top:0 !important;width:100%;height:100%; text-align:center; display:flex; flex-wrap:wrap; align-items:center; align-content:center;} .se_banner-new2 div .center{left:0!important;top:0 !important;width:100%;height:100%; text-align:center; display:flex; flex-wrap:wrap; align-items:center; align-content:center;} .se_banner-new div .right{left:0!important;top:0 !important;width:100%;height:100%; text-align:right; display:flex; flex-wrap:wrap; align-items:center; align-content:center;} .se_banner-new div .center h3,.se_banner-new div .center p{width:100%;} .se_banner-new2 div .center h3,.se_banner-new2 div .center p{width:100%;} .se_banner-new div .right h5,.se_banner-new div .right p{width:100%;} @media (max-width:772px){ .se>li.se_banner.sb h2{ font-size:0.8rem } .banner p{ font-size:0.7rem } } @media (max-width:760px){ .banner span.text2{ padding:6%; font-size:1.5em; } .se>li.gr_1x2{ height:497px; width:710px; padding:11px; } .banner p{ font-size:0.85rem }.se > li.gr_1-5x3{height:474px;min-height:474px !important;} } .se>li.se_banner.sb.tabbed h2{ margin-top:20px } .se>li.se_banner.sb.tabbed{ padding:0 !important } .card{ width:100%;box-sizing:border-box; } .navicon{ font-size:21.6px; text-align:center; padding-left:5px; padding-right:5px; } .navdot{ font-size:12px; } .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:#fff; } .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:#fff; box-shadow:none; cursor:default; color:RGB(47,128,203); } .tab:checked+label:hover{ background-color:#fff; box-shadow:none; } .tab+label{ cursor:pointer; display:block; text-decoration:none; color:#ccc; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; text-align:center; background-color:#fff; -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 #d7d7d7 inset; font-family:Roboto400,Arial,sans-serif; font-size:1rem; font-weight:normal; } .tab+label:hover{ background-color:#f7f7f7; box-shadow:0 -2px 3px #dddddd 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; } #service_wrapper table[class^="style"] td, #service_wrapper table[class^="style"] th{ vertical-align:middle; padding:4px } #service_wrapper article p{ margin-bottom:15px } #service_wrapper article a{ font-size:12px; color:rgb(79,79,78) } #service_wrapper article strong{ font-size:12px } .serviceVideo iframe{ height:275px } .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(47,128,203); background:white; border-bottom:2px solid #ddd; font-size:14px; 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:white; font-weight:400; 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 #ddd; top:60px; left:17px; padding:5px } .clear{ clear:both } .contact_form select.active{ border-bottom:2px solid RGB(47,128,203) } .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:12px; 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:white; border-radius:5px; 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(79,79,78); padding:15px; height:100%; color:#fff } #service_wrapper article.jobs .adresse p, #service_wrapper article.jobs .adresse strong, #service_wrapper article.jobs .adresse a{ color:#fff } #service_wrapper article.jobs .adresse a{ text-decoration:underline } .jobs span:first-child{ width:65%; display:inline-block } .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 } .detail-hersteller-logo img{ max-width:160px; max-height:70px } .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:45px; text-align:center; color:rgb(79,79,78); margin-bottom:35px; } #megaBestellabschluss{ display:block; height:220px; width:220px; border-radius:300px; border:20px solid white; background:rgb(125,125,125); 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 } #bestellabschluss p{ text-align:center; font-size:25px; } #bestellabschluss{ padding-bottom:300px; } #bestellabschluss .button2{ margin:0 auto; display:block; width:300px; text-align:center; margin-top:45px; margin-bottom:45px; } #bestellabschluss .aktive_felder{ position:relative; background:white; 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) } } .location_headline span:nth-of-type(2){ margin-left:-5px } #artikeldetailsocials{ overflow:hidden; padding:10px 5px; margin:5px 0; clear:both; } #socialbarbutton{ width:120px; height:31px; background-image:url(img/button_soc.png); background-repeat:no-repeat; cursor:pointer; background-position:top left; } #socialbarbutton .socialinfo{ display:none } #socialbarbutton .socialinfo button{ border:0; color:white; background:#5ea9dd; cursor:pointer; padding:6px; margin-top:20px; } #socialbarbutton .socialinfo:before{ content:' '; position:absolute; width:20px; height:20px; display:block; transform:rotate(45deg); margin-left:1px; margin-top:-21px; border-left:1px solid silver; border-top:1px solid silver; background-color:white; } #socialbarbutton.clicked .socialinfo{ position:absolute; margin-left:-4px; margin-top:33px; z-index:10; display:block; width:277px; color:#000; background:#FFF none repeat scroll 0% 0%; border:1px solid #ddd; padding:10px; text-align:center; } #socialbarbutton .socialinfo p{ margin:0; padding:0 } #basket-wrapper{ right:8px } #aa_detail #aa_mitte .title, #aa_detail #aa_links .title{ margin-bottom:13px } #aa_detail #aa_mitte #aa_cross .title{ margin-bottom:5px } #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(156,156,156) } table[style*="#DD2222"], .PGerror, .error_vor_absendenbutton{ border:1px solid red !important; padding:18px; border-radius:6px; width:auto; margin:6px auto; } img.achtung{ height:45px; margin-right:20px; } .PGerror, .error_vor_absendenbutton{ padding-left:60px; position:relative; display:block; color:white; } .PGerror img.achtung{ margin:0; position:absolute; left:8px; } .wk_ppic{ max-width:320px; } .bliste img{} .bliste th{ line-hight:24px; font-size:16px; } .infotext_eingeloggtbleiben, .infotext_eingeloggtbleiben p{ display:none; } .eingeloggtButton{ float:left !important;padding-right:3rem; background:rgb(204,204,204); overflow:visible; transition:background .3s; } .eingeloggtButton.long{ float:none !important; clear:both; width:94% !important; margin-bottom:10px; } .eingeloggtButton:after{ display:block; transition:background .3s; -moz-transition:background .3s; -ms-transition:background .3s; -webkit-transition:background .3s; height:37px; width:38px; content:' '; background:url(img/wk-x-w.svg) no-repeat 50% 50%; background-size:50%; top:7px; right:1rem; position:absolute; transform:translate(50%,-18%); -moz-transform:translate(50%,-18%); -ms-transform:translate(50%,-18%); -webkit-transform:translate(50%,-18%); border-radius:60px; } .eingeloggtbleiben:checked+.eingeloggtButton, .eingeloggtbleiben:checked+.eingeloggtButton:after{ background-color:green; } .eingeloggtbleiben:checked+.eingeloggtButton:after{ background-image:url(img/check_w.svg) } .eingeloggtbleiben{ position:absolute; left:-99999px; } #shopLayer .aktive_felder label[for*="eingeloggtbleiben"]{ display:none } @media (max-width:760px){ #tipDiv{ display:none; } .infotext_eingeloggtbleiben{ display:block; clear:both; padding:0 20px; font-size:20px; } .eingeloggtButton:after{ height:calc(75px * 1.012); width:calc(75px * 1.3); right:22px; top:13px; } }#shopLayer .aktive_felder label[for*="eingeloggtbleiben"],.infotext_logged,.eingeloggtbleiben,.eingeloggtButton,.infotext_eingeloggtbleiben{display:none!important;} @media (max-width:760px){ #tipDiv{ display:none; } .infotext_eingeloggtbleiben{ display:block; clear:both; padding:0 20px; font-size:20px; } .eingeloggtButton:after{ right:40px; } } @media (max-width:992px){ .foot_infos{ width:100%; } .foot_infos ul.foot_kat{ width:50%; padding-bottom:3rem; } .foot_kat .foot_ueb{ height:45px; } #se_sz{ display:none; } #k_logo img{ position:static;} } .menLogButtons{ display:none; } @media (max-width:772px){ .socials{ display:none; } .headerOutOfSight #custf_vor_zur_woanders{ display:none !important; } .foot_infos{ width:100%; } .zuletztthumb{ width:154px; } .blist_sort{ display:none !important; } #suchf ul li button{ background-position:50% 50%; height:80px; width:115px; } } @media(max-width:772px) and (min-width:760px){ .see_multi_loesch_buttons{ margin-bottom:22px; } } @media (max-width:760px){ .suche_erfolglos *{ font-size:45px; } .zuletztthumb{ height:150px; width:auto } #shopLayer{ width:750px; overflow-x:hidden; } body{ min-width:750px; overflow-x:hidden; } #topTop{ position:fixed; transform:translate(0,200%); transition:transform .7s; width:90px; height:90px; box-shadow:2px 2px 3px 0px rgba(0,0,0,0.6); right:16px; bottom:16px; background:white url(img/dropdown-arrow-up.svg) no-repeat 50% 50%; background-size:50px; opacity:.7;display:none; } .headerAusSicht.scrolltNachOben #topTop{ transform:translate(0,0); } .socials{ display:none; } #k_logo img{ height:110px; padding:.5rem; } #shopLayer{ padding-top:145px; } body header#shopHeader{ z-index:10000; box-shadow:2px 12px 20px 7px rgba(0,0,0,0.1); top:0; position:fixed; width:100%; } #k_logo, #k_ak_c, #k_wk, #k_merk, #k_suche_etc, #suchf, #suchf ul li *, #k_suche_etc a[data-num]{ height:110px; } #men_1{ margin-top:0; } #k_wk, #suchf{ width:90px; } #suchf ul li button{ width:90px;height:110px; } #k_wk{ background:transparent url(img/bg-wk.svg) no-repeat 50% 50%; background-size:55px; } *[data-pp="wk"] #k_wk{ background-image:url(img/bg-wk.svg); } #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; 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_wk:before, #k_merk:before{ right:.15rem;top:46px; } #grSucheClose{ font-size:23px; margin-right:7px; } #k_merk{ background-size:52px; } #k_merk.mOpen{ background-image:url(img/bg-merken.svg) } #men_1 section.unten .active .alvl_1, #men_1 section.unten li.hover>.alvl_1{ color:white; background:rgb(125,125,125) } #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(125,125,125); height:25px; width:25px; 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:29px; line-height:normal; text-align:center; } #men_1 div ul{ min-width:100%; height:auto; min-height:initial !important; } .men_head_men_6{ display:inline !important } #men_1 div ul li{ height:100px; width:220px; } #men_1 .unten *{ font-size:29px; } #men_1 section.unten .alvl_1:nth-child(1), #men_1 section.unten .alvl_1:nth-child(2){ border-top:2px solid rgb(79,79,78); font-size:29px; color:rgb(207,207,207); 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:23px; } #men_1 ul li.menLogButtons a{ width:100%; background:rgb(79,79,78) 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(156,156,156); 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:24px; padding:0 14px; } #men_1.mOpen section.oben{ background:rgb(156,156,156); border-bottom:2px solid rgb(79,79,78); } #men_1.mOpen section.oben .alvl_1{ color:white; } #men_1 section.unten .men_azu, #men_1 section.unten .men_zk1{ display:none; } #pers_nav{ height:75px; width:100%; background:rgb(79,79,78); 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:45px; color:white; line-height:75px; display:inline-block; transform:rotate3d(1,0,0,0deg); transform-origin:0 0; } #pers_nav.active:before{ animation:klapp .4s 1 linear; content:attr(data-text); background-image:url(img/wk-x-w.svg) } #pers_submen{ height:0; transition:height .8s; overflow:hidden; } #pers_nav.active+#pers_submen{ margin-bottom:30px; height:278px; } #pers_nav.active+#pers_submen:after{ display:block; clear:both; content:' '; } #pers_submen a.button2{ font-size:2em; padding:1rem; } #pers_submen a:not(.button2){ padding:0; text-align:center; margin:0; box-sizing:border-box; float:left; border-radius:0; background:rgb(156,156,156) } #pers_submen a.active{ background:rgb(79,79,78) } .tab_k{ font-size:1.25rem; } .se .se_header{ height:0; } #mz_leer{ margin:0; font-size:45px; text-align:center; padding-top:200px; } .vorteil figure{ background-size:auto 120px; } .se .vorteil figure{ background-size:auto 227px; } .se_banner img, .se_banner video{ width:100%; height:100%; } #custf_vor_zur_woanders{ display:none !important; } .se.list_se>li:not([class*="x2"]):not([class*="x3"]){ width:344px; margin:11px; } .se.list_se>li.auchLang{ height:746px; } .se.list_se>li>div[data-bn]{ width:230px; transform:scale(1.5); transform-origin:0 0; position:absolute; } .se.list_se>li>div[data-bn].lang{ height:746px; } .se.list_se>li{ min-height:497px; } .se.list_se>li [class*="x2"], .se.list_se>li[class*="x3"]{ width:710px; margin:11px; } .se.list_se>li.gr_1x0-5{ height:226px; min-height:226px; } .se_neu{ position:absolute; top:89px; z-index:1; font-size:0.8rem; } .se .vorteil>div{ font-size:40px; padding:52px 0; } .se .vorteil>div a u{ font-size:40px; } .slides .button, .banner span.button{ font-size:1.5rem; } .se .rat_stars{ top:64%; } .se>li.gr_2x2{ height:994px; } .se>li.se_banner.sb h3{ font-size:30px; } .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:24px; line-height:30px; } .se li .se_beobachten{ transform:scale(1.6); transform-origin:82% 40%; z-index:4; position:absolute; right:0; opacity:0.6; top:90px; } #aa_pic_show .se_beobachten{ transform:scale(2); transform-origin:100% 0%; } .se_unterteil *{ font-size:18px; } body .se_unterteil .se_vk{ font-size:25px;} .se_name{ height:86px; box-sizing:border-box; margin:0; } .se_name span{ font-size:18px; padding:0 10px; box-sizing:border-box; } .se>li.gr_3x2, .se>li.gr_2x2{ height:auto; } .se>li.se_banner.sb h2, .se>li.se_banner.sb h1{ font-size:35px; } #preis div#preisDiv{ font-size:60px; } .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%; margin:20px 0 0 0; box-sizing:border-box; font-size:35px; text-align:center; } .banner_oben>div{ font-size:25px; margin-bottom:1rem; padding-left:10px; } .tab_see{ max-width:750px; margin-left:-11px; } .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 *{ font-size:28px; } .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{ 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-left:0; margin-right:0; width:100%; padding-left:25px;box-sizing:border-box; } body main .see_multi_loesch{ font-size:25px; line-height:46px; background-size:21px; } .blog_archiv{ position:fixed; right:10px; height:auto; } .blog_text p, .blog_text{ font-size:25px; } #html-blog h2{ font-size:35px !important; margin:20px 0 } .blog_archiv *, .blog_archiv{ font-size:20px; } #cs_header .button{ display:block; margin:20px 0 0 0; width:100%; font-size:1.5rem; } #cs_layer span{ font-size:22px; } #cs_layer #cs_header{ padding:30px 22px; } #aa_detail .vorteil>div{ font-size:22px; } #aa_detail .vorteil>div a u{ font-size:22px; } .rating-note{ font-size:32px; } #aa_detail .separate-rating>b{ margin-top:15px; font-size:1.2rem; } #tZoomViewer{ display:none !important; } #basket-wrapper, #aa_fullview_button{ display:none; } #aa_mitte, #aa_pic_show,#basket{ width:710px; } #aa_pic_show figure{ height:550px; } #aa_pic_show figure img{ margin-top:20%; } #aa_pic_show nav a{ width:100px; height:100px; margin:12px 0 6px 40px; padding-top:13px; } #aa_pic_show nav{ margin-left:-22px; margin-bottom:12px; } #aa_pic_show nav a img{ max-height:74px; max-width:74px; } #aa_pic_show nav a.b_360{ padding-top:66px; background-size:37px 37px; font-size:18px; } #b_socs a{ height:46px; width:46px; } #b_socs{ height:46px; left:14px; bottom:22px; } #preis{ padding:2rem 2rem 0 0; } #html_lagerinfo span{ font-size:28px; } #a_basket_panzahl{ width:120px; } #a_basket_panzahl+div{ padding-top:49px; line-height:49px; padding-left:30px; } .small #preis div#preisDiv{ font-size:60px; } #preis .mwst, #preis .mwst *{ font-size:30px; } .detail-hersteller-logo{ display:none; } #aa_name span, .location_headline>span, #aa_name a{ font-size:20px; } #aa_name span a, .location_headline>span a{ font-size:20px; margin:10px; } #aa_name h1 a{ font-size:40px; } #aa_detail .title, #aa_detail #aa_mitte .title, #aa_detail #aa_links .title{ font-size:30px; font-weight:400; } #basket #aa_groe_tab{ font-size:20px; line-height:20px; height:20px; } #basket #aa_groe_tab:before{ height:23px; width:40px; margin-left:-39px; } .fagr{ width:18.4%; height:100px; padding-top:14px } .fagr img{ width:90%; } .fagr.active{ border:4px solid rgb(125,125,125); padding-top:10px; } .fagr[data-gr] div{ height:100px; width:125px; } .fagr.active[data-gr] div{ height:92px; width:116px; } #basket .vorteil{ width:222px; height:222px; margin-right:20px; margin-top:22px; } #basket .vorteil>div{ padding:16px; } figure .controls b{ width:63px; background-size:30px auto; } #aa_links.anghangen{ width:710px; } #aa_rating{ padding-left:5px; } #aa_rating .anzBew{ font-size:.7rem; } #aa_rating .rat_stars *{ height:21px; width:21px; background-size:21px 21px; } #aa_rating{ font-size:20px; transform:scale(1.5); transform-origin:0 0; } #aa_staffel li{ line-height:35px; } #aa_staffel li span{ font-size:25px; } .konfAbschlussAendern{ transform:scale(2); transform-origin:0 0; } .aa_optionen li label{ height:75px; line-height:75px; padding:0 75px 0 32px; } .aa_optionen li label *{ font-size:25px; } .konfGruppe:before{ font-size:25px; } .title2{ font-size:35px; } #konfZusammenFassung *{ font-size:25px; } #aa_konfAngaben li{ line-height:75px; padding-left:75px; } #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:30px; height:240px; } .shBagInh{ display:none !important; } #shopMain{ width:100%; } .wk>tbody>tr:first-child{ display:none !important; } .wk>tbody>tr{ padding-top:149px; display:block; position:relative; padding-left:75px; min-height:151px; margin-top:20px; } .wk>tbody>tr>td:first-child{ position:absolute; top:0; left:0; } .tab_plu_min td{ display:block; text-align:center; } .wk_plus_minus a{ display:block; } .wk_plus_minus a img{ height:2rem; } .input_wk{ font-size:30px !important; border-bottom-width:4px; width:75px; text-align:center; margin-bottom:16px } .wk_pic_td{ position:absolute; top:0; left:75px; } .wk_pic_td img{ width:150px; } .wk_pic_td+td{ position:absolute; top:0; left:235px; width:463px; } .wk>tbody>tr>td:nth-last-child(1), .wk>tbody>tr>td:nth-last-child(2){ display:block; width:50%; float:left; 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{ content:attr(data-text); font-size:25px; color:#bbb; display:block; margin-top:-32px; margin-bottom:10px; } .wk>tbody>tr>td:nth-last-child(1):before{ content:attr(data-text) } .zzgl_Vers_in_WK, .wk_mwst, .liefertage span{ color:#BBB; font-size:23px; } .breadcrumb_wk{ margin-top:30px; } .breadcrumb_wk, .breadcrumb_wk a, .breadcrumb_wk b{ font-size:30px !important; } .wk_gsumme{ font-size:40px; } .wk_gsumme span{ font-size:25px; } .button.wk_zk_button{ width:100%; margin-left:0; box-sizing:border-box; } .wk_gsumme b, .zk_sum b, .zk_vers b, .zk_gsum b{ font-size:35px !important; } #wk_gutscheincode{ width:100%; float:none; } #wk_gutscheincode button{ margin-top:0; height:65px; font-size:30px; } #shopLayer .aktive_felder#wk_gutscheincode input{ width:433px; margin-left:4px; } body #shopLayer .aktive_felder#wk_gutscheincode label{ margin-top:-1px; margin-left:-12px; border-bottom-width:4px !important; } body #shopLayer .aktive_felder#wk_gutscheincode label.active:before{ width:433px } #pp_exp_btn{ display:none; } #pp_express_link{ background-color:#ffc439; height:125px; display:block; border-radius:9px; margin-top:20px; } .wk_konf_text b{ font-size:21px; line-height:25px; } .wk_konf_text b:before{ font-size:25px; } .div_login>div{ width:710px; margin-left:6px; border-radius:9px; } #shopMain .shop_mitte .mitte_login .login_a input, #shopMain .shop_mitte .mitte_login .login_b input{ width:677px !important; margin-top:45px; } #shopLayer .div_login .aktive_felder label:before{ top:75px; border:0; } #shopLayer .div_login .aktive_felder label.active:before{ width:677px; } body #shopLayer .aktive_felder input{ border-bottom-width:4px !important; height:45px; line-height:45px; font-size:1.25rem; } body #shopLayer .aktive_felder label{ font-size:30px; height:45px; line-height:45px; padding-top:33px; margin-top:15px; } body #shopLayer .aktive_felder label *{ font-size:30px; } body #shopLayer .aktive_felder label.active{ padding-top:0px; } .login_a .pass_f{ top:150px; font-size:24px; } .mitte_login .button{ width:600px; margin-top:45px; ; } .login_a{ height:auto!important; } body .login_ueb{ font-size:30px; display:block; text-align:center; width:100%; top:-54px; } #guest_anz_button{ height:68px; background-size:50px auto; } #guest_anz_button:before{ width:50px; height:50px; } .div_login>div.login_c{ width:710px; margin-left:9px; } body #shopLayer ul.aktive_felder li input{ width:677px; margin-left:0; } #shopMain .shop_mitte .mitte_login .login_c input{ margin-top:45px; } ul.aktive_felder{ width:677px; } body #shopLayer #schnellog.aktive_felder label, body #shopLayer #ala_schnell.aktive_felder label{ margin-top:0; padding-left:0; } body #shopLayer #schnellog.aktive_felder li input#schnellog_inpu5_1, #shopLayer .div_login .aktive_felder label[for="schnellog_inpu5_1"].active:before{ width:395px; } body #shopLayer #schnellog.aktive_felder li input#schnellog_inpu5_2{ margin-left:470px; top:-45px; width:209px; } #shopLayer .div_login .aktive_felder label[for="schnellog_inpu5_2"]{ left:470px; width:209px; } #shopMain .shop_mitte .mitte_login select{ margin-top:70px; font-size:30px; margin-left:0; } #schnellLog_feld12{ margin-top:45px; } .ala_tr td{ text-align:left } .mitte_login #pp_guestco .ala_tr+tr .button{ margin-left:-100px; } input#schnellog_inpu6, #schnellLog_feld6 label.active:before, input#schnellog_inpu1, #schnellLog_feld1 label.active:before, input#schnellog_inpu7, #schnellLog_feld7 label.active:before{ width:87% !important; } #schnellog{ margin-left:3px !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:30px; color:#a3a3a3; 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:100%; height:auto; font-size:30px; } body main#shopMain [class^='button_za_dk']{ height:80px; display:block; float:none; width:100%; } body main#shopMain [class^='text_za_dk']{ font-size:30px; 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); top:27px; transform-origin:0 0; left:39%; } 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%); } #schnellog+table{ width:auto;border-spacing:0; } table[style*="#DD2222"]{ width:680px; margin:21px 0px; } body .htm_include h1{ font-size:35px; } .her_name{ font-size:25px; text-align:center; } .htm_include, .htm_include *{ font-size:25px } #news_bestellen .button, #kontaktform button{ width:100%; text-align:center; margin:45px 0; font-size:35px; border-radius:0; } #kontaktform{ float:none; width:100% } .faq_rahmen{ float:none; width:100%; box-sizing:border-box; padding-left:0; background:rgb(207,207,207); padding:12px; } .wk_wk_leer{ font-size:45px; margin:90px 0; } .breadcrumb_wk{ display:none; } .mitte_login.abschluss *{ font-size:25px; } .tabelle_zk_th{ display:none !important; } .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:center; font-size:45px; margin-top:45px; margin-bottom:25px; } a.button2.aendern_button{ position:absolute; top:23px; right:0; height:60px; width:60px; } a.button2.aendern_button:before{ height:100%; width:82%; } #shopMain .shop_mitte .mitte_login select[name="alanr"]{ font-size:25px !important; width:100%; } .tabelle_zk_th:not(.nwk)+tr td img[src*='ahlart']{ height:auto !important; } .wk_zk:not(.adress_tabelle) tr{ padding-top:90px; display:block; } .wk_zk tr:after{ display:block; content:' '; clear:both; } .wk_zk:not(.adress_tabelle) tr td{ padding-bottom:5px; display:block; float:left } .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:25px; } .zk_wk_anz.wk_counter{ width:40px; } .wk_zk_pic{ width:150px; } .mitte_login textarea.kundentext{ width:666px; height:120px; } .mitte_login.abschluss .button{ width:635px;border-radius:70px;margin-right:32px; font-size:45px; } #bestellung_ok_html *, #bestellung_ok_html{ font-size:25px; } .adress_tabelle .wkBox{ width:100%; padding:0; margin:0 !important; ; line-height:normal; text-align:center; } .wkBox[data-va]{ font-size:25px; } .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:27px; text-align:center; position:absolute; } .bestue_headline{ font-size:25px; 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{ font-size:45px; 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; } .mitVersandart, .zk_versandartenTD, .zk_versandartenTD+td{ display:block; } .mitVersandart{ text-align:right; padding-right:32%; width:100%; box-sizing:border-box; } .mitVersandart .b b{ font-size:35px; } .versTrenner{ display:none !important; } .zk_versandarten{ padding-bottom:50px; } .zk_versandarten .button2{ padding:20px; font-size:25px; } #bestli_text, #bestli_text *{ font-size:30px; } .bliste>tbody>tr:first-child{ display:none } .blisteAnr{ width:20%; } .blisteAnr:before{ content:attr(data-text); display:block; margin-bottom:20px; } .blistePic{ width:30%; } .blisteName{ width:50%; } .blisteName *{ font-size:25px; } .blisteAnr, .blistePic, .blisteName{ height:160px; } .blistePic img{ height:160px; border:0 !important; } .blisteZeile>td{ display:block; float:left } .blisteZeile:after{ content:' '; clear:both; display:block; } .blisteButton button{ height:100px; width:100px; font-size:30px; margin:0 auto; display:block; } .blisteButton{ width:33.33%; 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; } .zk_wk_summe{ float:none; width:100%; } .zk_wk_summe .b span:first-child, .zk_wk_summe .b span:last-child{ font-size:25px; } .zk_gsum span:last-child{ font-size:30px } .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:30px; } .inp_wrapper{ height:98px; padding-top:49px } body #shopLayer .aktive_felderV2 textarea{ height:196px; } .inp_wrapper.textarea{ height:auto; } #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.active{white-space:nowrap;} .fortschritt ul li.last{ display:block; width:100%; } .fortschritt ul li.last a{ text-align:center; font-size:45px; margin-top:15px; } .fortschritt ul .active.last.zeugs a:before{ transform:scale(1.7); display:inline-block; margin-top:10px; margin-right:15px; } #bestellabschluss .button2{ width:100%; font-size:45px; box-sizing:border-box; } } .se_ueberschrift_oben{ font-size:1.5rem; margin:1rem 0 1rem 10px; } .BreadcrumbList{ margin-left:.5rem; } .h1_in_breadcrumb{ font-size:1em; } @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); z-index:100000; width:320px; height:100%; overflow:auto; } @keyframes mobilizedMenue-Silde-Anim{ 0%{ transform:translate(-100%,0%) } 100%{ transform:translate(0%,0%) } } .mobilizedMenue-slide{ position:absolute; top:0; left:0; animation-duration:.3s; animation-name:mobilizedMenue-Silde-Anim; animation-timing-function:linear; background:rgb(207,207,207); height:calc(100% - 2px); overflow:auto; width:calc(100% - 2px); border-right:1px solid rgb(125,125,125); } .mobilizedMenue-MainContaner.closed{ transition:transform .3s; transform:translate(-100%,0) } .mobilizedMenue-MainContaner ul, .mobilizedMenue-MainContaner li{ list-style:none; display:block; padding:0; margin:0; } .mobilizedMenue-MainContaner li a, .mobilizedMenue-MainContaner li{ font-size:25px; } .mobilizedMenue-MainContaner li{ border-bottom:1px solid rgb(255,255,255) } .mobilizedMenue-MainContaner li.head{ text-align:center; padding:1rem 0; background:rgb(156,156,156); color:rgb(79,79,78) } .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%); 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); } } .mobilizedMenue-MainContaner li.mobilizedMenue-close{ position:absolute; z-index:10; width:100%; border-bottom:0; } span.b.zk_vers{ display:none;} @media (max-width:760px){.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){ width:25%!important;} .mobilizedMenue-MainContaner li a, .mobilizedMenue-MainContaner li{ font-size:35px; } .mobilizedMenue-MainContaner li.head{ padding:1rem 0; text-align:left; padding-left:65px; } .mobilizedMenue-MainContaner li a{ padding:20px 10px 20px 65px; } .mobilizedMenue-MainContaner li a:after{ width:45px; height:45px; left:15px; } .mobilizedMenue-MainContaner{ width:100%; } #men_1 section.unten{ position:absolute; left:-9999999px; } #mobileMenue{ width:100%; height:100%; position:absolute; } button.mobilizedMenue{ 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; z-index:1000; background-size:auto 40px; } } .minipics a, .minipics a img{ transition:filter .7s; } .minipics a.active{ filter:grayscale(1); } .minipics a.active img{ filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; } #email_formular_button{ margin-top:15px; padding:0 30px; } #email_formular{ background-color:rgb(255,255,255); padding:10px; border:1px solid rgb(207,207,207); margin-top:15px; } #email_formular h2{ font-size:1.5em; } #email_formular input, #email_formular textarea{ border:1px solid #888; padding:4px; background-color:white; width:96%; } .janolaw-text strong, .janolaw-paragraph{ font-size:16px!important; font-weight:bold; font-family:Roboto300,Arial; font-size:1.2em; } .janolaw-text, .janolaw-text p{ font-family:Roboto300,Arial; } .infotype1 table{ background-color:white; border-radius:8px; } #groetab{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; border-collapse:collapse; width:700px; } #groetab td, #groetab th{ border:1px solid #ddd; padding:8px; } #groetab tr:nth-child(even){ background-color:#f2f2f2; } #groetab tr:hover{ background-color:#ddd; } #groetab th{ padding-top:12px; padding-bottom:12px; text-align:left; background-color:#4CAF50; color:white; } table.dat_zk_check{ background-color:#FFFFFF; padding:10px; border:1px solid #DDD; } .container{ display:block; position:relative; padding-left:35px; margin-bottom:25px; cursor:pointer; font-size:22px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .container input{ position:absolute; opacity:0; cursor:pointer; } .checkmark{ position:absolute; top:0; left:0; height:25px; width:25px; background-color:#eee; } .container:hover input~.checkmark{ background-color:#ccc; } .container input:checked~.checkmark{ background-color:#8CA33B; } .checkmark:after{ content:""; position:absolute; display:none; } .container input:checked~.checkmark:after{ display:block; } .container .checkmark:after{ left:9px; top:5px; width:5px; height:10px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } #grSeitenAnsicht{ position:fixed; background:rgba(0,0,0,.4); top:0; left:0; width:100%; height:100%; z-index:1000000000; display:flex; opacity:0; transition:opacity .7s; } #grSeitenAnsicht.offen{ opacity:1; } #grSeitenAnsicht.geschlossen{} #grCloser{ flex-grow:1; } #grSeitenAnsichtWrapper{ background:rgb(255,255,255); padding:0 20px; align-items:center; transform:translate(100%,0); transition:transform .3s; display:flex; } .offen #grSeitenAnsichtWrapper{ transform:translate(0,0); } .groeUeberschrift{ padding:10px 40px 10px 0; background:url(img/filter-x.svg) no-repeat 93% 50%; font-weight:bold; } .groeButton{ text-align:center; padding:6px 0; } .groeButton.active, .groeButton:not(.weg):hover{ background-color:rgb(207,207,207) } .groeButton.weg{ opacity:.5 } @media (max-width:760px){} .typo{ border:1px solid rgb(230,230,230); background-color:white; } #ps-suchleiste{ border-bottom:1px solid rgb(230,230,230); } #ps-weiteres>*{ border:1px solid rgb(230,230,230); } #ps-vorschlage>li{ border-bottom:1px solid rgb(230,230,230); } #ps-vorschlage>li.active{ background-color:rgb(230,230,230); } .accent-color{ background-color:rgb(125,125,125) !important; color:rgb(255,255,255)!important; } #ps-menu>h3, #ps-menu>ul>li.is-toggle, #ps-artikel>h1{ color:rgb(125,125,125); } @media (max-width:760px){ #ps-menu.open+#ps-mobile-menu{ border-top:1px solid rgb(230,230,230); } } #ps-artikel>.unimportant{ border:1px solid rgb(79,79,78); color:rgb(79,79,78); } #typos{ margin-top:2rem; } 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; } @media (max-width:760px){ #shopMitte2 *{ font-size:23px; } div#ps-weiteres{ width:calc(100% - 26px); } div#ps-suchleiste{ width:calc(100% - 42px); margin-top:52px; } } #shopLayer.powersuche-offen{ overflow:unset !important; } .advent_tab{ width:762px; height:497px; background-image:url(img/adventskalender_hintergrund.jpg); background-repeat:no-repeat; border:0; margin-left:0; margin-top:0px; background-position:bottom; } .advent_td{ text-align:center; width:76px; height:49px; font-family:Arial,Helvetica; font-size:18px; } .advent_td a{ font-size:18px; } .advent_text{ width:722px; height:58px; background-color:#000; opacity:0.7; padding:11px 20px 28px 20px; font-size:30px; color:#fff; margin-top:0px; } .advent_tag{ padding:10px; display:inline; float:left; margin:20px 0 0 20px; background-color:white; border-radius:24px; cursor:pointer; } .advent_nummer{ color:#222; font-size:2em; } .advent_tooltipp{ padding:20px; color:#333; width:380px; height:330px; background-color:white; position:absolute; border:2px solid rgb(156,156,156); border-radius:4px; margin-left:160px; margin-top:15px; } .advent_status1{ width:245px; height:50px; float:left; margin-bottom:10px; padding-left:50px; font-size:18px; color:#a70b07; background-image:url(img/pg_smily3.png); background-repeat:no-repeat; background-position:left; } .advent_status2{ width:245px; height:50px; float:left; margin-bottom:10px; padding-left:50px; font-size:18px; color:#1c7d06; background-image:url(img/pg_smily1.png); background-repeat:no-repeat; background-position:left; } .advent_status3{ width:245px; height:50px; float:left; margin-bottom:10px; padding-left:50px; font-size:18px; color:#dfbc15; background-image:url(img/pg_smily2.png); background-repeat:no-repeat; background-position:left; } .advent_name{ font-size:16px; color:#555555; padding:8px 0 8px 0; display:inline-block; } .advent_pic{ width:150px; float:left; margin:30px; } .advent_preisbox{ width:160px; float:left; margin-left:10px; } .advent_preisbox_uvp{ font-size:12px; color:#555555; } .advent_preisbox_strike{ font-size:12px; color:rgb(230,230,230); } .advent_proz{ font-size:24px; color:rgb(125,125,125); font-weight:400; } .advent_preisbox_preis{ font-size:24px; color:#333; font-weight:400; } .advent_font8{ font-size:8px; color:rgb(207,207,207); } .advent_font12{ font-size:14px; color:rgb(255,255,255); } .advent_font14{ font-size:16px; font-weight:400; color:rgb(255,255,255); } .advent_font14r{ font-size:16px; font-weight:400; color:rgb(230,230,230); } .advent_font14g{ font-size:16px; font-weight:400; color:#00CC00; } .advent_font14o{ font-size:16px; font-weight:400; color:#ff9c00; } .advent_font18{ font-size:18px; font-weight:400; color:rgb(255,255,255); } .advent_thumb{ height:180px; } .advent_versand{ font-size:12px; } .advent_close{ padding:5px; } @media (max-width:760px){ .advent_preisbox{ margin-left:10px; } .advent_tooltipp{ padding:10px; width:517px; height:351px; } .advent_pic{ max-width:240px!important; max-height:180px!important; } .advent_thumb{ width:150px; padding-right:30px; } .advent_font8{ font-size:1em; } .advent_font12{ font-size:1em; } .advent_font14{ font-size:1.5em; } .advent_font14r{ font-size:3em; } .advent_font14g{ font-size:1.5em; } .advent_font14o{ font-size:1.5em; } .advent_font18{ font-size:2em; } .advent_tag{ width:81px; height:60px; padding:6px; } .advent_text, .advent_versand{ font-size:1.5em; } } #floatNL{ position:fixed; bottom:0; left:0; background-position:center; background-color:#AE9A64; z-index:10000000000; cursor:pointer; text-align:left; width:100%; } #floatnlhidemepls{ display:inline-block; height:45px; width:30px; float:right; margin-top:5px; font-size:2em; line-height:45px; color:#fff; padding:0 15px 0 15px; } #floatnlactive{ display:inline-block; color:#fff; line-height:38px; padding:5px 15px; font-size:1.3rem; text-decoration:none; text-align:center; background-color:#AE9A64; margin:0; } #floatnlactive span{ font-size:1.8rem; color:#fff; } #floatnlactive .info{ color:#fff; font-size:1rem; padding:3px; background-color:#AE9A64; } @media (max-width:890px){ #floatnlactive .info{ display:block; } #floatnlhidemepls{ margin:0; height:70px; width:60px; line-height:60px; font-size:3rem; } #floatnlactive{ padding:20px; } } #pacerGoOnButton{ width:100%; clear:both; } #pacerGoOnButton .button{ position:absolute; bottom:0; left:1%; width:98%; } @media (max-width:760px){#pacerGoOnButton .button{ width:94%;} } #btn-to-top{ display:none; position:fixed; bottom:1rem; 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; box-shadow:none; } #nach-oben-link{ color:white; } .html3list_mini_bildgroesse_farbvarianten{ height:85px; width:65px; float:left; margin:2px; font-size:10px; } .html3list_farbvarianten_mini_bildgroesse{ max-width:40px; max-height:40px; } .html3list_aufschlag{ font-size:10px; } .infotype1{ margin-top:30px; max-width:96vw; overflow:hidden; } .wk_ueberschrift_tr > th:nth-child(3){display:none;} .order-info div.col a.edit{ position:absolute !important; left:20px !important; bottom:20px !important; font-size:1rem !important; background:url(img/edit2.svg) 0 0 no-repeat !important; background-size:auto !important; padding:1px 0 5px 2rem !important; background-size:1.5rem !important; } .order-info div.col a.edit2{ position:absolute !important; left:20px !important; top:80px !important; font-size:1rem !important; background:url(img/edit2.svg) 0 0 no-repeat !important; background-size:auto !important; padding:1px 0 5px 2rem !important; background-size:1.5rem !important; } section.fortschritt{ cursor:default } section.fortschritt ul{ display:flex; list-style-type:none; justify-content:space-between; background:rgba(0,0,0,.03); border-radius:50px; margin:20px 0; overflow:hidden } .fortschritt ul li{ height:50px; line-height:50px; padding:0 10px; border-radius:50px; position:relative } .fortschritt ul li.active{ background:rgb(125,125,125) } section.fortschritt ul li a{ color:#4a4a4a; padding:6px 20px;white-space:nowrap; } section.fortschritt ul li.active a{ color:#fff; position:relative; z-index:1 } .fortschritt li.active.last a{ border:4px solid #fff; border-radius:20px; background:#fff; color:#999; margin-right:-15px } .breadcrumb_wk{ display:none } .wk_wk_leer+hr{ display:none } .wk_wk_leer{ text-align:center; margin:20px 0 50px; background:rgba(0,0,0,.03); padding:40px } .wk_best_2, .wk_best_1{ color:rgb(125,125,125) } .wk_best_2 span, .wk_best_3{ color:#d84d4d } .fortschritt ul li.active+li.active:before{ content:''; height:50px; width:400%; background:rgb(125,125,125); display:block; position:absolute; right:80%; z-index:0 } .fortschritt ul li:last-child{ padding-right:10px } .fortschritt ul li:first-child{ padding-left:10px } .fortschritt ul li:first-child{ padding:0 5px } .fortschritt ul>li.active.last:first-child a{ margin:0 -10px 0 0 } .fortschritt ul li.active:after{ content:''; background:url(https://cdn.hut.de/icon_check_w.svg) 0 0 no-repeat; width:20px; height:20px; background-size:contain; display:inline-block; position:absolute; z-index:10; top:15px; right:-11px } .fortschritt ul li.active.last:after{ background-image:none } .fortschritt li.active.last:last-child a{ margin-right:-5px } .fortschritt ul li.active.last:after{ background-image:none; background:-moz-linear-gradient(left,rgba(174,154,100,0) 0%,#cab247 100%); background:-webkit-linear-gradient(left,rgba(174,154,100,0) 0%,#cab247 100%); background:linear-gradient(to right,rgba(174,154,100,0) 0%,#cab247 50%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cab247',endColorstr='#cab247',GradientType=1); height:50px; top:0; right:-10px; width:350%; z-index:0; border-radius:50px } .wk_plus_minus img, .wk_loe{ max-width:2rem; } span.wk_plus_minus a:hover img, .wk_loe:hover{ transform:scale(1.2); transition:all 200ms ease-in-out } img.wk_pic, img.wk_zk_pic, td.zk_wk_pic img{ max-width:80px } @media all and (max-width:1024px){ section.fortschritt{ display:none } } @media all and (max-width:768px){ section.fortschritt ul li a{ font-size:.8rem } .fortschritt ul li{ height:40px; line-height:39px } } @media all and (max-width:736px){ .fortschritt ul li{ padding:0 5px } } [class*=grid-][class*=-noGutter]{ margin:0; } .order-info{ margin:0 0 20px!important; } [class~=grid], [class*=grid-], [class*=grid_]{ box-sizing:border-box; display:flex; flex-flow:row wrap; margin:0 -.5rem; } [class*=grid-][class*=-noGutter]>[class~=col], [class*=grid-][class*=-noGutter]>[class*=col-]{ padding:0; } .order-info div.col{ background:rgba(0,0,0,.03); padding:20px 0 20px 20px!important; display:flex; position:relative; } [class*=grid-4]>[class~=col], [class*=grid-4]>[class*=col-], [class*=grid-4]>[class*=col_]{ flex-basis:25%; max-width:25%; } [class~=col], [class*=col_]{ flex:1 1 0%; } [class~=col], [class*=col-], [class*=col_]{ box-sizing:border-box; padding:0 .5rem 1rem; max-width:100%; } .order-info div.col>div{ border-right:1px solid #ddd; flex:1; } .order-info div p{ font-size:1.4rem; color:#4a4a4a; margin:0 0 10px; } .order-info span.box{ margin:0 0 3rem 0; display:block; } .order-info span.box a{ color:rgb(125,125,125); } .zahlart span.box a{ color:rgb(125,125,125)!important; } span[data-za="Paypal"]{ color:rgb(125,125,125) !important; font-size:20px; } .abschluss .order-info div.versandart span.box a:nth-of-type(1){ margin:20px 20px 0 0; } .abschluss .order-info div.versandart span.box a[data-aktiv="1"]{ border:2px solid; } .abschluss .order-info div.versandart span.box a{ display:flex; position:relative; cursor:pointer; margin-bottom:10px; justify-content:flex-start; align-items:center; background:#fff; padding:5px; margin:10px 20px 0 0; } .versandart img{ max-width:118px; padding-left:calc(50% - 60px); } .span-versand{ color:#9b9b9b; } @media (max-width:80em){ [class*=_lg-2]>[class~=col], [class*=_lg-2]>[class*=col-], [class*=_lg-2]>[class*=col_]{ flex-basis:50%; max-width:50%; } } @media (max-width:64em){ [class*=_md-2]>[class~=col], [class*=_md-2]>[class*=col-], [class*=_md-2]>[class*=col_]{ flex-basis:50%; max-width:50%; } } @media (max-width:48em){ [class*=_sm-2]>[class~=col], [class*=_sm-2]>[class*=col-], [class*=_sm-2]>[class*=col_]{ flex-basis:50%; max-width:50%; } } @media (max-width:36em){ [class*=_xs-1]>[class~=col], [class*=_xs-1]>[class*=col-], [class*=_xs-1]>[class*=col_]{ flex-basis:100%; max-width:100%; } } @media (max-width:1024px){ .order-info div.col:nth-of-type(3) div{ border-right:1px solid #ddd; } } @media (max-width:1280px){ .order-info div.col:nth-of-type(3) div, .order-info div.col:nth-of-type(4) div{ border-top:1px solid #ddd; padding-top:20px; border-top:none; } } .anzahl_in_wk{ border:2px solid lightgray; border-radius:25%; padding-left:15px; padding-right:12px; padding-top:5px; padding-bottom:5px; } .wk_pen{ display:none } #gespres img{ width:120px; } table.wk_zk>tbody>tr>th>a{ color:#9b9b9b; font-size:.8rem; font-weight:bold; } table.wk_zk>tbody>tr>th{ color:#9b9b9b; font-size:.8rem; } #gespres *{ color:#9b9b9b; } @media (max-width:772px){.order-info div.col a.edit2{top:100px !important;}.col:nth-child(1),.col:nth-child(2){border-bottom:1px solid lightgray;} table.wk, table.wk_zk{ background:rgba(0,0,0,.03); padding:50px 20px 0; } .wk tr.wk_ueberschrift_tr, .wk_zk tr.tabelle_zk_th{ display:none; } table.wk>tbody>tr, table.wk_zk>tbody>tr{ display:flex; justify-content:space-between; margin:0 0 40px; border-bottom:1px solid #ddd; } .wk .wk_anz_td, .wk_zk .zk_wk_anz{ order:3; flex-grow:0; } .wk_zk .zk_wk_pic{ order:0; flex-grow:0; margin:-10px 35px 0 0; } .wk_pic_td{ order:0; flex-grow:0; margin:-10px 70px 0 0; } .wk .wk_name_td, .wk_zk .zk_wk_name{ order:2; flex-grow:2; text-align:left; max-width:270px; } .wk_zk .zk_wk_lager{ display:none; } .wk_zk .zk_wk_ep{ display:none; } .wk .wk_preis_td, .wk_zk .zk_wk_ep{ order:4; pointer-events:none; } table.wk tr td, table.wk_zk tr td{ flex-grow:1; position:relative; } .wk_zk td:nth-of-type(7){ display:none; } .wk .wk_ges_preis_td, .wk_zk .zk_wk_gsum{ order:5; pointer-events:none; } table.wk>tbody>tr:last-child, table.wk_zk>tbody>tr:last-child{ border:none; margin:0 0 15px; } .wk_lief_td,.wk_preis_td{display:none !important;} } #wk-ende-kram,#herst_wk{display:none;} @media (max-width:772px){ .wk_pic_td{ order:0; flex-grow:0; margin:-10px -20px 0 0;} } @media (max-width:760px){ .zk_wk_anz{ max-width:50px; padding-left:10px; } .zk_wk_anz:before{ content:'Anzahl \A'; white-space:pre-wrap; font-size:16px!important; } .zk_wk_name{ max-width:283px !important; } .zk_wk_name:before{ content:'Artikel \A'; white-space:pre-wrap; font-size:16px!important; } .zk_wk_gsum{ max-width:190px; padding-top:0px !important; padding-left:30px !important; } .zk_wk_gsum:before{ content:'Preis \A'; white-space:pre-wrap; font-size:16px!important; } .zk_wk_ep{ display:none !important; } table.wk_zk{ max-width:695px; } .wk_zk_div{ max-width:680px; } .anzahl_in_wk{ padding-left:5px; padding-right:0px; margin-top:5px; display:block; } .wk_zk:not(.adress_tabelle) tr{ padding-top:15px !important; } #herst_wk,.wk_lief_td,.wk_preis_td{display:none !important;} td.wk_name_td{ margin:-135px -15px 0 0; } td.wk_ges_preis_td{ margin:-101px 0px 0 0; } .wk_zk .zk_wk_pic{ order:0; flex-grow:0; margin:-10px 35px 0 0; } .wk_pic_td{ order:0; flex-grow:0; margin:-10px 70px 0 0; } } #men_2{ display:block; clear:both; position:absolute; width:100%; min-width:772px; } #men_2 section{ display:block; text-align:left; } #men_2 section .alvl_1{ display:inline-block; } #men_2 section .active .alvl_1, #men_2 section li:hover>.alvl_1{ color:rgb(79,79,78) } #men_2 section li, #men_2 section ul{ display:inline; position:relative; } #men_2 section.oben{ height:80px; border-top:1px solid rgb(221,221,221); } #men_2 section.oben .alvl_1{ line-height:80px; padding:0 23px; } #men_2 section.unten{ height:60px; background:rgb(207,207,207); } #men_2 section.unten .alvl_1{ line-height:60px; padding:0 20px; } #men_2 section.unten .hover .alvl_1{ background:rgb(156,156,156); color:white; } .men_head_men_6{ display:none !important } #men_2 section.oben li.men_head_men_9 .alvl_1{ color:#9E1D10; } #men_2 div{ position:absolute; left:-99999px; background:rgb(156,156,156); width:1600px; text-align:center; z-index:1000000; display:flex; } #men_2 .lvl_1>li.hasChildren.hover>div{ left:0; max-height:680px; min-width:195px; } #men_2 div ul{ display:flex; width:100%; flex-wrap:wrap; } #men_2 div ul:last-child{ border:0; } #men_2 div ul li a, #men_2 div ul li{ color:white; } #men_2 div ul li{ color:white; position:relative; margin:2% 0 0 0; display:flex; width:25%; box-sizing:border-box; } #men_2 div ul li:hover{ background:rgb(79,79,78); } #men_2 div ul li a{display:block; height:auto; width:auto; padding:1rem; text-align:left; } #men_2 div ul li.head{ display:block; font-size:20px; height:40px; padding-top:15px; background:none; clear:both; width:100%; text-align:left; } #men_2 div ul.men_her{ max-width:1120px!important; } #men_2 div ul li:last-child{ margin-bottom:2%; } #men_2 div:before{ content:' '; height:20px; margin-top:-15px; display:block; } #men_2 div ul.men_her li{ background:rgb(230,230,230); } #men_2 div ul.men_her li:first-child{ background:none; } #men_2 div ul.lvl_2 > li.hasChildren.kactive div{ left:initial; right:0; transform:translate(100%,0); } #men_2 div ul.lvl_2 > li.hasChildren:after{ content:' '; position:absolute; height:inherit; width:20px; right:0; top:0; background:url(img/pg_vor.svg) no-repeat 50% 50%; } #men_2 div ul.lvl_2 > li.hasChildren{ padding:0; } #men_2 div ul.lvl_2 > li div{position:static;}.banner_container{position:relative;width:100%;}.banner_mage{display:block;width:100%;height:auto;}.banner_overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;-moz-transition:.5s ease;-ms-transition:.5s ease;-webkit-transition:.5s ease;background-color:#008CBA;}.banner_container:hover .banner_overlay{opacity:1;}.banner_filtergray{-webkit-filter:grayscale(100%);filter:grayscale(100%);}.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(230,230,230);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(125,125,125) 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;}.fakeLoginWithAmazon{display:inline-block;}.fakeLoginWithAmazon.loading{filter:grayscale(1);position:relative;}.fakeLoginWithAmazon.loading:before{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%);content:'';background-image:url(/img/pre_3.gif);background-size:100%;background-repeat:no-repeat;height:40px;width:40px;}.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#AmazonPayButton{margin-top:36px;margin-left:15px;cursor:pointer;}div[data-pp="wk"] #AmazonPayButton{ display:inline-block;position:relative;top:-10px;}@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;} #AmazonPayButton{width:65%;display:inline-block;float:left;margin-left:17%;margin-top:48px;} #pp_express_link{float:left;width:49%;}}.wkBox[data-za="Amazon Pay"]{ background-image:url(img/Amazon_Pay_logo.svg);background-position:center;}#dd_farb .dd_list ul li.see_li_fa label:after{content:'';display:inline-block;width:1rem;height:1rem;border-radius:1rem;margin-left:.5rem;}#dd_farb .dd_list ul li.see_li_fa[data-faid="1"] label:after{background-color:rgb(211,203,161);}#dd_farb .dd_list ul li.see_li_fa[data-faid="2"] label:after{background-color:rgb(47,75,231);}#dd_farb .dd_list ul li.see_li_fa[data-faid="3"] label:after{background-color:rgb(85,42,27);}#dd_farb .dd_list ul li.see_li_fa[data-faid="4"] label:after{background-color:rgb(245,245,240);}#dd_farb .dd_list ul li.see_li_fa[data-faid="5"] label:after{background-color:rgb(255,215,0);}#dd_farb .dd_list ul li.see_li_fa[data-faid="6"] label:after{background-color:rgb(203,167,45);}#dd_farb .dd_list ul li.see_li_fa[data-faid="7"] label:after{background-color:rgb(110,110,110);}#dd_farb .dd_list ul li.see_li_fa[data-faid="8"] label:after{background-color:rgb(11,97,11);}#dd_farb .dd_list ul li.see_li_fa[data-faid="9"] label:after{background-image:linear-gradient(45deg,purple,blue,cyan,green,yellow,red,black);}#dd_farb .dd_list ul li.see_li_fa[data-faid="10"] label:after{background-color:rgb(255,140,0);}#dd_farb .dd_list ul li.see_li_fa[data-faid="11"] label:after{background-color:rgb(245,169,208);}#dd_farb .dd_list ul li.see_li_fa[data-faid="12"] label:after{background-color:rgb(180,4,4);}#dd_farb .dd_list ul li.see_li_fa[data-faid="13"] label:after{background-color:rgb(0,0,0);}#dd_farb .dd_list ul li.see_li_fa[data-faid="14"] label:after{background-color:rgb(192,192,192);}#dd_farb .dd_list ul li.see_li_fa[data-faid="15"] label:after{background-color:rgb(54,187,174);}#dd_farb .dd_list ul li.see_li_fa[data-faid="16"] label:after{background-color:rgb(124,53,86);}#dd_farb .dd_list ul li.see_li_fa[data-faid="17"] label:after{background-color:rgb(255,255,255);}.se.list_se > li .se_loesch{position:absolute;bottom:0;right:0;padding:2%;width:40px;height:40px;}.se.list_se > li .se_loesch img{width:30px;}#packst_grafik{display:none!important;}#k-service{ display:block;margin:1.5rem 1rem 0 0;font-size:.9rem;padding:.5rem 1rem .5rem 2.2rem;border:.1rem solid rgb(79,79,78);border-radius:2rem;background:url(img/bg-info.svg) .3rem 50% no-repeat;background-size:1.5rem;color:rgb(79,79,78);}#k-service span{ font-size:inherit;}#shopHeader #suche24{position:absolute;right:0;bottom:0;}.start-tops{display:flex;background:rgb(238,238,238);padding:1rem;justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;-webkit-justify-content:space-around;overflow:hidden;position:relative;z-index:-1;}.start-tops div{font-size:.8rem; color:#999; display:flex; padding:0 2rem; justify-content:space-between; align-items:center;}.start-tops div:before{ content:""; width:3rem; height:3rem; display:inline-block; margin:0 .75rem;}.start-tops div.box1:before{ background:url(img/gratis-versand-rueckversand.svg) 50% 50% no-repeat; background-size:auto; background-size:contain;}.start-tops div.box2:before{ background:url(img/1-3-tage-lieferzeit.svg) 50% 50% no-repeat; background-size:auto; background-size:contain;}.start-tops div.box3:before{ background:url(img/60-tage-rueckgaberecht.svg) 50% 50% no-repeat; background-size:auto; background-size:contain;}.start-tops a.close{ position:absolute; right:.25rem; top:-.25rem; font-size:2rem; color:#333; transform:rotate(45deg); cursor:pointer;}.headerAusSicht.scrolltNachUnten .start-tops{display:none;}#shopHeader{ border-bottom:.1rem solid rgb(221,221,221);}@media (max-width:992px){ #k_logo{ margin-left:5rem;}#k_logo img{padding:.75rem 0 .5rem 0;height:100%;}#k-service{ margin-top:1rem;}#shopHeader #suche24{right:auto;left:29%;bottom:16px;}.start-tops div{ padding:0 1rem;}.hideWhenMobile{display:none !important;}#shopHeader .maxi #alt{ height:auto;}#k-servum{ order:-1;}}@media (max-width:772px){#shopHeader #suche24{ height:100%;bottom:0;}#suchf{ height:100%;}.start-tops div span{text-align:center;}.start-tops div:before{ display:none;}.headerOutOfSight #shopHeader{height:88px !important;}}@media (max-width:760px){.start-tops div{ padding:0;}#shopHeader #suche24{left:15%;}#k_logo{ height:110px;width:110px;margin-left:34%;}.headerOutOfSight #shopHeader{height:110px !important;}#k-service{ margin:0;border:0;padding:0;width:90px;height:110px;background-position:50%;background-size:48px;}#k-service span{ display:none;}}.se_banner_unten{ display:block;text-align:left;margin-bottom:3rem;position:relative;padding:0 .5rem;}.se_banner_unten p,.se_banner_oben p{ text-align:justify;margin:0 0 .5rem 0;}.se_banner_unten h1,.se_banner_oben h1{ font-size:1.5rem;font-weight:bold;margin-bottom:.5rem;}.se_banner_unten h2{ font-size:1.25rem;font-weight:bold;margin:1rem 0 .5rem 0;color:rgb(185,159,89);}.se_banner_unten h3{ font-weight:bold;margin:1rem 0 .25rem 0;}.se_banner_unten h4{ font-size:1.25rem;font-weight:bold;margin:1rem 0 .5rem 0;color:rgb(185,159,89);}.se_banner_unten a{ text-decoration:underline;}.se_banner_unten a:hover{ text-decoration:underline;color:rgb(185,159,89);}.se_banner_oben{ display:block;text-align:left;margin-bottom:2rem;position:relative;padding:0 .5rem;}.se_banner_oben a[href^="#text"]{margin-left:.5rem;color:rgb(185,159,89);}.se_banner_oben a[href^="#text"]:hover{ text-decoration:underline;}.se_banner_unten a[name="text"]{padding-bottom:10rem;display:block;position:absolute;top:-15%;}.se_banner_unten a[name*="punkt"]{padding-bottom:10rem;display:block;position:absolute;top:-35%;}.se_banner_oben .flexbox{ display:flex; }.se_banner_oben .flexbox .picbox{ width:38%;max-width:488px;}.se_banner_oben .flexbox .picbox a{ display:block;width:100%;height:100%;background-size:cover;border:1px solid rgb(221,221,221);border-radius:8px;position:relative;}.se_banner_oben .flexbox .picbox .text.center{ background:rgba(0,0,0,.25);position:absolute;bottom:35%;width:100%;padding:.5rem 0;text-align:center;color:rgb(255,255,255);}.se_banner_oben .flexbox .picbox .text.center p{ text-align:center;color:inherit;}.se_banner_oben .flexbox .picbox .text.center h3{ font-size:2.5rem;color:inherit;}.se_banner_oben .flexbox .picbox .text.center .banner-title{ font-size:2.5rem;color:inherit;}.se_banner_oben .flexbox .textbox{ width:60%;margin-left:16px;flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;-webkit-flex-grow:1;}.se_banner_oben .flexbox .textbox .box1{ width:100%;margin-bottom:1rem;padding:1rem;box-sizing:border-box;border:1px solid rgb(221,221,221);border-radius:8px;}.se_banner_oben .flexbox .textbox .box2{ width:100%;padding:1rem;box-sizing:border-box;border:1px solid rgb(221,221,221);border-radius:8px;}.se_banner_oben .flexbox .textbox ul{ display:flex;flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}.se_banner_oben .flexbox .textbox ul li{ width:33%;}.se_banner_oben .flexbox .textbox ul li a{ }.se_banner_oben .flexbox .textbox ul li a:hover{ color:rgb(185,159,89);text-decoration:underline;}.se_banner_oben .flexbox .textbox h1{ font-weight:normal;}.se_banner_oben .flexbox .textbox h2{ font-size:1.25rem;margin-bottom:.5rem;}.se_banner_oben .flexbox .scroll{ overflow-y:hidden;width:calc(100vw - 16px);}.se_banner_unten .flexbox{ display:flex;margin-bottom:2rem;}.se_banner_unten .flexbox .text-box-links{ width:58%;margin-right:2%;position:relative;}.se_banner_unten .flexbox .pic-box-rechts{ width:40%;}.se_banner_unten .flexbox .text-box-rechts{ width:58%;position:relative;}.se_banner_unten .flexbox .pic-box-links{ width:40%;margin-right:2%;}.se_banner_unten .flexbox .pic-box-rechts a,.se_banner_unten .flexbox .pic-box-links a{ display:block;position:relative;width:100%;height:100%;}.se_banner_unten .flexbox .pic-box-rechts img,.se_banner_unten .flexbox .pic-box-links img{ display:block;width:100%;height:auto;border-radius:8px;} .se_banner_unten .flexbox h2{ margin-top:0;}@media (max-width:992px){.se_banner_unten p,.se_banner_oben p{ text-align:left;}.se_banner_oben .flexbox .textbox ul li{ width:50%;}.se_banner_unten .flexbox{ flex-wrap:wrap;margin-bottom:0;}.se_banner_unten .flexbox .text-box-links,.se_banner_unten .flexbox .pic-box-rechts,.se_banner_unten .flexbox .text-box-rechts,.se_banner_unten .flexbox .pic-box-links{ width:100%;margin:0 0 2rem 0; }.se_banner_unten .flexbox .pic-box-links,.se_banner_unten .flexbox .pic-box-rechts{ order:-1;}}@media (max-width:772px){.se_banner_unten a[name="text"]{ top:-5%;padding-bottom:5rem;}.se_banner_oben,.banner_oben > div{ margin-bottom:2.5rem;}.se_banner_oben .flexbox{ flex-wrap:wrap;}.se_banner_oben .flexbox .picbox{ width:100%;max-width:100%;height:450px;margin-bottom:1rem;}.se_banner_oben .flexbox .textbox{ width:100%;margin:0;}.se_banner_oben .flexbox .textbox ul{ overflow-x:scroll;white-space:nowrap;flex-wrap:unset;-moz-flex-wrap:unset;-ms-flex-wrap:unset;-webkit-flex-wrap:unset;-webkit-overflow-scrolling:touch;}.se_banner_oben .flexbox .textbox ul li{ width:auto;}.se_banner_oben .flexbox .textbox ul li a{ display:block;padding:.5rem 1rem;background:rgb(185,159,89);color:rgb(255,255,255);text-align:center;border-radius:8px;margin-right:.5rem;}#filter_anzeigen{ display:block;line-height:1.25rem;}}@media (max-width:760px){#filter_anzeigen{ top:-2rem;}#filter_anzeigen div{ height:1.3rem;}#filter_anzeigen{ line-height:1.3rem;}}.sk_respo_head_select_red{color:rgb(221,221,221)}.sk_respo_section{margin:0 auto;max-width:650px;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 rgb(221,221,221);}.sk_respo_section2{text-align:center;color:rgb(230,230,230);font-size:1rem;margin-bottom:3rem;}.sk_respo_onr{text-align:left;color:#000000;font-size:1rem;margin-bottom:1rem;}.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%;padding:10px;}.sk_respo_head_bn{background-color:#efefef;padding:10px;}.sk_respo_head_pic{background-color:#efefef;padding:10px;}.sk_respo_head_name{background-color:#efefef;padding-top:10px;padding-left:10px;}.sk_respo_head_groesse{background-color:#efefef;padding:10px;}.sk_respo_head_preis{background-color:#efefef;padding:10px;}.sk_respo_head_select{background-color:#efefef;padding:10px;}.sk_respo_section2 .flexbox div.sk_respo_art_groesse,.sk_respo_section2 .sk_respo_head div.sk_respo_head_groesse{width:6%;}.sk_respo_section2 .flexbox div.sk_respo_art_pic,.sk_respo_section2 .sk_respo_head div.sk_respo_head_pic{width:8%;padding:10px;}.sk_respo_section2 .flexbox div.sk_respo_art_preis,.sk_respo_section2 .sk_respo_head div.sk_respo_head_preis{width:6%;}.sk_respo_section2 .flexbox div.sk_respo_art_name,.sk_respo_section2 .sk_respo_head div.sk_respo_head_name{width:27%;}.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(221,221,221);width:100%;padding:.5rem;box-sizing:border-box;height:10rem;margin-bottom:2rem;}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_text2{text-align:left;margin-bottom:0px;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-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;}body #shopLayer .aktive_felder .sk_respo_input input.sk_iban-ungueltig{ border:2px solid red;}.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(125,125,125);font-size:1.0rem;}.sk_respo_art_name_preis{color:#farbe9#;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:#farbe9#;font-size:0.75rem;}}@media (min-width:992px){.sk_respo_section2 .flexbox div.sk_respo_art_name span{display:none;}.weg_bei_mobile{display:none;}}@media (max-width:772px){#shopLayer[data-pp="schnelltausch_respo"] header{display:none !important;}#shopLayer[data-pp="schnelltausch_respo"] footer{display:none !important;}.sk_respo_section{margin:0 auto;max-width:800px;width:100%;padding:1rem;box-sizing:border-box;}}.service .flexbox{ display:flex;align-items:stretch;-moz-align-items:stretch;-ms-align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}.service .flexbox div{ background:rgb(238,238,238);box-sizing:border-box;padding:.5rem;}.service .flexbox .flex-menu{ width:300px;margin-right:20px;padding:1rem;}.service .flexbox .box1{ width:calc(100% - 320px);display:flex;flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;padding:1rem;}.service .flexbox .box1a{ width:100%;}.service .flexbox .box1b{ width:48%;margin-right:2%;}.service .flexbox .box1c{ width:48%;}.service .flex-menu #men_3 ul li a{ display:block;padding:.5rem 0;}.service .flex-menu #men_3 ul li a:hover{ color:rgb(185,159,89);}.service .breadcrumb{ margin-bottom:10px;}.men_service li.active a{ font-weight:bold;}.anker{ position:relative;}.anker > a{ display:none;}@media (max-width:992px){.service .flexbox .flex-menu{ width:100%;margin-right:0;margin-bottom:1rem;}.service .flexbox .box1{ width:100%; }.service .flexbox .box1b{ width:100%;margin-right:0;}.service .flexbox .box1c{ width:100%;}.anker > a{ display:block;position:absolute;top:-10rem;}}.pg_wr_section{margin:0 auto;max-width:650px;width:100%;padding:1rem;box-sizing:border-box;}.pg_wr_section h1{margin-bottom:1rem;text-align:center;}.pg_wr_text1{text-align:left;margin-bottom:2rem;display:block;}#pg_wr_button{margin:1rem 0 2rem 0;width:100%;}.pg_wr_text1 p{margin:1rem 0;}body #shopLayer .aktive_felder .pg_wr_input{margin-bottom:1rem;}body #shopLayer .aktive_felder .pg_wr_input input{margin-top:0;width:100%;margin-right:0;padding-left:.5rem;}@media (max-width:772px){#shopLayer[data-pp="schnelltausch_respo"] header{display:none !important;}#shopLayer[data-pp="schnelltausch_respo"] footer{display:none !important;}.pg_wr_section{margin:0 auto;max-width:800px;width:100%;padding:1rem;box-sizing:border-box;}}@media (max-width:1400px){.fagr{ width:23.5%;}.fagr:nth-child(5n){ margin-right:2%;}.fagr:nth-child(4n){ margin-right:0;}}@media (max-width:992px){.fagr{ width:32%;}.fagr:nth-child(4n){ margin-right:2%;}.fagr:nth-child(3n){ margin-right:0;}}@media (max-width:1210px){#aa_mitte{ width:67%;}#aa_links.anghangen{ width:100%;}}@media (max-width:760px){.fagr{ width:18.4%;}.fagr:nth-child(3n){ margin-right:2%;}.fagr:nth-child(5n){ margin-right:0;}#aa_links.anghangen,#aa_text{ width:700px;box-sizing:border-box;}}#pp_guestco form[name="flogin3"]{ display:block!important;}/* POWERmenü CSS Frontend */
:root {
    --powermenue-grau-hell: rgb(238, 238, 238);
    --powermenue-gold: rgb(185,159,89);
    --powermenue-text: rgb(60,60,60);
}

.powermenue {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    z-index: 1000;
    overflow-y: auto;
    overflow-x: hidden;

}
.powermenue-head {
    display: flex;
    height: 50px;
    align-items: center;justify-content: center;
    width: 100%;
}

.powermenue-head li {
    margin: 0 1.5rem;
    cursor: pointer;
}

.powermenue-head li a { font-size: 1.3rem;text-transform: uppercase; }

/* .powermenue-head li#powermenue-menuepunkt-1 { margin-left: 25rem; } */

.powermenue-head a:hover, .powermenue-modul-auflistung li a:hover {
    color: var(--powermenue-gold);
}
.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 2.5rem;
    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;
}







@media (min-width: 992px) {
    #powermenue-schalter {
        display: none;
    }

.powermenue-modul-auflistung li#m3-p2-modul1-eigenedragdrop-142 {border-bottom: .1rem solid #fff;padding-bottom: 1.5rem;}


}



@media (max-width: 991.98px) {
    .powermenue {
        display: flex;
        width: 100%;
        position: absolute;
        background-color: #fff;
        overflow-y: auto;
        overflow-x: hidden;
        top: 200px;
    }
    .powermenue-head {
        align-items: stretch;
    }
    .powermenue-strukturen {
        position: absolute;
    }
    .powermenue-head {
        left: 0px;
        position: absolute;
    }
    .powermenue-struktur, .powermenue-struktur-module {
        padding: 0;
    }
    #powermenue-schalter {
        left: 15px;
    }
    .powermenue-strukturen {
        padding: 0;
        background-color: #fff;
        margin-top: 10px;
    }
    .powermenue-head {
        width: 100%;
        flex-direction: column;
        margin-top: 1rem;
        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-strukturen-ueberschrift, .pmc-modul-ausblenden {
        display: flex;
        background-color: var(--powermenue-gold);
        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 1rem 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;
    }
}






/* 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;
}

/* DESKTOP */
@media (min-width: 992px) {
    
    .powermenue-modul-ueberschrift {
        display: none;
    }
    .powermenue-struktur-module .powermenue-modul:not(:first-child) {
        display: none;
    }
    .powermenue-struktur-module .powermenue-modul:first-child {
        background-color: #4a4a4a;
        padding: 10px 20px;
        box-sizing: border-box;
        width: 23%!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: 7px;
    }
    .powermenue-modul-auflistung {
        align-items: flex-start!important;
        justify-content: space-between!important;
    }

    .pmc-hover::after {
        content: " ";
        display: block;
        width: 20px;
        height: 20px;
        background-color: #4a4a4a;
        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 {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        list-style-position: inside;
        margin-top: 60px;
        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 {
        width: 50%;
    }
    .powermenue-auflistung-hoch {
        padding-bottom: 10px;
        border-bottom: 1px solid rgb(202,202,202);
    }
    .pmc-modul-ausblenden {
        display: none;
    }
}




@media (max-width:1260px) {
.powermenue-head li#powermenue-menuepunkt-1 {margin-left: 1rem;}
}



/* MOBILE */
@media (max-width: 991.98px) {

    .powermenue-head { height: auto; }

    .powermenue-head li#powermenue-menuepunkt-1 {margin-left: 1.5rem;}

    .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;
    }
    /*
    #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.25rem;
    }
    */
    .powermenue-struktur-module .powermenue-modul:not(:first-child) .powermenue-modul-auflistung {
        width: 100%;
    }
    .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%;
        padding: 0 1rem 1rem 1rem;
        box-sizing: border-box;
    }
    .pmc-wrapper-rechts .powermenue-modul-auflistung {
        padding: 0 1rem 1rem 0;
    }
    .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: 14px;
    }

    .powermenue {
        top: 80px;
    }
    .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: var(--powermenue-gold)!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 {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        list-style-position: inside;
    }
    .powermenue-struktur-module .powermenue-modul:not(:first-child) > div.powermenue-auflistung-hoch {
        margin: 0 1rem;
    }
}



.powermenue-open #shopHeader #suche24 {display:none;}
.powermenue-open #k_logo { margin: 0 1rem 0 43%;}


@media (max-width: 772px) {
#powermenue-schalter {top:9px;}

}


@media (max-width: 760px) {
#powermenue-schalter {top:9px;}
.powermenue {top:110px;}
.powermenue-head { margin-top: 1rem; }
}