@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css); @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300); /* Copyright 2019 HTML/CSS by webmarx | https://www.ebay.de/str/webmarx | eBay Auktionsvorlage Alpha v. 1.0 */ .container-fluid, .container, .col-md-6 {font-family: 'Open Sans', serif; font-size:14px; color:#3f3f3f; font-weight:400; padding:0;} .row {margin:0; padding:0;} /* HEADER */ .header {padding:40px 0;} .logo {font-size:38px; color:#3f3f3f; font-weight:700; text-transform: uppercase;} .logo b {text-decoration: none; color:#75b14c; font-weight:700;} .logo img {max-height:70px; width:auto; padding:0; margin:-10px 0 0 0;} .info div:last-child {border-right:none;} .info div {color:#888; padding:12px 0; border-right:1px dotted #ddd; text-align: center; cursor:default;} .info div i {color:#ccc; padding-right:10px;} .info div:hover i {color:#75b14c;} /* KATEGORIEN */ div.kategorien {background:#75b14c;} div.kategorien ul {margin:0; padding:0; height:60px; position: relative} div.kategorien ul li {float:left; max-height:60px; margin:0; padding:0; list-style-type:none; line-height:60px;} div.kategorien ul li a {display:block; margin:0; padding:0 20px; font-weight:700; color:#fff; text-transform: uppercase;} div.kategorien ul li:hover a {color:#fff; text-decoration: none;} div.kategorien ul li:hover {background:rgba(255, 255, 255, 0.1);} /* SHOP LINK */ div.kategorien ul li:first-child a {font-size:24px;} div.kategorien ul li:first-child {background:#3f3f3f; line-height:60px;} div.kategorien ul li:first-child i {line-height:60px;} div.kategorien ul li:first-child:hover {background:#2f2f2f;} div.kategorien ul li:first-child:hover a {color:#fff;} /* DROPDOWN*/ div.kategorien ul ul {display:none; position:absolute; top:60px; z-index:6; list-style-type: none;} div.kategorien ul li:hover> ul {display:inherit;} div.kategorien ul ul li, div.kategorien ul ul li:first-child {width:auto; max-height:60px; float:none; display:block; position: relative; font-weight:700; color:#fff; text-transform: uppercase; padding:0; margin:0; font-family: 'Open Sans', serif; font-size:14px; background:#3f3f3f; list-style-type: none; line-height:50px;} div.kategorien ul ul li a, div.kategorien ul ul li:first-child a {display:block; margin:0; font-family: 'Open Sans', serif; font-size:14px; padding:0 20px; font-weight:700; color:#fff!important; text-transform: uppercase;} div.kategorien ul ul li:hover, div.kategorien ul ul li:hover:first-child {background:#2f2f2f;} /* DROPDOWN SYMBOL */ div.kategorien ul li a:after {font-family: 'FontAwesome'; content:'\f0d7'; padding-left:6px; color:rgba(255, 255, 255, 0.54);} div.kategorien ul li a:only-child:after {content:''; padding-left:0;} div.kategorien ul li ul li a:after, div.kategorien ul li ul li a:only-child:after {display:none; content:''; padding-left:0;} /* SLIDER */ .slider-bg {margin-bottom:20px; padding:0; background:#fff;} div.slider {padding:0; margin:0 auto; max-width:100%; overflow: hidden;} div.slider ul {width:1000%; height:auto; position:relative; list-style:none; left:0; margin:0; padding:0; -webkit-animation: next 12s infinite; -moz-animation: next 12s infinite;} div.slider ul:hover {-moz-animation-play-state: paused; -webkit-animation-play-state: paused;} div.slider li {width: 10%; list-style: none; float: left; margin: 0; padding: 0;} div.slider img {max-width:100%;} @-webkit-keyframes next { 0% {opacity:0;} 1% {left:0; opacity:1;} 18% {left:0; opacity:1;} 19% {opacity: 0.6;} 20% {left: -100%; opacity: 1;} 58% {left: -100%; opacity: 1;} 59% {opacity: 0.6;} 60% {left: -200%; opacity:1;} 98% {left: -200%; opacity:1;} 99% {opacity:0.3;} 100% {left:0; opacity:0;} } @-moz-keyframes next { 0% {opacity:0;} 1% {left:0; opacity:1;} 18% {left:0; opacity:1;} 19% {opacity: 0.6;} 20% {left: -100%; opacity: 1;} 58% {left: -100%; opacity: 1;} 59% {opacity: 0.6;} 60% {left: -200%; opacity:1;} 98% {left: -200%; opacity:1;} 99% {opacity:0.3;} 100% {left:0; opacity:0;} } /* RESPONSIVE MENU */ ul.resmenu li {width:20%; padding:0; font-size:20px; text-align: center; border-left:1px solid #fff; line-height: 60px;} ul.resmenu li a i {line-height: 60px!important;} /* SUCHE */ .suche {padding:0; margin:0;} .suche a {text-decoration: none!important; color:inherit;} .suchfeld {width:250px; height:50px; float:right; font-family: 'Open Sans', serif; background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px); color:#a0a0a0!important; line-height:50px; margin:0; padding:0 20px; border:none; text-align: left} .suchbutton {float:right; width:50px; height:50px; background: repeating-linear-gradient(45deg, #333, #333 2px, #3f3f3f 2px, #3f3f3f 4px); color:#fff; font-size:20px; text-align:center; margin:0; padding:0;border:none;} .suchbutton i {line-height:50px} .suchbutton:hover {background:#75b14c; color:#fff;} /* ARTIKELBILDER */ img {max-width:100%; height:auto} .artikelbilder.galerie {display:inline-block; position:relative; width:100%; height:auto;} .artikelbilder.galerie> .anker {display:none;} .artikelbilder.galerie> ul {position:relative; z-index:1; font-size:0; line-height:0; margin:0 auto; padding:0; height:auto; overflow:hidden; white-space:nowrap;} .artikelbilder.galerie> ul> .slide.img img {width:100%; height:auto;} .artikelbilder.galerie> ul> .slide {position:relative; display:inline-block; width:100%; height:auto; overflow:hidden; line-height: normal; white-space: normal; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} /* Thumbnails */ .artikelbilder.galerie> .thumb {position:absolute; left:0; width:100%; height:auto; z-index:6; text-align:center;} .artikelbilder.galerie> .thumb> div {margin-left:-50%; width:100%;} .artikelbilder.galerie> .thumb> label {position:relative; display:inline-block; cursor:pointer;} .artikelbilder.galerie> .thumb {bottom:5px; margin-bottom:5px;} .artikelbilder.galerie> .thumb> label {border-radius:50%; margin:0 5px; padding:9px; background:none;} .artikelbilder.galerie> .thumb> label> .anker {position:absolute; left:50%; top:50%; margin-left:-2px; margin-top:-2px; background: transparent; border-radius: 50%; padding: 2px;} .artikelbilder.galerie> .thumb> label:hover> .anker, .artikelbilder.galerie> #slide1:checked~.thumb> label.pic1>.anker, .artikelbilder.galerie> #slide2:checked~.thumb> label.pic2>.anker, .artikelbilder.galerie> #slide3:checked~.thumb> label.pic3>.anker, .artikelbilder.galerie> #slide4:checked~.thumb> label.pic4>.anker, .artikelbilder.galerie> #slide5:checked~.thumb> label.pic5>.anker, .artikelbilder.galerie> #slide6:checked~.thumb> label.pic6>.anker, .artikelbilder.galerie> #slide7:checked~.thumb> label.pic7>.anker, .artikelbilder.galerie> #slide8:checked~.thumb> label.pic8>.anker, .artikelbilder.galerie> #slide9:checked~.thumb> label.pic9>.anker, .artikelbilder.galerie> #slide10:checked~.thumb> label.pic10>.anker, .artikelbilder.galerie> #slide11:checked~.thumb> label.pic11>.anker, .artikelbilder.galerie> #slide12:checked~.thumb> label.pic12>.anker, .artikelbilder.galerie> #slide13:checked~.thumb> label.pic13>.anker, .artikelbilder.galerie> #slide14:checked~.thumb> label.pic14>.anker, .artikelbilder.galerie> #slide15:checked~.thumb> label.pic15>.anker, .artikelbilder.galerie> #slide16:checked~.thumb> label.pic16>.anker {background:none;} .artikelbilder.galerie {height: auto; max-height: auto; margin-bottom:0; text-align: center;} .artikelbilder.galerie img {border-radius: 3px;} .artikelbilder.galerie .thumb {position:relative; width: 100%; text-align: left; margin-bottom:-75px; margin-bottom: calc(-20px - 5vw); margin-top: 10px;} .artikelbilder.galerie> .thumb> label {box-sizing: border-box; border-radius: none; margin: 0 auto; padding:5px; background: none; text-align: center;} .artikelbilder.galerie> .thumb> label img {margin:0 auto; max-height:115px; width:auto; border:2px solid #ddd} .artikelbilder.galerie> #slide1:checked~.thumb> label.pic1> img, .artikelbilder.galerie> #slide2:checked~.thumb> label.pic2> img, .artikelbilder.galerie> #slide3:checked~.thumb> label.pic3> img, .artikelbilder.galerie> #slide4:checked~.thumb> label.pic4> img, .artikelbilder.galerie> #slide5:checked~.thumb> label.pic5> img, .artikelbilder.galerie> #slide6:checked~.thumb> label.pic6> img, .artikelbilder.galerie> #slide7:checked~.thumb> label.pic7> img, .artikelbilder.galerie> #slide8:checked~.thumb> label.pic8> img, .artikelbilder.galerie> #slide9:checked~.thumb> label.pic9> img, .artikelbilder.galerie> #slide10:checked~.thumb> label.pic10> img, .artikelbilder.galerie> #slide11:checked~.thumb> label.pic11> img, .artikelbilder.galerie> #slide12:checked~.thumb> label.pic12> img {border:2px solid #75b14c;} .artikelbilder.galerie> ul> .slide.img img {width: auto; max-width: 100%; max-height: 100%; margin:0 auto;} .artikelbilder.galerie> ul> .slide {text-align:center;} .artikelbilder.galerie img {box-shadow: none; width:100%; height:auto; max-width:100%;} /* Original-Bild */ .artikelbilder.galerie> #slide1:checked~ul> .slide.pic1, .artikelbilder.galerie> #slide2:checked~ul> .slide.pic2, .artikelbilder.galerie> #slide3:checked~ul> .slide.pic3, .artikelbilder.galerie> #slide4:checked~ul> .slide.pic4, .artikelbilder.galerie> #slide5:checked~ul> .slide.pic5, .artikelbilder.galerie> #slide6:checked~ul> .slide.pic6, .artikelbilder.galerie> #slide7:checked~ul> .slide.pic7, .artikelbilder.galerie> #slide8:checked~ul> .slide.pic8, .artikelbilder.galerie> #slide9:checked~ul> .slide.pic9, .artikelbilder.galerie> #slide10:checked~ul> .slide.pic10, .artikelbilder.galerie> #slide11:checked~ul> .slide.pic11, .artikelbilder.galerie> #slide12:checked~ul> .slide.pic12, .artikelbilder.galerie> #slide13:checked~ul> .slide.pic13, .artikelbilder.galerie> #slide14:checked~ul> .slide.pic14, .artikelbilder.galerie> #slide15:checked~ul> .slide.pic15, .artikelbilder.galerie> #slide16:checked~ul> .slide.pic16 {opacity:1; z-index:2;} /* Animations */ .artikelbilder.galerie> ul> .slide {display:inline-block; position:absolute; left: 0; top: 0; opacity: 0; z-index: 1; -webkit-transition: opacity 1250ms ease; transition: opacity 1250ms ease; -webkit-transform: rotate(0deg); transform: rotate(0deg);} @-webkit-keyframes fade { 0%, 37.254901960784316%, 100% {opacity: 0;} 12.254901960784315%,25% {opacity: 1;} 0%,24.999% {z-index: 2;} 25.001%,100% {z-index: 1;} } @keyframes fade { 0%, 37.254901960784316%, 100% {opacity: 0;} 12.254901960784315%,25% {opacity: 1;} 0%,24.999% {z-index: 2;} 25.001%,100% {z-index: 1;} } /* Größe */ .artikelbilder.galerie {max-width:500px;} .artikelbilder.galerie> ul {height:500px;} .artikelbilder.galerie> ul> .slide.img img {max-height:500px; width:auto; margin:0 auto;} .artikelbilder.galerie> .thumb> label img {max-height:75px; width:auto; margin:0 auto;} @media (min-width:992px) and (max-width: 1200px) { .artikelbilder.galerie {max-width:400px;} .artikelbilder.galerie> ul {height:400px;} .artikelbilder.galerie> ul> .slide.img img {max-height:400px; width:auto; margin:0 auto;} .artikelbilder.galerie> .thumb> label img {max-height:60px; width:auto; margin:0 auto;} } @media (min-width:768px) and (max-width: 992px) { .artikelbilder.galerie {max-width:500px;} .artikelbilder.galerie> ul {height:500px;} .artikelbilder.galerie> ul> .slide.img img {max-height:500px; width:auto; margin:0 auto;} .artikelbilder.galerie> .thumb> label img {max-height:75px; width:auto; margin:0 auto;} } @media (max-width: 768px) { .artikelbilder.galerie {max-width:300px;} .artikelbilder.galerie> ul {height:300px;} .artikelbilder.galerie> ul> .slide.img img {max-height:300px; width:auto; margin:0 auto;} .artikelbilder.galerie> .thumb> label img {max-height:50px; width:auto; margin:0 auto;} } /* TEXT & ÜBERSCHRIFTEN */ .art h1, .container h1 {line-height:30px; margin:15px; padding:15px 30px; background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px); color:#3f3f3f; font-size:20px; font-weight:700; text-align: center;} .art h1:before, .container h1:before {float:left; font-family: 'Open Sans', serif; content: '['; padding:0; font-size:70px; color:#75b14c; position: relative; top:-8px; left:-40px;} .art h1:after, .container h1:after {float:right; font-family: 'Open Sans', serif; content: ']'; padding:0; font-size:70px; color:#75b14c; position: relative; top:-8px; right:-40px;} blockquote {display:block; margin:20px 0; padding:20px; font-family: 'Open Sans', serif; font-size:14px; color:#3f3f3f; background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px); border-left:3px solid #75b14c;} code {display:block; margin:20px 0; padding:20px; font-family: 'Open Sans', serif; font-size:14px; color:#fff; background: repeating-linear-gradient(45deg, #333, #333 2px, #3f3f3f 2px, #3f3f3f 4px); border-left:3px solid #75b14c;} mark {font-family: 'Open Sans', serif; font-size:14px; color:#3f3f3f; background:#fff0ce;} small {font-size:12px; color:#999;} kbd {font-family: 'Open Sans', serif; font-size:14px; box-shadow:none;} /* ARTIKELBESCHREIBUNG */ .artpic {padding:0 40px;} .dsc h2 {display:table; padding:0 2px 3px 2px; margin:30px 0 20px 0; font-size:18px; color:#3f3f3f; font-weight:700; border-bottom:2px solid #75b14c;} .dsc h3 {display: block; padding: 0; margin: 20px 0; font-size: 20px; color: #3f3f3f; font-weight: 300;} .dsc ul, .tab-content ul {margin:15px 0; padding:0;} .dsc ul li, .tab-content ul li {list-style-type: none; color:#3f3f3f; padding:7px; border-bottom:1px dotted #ddd; text-indent:-1em; padding-left:1.6em;} .dsc ul li:last-child, .tab-content ul li:last-child {border:none;} .dsc ul li:before, .tab-content ul li:before {font-family: 'FontAwesome'; content: '\f105'; font-size:14px; padding-right:10px; color:#75b14c;} .dsc span.var {display:inline-block; min-width:60px; padding:10px; margin:1px 5px; color:#666; border:1px solid #fff; text-align: center; cursor: default; background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px);} .dsc span.var:hover {border:1px solid #ddd;} /* BUTTONS */ .kaufenbox {margin-top:30px; padding:25px 20px; background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px);} .preis {margin:0; padding:0 20px; cursor:default;} .preis h3 {margin:0; padding:0; color:#3f3f3f; font-size:30px; font-weight:700; text-align:left;} .preis h4 {margin:0; padding:5px 0 0 0; color:#999; font-size:14px; font-weight:400; text-align:left;} .dsc h3 span:hover {background:none;} a.skb {display:block; margin:0 0 10px 0; line-height:40px; color:#fff; text-align:center; background:#75b14c; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight:700; text-decoration:none!important;} a.skb:hover {background: repeating-linear-gradient(45deg, #333, #333 2px, #3f3f3f 2px, #3f3f3f 4px);} a.skb:before {font-family: 'FontAwesome'; content: '\f291'; font-size:14px; padding:0; margin:0; display:block; background: repeating-linear-gradient(45deg, #333, #333 2px, #3f3f3f 2px, #3f3f3f 4px); color: #fff; width:50px; float:left;} a.beo, a.fsb {display:block; margin:0; padding:2px 0 0 20px; color:#3f3f3f; font-weight:400; text-decoration: none!important;} a.beo i, a.fsb i {color:#75b14c; padding-right:10px;} a.beo:hover, a.fsb:hover {color:#75b14c;} /* TABS */ .tabs {margin:40px 0; padding:0; background:none} .tabs input[type=radio] {display:none} .tabs label {display:block; float:left; width:33.333333%; font-family: 'Open Sans', serif; color:#3f3f3f; font-size:16px; font-weight:700; text-decoration: none; text-align:center; cursor:pointer; background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px); padding:20px 0 15px 0; margin:0; overflow: hidden; text-transform: uppercase;} .tabs label span {display:inline-block} .tabs label:hover {background:#eee;} .tab-content {display:none; width:100%; float:left; padding:10px 20px 20px 20px; box-sizing:border-box; background:#fff; border-top:3px solid #75b14c; margin-top:0; text-align:left} .tab-content h2 {font-size:18px; font-weight:700; color:#3f3f3f;} .tab-content h3 {display: block; padding: 0; margin: 20px 0; font-size: 20px; color: #3f3f3f; font-weight: 300;} .tabs [id^="tab"]:checked + label {background:#75b14c; color:#fff;} #tab1:checked ~ #tab-content1, #tab2:checked ~ #tab-content2, #tab3:checked ~ #tab-content3, #tab4:checked ~ #tab-content4, #tab5:checked ~ #tab-content5, #tab6:checked ~ #tab-content6, #tab7:checked ~ #tab-content7, #tab8:checked ~ #tab-content8, #tab9:checked ~ #tab-content9 {display:block;} .tabs:after {content:''; display:table; clear:both} .tab-content ul {margin:10px 0} .tab-content a {color: #3f3f3f; font-weight:700; text-decoration: none} .tab-content a:hover {color: #75b14c; text-decoration: none} .tab-content ul li p {display:inline-block; padding-left:20px} /* TABLE */ .tab-content table {margin:20px 0; cursor: default; font-family: 'Open Sans', serif; color:#3f3f3f; font-size:14px;} .tab-content table tr {border-bottom:1px solid #ddd;} .tab-content table tr:nth-child(odd) {background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px);} .tab-content table tr:last-child {border-bottom:none;} .tab-content table td {padding:10px;} .tab-content table td:first-child {font-weight:700; border-right:1px solid #ddd;} /* SERVICE */ .service {margin:0 0 60px 0; padding:25px 15px; background: #75b14c; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: default;} .service i {background:#fff; transform: scale(3); position: relative; top:-40px; color:#75b14c; padding:10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} .service div {min-height:220px; padding:10px;} .service div div {margin:0; padding:0 30px 30px 30px; background:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; color:#3f3f3f;} .service div h2 {margin:0; padding:10px 0 20px 0; border:none; display:block; text-align:center; font-size:20px; color:#3f3f3f; font-weight:700;} /* CROSS-SELL */ div.xsell {margin:20px 0 30px 0; padding:10px; background:#fff;} div.xsell a {text-decoration: none!important; color:inherit;} div.xsell img {margin:0 auto; padding:0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} div.xsell h4 {margin:0; padding:15px; text-align: center; font-weight:700; font-size:16px; color:#3f3f3f; background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px);} div.xsell span {display:block; margin:0; padding:5px 0 0 0; color:#75b14c; font-weight:700; font-size:14px; text-align: center;} div.xsell:hover {background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px);} div.xsell:hover h4 {background:none;} /* NEWSLETTER */ .nws {background:#75b14c; padding:35px 0;} .nws div {text-align:right; color:#fff; font-weight:700; font-size:30px;} a.news {display:block; max-width:250px; background: repeating-linear-gradient(45deg, #333, #333 2px, #3f3f3f 2px, #3f3f3f 4px); color:#fff; text-align: center; font-size:16px; padding:13px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} a.news:hover {text-decoration: none; background:#fff; color:#3f3f3f;} /* FOOTER */ .footer {background:#3f3f3f; padding:0 0 20px 0;} .footer h6 {margin:20px 0; padding:10px 0; text-align:center; color:#fff; font-weight:700; font-size:16px; background: repeating-linear-gradient(45deg, #333, #333 2px, #3f3f3f 2px, #3f3f3f 4px);} .footer ul {margin:0; padding:0;} .footer ul li {list-style-type: none; text-align: center; padding:5px 0; border-top:1px dotted #555} .footer ul li:first-child {border:none;} .footer ul li a {color:#75b14c;} .footer ul li a:hover {color:#fff; text-decoration: none;} .footer p {padding:0 20px; text-align:center; line-height:20px; color:#999;} .footer p img {margin:8px auto;} .footer p.zvb {line-height:32px; text-align:left; padding:0 50px;} .footer p.zvb i {color:#888; font-weight:400; font-size:20px;} .footer a.kontakt {display:block; max-width:220px; padding:0; line-height:40px; margin:20px auto!important; font-size:14px; font-weight:700; background:#75b14c; color:#3f3f3f; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none!important; border:2px solid #75b14c;} .footer a.kontakt:hover {background: repeating-linear-gradient(45deg, #333, #333 2px, #3f3f3f 2px, #3f3f3f 4px); color:#fff;} .footer a.kontakt:before {font-family: 'FontAwesome'; content: '\f0e6'; font-size:14px; padding:0; margin:0; display:block; background: repeating-linear-gradient(45deg, #333, #333 2px, #3f3f3f 2px, #3f3f3f 4px); color: #75b14c; width:50px; float:left;} /* MEDIA QUERY */ @media (min-width:992px) and (max-width: 1200px) { .service div h2 {font-size:16px;} .footer p.zvb {padding:0 20px;} } @media (min-width:768px) and (max-width: 992px) { .artpic {padding:0 100px;} div.info {font-size:12px;} .dsc {float:none;} a.news {font-size:14px; padding:10px;} div.nws div div:first-child {font-size:22px; padding:3px 0;} } @media (max-width: 768px) { .artpic {padding:10px 0; text-align: center} div.logo {text-align: center;} a.skb {margin:10px 0;} .logo img {margin:0 auto; padding:0;} div.kategorien {margin-bottom:10px;} div.container h1 {font-size:14px; text-align: center; padding:20px; line-height:18px;} div.container h1:before, div.container h1:after {display:none;} .dsc {float:none; margin-top:0; padding:0 20px;} .dsc h2 {font-size:18px;} .tabs label {width:100%} .tabs label span {display:inline-block} div.xsell {margin:20px;} div.nws {margin:0; padding:30px 0 10px 0;} .nws div div:first-child {padding:0 0 20px 0; font-size:14px; text-align: center; float:none;} a.news {margin:0 auto; font-size:14px; text-align: center;} }