html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

p, a, span, strong, b, i, div, li, h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", Arial, sans-serif;
  color: #56565a; }

p, a, span, strong, b, i, div, li, input, button {
  font-size: 16px;
  font-weight: 400; }

p {
  line-height: 1.3; }

h1 {
  font-size: 27px;
  font-weight: 500;
  color: #71a324; }

h2, h2 a {
  font-size: 24px;
  font-weight: 500;
  color: #71a324; }

h3 {
  font-size: 18px;
  color: #71a324; }

h4 {
  font-size: 16px; }

strong {
  font-weight: 700; }

.error {
  color: red; }

.success, .success span {
  color: green; }

a {
  cursor: pointer;
  text-decoration: none; }

#pageWrapper {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  /*header*/
  /*section*/
  /*footer*/ }
  #pageWrapper::after {
    clear: both;
    content: "";
    display: table; }
  #pageWrapper header {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    /*inner*/
    /*categories*/ }
    #pageWrapper header::after {
      clear: both;
      content: "";
      display: table; }
    #pageWrapper header .inner {
      max-width: 1080px;
      margin-left: auto;
      margin-right: auto;
      padding: 0 10px;
      /*top*/
      /*benefits*/ }
      #pageWrapper header .inner::after {
        clear: both;
        content: "";
        display: table; }
      #pageWrapper header .inner .top {
        display: block;
        padding: 0 20px;
        margin-bottom: 40px;
        /*utility*/
        /*contact*/ }
        #pageWrapper header .inner .top::after {
          clear: both;
          content: "";
          display: table; }
        #pageWrapper header .inner .top .logo {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 31.76157%;
          /*img*/ }
          #pageWrapper header .inner .top .logo::after {
            clear: both;
            content: "";
            display: table; }
          #pageWrapper header .inner .top .logo:last-child {
            margin-right: 0; }
          @media screen and (max-width: 740px) {
            #pageWrapper header .inner .top .logo {
              float: left;
              display: block;
              margin-right: 2.35765%;
              width: 100%; }
              #pageWrapper header .inner .top .logo:last-child {
                margin-right: 0; } }
          #pageWrapper header .inner .top .logo img {
            display: block;
            float: left;
            max-width: 100%; }
            @media screen and (max-width: 740px) {
              #pageWrapper header .inner .top .logo img {
                float: none;
                margin: 0 auto; } }
        #pageWrapper header .inner .top .utility {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 40.29137%;
          /*formWrapper*/ }
          #pageWrapper header .inner .top .utility::after {
            clear: both;
            content: "";
            display: table; }
          #pageWrapper header .inner .top .utility:last-child {
            margin-right: 0; }
          @media screen and (max-width: 740px) {
            #pageWrapper header .inner .top .utility {
              float: left;
              display: block;
              margin-right: 2.35765%;
              width: 100%; }
              #pageWrapper header .inner .top .utility:last-child {
                margin-right: 0; } }
          #pageWrapper header .inner .top .utility .formWrapper {
            margin-top: 30px;
            position: relative;
            width: 90%;
            float: right;
            /*a.submit*/ }
            @media screen and (max-width: 740px) {
              #pageWrapper header .inner .top .utility .formWrapper {
                width: 100%;
                float: none; } }
            #pageWrapper header .inner .top .utility .formWrapper label {
              float: left;
              display: block;
              color: white;
              font-size: 14px;
              line-height: 2.3;
              margin-right: 10px; }
            #pageWrapper header .inner .top .utility .formWrapper input[type="text"] {
              float: left;
              display: block;
              font-size: 14px;
              width: 84%;
              padding: 8px; }
            #pageWrapper header .inner .top .utility .formWrapper a.submit {
              float: left;
              display: block;
              height: 36px;
              width: 16%;
              background: #71a324;
              text-align: center;
              padding: 8px; }
              #pageWrapper header .inner .top .utility .formWrapper a.submit i {
                columns: white;
                color: white; }
        #pageWrapper header .inner .top .contact {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 23.23176%;
          /*p*/ }
          #pageWrapper header .inner .top .contact::after {
            clear: both;
            content: "";
            display: table; }
          #pageWrapper header .inner .top .contact:last-child {
            margin-right: 0; }
          @media screen and (max-width: 740px) {
            #pageWrapper header .inner .top .contact {
              display: none; } }
          #pageWrapper header .inner .top .contact .content {
            float: right;
            margin-top: 20px; }
          #pageWrapper header .inner .top .contact p {
            line-height: 1; }
            #pageWrapper header .inner .top .contact p.headline {
              color: #71a324;
              font-weight: 500;
              text-transform: uppercase; }
            #pageWrapper header .inner .top .contact p.text {
              font-size: 14px; }
            #pageWrapper header .inner .top .contact p.phone {
              margin: 10px 0 0 0;
              color: #71a324;
              font-weight: 500;
              font-size: 14px; }
              #pageWrapper header .inner .top .contact p.phone i {
                margin-right: 5px;
                color: #71a324; }
      #pageWrapper header .inner .benefits {
        display: block;
        padding: 0 100px;
        margin-bottom: 30px;
        /*ul*/ }
        #pageWrapper header .inner .benefits::after {
          clear: both;
          content: "";
          display: table; }
        #pageWrapper header .inner .benefits ul {
          /*li*/ }
          #pageWrapper header .inner .benefits ul::after {
            clear: both;
            content: "";
            display: table; }
          #pageWrapper header .inner .benefits ul li {
            display: block;
            float: left;
            color: #bfbfbf;
            text-transform: uppercase;
            font-size: 14px;
            margin: 0 40px 0 0;
            /*i*/ }
            @media screen and (max-width: 1080px) {
              #pageWrapper header .inner .benefits ul li {
                margin: 0 0 10px 0;
                width: 50%; } }
            @media screen and (max-width: 740px) {
              #pageWrapper header .inner .benefits ul li {
                margin: 0 0 10px 0;
                width: 100%;
                text-align: center; } }
            #pageWrapper header .inner .benefits ul li:last-child {
              margin-right: 0; }
            #pageWrapper header .inner .benefits ul li i {
              margin-right: 5px;
              color: #71a324; }
    #pageWrapper header .categories {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      min-height: 50px;
      background: #d8d8d8;
      background: -moz-linear-gradient(top, #d8d8d8 33%, #f0f0f0 101%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, #d8d8d8), color-stop(101%, #f0f0f0));
      background: -webkit-linear-gradient(top, #d8d8d8 33%, #f0f0f0 101%);
      background: -o-linear-gradient(top, #d8d8d8 33%, #f0f0f0 101%);
      background: -ms-linear-gradient(top, #d8d8d8 33%, #f0f0f0 101%);
      background: linear-gradient(to bottom, #d8d8d8 33%, #f0f0f0 101%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#f0f0f0',GradientType=0 );
      /*ul*/ }
      #pageWrapper header .categories::after {
        clear: both;
        content: "";
        display: table; }
      #pageWrapper header .categories ul {
        max-width: 1080px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 10px;
        /*li*/ }
        #pageWrapper header .categories ul::after {
          clear: both;
          content: "";
          display: table; }
        #pageWrapper header .categories ul li {
          display: none;
          float: left; }
          #pageWrapper header .categories ul li a {
            display: block;
            padding: 16px 20px;
            font-size: 14px;
            font-weight: 500; }
          #pageWrapper header .categories ul li:last-child {
            padding-right: 0; }
          #pageWrapper header .categories ul li:first-child {
            padding-left: 0; }
        #pageWrapper header .categories ul #cat_id_2, #pageWrapper header .categories ul #cat_id_10730710018, #pageWrapper header .categories ul #cat_id_7573168, #pageWrapper header .categories ul #cat_id_5, #pageWrapper header .categories ul #cat_id_19, #pageWrapper header .categories ul #cat_id_18, #pageWrapper header .categories ul #cat_id_3581525018, #pageWrapper header .categories ul #cat_id_3581570018 {
          display: block; }
  #pageWrapper section {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    padding-top: 60px;
    /*product*/
    /*galleryWrapper*/
    /*benefitTeasers*/
    /*paypal*/
    /*complementary*/ }
    #pageWrapper section::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (max-width: 1080px) {
      #pageWrapper section {
        padding-top: 20px; } }
    #pageWrapper section .product {
      display: block;
      margin-bottom: 50px;
      /*images*/
      /*text*/ }
      #pageWrapper section .product::after {
        clear: both;
        content: "";
        display: table; }
      #pageWrapper section .product h2 {
        margin-bottom: 25px; }
      #pageWrapper section .product .images {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        /*image*/ }
        #pageWrapper section .product .images:last-child {
          margin-right: 0; }
        @media screen and (max-width: 1080px) {
          #pageWrapper section .product .images {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 100%; }
            #pageWrapper section .product .images:last-child {
              margin-right: 0; } }
        @media screen and (max-width: 740px) {
          #pageWrapper section .product .images {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 100%;
            margin-bottom: 20px; }
            #pageWrapper section .product .images:last-child {
              margin-right: 0; } }
        #pageWrapper section .product .images .image {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          height: 480px;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          border: 1px solid #e4e4e3;
          margin-bottom: 20px; }
          #pageWrapper section .product .images .image:last-child {
            margin-right: 0; }
          #pageWrapper section .product .images .image:last-child {
            margin-bottom: 0; }
          @media screen and (max-width: 1080px) {
            #pageWrapper section .product .images .image {
              float: left;
              display: block;
              margin-right: 2.35765%;
              width: 48.82117%; }
              #pageWrapper section .product .images .image:last-child {
                margin-right: 0; } }
          @media screen and (max-width: 740px) {
            #pageWrapper section .product .images .image {
              float: left;
              display: block;
              margin-right: 2.35765%;
              width: 100%;
              height: 240px; }
              #pageWrapper section .product .images .image:last-child {
                margin-right: 0; } }
      #pageWrapper section .product .text {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        padding-left: 15px;
        /*description*/
        /*ul*/ }
        #pageWrapper section .product .text:last-child {
          margin-right: 0; }
        @media screen and (max-width: 1080px) {
          #pageWrapper section .product .text {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 100%;
            padding-left: 0; }
            #pageWrapper section .product .text:last-child {
              margin-right: 0; } }
        #pageWrapper section .product .text h1 {
          margin-bottom: 30px; }
        #pageWrapper section .product .text ul {
          /*li*/ }
          #pageWrapper section .product .text ul li {
            margin-bottom: 5px; }
            #pageWrapper section .product .text ul li:before {
              content: "\25A0";
              color: #71a324;
              margin-right: 5px; }
    #pageWrapper section .galleryWrapper {
      display: block;
      margin-bottom: 50px;
      /*fullImage*/
      /*thumbnails*/ }
      #pageWrapper section .galleryWrapper::after {
        clear: both;
        content: "";
        display: table; }
      #pageWrapper section .galleryWrapper h2 {
        margin-bottom: 25px; }
      #pageWrapper section .galleryWrapper #fullImage {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        /*image*/ }
        #pageWrapper section .galleryWrapper #fullImage:last-child {
          margin-right: 0; }
        @media screen and (max-width: 740px) {
          #pageWrapper section .galleryWrapper #fullImage {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 100%;
            margin-bottom: 20px; }
            #pageWrapper section .galleryWrapper #fullImage:last-child {
              margin-right: 0; } }
        #pageWrapper section .galleryWrapper #fullImage .image {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%;
          height: 480px;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          border: 1px solid #e4e4e3; }
          #pageWrapper section .galleryWrapper #fullImage .image:last-child {
            margin-right: 0; }
          @media screen and (max-width: 740px) {
            #pageWrapper section .galleryWrapper #fullImage .image {
              height: 240px; } }
      #pageWrapper section .galleryWrapper .thumbnails {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%; }
        #pageWrapper section .galleryWrapper .thumbnails:last-child {
          margin-right: 0; }
        @media screen and (max-width: 740px) {
          #pageWrapper section .galleryWrapper .thumbnails {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 100%; }
            #pageWrapper section .galleryWrapper .thumbnails:last-child {
              margin-right: 0; } }
        #pageWrapper section .galleryWrapper .thumbnails .thumb {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 48.82117%;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          height: 220px;
          opacity: .3;
          -webkit-opacity: .3;
          -moz-opacity: .3;
          cursor: pointer;
          border: 1px solid #e4e4e3;
          -webkit-transition: opacity 0.3s;
          -moz-transition: opacity 0.3s;
          transition: opacity 0.3s;
          margin-bottom: 40px; }
          #pageWrapper section .galleryWrapper .thumbnails .thumb:last-child {
            margin-right: 0; }
          #pageWrapper section .galleryWrapper .thumbnails .thumb.active, #pageWrapper section .galleryWrapper .thumbnails .thumb:hover {
            opacity: 1;
            -webkit-opacity: 1;
            -moz-opacity: 1; }
          @media screen and (min-width: 741px) {
            #pageWrapper section .galleryWrapper .thumbnails .thumb:nth-child(2n) {
              margin-right: 0; } }
          @media screen and (max-width: 740px) {
            #pageWrapper section .galleryWrapper .thumbnails .thumb {
              float: left;
              display: block;
              margin-right: 2.35765%;
              width: 23.23176%;
              height: 110px; }
              #pageWrapper section .galleryWrapper .thumbnails .thumb:last-child {
                margin-right: 0; }
              #pageWrapper section .galleryWrapper .thumbnails .thumb:nth-child(4n) {
                margin-right: 0; } }
    #pageWrapper section .benefitTeasers {
      display: block;
      margin-bottom: 50px;
      /*teaser*/ }
      #pageWrapper section .benefitTeasers::after {
        clear: both;
        content: "";
        display: table; }
      #pageWrapper section .benefitTeasers h2 {
        margin-bottom: 25px; }
      #pageWrapper section .benefitTeasers .teaser {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        background: #e4e4e3;
        padding: 40px;
        min-height: 300px;
        /*dl*/ }
        #pageWrapper section .benefitTeasers .teaser:last-child {
          margin-right: 0; }
        @media screen and (max-width: 1080px) {
          #pageWrapper section .benefitTeasers .teaser {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 100%;
            margin-bottom: 20px; }
            #pageWrapper section .benefitTeasers .teaser:last-child {
              margin-right: 0; } }
        #pageWrapper section .benefitTeasers .teaser dl {
          font-size: 18px; }
          #pageWrapper section .benefitTeasers .teaser dl dt {
            float: left;
            display: block; }
            #pageWrapper section .benefitTeasers .teaser dl dt i {
              color: #71a324;
              margin-right: 5px; }
          #pageWrapper section .benefitTeasers .teaser dl dd {
            display: block;
            margin-left: 20px;
            padding-bottom: 25px; }
    #pageWrapper section .paypal {
      display: block;
      margin-bottom: 50px;
      /*dl*/
      /*banner*/ }
      #pageWrapper section .paypal::after {
        clear: both;
        content: "";
        display: table; }
      #pageWrapper section .paypal h2 {
        margin-bottom: 25px; }
      #pageWrapper section .paypal a {
        color: #71a324; }
      #pageWrapper section .paypal dl {
        margin-bottom: 25px; }
        #pageWrapper section .paypal dl dt {
          float: left;
          display: block;
          color: #71a324;
          margin-right: 5px;
          font-weight: 500; }
        #pageWrapper section .paypal dl dd {
          display: block;
          margin-left: 20px;
          padding-bottom: 5px; }
      #pageWrapper section .paypal .banner {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 530px; }
        @media screen and (max-width: 740px) {
          #pageWrapper section .paypal .banner {
            height: 300px; } }
    #pageWrapper section .complementary {
      display: block;
      margin-bottom: 50px; }
      #pageWrapper section .complementary::after {
        clear: both;
        content: "";
        display: table; }
      #pageWrapper section .complementary h2 {
        margin-bottom: 25px; }
  #pageWrapper footer {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #56565a;
    /*inner*/ }
    #pageWrapper footer::after {
      clear: both;
      content: "";
      display: table; }
    #pageWrapper footer .inner {
      max-width: 1080px;
      margin-left: auto;
      margin-right: auto;
      padding: 0 10px;
      /*logo*/
      /*menu*/ }
      #pageWrapper footer .inner::after {
        clear: both;
        content: "";
        display: table; }
      #pageWrapper footer .inner .logo {
        display: block;
        padding: 30px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
        #pageWrapper footer .inner .logo::after {
          clear: both;
          content: "";
          display: table; }
        #pageWrapper footer .inner .logo:last-child {
          border-bottom: none; }
        #pageWrapper footer .inner .logo img {
          display: block;
          margin: 0 auto; }
      #pageWrapper footer .inner .menu {
        display: block;
        padding: 30px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        /*ul*/ }
        #pageWrapper footer .inner .menu::after {
          clear: both;
          content: "";
          display: table; }
        #pageWrapper footer .inner .menu:last-child {
          border-bottom: none; }
        #pageWrapper footer .inner .menu ul {
          float: left;
          display: block;
          margin-right: 5.85151%;
          width: 15.3188%;
          /*li*/ }
          #pageWrapper footer .inner .menu ul:last-child {
            margin-right: 0; }
          @media screen and (max-width: 1080px) {
            #pageWrapper footer .inner .menu ul {
              float: left;
              display: block;
              margin-right: 2.35765%;
              width: 48.82117%; }
              #pageWrapper footer .inner .menu ul:last-child {
                margin-right: 0; }
              #pageWrapper footer .inner .menu ul:nth-child(2n) {
                margin-right: 0; } }
          #pageWrapper footer .inner .menu ul li {
            margin-bottom: 5px; }
            #pageWrapper footer .inner .menu ul li a {
              font-size: 14px;
              color: white; }

