/* Mobile home; full legacy + home/header/navigation rules. Source hashes: see CSS_MANIFEST.json. */
.bezeichnung {font-size: 18px;font-family:Arial,Verdana,Helvetica,Geneva,Sans Serif;text-decoration: none;font-weight:bold;text-align:left;}.beschreibung {font-size: 14px;font-family:Arial,Verdana,Helvetica,Geneva,Sans Serif;text-decoration: none;font-weight: bold;text-align:left;}.Beschreibung {font-size: 14px;font-family:Arial,Verdana,Helvetica,Geneva,Sans Serif;text-decoration: none;font-weight: bold;text-align:left;}td.mittel {font-size: 12px;font-family:Arial,Verdana,Helvetica,Geneva,Sans Serif;text-decoration: none;font-weight: bold;}td.text {font-size: 11px;font-family:Arial,Verdana,Helvetica,Geneva,Sans Serif;text-decoration: none;}td.bestellungsinfo {font-family:Arial,Verdana,Helvetica,Geneva,Sans Serif;text-decoration: none;font-size:11px;color: black;height:15px;}td.preis {font-family:Verdana,Arial,Helvetica,Geneva,Sans Serif;text-decoration: none;font-size:10px;color: black;font-weight:bold;height:15px;}td.companyartic {font-family:Arial,Verdana,Helvetica,Geneva,Sans Serif;text-decoration: none;font-size:11px;background-color: #000084;line-height:17px;padding-bottom:3px;text-align:left;}.inhalt {font-size:12px;font-family:arial,verdana,helvetica,geneva,sans serif;text-decoration: none;line-height: 15px;text-align:left;}.Inhalt2 {font-size:12px;font-family:arial,verdana,helvetica,geneva,sans serif;text-decoration: none;line-height: 15px;}.Inhalt2:LINK {font-size:12px;font-family:arial,verdana,helvetica,geneva,sans serif;color: Black;line-height:15px;}.Inhalt2:VISITED {font-size:12px;font-family:arial,verdana,helvetica,geneva,sans serif;color: Black;line-height:15px;}.Inhalt2:ACTIVE {font-size:12px;font-family:arial,verdana,helvetica,geneva,sans serif;color: Red;background-color: #D7D8FF;line-height:15px;}h2,h1 {font-family: Arial,Verdana,Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #2f4377}a.standard:LINK {Color: Blue; Text-Decoration: underline;text-align:left;}a.standard:VISITED {Color: Blue; Text-Decoration: underline;text-align:left;}a.standard:HOVER {Color: Blue; Text-Decoration: underline;text-align:left;}a.standard:ACTIVE {Color: Blue; Text-Decoration: underline;text-align:left;}a.standard_tx:LINK {font-size:12px;font-family:arial,verdana,helvetica,geneva,sans serif;color: #2f4377; Text-Decoration: underline;}a.standard_tx:VISITED {font-size:12px;font-family:arial,verdana,helvetica,geneva,sans serif;color: #2f4377; Text-Decoration: underline;}a.standard_tx:HOVER {font-size:12px;font-family:arial,verdana,helvetica,geneva,sans serif;color: #2f4377; Text-Decoration: underline;}a.standard_tx:ACTIVE {font-size:12px;font-family:arial,verdana,helvetica,geneva,sans serif;color: #2f4377; Text-Decoration: underline;}.textInput { height:34px;padding:0pt 10px;font-family:Helvetica,Arial;font-size:15px; border:1px solid #4275AA; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; }.selectInput { height:40px; padding:5px; font-family:Helvetica,Arial; font-size:16px; padding-top:9px; border:1px solid #4275AA; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; width:200px; }input[type="radio"] { transform:scale(1.5) }.button1{ display:inline-block; margin:16px; text-decoration:none; text-align:center; font-family:Arial; font-size:14px; border:1px solid #2f6f29; border-radius:5px; color:#ffffff; background-color:#3f8f36; padding:5px 10px; font-weight:bold; box-shadow:none; text-shadow:none; }.button1:hover{ background:#2f6f29; border-color:#245a22; color:#ffffff; box-shadow:none; text-shadow:none; }.button1.buy{ }.button1.blau{ border:1px solid #4275AA; color:#0B56A3; background-color:#A8BCD0; box-shadow:3px 3px 4px #8CA0B2; text-shadow:-1px -1px 1px #fff; }.button1.blau:hover{ border-color:#18456E; color:#18456E; box-shadow:inset 3px 3px 3px #8CA0B2; text-shadow:1px 1px 1px #fff; }a.companyartic:LINK {Color: Black;}a.companyartic:VISITED {Color: Black;}a.companyartic:HOVER {Color: Red; Text-Decoration: underline;}a.companyartic:ACTIVE {Color: Red;}a.linkblue:LINK {color: #2f4377;}a.linkblue:VISITED {color: #2f4377}a.linkblue:HOVER {color: #2f4377; Text-Decoration: underline;}a.linkblue:ACTIVE {color: #2f4377;}body { line-height:1.4;margin:0;padding:0;font-family:Arial;font-size:12px; }div { -webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box }.wrapper { max-width:480px;min-width:320px;padding:5px;margin-top:0px;padding-top:1px;background:white;margin-left:auto;margin-right:auto;-webkit-box-shadowx: 10px 10px 5px 0px rgba(0,0,0,0.75);-moz-box-shadowx: 10px 10px 5px 0px rgba(0,0,0,0.75);box-shadowx: 10px 10px 5px 0px rgba(0,0,0,0.75);background-color:#ffffff; }.footer {text-align:center;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;border:1px solid #dddddd;padding:10px;width:100%;margin-bottom:10px;margin-top:10px;}.footer2 {text-align:center;margin:4px;margin-bottom:10px;margin-top:10px;margin-left:4px;margin-right:3px;}.footerlist { margin:0;padding:0;width:100%;}.footerlist li {list-style-type:none;padding:10px;margin-left:-10px;border:1px solid #dddddd;border-collapse:collapse;}.footerlist li a {text-decoration:none;font-size:14px;color:#000000;font-weight:normal;font-family:Arial;display:block;}.menutop { width:100%;font-weight:bold;font-size:16px;font-family:Arial;background-color:#D7D8FF;padding:0px;margin:0;border-bottom:1px solid #cccccc; clear:both; }.menuh { font-family:Arial;background-color:#FFFFFF;padding:0px;border-bottom:1px solid #cccccc; display:inline;float:left;width:50%;overflow:hidden;border-right:1px solid #cccccc;border-left:1px solid #cccccc;border-collapse:collapse; white-space:nowrap; }.menuh:hover { cursor:pointer; background-color:#D7D8FF; }.menuhu { font-family:Arial;background-color:#FFFFFF;padding:0px;border-bottom:1px solid #cccccc; display:inline;float:left;width:33.33%;overflow:hidden;border-right:1px solid #cccccc;border-left:1px solid #cccccc;border-collapse:collapse; white-space:nowrap; }.menuhu:hover { cursor:pointer; background-color:#D7D8FF; }.menumdrop { width:100%;font-family:Arial;background-color:#FFFFFF;padding:0px;border-bottom:1px solid #cccccc;background:url("https://www.aquaristikshop.com/assets/buttons/suche_pfeilu.gif") right no-repeat; }.menumdrop:hover { cursor:pointer; background-color:#D7D8FF; }.menulogin { border:1px solid;position:absolute;display:none;text-align:left;padding:5px;width:170px;background-color:#dddddd;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px; }.menum { width:100%;font-family:Arial;background-color:#FFFFFF;padding:0px;border-bottom:1px solid #cccccc; }.menum:hover { cursor:pointer; background-color:#D7D8FF; }.menus { width:100%;font-family:Arial;background-color:#FFFFFF;padding:0px;border-bottom:1px solid #cccccc; }.menus:hover { cursor:pointer; background-color:#D7D8FF; }.menum a { text-decoration:none;color:black;width:100%;border:0px solid;display:block;height:17px;border:0px solid;margin:0;padding:6px;font-size:13px; }.menumdrop a { text-decoration:none;color:black;width:100%;border:0px solid;display:block;height:17px;border:0px solid;margin:0;padding:6px;font-size:13px; }.menus a { text-decoration:none;color:black;width:100%;border:0px solid;display:block;height:17px;border:0px solid;margin:0;padding:6px;font-size:13px; padding-left:25px; }.content { max-width:480px;border:0px solid;margin-left:auto;margin-right:auto;padding-left:3px;padding-right:3px;margin-top:5px;margin-bottom:5px;background-color:#ffffff; -webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box; font-family:Arial;font-size:12px; }.content a:link {color: #2f4377;}.content a:visited {color: #2f4377;}.lmenu ul ul {display:none;}.lmenu ul ul ul {display:none;}td.reiter {font-family:Arial,Verdana,Helvetica,Geneva,Sans Serif;text-decoration: none;font-size:10pt;color: white;padding-top:2px;}a.reiter:LINK {font-family:Arial,Verdana,Helvetica,Geneva,Sans Serif;text-decoration: none;font-size:10pt;color: black;line-height:12px;}a.reiter:HOVER {font-family:Arial,Verdana,Helvetica,Geneva,Sans Serif;font-size:10pt;color: white;line-height:12px;text-decoration: underline;}a.reiter:ACTIVE {font-family:Arial,Verdana,Helvetica,Geneva,Sans Serif;font-size:10pt;line-height:12px;}a.reiter:VISITED {font-family:Arial,Verdana,Helvetica,Geneva,Sans Serif;font-size:10pt;line-height:12px;}.clear { width:100%;clear:both; }.menulink { text-decoration:none;color:black !important;border:0px solid;display:block;border:0px solid;margin:0;padding:6px;font-size:14px; }ul { list-style-type:none;margin:0;padding:0;width:100%; -webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box }li { list-style-type:none; -webkit-box-sizing:bordermo-box;box-sizing:border-box;-moz-box-sizing:border-box }.productlist { width:32%;border:0px solid;-webkit-box-sizing:bordermo-box;box-sizing:border-box;-moz-box-sizing:border-box; display:inline-block;vertical-align:top;min-height:288px; border-top:1px solid #D7D8FF;margin-bottom:10px;padding:2px;border:1px solid #cccccc; }.productlist:hover {border:1px solid #777777;}a.path { color:black;font-size:14px;font-weight:bold; }.topicon {padding-right:6px;}@media only screen and (max-width: 450px) { .productlist { width:48%; } }@media only screen and (max-width: 400px) { .menuhu { width:50%; } }@media only screen and (max-width: 360px) { .topicon {padding-right:0px;} }.tabs { width: 100%; float: none; list-style: none; padding: 0; margin-left: 0px;margin-right:10px; }.tabs li { display: block; }.tabs label { display: inline-block; float: left; padding: 10px 15px; color: #000000; font-size: 14px; font-weight: normal; background:#D7D8FF; cursor: pointer; }.tabs label:hover { background: #CCCCCC; }.tab-content { display: none; width: 100%; padding: 15px; border:1px solid #ccc; background-color:#ffffff; }@media only screen and (max-width: 450px) { .tabs label { padding: 10px 10px; } }p#cf7_controls { text-align:center; }#cf7_controls span { padding-right:2em; cursor:pointer; }#cf7 { position:relative; margin:0 auto 10px; }#cf7 img { position:absolute; left:0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; }#cf7 img.opaque { border:0px solid;position:relative; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; }.pfeil { position:absolute;width:54px;height:79px;z-index:99999;color:black;font-size:12px;padding:0;margin:0; }.pfeil:hover { border:2px solid #999999;background:rgba(0,0,0,0.8); border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px; }.galeriediv {display:none;}.galeriediv.hover {display:block;}.free { position: relative; }.free::after { content: url("https://www.aquaristikshop.com/assets/free_1.gif"); position: absolute; top: -72px; right: -5px; border-radius: 0.5em; }.cross {width:108px;height:174px;float:left;text-align:center;}#slider li { text-align:center; }#slider a { color:#000000; }#slider .licarousel {width:154px;height:230px;overflow:hidden;border:0px solid;}#slider .carousel { border: 1px solid #bababa; border-radius: 10px; background-color: white; float: left; }#slider .carousel img { max-width: 150px; max-height: 118px; vertical-align:middle; margin: 10px 10px 10px 0; border-radius: 5px; }#slider a.prev, #slider a.next { display: block; width: 26px; height: 30px; line-height: 1; background-color: #333333; color: white; text-decoration: none; font-family: Arial, sans-serif; font-size: 25px; border-radius: 8px; float: left; }#slider a.prev { margin: 70px 15px 0 0; text-indent: 7px;z-index:9999;position:absolute;left:2px; }#slider a.next { margin: 70px 0 0 -5px; text-indent: 10px;z-index:9999;position:absolute;right:4px; }#slider a.prev:hover, #slider a.next:hover { background-color: #666666; }.bewertung {clip-path:inset(3px 0 0 0);}.inew { background: linear-gradient(45deg, #9C0200, #FB3333); color: white; border: none; border-radius: 6px; padding: 4px 6px; text-align: center; display: inline-block; font-size: 11px; font-weight:600; }.soldout {background-color: rgba(255, 255, 255, 0.5); opacity: 0.6;}.cdescr {border:1px solid #cccccc;border-radius:5px;color:#333333;background-color:#fafafa;padding:10px;font-size:16px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);text-align: justify;}.half {width:50%;}.faq-container {max-width: 600px;margin: auto;padding: 20px;background: white;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 5px;}.faq-item {margin-bottom: 15px;}.faq-item h3 {margin-bottom: 5px;color: #333;}.faq-item p {margin: 0;color: #555;}.grid-container { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; align-items: flex-start; }.grid-item { width: calc(100% / 4 - 16px); box-sizing: border-box; text-align: center; display: flex; flex-direction: column; }.grid-image { height: 110px; display: flex; align-items: start; justify-content: center; overflow: visible; }.grid-description { margin-top: 8px; font-size: 0.9em; }.h3n {display: inline-block; float: left; padding: 10px 15px; margin:0; color: #000000; font-size: 14px; font-weight: normal; background: #D7D8FF;}.asm-footer-withdraw { text-align: center; margin: 10px 8px 8px 8px; }.asm-footer-withdraw-button { display: inline-block; box-sizing: border-box; width: 72%; max-width: 300px; min-width: 220px; padding: 10px 14px; border: 1px solid #0F63A1; border-radius: 6px; background: #F4F9FD; color: #0F63A1; font-family: Arial, sans-serif; font-size: 15px; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; }.asm-footer-withdraw-button:visited { color: #0F63A1; }.asm-footer-withdraw-button:active { background: #E7F2FA; }.asm-footer-modern { box-sizing: border-box; margin: 18px 8px 10px; padding: 0; font-family: Arial, sans-serif; color: #17345c; text-align: center; }.asm-footer-modern a { color: #17345c; text-decoration: none; }.asm-footer-modern__icons { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; padding: 14px 0; border-top: 1px solid #dfe7ed; border-bottom: 1px solid #dfe7ed; }.asm-footer-modern__icons img { display: block; width: 44px; height: 44px; object-fit: contain; }.asm-footer-modern__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 12px; margin: 10px auto 6px; max-width: 430px; font-size: 14px; font-weight: 700; line-height: 1.35; }.asm-footer-modern__withdraw a { display: block; box-sizing: border-box; padding: 8px 12px; border: 1px solid #9fc1d1; border-radius: 7px; background: transparent; color: #24576b; font-size: 13px; font-weight: 600; line-height: 1.2; }.asm-footer-modern__actions a { white-space: nowrap; }.asm-footer-modern__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px 10px; margin: 7px auto 10px; max-width: 430px; font-size: 14px; line-height: 1.35; }.asm-footer-modern__links a { white-space: nowrap; }.asm-footer-modern__withdraw { margin: 9px auto 14px; max-width: 250px; }.asm-footer-modern__badges { display: flex; justify-content: center; align-items: center; gap: 8px; margin: 10px auto 8px; flex-wrap: nowrap; overflow: hidden; }.asm-footer-modern__rating { width: 88px !important; max-width: 88px !important; height: auto; }.asm-footer-modern__vet { width: 62px !important; max-width: 62px !important; height: auto; }.asm-footer-modern__seal { width: 42px !important; max-width: 42px !important; height: auto; }.asm-footer-modern__excellent { display: inline-flex; justify-content: center; }.asm-footer-modern__excellent img { display: block; width: 48px !important; max-width: 48px !important; height: auto; border: 0; }.asm-footer-modern__payments { margin: 10px auto 8px; }.asm-footer-modern__payments img { max-width: 290px; width: 84%; height: auto; }.asm-footer-modern__climate { display: inline-block; margin: 8px auto 10px; }.asm-footer-modern__copy { width: 100%; margin: 0 auto; font-family: Arial, sans-serif; font-size: 11px; line-height: 1.35; text-align: center; color: #111; }.as-mobile-header,.as-mobile-header *,.as-mobile-header *::before,.as-mobile-header *::after,.as-mobile-nav,.as-mobile-nav *,.as-mobile-nav *::before,.as-mobile-nav *::after{ box-sizing: border-box; }body.as-mobile-home-page .as-mobile-home-wishlist{ box-sizing: border-box; margin: 14px 0 18px; padding: 0 12px 14px; overflow: hidden; border: 1px solid #d5e1e9; border-radius: 10px; background: #ffffff; box-shadow: 0 3px 12px rgba(21, 55, 86, .07); color: #405967; font-size: 13px; line-height: 1.45; }body.as-mobile-home-page .as-mobile-home-wishlist__header{ display: block; margin: 0 0 12px; padding: 12px 0 10px; border-bottom: 1px solid #dbe5ec; color: #193e59; }body.as-mobile-home-page .as-mobile-home-wishlist__heading{ display: flex; align-items: center; gap: 7px; font-size: 14px; line-height: 1.35; }body.as-mobile-home-page .as-mobile-home-wishlist__heart{ display: block !important; flex: 0 0 22px; width: 22px !important; min-width: 22px !important; max-width: 22px !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; fill: none !important; stroke: #275a83; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }body.as-mobile-home-page .as-mobile-home-wishlist__customer{ margin: 3px 0 8px 29px; color: #657985; font-size: 11px; line-height: 1.35; }body.as-mobile-home-page .as-mobile-home-wishlist__button{ display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 40px; margin-left: 29px; padding: 8px 14px; border: 1px solid #176898; border-radius: 6px; background: #176898; color: #ffffff; font-size: 13px; font-weight: 700; line-height: 1.2; text-decoration: none; }body.as-mobile-home-page .as-mobile-home-wishlist__button:focus-visible{ outline: 2px solid #173c60; outline-offset: 2px; }body.as-mobile-home-page .as-mobile-home-wishlist__products{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 12px 0 0 !important; padding: 0 !important; }body.as-mobile-home-page .as-mobile-home-wishlist__card{ min-width: 0; margin: 0 !important; padding: 0; list-style: none; border: 1px solid #d7e1e8; border-radius: 7px; background: #ffffff; }body.as-mobile-home-page .as-mobile-home-wishlist__card-inner{ display: flex; flex-direction: column; position: relative; box-sizing: border-box; height: 100%; min-height: 292px; padding: 9px 8px 10px; }body.as-mobile-home-page .as-mobile-home-wishlist__badges{ position: absolute; z-index: 2; top: 8px; right: 8px; display: flex; flex-direction: row-reverse; flex-wrap: wrap; gap: 4px; }body.as-mobile-home-page .as-mobile-home-wishlist__badge{ display: inline-flex; align-items: center; min-height: 20px; padding: 2px 7px; border-radius: 7px; color: #fff; font-size: 10px; font-weight: 700; line-height: 1; }body.as-mobile-home-page .as-mobile-home-wishlist__badge--new{ background: #d70b28; }body.as-mobile-home-page .as-mobile-home-wishlist__badge--offer{ background: #c84f18; }body.as-mobile-home-page .as-mobile-home-wishlist__badge--free{ background: #176da0; }body.as-mobile-home-page .as-mobile-home-wishlist__badge--top{ background: #6d3fa3; }body.as-mobile-home-page .as-mobile-home-wishlist__image-link{ display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 148px; margin: 0 0 7px; padding: 3px 4px 0; }body.as-mobile-home-page .as-mobile-home-wishlist__image{ display: block; width: auto; max-width: 100%; height: auto; max-height: 138px; margin: 0; padding: 0; border: 0; }body.as-mobile-home-page .as-mobile-home-wishlist__name{ display: -webkit-box; min-height: 38px; margin: 0 0 3px; overflow: hidden; color: #142f45; font-size: 14px; font-weight: 700; line-height: 1.35; text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }body.as-mobile-home-page .as-mobile-home-wishlist__summary{ display: -webkit-box; min-height: 34px; margin: 0 0 6px; overflow: hidden; color: #60717d; font-size: 12px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }body.as-mobile-home-page .as-mobile-home-wishlist__meta{ display: flex; align-items: flex-end; justify-content: space-between; gap: 5px; margin-top: auto; }body.as-mobile-home-page .as-mobile-home-wishlist__rating{ color: #667986; font-size: 11px; line-height: 1.2; text-decoration: none; white-space: nowrap; }body.as-mobile-home-page .as-mobile-home-wishlist__rating span{ color: #f2be00; }body.as-mobile-home-page .as-mobile-home-wishlist__price{ color: #07549b; font-size: 12px; line-height: 1; text-align: right; white-space: nowrap; }body.as-mobile-home-page .as-mobile-home-wishlist__price strong{ font-size: 17px; }body.as-mobile-home-page .as-mobile-home-wishlist__price sup{ font-size: 10px; }body.as-mobile-home-page .as-mobile-home-slideshow{ box-sizing: border-box; width: 100%; margin: 18px 0 22px; color: #294657; }body.as-mobile-home-page .as-mobile-home-slideshow__viewport{ position: relative; width: 100%; aspect-ratio: 7 / 3; overflow: hidden; border: 1px solid #d3e0e8; border-radius: 10px; background: #eaf2f6; box-shadow: 0 3px 12px rgba(21, 55, 86, .08); }body.as-mobile-home-page .as-mobile-home-slideshow__slide,body.as-mobile-home-page .as-mobile-home-slideshow__image-link{ display: block; width: 100%; height: 100%; }body.as-mobile-home-page .as-mobile-home-slideshow__slide[hidden]{ display: none !important; }body.as-mobile-home-page .as-mobile-home-slideshow__image{ display: block; width: 100% !important; max-width: none !important; height: 100% !important; margin: 0 !important; object-fit: cover; border: 0 !important; }body.as-mobile-home-page .as-mobile-home-slideshow__control{ position: absolute; z-index: 2; top: 50%; display: inline-flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; height: 44px; min-height: 44px; margin: 0; padding: 0; transform: translateY(-50%); border: 0; border-radius: 0; background: transparent; box-shadow: none; color: rgba(255,255,255,.52); font: 28px/1 Arial, Helvetica, sans-serif; text-shadow: 0 1px 3px rgba(0,31,57,.55); cursor: pointer; }body.as-mobile-home-page .as-mobile-home-slideshow__control--prev{ left: 0; }body.as-mobile-home-page .as-mobile-home-slideshow__control--next{ right: 0; }body.as-mobile-home-page .as-mobile-home-slideshow__control:focus-visible{ outline: 2px solid rgba(255,255,255,.82); outline-offset: -4px; }body.as-mobile-home-page .as-mobile-home-slideshow__dots{ display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 18px; padding-top: 7px; }body.as-mobile-home-page .as-mobile-home-slideshow__dots span{ display: block; width: 7px; height: 7px; border-radius: 50%; background: #b4c7d3; }body.as-mobile-home-page .as-mobile-home-slideshow__dots span.is-active{ width: 18px; border-radius: 5px; background: #176898; }body.as-mobile-home-page .as-mobile-home-slideshow__captions:empty{ display: none; }body.as-mobile-home-page .as-mobile-home-slideshow__caption{ margin: 3px 0 0; padding: 11px 12px; border: 1px solid #d9e5eb; border-radius: 8px; background: #ffffff; color: #405967; font-size: 13px; line-height: 1.5; }body.as-mobile-home-page .as-mobile-home-slideshow__caption[hidden]{ display: none !important; }body.as-mobile-home-page .as-mobile-home-slideshow__caption h2{ margin: 0 0 5px !important; font-size: 16px !important; line-height: 1.3; }body.as-mobile-home-page .as-mobile-home-slideshow__caption h2 a{ color: #173c60 !important; text-decoration: none; }.as-mobile-header{ position: fixed; z-index: 200; top: 0; right: auto; left: 50%; width: 100%; max-width: 480px; margin: 0; padding: 0; background: transparent; transform: translateX(-50%); }.as-mobile-header__inner{ position: relative; isolation: isolate; overflow: hidden; width: 100%; min-width: 320px; margin: 0 auto; padding: 8px 10px 10px; background: linear-gradient(98deg, #177fbb 0%, #1169a7 46%, #0d4c90 100%); box-shadow: 0 8px 22px rgba(18, 44, 82, .18); }.as-mobile-header__inner::before{ content: ""; position: absolute; z-index: -1; top: -72%; left: -16%; width: 132%; height: 96%; border-radius: 0 0 55% 55%; background: rgba(255, 255, 255, .15); transform: rotate(-2deg); }.as-mobile-header__inner::after{ content: ""; position: absolute; z-index: -1; right: -18%; bottom: 18%; width: 92%; height: 42%; border-radius: 999px; background: rgba(76, 165, 215, .20); transform: rotate(-4deg); }.as-mobile-header__top{ position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 42px; }.as-mobile-header__logo{ display: inline-flex; flex-direction: column; align-items: center; justify-content: center; flex: 0 0 auto; gap: 0; text-decoration: none; }.as-mobile-header__logo img{ display: block; width: 112px; max-width: 34vw; height: auto; border: 0; filter: brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0, 24, 55, .30)); }.as-mobile-header__logo::after{ content: "since 1998"; display: block; width: 92px; max-width: 29vw; margin-top: -2px; color: #fff; background: linear-gradient(rgba(255,255,255,.86), rgba(255,255,255,.86)) left center / calc(50% - 24px) 1px no-repeat, linear-gradient(rgba(255,255,255,.86), rgba(255,255,255,.86)) right center / calc(50% - 24px) 1px no-repeat; font-size: 7px; font-weight: 600; line-height: 1; letter-spacing: .07em; text-align: center; white-space: nowrap; text-transform: lowercase; text-shadow: 0 1px 2px rgba(0, 24, 55, .35); }.as-mobile-header__actions{ display: flex; align-items: center; justify-content: flex-end; gap: 7px; min-width: 0; }.as-mobile-header__actions a{ display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; border: 1px solid transparent; border-radius: 10px; color: #ffffff; text-decoration: none; line-height: 1; }.as-mobile-header__actions a:has(.topicon){ border-color: transparent; background: transparent; }.as-mobile-header__actions .topicon{ display: block; width: 40px; height: 40px; max-width: none; max-height: none; object-fit: contain; border: 0; }.as-mobile-header__svg-icon{ display: block; width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }.as-mobile-header .menulogin{ position: absolute; top: 54px; right: 10px; z-index: 230; display: none; min-width: 190px; padding: 8px; border: 1px solid #d8e1eb; border-radius: 8px; background: #ffffff; box-shadow: 0 10px 24px rgba(20, 42, 75, .18); }.as-mobile-header .menulogin .menulink{ display: block; padding: 9px 10px; color: #18345f; text-decoration: none; }.as-mobile-header__searchbar{ position: relative; z-index: 1; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 7px; align-items: center; margin: 7px 0 0; }.as-mobile-header__searchbar:has(.as-mobile-header__cart-scroll[style*="table-cell"]),.as-mobile-header__searchbar:has(.as-mobile-header__cart-scroll[style*="block"]),.as-mobile-header__searchbar:has(.as-mobile-header__cart-scroll[style*="flex"]){ grid-template-columns: 42px minmax(0, 1fr) 42px; }.as-mobile-header__menu-button{ display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; width: 42px; height: 42px; padding: 0; border: 1px solid rgba(255,255,255,.64); border-radius: 9px; background: rgba(255,255,255,.96); box-shadow: 0 3px 9px rgba(9, 35, 75, .16); overflow: visible; line-height: 0; }.as-mobile-header__menu-button span{ display: block; width: 22px; height: 2px; border-radius: 999px; background: #12345f; }.as-mobile-header__search{ position: relative; min-width: 0; }.as-mobile-header__search button{ position: absolute; top: 50%; right: 10px; width: 31px; height: 31px; margin: 0; padding: 0; border: 0; background: transparent; transform: translateY(-50%); cursor: pointer; }.as-mobile-header__search-icon{ display: block; width: 23px; height: 23px; fill: none; stroke: #193968; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }.as-mobile-header__search input{ display: block; width: 100%; height: 42px; margin: 0; padding: 0 44px 0 14px; border: 1px solid #cfd9e6; border-radius: 10px; background: #ffffff; color: #20324f; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 42px; outline: none; }.as-mobile-header__search input:focus{ border-color: #7ca7d8; box-shadow: 0 0 0 2px rgba(28, 96, 170, .18); }.as-mobile-header__cart-scroll{ display: none; align-items: center; justify-content: center; width: 42px; height: 42px; min-width: 42px; align-self: center; border: 1px solid transparent; border-radius: 10px; background: transparent; line-height: 0; overflow: visible; }.as-mobile-header__cart-scroll[style*="table-cell"],.as-mobile-header__cart-scroll[style*="block"],.as-mobile-header__cart-scroll[style*="flex"]{ display: inline-flex !important; }.as-mobile-header__cart-scroll .topicon{ display: block; width: 40px; height: 40px; max-width: none; max-height: none; object-fit: contain; }.as-mobile-nav__inner{ width: 100%; max-width: 480px; margin: 0 auto; }.as-mobile-nav__panel{ display: block; position: fixed; top: 0; bottom: 0; left: 0; z-index: 10020; width: min(88vw, 360px); max-width: 360px; margin: 0; padding: 0 0 18px; overflow-y: auto; background: #ffffff; border-radius: 0 16px 16px 0; box-shadow: 16px 0 34px rgba(10, 31, 55, 0.24); transform: translateX(-108%); transition: transform 0.22s ease; -webkit-overflow-scrolling: touch; }.as-mobile-menu-open,.as-mobile-menu-open body{ overflow: hidden; }.as-mobile-menu-open .as-mobile-nav__panel{ transform: translateX(0); }.as-mobile-nav__overlay{ display: none; }.as-mobile-menu-open .as-mobile-nav__overlay{ display: block; position: fixed; inset: 0; z-index: 10010; background: rgba(7, 25, 45, 0.46); }.as-mobile-nav__head{ display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 14px 16px; color: #ffffff; background: linear-gradient(135deg, #0a4f83 0%, #0e78ad 58%, #0a3265 100%); }.as-mobile-nav__head strong{ font-size: 21px; line-height: 1.2; letter-spacing: 0; }.as-mobile-nav__close{ display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 999px; color: #0c3155 !important; background: #ffffff; font-size: 28px; line-height: 1; text-decoration: none; box-shadow: 0 7px 16px rgba(0, 0, 0, 0.16); }.as-mobile-nav__section{ padding: 14px 14px 0; }.as-mobile-nav__section + .as-mobile-nav__section{ padding-top: 18px; }.as-mobile-nav__label{ margin: 0 0 8px; padding: 0 2px; color: #576a7c; font-size: 11px; font-weight: 800; line-height: 1.2; letter-spacing: 0.04em; text-transform: uppercase; }.as-mobile-nav__panel ul,.as-mobile-nav__list{ display: block; float: none; clear: both; list-style: none; margin: 0; padding: 0; }.as-mobile-nav__panel .menutop{ display: block; float: none; clear: both; width: 100%; margin: 16px 0 8px; padding: 0; border: 0; background: transparent; }.as-mobile-nav__panel .menutop .menulink{ display: block; padding: 0 6px 6px; color: #17375f; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }.as-mobile-nav__panel .menuh,.as-mobile-nav__panel .menuhu{ display: block; float: none; clear: both; width: 100%; margin: 0 0 6px; padding: 0; border: 0; background: transparent; }.as-mobile-nav__panel .menuh .menulink,.as-mobile-nav__panel .menuhu .menulink,.as-mobile-nav__link{ display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; min-width: 0; padding: 9px 12px 9px 14px; border: 1px solid #dce7ef; border-radius: 8px; color: #132944; background: #ffffff; font-size: 15px; font-weight: 700; line-height: 1.2; text-decoration: none; white-space: normal; overflow-wrap: normal; word-break: normal; box-shadow: none; }button.as-mobile-nav__link{ width: 100%; font-family: inherit; text-align: left; cursor: pointer; }.as-mobile-nav__panel .menuh .menulink::after,.as-mobile-nav__panel .menuhu .menulink::after{ content: none; }.as-mobile-nav__link > span:first-child{ min-width: 0; }.as-mobile-nav__chevron{ flex: 0 0 auto; color: #0c7f97; font-size: 25px; font-weight: 700; line-height: 1; }.as-mobile-nav__panel .menuhu .menulink{ border-color: #cce7ee; background: #f5fbfd; color: #0d5368; }.as-mobile-nav__panel .menuhu .menulink::before{ content: none; }.as-mobile-nav__panel .menuh .menulink:hover,.as-mobile-nav__panel .menuh .menulink:focus,.as-mobile-nav__panel .menuhu .menulink:hover,.as-mobile-nav__panel .menuhu .menulink:focus{ border-color: #0d86a2; background: #f7fcfd; color: #0d5368; }.as-mobile-nav__drill-panel{ display: none; }.as-mobile-nav__drill-panel.is-active{ display: block; }.as-mobile-nav__back{ display: inline-flex; align-items: center; gap: 7px; min-height: 38px; margin: 14px 14px 0; padding: 7px 12px; border: 1px solid #d5e4ee; border-radius: 999px; color: #12345a; background: #f6fbfd; font-family: inherit; font-size: 14px; font-weight: 800; line-height: 1.1; cursor: pointer; }.as-mobile-nav__back span{ font-size: 22px; line-height: 1; }.as-mobile-nav__overview{ display: flex; align-items: center; justify-content: space-between; min-height: 42px; margin: 0 0 10px; padding: 9px 12px; border: 1px solid #cde6ec; border-radius: 8px; color: #0b6179 !important; background: #f2fbfd; font-size: 14px; font-weight: 800; line-height: 1.2; text-decoration: none; }.as-mobile-nav__overview::after{ content: "›"; flex: 0 0 auto; color: #0c7f97; font-size: 24px; font-weight: 700; line-height: 1; }@media (max-width: 380px) {.as-mobile-header__inner{ padding-right: 8px; padding-left: 8px; }.as-mobile-header__logo img{ width: 96px; }.as-mobile-header__logo::after{ width: 78px; font-size: 6px; background-size: calc(50% - 21px) 1px, calc(50% - 21px) 1px; }.as-mobile-header__actions{ gap: 8px; }.as-mobile-header__actions .topicon{ width: 36px; height: 36px; max-width: none; max-height: none; }.as-mobile-header__searchbar{ grid-template-columns: 46px minmax(0, 1fr); }.as-mobile-header__searchbar:has(.as-mobile-header__cart-scroll[style*="table-cell"]),.as-mobile-header__searchbar:has(.as-mobile-header__cart-scroll[style*="block"]),.as-mobile-header__searchbar:has(.as-mobile-header__cart-scroll[style*="flex"]){ grid-template-columns: 46px minmax(0, 1fr) 44px; }.as-mobile-header__menu-button{ width: 44px; }.as-mobile-header__cart-scroll{ width: 44px; min-width: 44px; }.as-mobile-header__cart-scroll .topicon{ width: 40px; height: 40px; max-width: none; max-height: none; }.as-mobile-nav__panel{ width: calc(100vw - 28px); max-width: none; }.as-mobile-nav__panel ul{ padding: 0; }.as-mobile-nav__panel .menuh .menulink,.as-mobile-nav__panel .menuhu .menulink{ min-height: 42px; padding: 9px 11px 9px 13px; font-size: 14px; }}body.as-mobile-home-page > .wrapper{ padding-top: 132px; }body.as-mobile-home-page .as-mobile-home-intro__title{ display: block; box-sizing: border-box; width: auto !important; margin: 14px 14px 10px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #173c60; font-size: 16px; font-weight: 700; line-height: 1.28; }body.as-mobile-home-page .as-mobile-home-service{ display: block; box-sizing: border-box; margin: 12px 14px 18px; color: #405662; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; }body.as-mobile-home-page .as-mobile-home-service ul{ margin: 0; padding: 0; }body.as-mobile-home-page .as-mobile-home-service li{ margin: 0; }body.as-mobile-home-page .as-mobile-home-intro{ display: block; float: none !important; box-sizing: border-box; width: auto !important; margin: 0 10px 18px; padding: 0 14px 14px; overflow: hidden; border: 1px solid #d8e3eb; border-top: 0; border-radius: 0 0 10px 10px; background: #ffffff !important; box-shadow: 0 5px 18px rgba(18, 63, 82, .08); color: #405662 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 1.55 !important; }body.as-mobile-home-page .as-mobile-home-intro hr{ height: 1px; margin: 13px 0; border: 0; background: #dfe8ee; }body.as-mobile-home-page .as-mobile-home-intro__topics{ width: 100%; margin: 12px 0; border-collapse: separate; border-spacing: 6px; table-layout: fixed; }body.as-mobile-home-page .as-mobile-home-intro__topics td{ padding: 0; overflow: hidden; border: 1px solid #dbe5ec; border-radius: 8px; background: #f6f9fb; }body.as-mobile-home-page .as-mobile-home-intro__topics td img{ display: block; width: 100%; height: auto; }body.as-mobile-home-page .as-mobile-home-intro ul{ margin: 10px 0 0; padding: 0; }body.as-mobile-home-page .as-mobile-home-intro li{ margin: 0; }.as-mobile-home-new{ margin: 22px 7px 26px; padding: 16px 0 18px; border-top: 1px solid #dbe4ee; border-bottom: 1px solid #dbe4ee; }.as-mobile-home-new__head{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 0 8px 12px; }.as-mobile-home-new__head h2{ margin: 0; color: #183b58; font-size: 20px; line-height: 1.2; }.as-mobile-home-new__all{ color: #126f9a; font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; }.as-mobile-home-new__carousel{ position: relative; }.as-mobile-home-new__viewport{ overflow-x: auto; padding: 2px 8px 10px; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }.as-mobile-home-new__viewport::-webkit-scrollbar{ display: none; }.as-mobile-home-new__track{ display: flex; gap: 12px; margin: 0; padding: 0; list-style: none; }.as-mobile-home-new__card{ flex: 0 0 min(54vw, 224px); scroll-snap-align: start; }.as-mobile-home-new__card-inner{ display: flex; flex-direction: column; min-height: 318px; height: 100%; padding: 10px; border: 1px solid #d6e0e8; border-radius: 10px; background: #fff; box-sizing: border-box; }.as-mobile-home-new__image-link{ position: relative; display: flex; align-items: center; justify-content: center; height: 138px; margin-bottom: 8px; text-decoration: none; }.as-mobile-home-new__image{ display: block; max-width: 100%; max-height: 132px; width: auto; height: auto; object-fit: contain; }.as-mobile-home-new__badge{ position: absolute; top: 0; left: 0; z-index: 1; padding: 4px 7px; border-radius: 4px; background: #d70b28; color: #fff; font-size: 11px; font-weight: 800; line-height: 1; }.as-mobile-home-new__name{ display: -webkit-box; min-height: 44px; overflow: hidden; color: #163a55; font-size: 15px; font-weight: 800; line-height: 1.4; text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.as-mobile-home-new__summary{ display: -webkit-box; min-height: 40px; margin-top: 5px; overflow: hidden; color: #536a78; font-size: 13px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.as-mobile-home-new__meta{ display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 9px; }.as-mobile-home-new__rating{ color: #667681; font-size: 13px; text-decoration: none; white-space: nowrap; }.as-mobile-home-new__rating span{ color: #f5bd00; font-size: 17px; }.as-mobile-home-new__price{ margin-left: auto; color: #07549a; font-size: 13px; text-align: right; white-space: nowrap; }.as-mobile-home-new__price strong{ font-size: 18px; }.as-mobile-home-new__price sup{ font-size: 11px; }.as-mobile-home-new__control{ position: absolute; top: 132px; z-index: 2; width: 38px; height: 48px; padding: 0; border: 0; background: rgba(8,72,123,.72); color: #fff; font-size: 34px; line-height: 44px; }.as-mobile-home-new__control--prev{ left: 0; border-radius: 0 8px 8px 0; }.as-mobile-home-new__control--next{ right: 0; border-radius: 8px 0 0 8px; }@media (max-width: 430px) {.as-mobile-home-new__control{ display: none; }.as-mobile-home-new__card{ flex-basis: 54vw; }}.as-mobile-home-tiles{ margin: 24px 7px 28px; }.as-mobile-home-tiles h2{ margin: 0 8px 12px; color: #183b58; font-size: 20px; line-height: 1.2; }.as-mobile-home-tiles__viewport{ overflow-x: auto; padding: 2px 8px 11px; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }.as-mobile-home-tiles__viewport::-webkit-scrollbar{ display: none; }.as-mobile-home-tiles__track{ display: flex; gap: 12px; }.as-mobile-home-tile{ display: flex; flex: 0 0 min(66vw, 272px); overflow: hidden; border: 1px solid #d6e0e8; border-radius: 10px; background: #fff; box-sizing: border-box; color: #173d59; text-decoration: none; scroll-snap-align: start; }.as-mobile-home-tile--image{ flex-direction: column; }.as-mobile-home-tile--image img{ display: block; width: 100%; height: auto; aspect-ratio: 1619 / 971; object-fit: cover; }.as-mobile-home-about{ margin: 30px 15px 28px; padding-top: 24px; border-top: 1px solid #dce7ed; color: #455f6f; }.as-mobile-home-about__eyebrow{ margin: 0 0 5px; color: #16719b; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }.as-mobile-home-about h2{ margin: 0 0 12px; color: #183b58; font-size: 23px; line-height: 1.25; }.as-mobile-home-about p{ margin: 0 0 12px; font-size: 15px; line-height: 1.65; }.as-mobile-home-about a{ color: #086c9d; font-weight: 600; text-decoration-thickness: 1px; text-underline-offset: 2px; }#mymenu[inert]{visibility:hidden;}
