 DIV.content div ul {line-height: 1; font-weight: lighter; padding: 0 0 0 2em;} DIV.content div.artikellinks {width:50%; overflow:hidden; margin:0 0 0 0; float:left;} DIV.content div.artikelrechts {width:45%; overflow:hidden; margin:0 0 0 0; float:left;} DIV.content div.artikelbilder {line-height:0; border:1px solid #d0d0d2; text-align:center; margin:10px 2%; width:15%; float:left; overflow:hidden;} DIV.content a.buttonred {display: block; font-size: 1rem; color: #fff; text-align: center; height: auto; background: #ce0000; border-radius: 2px; padding: 0.5em 1em; text-decoration: none;} DIV.content .artikelgruppeteaser {width: auto; min-width:20vw; height: 15vw; margin: 1.5vw; padding: 0; background-size: cover; background-position:center; flex-grow: 1; position: relative; text-align: center; display: flex; justify-content: center; align-items: center; border-radius:.25rem;} DIV.content .artikelgruppeeinleitung {position:relative; background-color: rgba(255,255,255,80%); margin: -11rem auto 2rem auto; z-index: 5; width: 70%; min-height: 14rem; border-radius: 2rem;} DIV.content .produktgruppetext {text-align:center; font-size:1.25em; line-height:1.3; width:90%; padding:0 3%; margin:0 auto 50px auto;} DIV.content h1.produktgruppe {position:relative; background-color:#fff; margin:-10rem auto 0px auto; z-index:5; width:60%; text-align:center; font-weight:normal; color:#000; font-size:3em; line-height:1; padding-top:0.75em; height:10rem;} DIV.content .artikelgruppeteaser h1 {color: #fff; font-size: 1.25rem; line-height: 1.2; font-weight: bold; margin: 0 auto; padding: 1rem 2%; position: absolute; white-space: nowrap; bottom: 0; width: 96%; background-color: rgba(0,0,0,.30);} DIV.content div.productTopseller {position: absolute; right: 0; top: 4.2em; overflow: hidden; display: block; font-size: 1em; font-weight: normal; padding: 0.25em 0.5em; background-color: #d60000; color: #fff; border-radius: 0.125em;} DIV.content div.productITF {position: absolute; right: 1em; top: 6em; overflow: hidden; display: block; font-size: 1.25em; font-weight: bold; padding: 0.25em 0.5em; background-color: #333; color: #fff; border-radius: 0.125em;} DIV.content .anmeldung {border-radius: 5px; border: .5px solid #555; font-size: 1rem; line-height: 1.5; padding: 2px 4%; width: 90%; height: 40px; margin: 0px 0px 10px 0px; letter-spacing:.03rem;} DIV.content .bezeichner {width: 90%; padding-left: 4%; margin-top: 10px; color: #555; font-size: 0.75rem;} DIV.content .wrapperAnmeldung {width: 90%; max-width: 600px; margin:0 auto;} DIV.content div.productOriginal {position: absolute; left: 2em; top: 7.2em; overflow: hidden; display: block; width: 5em; height: 5em; background-image: url(../bilder/original.png); background-size: cover;} DIV.content div.productLieferIcon {height: 3em; width: 3em; background-size: contain; background-position: left top; background-image: url(../bilder/lieferung-1.png); background-repeat: no-repeat; position: absolute; bottom: .75em; left: 1em;} DIV.content .shopTeaser-33 h1 {font-family:patuaone; font-style:italic; background-image:url(../bilder/headline-bg.png); background-repeat:no-repeat; background-position:center right; font-size:1.75rem; color:#fff; xheight:100px; width:80%; text-align:left; padding:8px; margin:15px 0px} DIV.content .shopTeaser-33 p {font-family:patuaone; font-style:italic; font-size:1.375rem; color:#fff; xwidth:300px; text-align:left; padding:16px; margin:15px 0px} DIV.content .shopTeaser-33 {margin: 0.8rem auto 1.6rem auto; height: 12rem; width: 20rem; overflow: hidden; background-size: cover; padding:.8rem;} DIV.content div.wechselHeader, section.wechselHeader {Position:absolute; top:0px; left:0px; margin:0px; padding:0px; width: 100%; height: 100%; background-size:cover; background-position:center; overflow:hidden; background-repeat:no-repeat;} DIV.content .wrapperTopTeaser {margin: 0.75em 0.25em; position: relative; overflow: hidden; width: 100vw; height: 38.42vw; max-width: 1400px; max-height: 538px; cursor:pointer;} DIV.content .containerWrapper {margin:0px; clear:both; cursor:pointer; width:20em; overflow:visible; position:relative; height:27em; padding:0; border: 0.5px solid rgba(0,143,212,0.1); border-radius: 1em; xbackground-color: rgba(0, 143, 212, 0.03);} DIV.content a.productItem:hover {box-shadow: 2px 2px 3px #333;} DIV.content .wrapperArtikel {display: flex; justify-content: space-between; flex-wrap: wrap; font-size:0.8rem; margin:0 auto;} DIV.content div.breadcrumb {Color:#333; font-size:1rem;} DIV.content div.breadcrumb a {Color:#333; font-size:1rem;} DIV.content span {font-family:Open Sans, Verdana;} DIV.content a {text-decoration:none; font-family:Open Sans; color:#000;} DIV.content a.productItem {text-decoration:none; font-family:Open Sans; display:block; overflow:visible; margin:4em auto 4em auto; border-radius:1em;} DIV.content a.productItem h1 {text-align: left; font-family: 'Open Sans', Verdana; font-size: 1.25em; font-weight: bold; color: #000; margin: 0px auto; padding: 0px 0px; max-height: 2.2em; padding:.5em; overflow: hidden; line-height: 1.25; display: block;} DIV.content a.productItem img {object-fit: contain; width: 100%; padding:0; margin:0;} DIV.content a.productItem figure {line-height: 0px; overflow: hidden; padding: 0; margin: 0 auto; width: 100%; height: 12.5em; border-radius:1em 1em 0 0;} DIV.content a.productItem p.preisAlt {height:unset; width:unset; margin:0 0 0 10px; font-weight:normal; font-size:0.75rem; color:#666; text-decoration:line-through; text-align:right; line-height:1.2; position: absolute; right: 10%; margin-top: -12px;} DIV.content a.productItem p.preisVerein {height:unset; width:unset; margin:0 0 0 10px; font-weight:normal; font-size:0.75rem; color:#666; text-align:right; line-height:1.2; position: absolute; right: 5%; margin-top: -15px; display:none;} DIV.content a.productItem .preisWrapper {position:absolute; overflow:hidden; bottom:1em; right:.5em;} DIV.content a.productItem .artikelNr {color: #3b3b3b; width: 90%; padding: 0.25em 0px; font-size: 0.6875em; margin: 0 auto; text-align: left; height: 1em; position:absolute; bottom:0.25em;} DIV.content a.productItem p.preis {height:unset; width:unset; margin:0 0 0 .5em; font-weight:bold; font-size:1.8em; color:#000000; text-align:right;} DIV.content a.productItem p.preis span.einheit {font-size:0.6em; color:#333;} DIV.content a.productItem p.productText {max-height: 3em; overflow: hidden; margin: 1em 0px; text-align: left; font-family: 'Open Sans',Verdana; font-size: 1em; line-height: 1.15; padding:.5em;} DIV.content  {background-Color:#fff; Overflow:hidden; font-family:Open Sans, Verdana; line-height:1.5; font-size:1rem;} DIV.content p {} DIV.content p.teasertext {line-height: 1.5; font-family: 'Open Sans', verdana; margin: 0px auto 30px auto; width: 70%; text-align: center;} DIV.content h6 {fontz-size:19px;color:#000000;line-height:21px;margin:0 20px 0 0;font-weight:normal;} DIV.content h5 {fontz-size:19px;color:#000000;line-height:21px;margin:0 20px 0 0;font-weight:normal;} DIV.content h4 {fontz-size:19px;color:#000000;line-height:21px;margin:0 20px 0 0;font-weight:normal;} DIV.content h3 {font-size:21px;color:#000000;font-weight:normal;font-family:'Open Sans', verdana;line-height:25px;margin: 0px 0 20px 0;} DIV.content h2 {font-size:1.75rem;font-weight:normal;color:#000000;font-family:'Open Sans', verdana;text-align:left;line-height:1.5;} DIV.content h1 {font-size: 3.5rem; font-weight: lighter; color: #000000; font-family: 'Open Sans', verdana; line-height: 1.5; text-align: center; margin:4rem auto;} DIV.content h1.artikelgruppe {text-align: center; font-weight: normal; color: #000; font-size: 3em; line-height: 1; padding-top: 0.75em; padding-bottom: 0.75em; margin: 0;} DIV.content img {margin:1rem auto; max-width:100%;} DIV.content div.wechselheader-nav {margin: 0px auto; text-align:center; z-index:4; position: absolute; bottom:.0; left: 10%; width: 80%; display:none;} DIV.content div.wechselheader-nav-point {display:inline-block; align:center; margin:.5em; width:1em; height:1em; border-radius:50%; border:1px solid #fff; xbackground-color:#bbb;} DIV.content div.wechselheader-nav-point-aktiv {display:inline-block; align:center; margin:.5em; width:1em; height:1em; border-radius:50%; border:1px solid #fff; background-image:url(../bilder/ball-weiss.png); background-size:cover;} DIV.content div.wechselheaderteaser {position:absolute; top: 45%; padding: 10px 17px 35px 30px; left:40%; xtext-align:right; max-width:350px; cursor:pointer; width:27%;} DIV.content div.wechselheaderteaser h1 {font-family:arial; color:#efefef; text-shadow:2px 3px #777; font-size:36px; line-height:42px;} DIV.content div.wechselheaderteaser p {color:#fff; font-size: 22px; text-align: right; xfont-weight: bold; line-height: 26px; padding: 0px; margin:15px 0px 10px 0px; font-family:Nunito, Arial, Helvetica; width:100%;} DIV.content div.wechselheaderteaser div {line-height:22px;position: absolute; z-index:10;overflow:hidden;bottom: 10px; right: 25px; border-radius: 6px; background-color: #ededed; padding: 4px 0px 2px 0px; font-style: italic; font-weight: bold; font-family: arial;box-shadow:1px 1px #a0a0a0;} DIV.content div.wechselheaderteaser div a {color:#585858;right:100px; xwidth:54px;background-color:#e4e4e4;padding:0px 8px 2px 8px;font-size:16px;text-decoration:none;font-family:arial;font-weight:bold} DIV.content div.wechselheaderteaser div a span {font-size:22px;vertical-align:middle;padding:0px 5px} DIV.content img.wechselheaderbild {} DIV.content div.pdf a {text-decoration:none; color:#000; border: 0px solid #cfd1d4 !important; xbackground-color:#fff !important; padding: 7px 15px 7px 15px; display:inline-block; xborder-radius: 25px; text-align:center; line-height:2.5;} DIV.content div.pdfthumb {clear:both; overflow:hidden; width:100%; margin:auto; padding:0px; cursor:pointer; position:relative; text-align:center; display:flex; background-color:#eee;} DIV.content img.pdfthumb {max-width:88%; max-height: 100%; margin:auto; padding: 6% 6% 10% 6%;} DIV.content div.pdf {overflow: hidden; width: 80%; margin: 10px 2.5%; padding: 0px 0% 5px 0%; float:left; position:relative;} DIV.content div.pdf50 {overflow: hidden; width: 40%; margin: 10px 5%; padding: 0px 0% 5px 0%; float:left; position:relative;} DIV.content div.pdf25 {overflow: hidden; width: 20%; margin: 10px 2.5%; padding: 0px 0% 5px 0%; float:left; position:relative;} DIV.content div.pdf33 {overflow: hidden; width: 24%; margin: 10px 2.5%; padding: 0px 0% 5px 0%; float:left; position:relative;} DIV.content div.content25 div.pdf {overflow: hidden; width: 100% !important; max-height:500px; margin: 10px 2.5%; padding: 0px 0% 5px 0%; float:left; position:relative;} DIV.content div.content50 div.pdf {overflow: hidden; width: 45% !important; max-height:500px; margin: 10px 2.5%; padding: 0px 0% 5px 0%; float:left; position:relative;} DIV.content div.pdf:hover {xbox-shadow: 2px 2px 4px 0px #666;} DIV.content div.pdfheadline {clear:both; margin-top:10px; padding:5px; text-align:center; color:#000; height:auto;} DIV.content div.pdfsize {xclear:both; width:50px !important; background-color:#000; text-align:center; font-size:12px; font-family: nunito, Arial; color:#fff; padding:0px; position:absolute; top:300px; left:40%; z-index:2; width:90%; display:none;} DIV.content div.pdftext {xdisplay:none; xfont-size:1.0em; font-size:0.85vw;} DIV.content div.pdfheadline a {font-family: Nunito, Arial; font-size:18px; color:#000; font-weight:bold; display:inline-block; overflow:visible; background-color: transparent !important;} DIV.content div.pdfheadline a:hover {text-decoration:underline; color:#000000; padding:0px;} body.body div.MenuShopMap {width: 100%; max-width: 1400px; margin: 0 auto; position: relative; display: flex; flex-wrap: wrap; justify-content: space-around; min-height: 50%; align-items: normal; align-content: space-evenly; padding-top:2rem;} body.body nav.MenuShopMapKategorie a {padding:2px 10px; margin:0px; clear:left; display:block; font-size:1em; line-height:1.5; background:none !important; color:#b3b3b3;} body.body nav.MenuShopMapKategorie a:hover {background:#fff !important; color:#000;} body.body nav.MenuShopMapKategorie h1 {padding: 5px 15px 2px 0px; margin-bottom:4px; margin-top:0px; font-weight:normal; border-bottom:1px solid #fff; font-size:1.2em;} body.body nav.MenuShopMapKategorie:hover {} body.body nav.MenuShopMapKategorie {padding: 1vw; margin: 1vw; width: 25vw; border-radius: 0.3125rem; color: #fff; text-align: left; text-transform:uppercase;} body.body nav.MenuShopMapKategorie1 {Position:absolute; top:5px; left:0px;} body.body nav.MenuShopMapKategorie2 {Position:absolute; height:165px; width:310px; top:135px; left:0%; background-Image:url('../nlbilder/footer_bild_1.jpg'); background-repeat:no-repeat; background-Position: 100px 70px;} body.body nav.MenuShopMapKategorie3 {Position:absolute; height:155px; width:370px; top:160px; left:33%; background-Image:url('../nlbilder/footer_bild_2.jpg'); background-repeat:no-repeat; background-Position: 100px 40px;} body.body nav.MenuShopMapKategorie4 {Position:absolute; top:5px; left:33%; width:30%;} body.body nav.MenuShopMapKategorie5 {Position:absolute; top:120px; left:66%;} body.body nav.MenuShopMapKategorie6 {Position:absolute; top:140px; left:33%; Display:none;} body.body nav.MenuShopMapKategorie7 {Position:absolute; top:140px; left:33%;} body.body nav.MenuShopMapKategorie8 {Position:absolute; top:200px; left:66%;} body.body nav.MenuShopMapKategorie11 {Position:absolute; top:5px; left:66%;} body.body nav.MenuShopMapKategorie10 {Position:absolute; top:10px; left:30%; Display:none;} body.body nav.MenuShopMapKategorie9 {Position:absolute; top:10px; left:30%; Display:none;} body.body ul li ul li a:hover {background-Color:#909090;} body.body ul a.ShopReiter {list-style-type: none; float: left; margin: -10px 0 0 0px !important; padding: 13px 30px 7px 30px !important; background-color: #f97705; color: #ffffff; display: block; font-family: 'Open Sans', verdana; font-size: 16px; font-weight: normal; margin: 0; text-decoration: none; letter-spacing:1px; padding:10px; border-left:1px solid #fff; border-right:1px solid #fff;} body.body .klappmenu_link {display: flex; justify-content: space-around;} body.body .MenuShop h1 {font-size: 1.2rem; margin: 15px 10px 5px -10px;} body.body .MenuShop a {display: block; color: black; text-decoration: none; line-height: 1.4; font-size: .85rem;} body.body section.MenuShop {border-bottom: 0.5px solid #666; padding: 0 5px 10px 0;} body.body nav.MenuShopContainer {margin-top:7.8125rem;} body.body .LoggedUser p {padding:0px; margin:0px;} body.body .LoggedUser a {padding:0px; margin:0px; color:#fff; text-decoration:none;} DIV.Shopmenu ul {font-family: Tahoma; margin:0px; list-style-type: none; padding:0px;} DIV.Shopmenu a {color:#222; text-decoration:none;} DIV.Shopmenu ul li.prod-kat {background-color: #ADADAD; border-bottom:1px solid #ADADAD; padding:8px; font-size:14px; color:#fff; letter-spacing:1px} DIV.Shopmenu ul li a {list-style-type: none; border-bottom:1px solid #ADADAD; padding:8px; font-size:13px; display:block; background-color:#ddd;} DIV.FooterShopSitemap section.MenuFooterShopMapKategorie3 {Position:absolute; height:160px; top:280px; left:33%;} DIV.FooterShopSitemap section.MenuFooterShopMapKategorie4 {Position:absolute; top:5px; left:33%; width:30%;} DIV.FooterShopSitemap section.MenuFooterShopMapKategorie8 {Position:absolute; top:300px; left:66%; width:30%;} DIV.FooterShopSitemap section.MenuFooterShopMapKategorie10 {Position:absolute; top:10px; left:30%; Display:none;} DIV.FooterShopSitemap section.MenuFooterShopMapKategorie11 {Position:absolute; top:5px; left:66%; width:30%;} DIV.FooterShopSitemap section.MenuFooterShopMapKategorie7 {Position:absolute; top:140px; left:33%; width:30%;} DIV.FooterShopSitemap section.MenuFooterShopMapKategorie1 {Position:absolute; top:5px; left:0px; width:30%;} DIV.FooterShopSitemap section.MenuFooterShopMapKategorie2 {Position:absolute; height:150px; top:180px; left:0%;} DIV.FooterShopSitemap section.MenuFooterShopMapKategorie5 {Position:absolute; top:170px; left:66%; width:30%;} DIV.FooterShopSitemap section.MenuFooterShopMapKategorie6 {Position:absolute; top:140px; left:33%; width:30%; Display:none;} DIV.FooterShopSitemap section.MenuFooterShopMapKategorie9 {Position:absolute; top:10px; left:30%; Display:none;} DIV.FooterShopSitemap h1 {height:25px; margin:0 0 10px 0 ; padding:2px 18px 0 7px; width:auto; float:left; font-size:17px; font-weight:normal; Color:#fff; font-family: Open Sans; background-image:url(../bilder/sitemap-bg.png);background-repeat:no-repeat;background-position:right top;} DIV.FooterShopSitemap a {clear:left; font-size:15px; font-weight:normal; Color:#000; font-family: Open Sans; height:24px; text-decoration: none; display:block; margin:8px 0 0 0;} DIV.Suche input.suche {width:80%; font-size:1rem; font-family:Open Sans, Verdana;} DIV.FooterSitemap ul {padding:0; margin:0;} DIV.FooterSitemap h1 {font-size:1rem; text-transform:uppercase; border-bottom:0.5px solid #fff; color:#fff;} DIV.FooterSitemap ul li {list-style-type: none;} DIV.FooterSitemap a {color: #ffffff; text-decoration: none; display:block;} DIV.FooterSitemap ul li ul li a {padding:0 0 0 0; font-size:16px; color:#000000; line-height:36px; font-weight:normal; text-shadow: 0px 0px 0px #000;} DIV.FooterSitemap li ul {clear:left; width:151px; padding-top:15px; background-image:none;} div.Vorteile div {background-image: url(../bilder/fisch-white-icon.png); background-size: contain; background-repeat: no-repeat; padding-left: 2em; color:#fff;} DIV.Stern div.pdf a:hover {text-decoration: underline; color:#000;} div.Hinweis div {background-image: url(../bilder/fisch-white-icon.png); background-size: contain; background-repeat: no-repeat; padding-left: 2em; color:#fff;} @media screen and (max-width: 1300px) { DIV.content div.wechselheaderteaser {top:45%; max-width:200px; left:38%;} DIV.content div.wechselheaderteaser h1 {font-size: 26px; line-height:32px;} DIV.content div.wechselheaderteaser p {font-size: 12.5px; line-height: 15.5px; padding-right:10px;} } @media screen and (max-width: 900px) { DIV.content div.wechselheaderteaser {display:none;} DIV.content div.wechselheaderteaser h1 {display:none;} DIV.content div.wechselheaderteaser p {display:none} DIV.content div.pdf {width:40%; margin: 10px 5%;} DIV.content div.pdf50 {width:40%; margin: 10px 5%;} } @media screen and (max-width: 680px) { DIV.content div.artikellinks {width:100%;} DIV.content div.artikelrechts {width:90%; margin:0 auto; float:unset;} DIV.content .artikelgruppeeinleitung {width:80%;} DIV.content .wrapperArtikel {font-size:1.25rem; width:90%;} DIV.content  {font-size:1.25rem;} DIV.content p.teasertext {width:90%;} DIV.content div.wechselheaderteaser {display:none;} DIV.content div.wechselheaderteaser h1 {display:none;} DIV.content div.wechselheaderteaser p {display:none;} DIV.content div.wechselheaderteaser div {padding: 2px 0px 1px 0px; line-height:18px;} DIV.content div.wechselheaderteaser div a {font-size:14px; padding:0px 6px 2px 6px; white-space:nowrap;} body.body nav.MenuShopMapKategorie {width:37vw;} }