#patga_22009_gallery {
  width: 90%;
  position: relative; }
  #patga_22009_gallery .patga_22009_item_inner {
    height: 300px !important; }
  #patga_22009_gallery .patga_22009_item_a {
    color: #71a324;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    height: 13px; }
  #patga_22009_gallery .patga_22009_item_u {
    height: 30px;
    font-size: 12px;
    color: #bfbfbf; }
  #patga_22009_gallery .patga_22009_item_x {
    color: #bfbfbf;
    font-size: 13px; }
  #patga_22009_gallery #patga_22009_next, #patga_22009_gallery #patga_22009_back {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 50px;
    margin-top: -45px; }
    #patga_22009_gallery #patga_22009_next span, #patga_22009_gallery #patga_22009_back span {
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      width: 100%;
      height: 100%; }
  #patga_22009_gallery #patga_22009_next {
    right: -40px; }
    #patga_22009_gallery #patga_22009_next span#patga_22009_next_inner {
      background-image: url(//www.devo-baumarkt.de/templates/_theme/frontend/_resources/img/ebay/arrow_right.png); }
  #patga_22009_gallery #patga_22009_back {
    left: -40px; }
    #patga_22009_gallery #patga_22009_back span#patga_22009_back_inner {
      background-image: url(//www.devo-baumarkt.de/templates/_theme/frontend/_resources/img/ebay/arrow_left.png); }
  #patga_22009_gallery #patga_22009_page {
    width: 100%; }

/*# sourceMappingURL=css.css.map */