body {

  padding-top: 66px;

}



/* NAVIGATION */

.navbar-nav {

  height: 50px;

  display: flex;

  justify-content: center;

}

.navbar-nav .nav-link {

  display: inline-block;

  padding: 1px 1px;

  border: 1px solid #000000;

  margin-right: 10px;

  top: 0px;

  color: #000000;

  border-radius: 5px; /* Kenar yuvarlama */

  background-color: #666666; /* Arka plan rengi */

  width: 100%;

  margin: 38px;

  text-align: center;

}

.navbar-nav .nav-link:hover {

  background-color: #b8b0b0; /* Renk değişimi (hover) */

}



/* SKILLS */

.skills div {

  padding: 10px 0;

  border-right: 2px dotted #ddd;

  text-align: center;

  cursor: default;

}

.row.skills {

  justify-content: center;

}

.skills div:last-child {

  border-right: none;

}

.skills div i {

  color: #ccc;

  padding-right: 10px;

}

.skills div a {

  color: #666;

}

.skills div:hover i {

  color: #343a40;

}



/* SLIDER */

.slider-bg {

  margin-top: 25px;

  margin-bottom: 20px;

  padding: 0;

  background: #343a40;

}

div.slider {

  padding: 0;

  margin: 0 auto;

  max-width: 100%;

  max-height: 400;

  overflow: hidden;

  text-align: center;

}

div.slider ul {

  width: 1000%;

  height: auto;

  position: relative;

  list-style: none;

  left: 50%;

  margin: 0;

  padding: 0;

  -webkit-animation: next 6s infinite;

  -moz-animation: next 6s 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;

  }

}



/* ARTICLEPICS */

.articlepics.galerie img {

  max-width: 100%;

  height: auto;

}

.articlepics.galerie {

  display: inline-block;

  position: relative;

  width: 100%;

  height: auto;

}

.articlepics.galerie > .anker {

  display: none;

}

.articlepics.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;

}

.articlepics.galerie > ul > .slide.img img {

  width: 100%;

  height: auto;

}

.articlepics.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 */

.articlepics.galerie > .thumb {

  position: absolute;

  left: 0;

  width: 100%;

  height: auto;

  z-index: 6;

  text-align: center;

}

.articlepics.galerie > .thumb > div {

  margin-left: -50%;

  width: 100%;

}

.articlepics.galerie > .thumb > label {

  position: relative;

  display: inline-block;

  cursor: pointer;

}

.articlepics.galerie > .thumb {

  bottom: 5px;

  margin-bottom: 5px;

}

.articlepics.galerie > .thumb > label {

  border-radius: 50%;

  margin: 0 5px;

  padding: 9px;

  background: none;

}

.articlepics.galerie > .thumb > label > .anker {

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -2px;

  margin-top: -2px;

  background: transparent;

  border-radius: 50%;

  padding: 2px;

}

.articlepics.galerie > .thumb > label:hover > .anker,

.articlepics.galerie > #slide1:checked ~ .thumb > label.pic1 > .anker,

.articlepics.galerie > #slide2:checked ~ .thumb > label.pic2 > .anker,

.articlepics.galerie > #slide3:checked ~ .thumb > label.pic3 > .anker,

.articlepics.galerie > #slide4:checked ~ .thumb > label.pic4 > .anker,

.articlepics.galerie > #slide5:checked ~ .thumb > label.pic5 > .anker,

.articlepics.galerie > #slide6:checked ~ .thumb > label.pic6 > .anker,

.articlepics.galerie > #slide7:checked ~ .thumb > label.pic7 > .anker,

.articlepics.galerie > #slide8:checked ~ .thumb > label.pic8 > .anker,

.articlepics.galerie > #slide9:checked ~ .thumb > label.pic9 > .anker,

.articlepics.galerie > #slide10:checked ~ .thumb > label.pic10 > .anker,

.articlepics.galerie > #slide11:checked ~ .thumb > label.pic11 > .anker,

.articlepics.galerie > #slide12:checked ~ .thumb > label.pic12 > .anker,

.articlepics.galerie > #slide13:checked ~ .thumb > label.pic13 > .anker,

.articlepics.galerie > #slide14:checked ~ .thumb > label.pic14 > .anker,

.articlepics.galerie > #slide15:checked ~ .thumb > label.pic15 > .anker,

.articlepics.galerie > #slide16:checked ~ .thumb > label.pic16 > .anker {

  background: none;

}

.articlepics.galerie {

  height: auto;

  max-height: auto;

  margin-bottom: 0;

  text-align: center;

}

.articlepics.galerie img {

  border-radius: 3px;

}

.articlepics.galerie .thumb {

  position: relative;

  width: 100%;

  text-align: left;

  margin-bottom: -75px;

  margin-bottom: calc(-20px - 5vw);

  margin-top: 10px;

}

.articlepics.galerie > .thumb > label {

  box-sizing: border-box;

  border-radius: none;

  margin: 0 auto;

  padding: 5px;

  background: none;

  text-align: center;

}

.articlepics.galerie > .thumb > label img {

  margin: 0 auto;

  max-height: 115px;

  width: auto;

  border: 2px solid #ddd;

}

.articlepics.galerie > #slide1:checked ~ .thumb > label.pic1 > img,

.articlepics.galerie > #slide2:checked ~ .thumb > label.pic2 > img,

.articlepics.galerie > #slide3:checked ~ .thumb > label.pic3 > img,

.articlepics.galerie > #slide4:checked ~ .thumb > label.pic4 > img,

.articlepics.galerie > #slide5:checked ~ .thumb > label.pic5 > img,

.articlepics.galerie > #slide6:checked ~ .thumb > label.pic6 > img,

.articlepics.galerie > #slide7:checked ~ .thumb > label.pic7 > img,

.articlepics.galerie > #slide8:checked ~ .thumb > label.pic8 > img,

.articlepics.galerie > #slide9:checked ~ .thumb > label.pic9 > img,

.articlepics.galerie > #slide10:checked ~ .thumb > label.pic10 > img,

.articlepics.galerie > #slide11:checked ~ .thumb > label.pic11 > img,

.articlepics.galerie > #slide12:checked ~ .thumb > label.pic12 > img {

  border: 2px solid #666;

}

.articlepics.galerie > ul > .slide.img img {

  width: auto;

  max-width: 100%;

  max-height: 100%;

  margin: 0 auto;

}

.articlepics.galerie > ul > .slide {

  text-align: center;

}

.articlepics.galerie img {

  box-shadow: none;

  width: 100%;

  height: auto;

  max-width: 100%;

}

/* Original-Bild */

.articlepics.galerie > #slide1:checked ~ ul > .slide.pic1,

.articlepics.galerie > #slide2:checked ~ ul > .slide.pic2,

.articlepics.galerie > #slide3:checked ~ ul > .slide.pic3,

.articlepics.galerie > #slide4:checked ~ ul > .slide.pic4,

.articlepics.galerie > #slide5:checked ~ ul > .slide.pic5,

.articlepics.galerie > #slide6:checked ~ ul > .slide.pic6,

.articlepics.galerie > #slide7:checked ~ ul > .slide.pic7,

.articlepics.galerie > #slide8:checked ~ ul > .slide.pic8,

.articlepics.galerie > #slide9:checked ~ ul > .slide.pic9,

.articlepics.galerie > #slide10:checked ~ ul > .slide.pic10,

.articlepics.galerie > #slide11:checked ~ ul > .slide.pic11,

.articlepics.galerie > #slide12:checked ~ ul > .slide.pic12,

.articlepics.galerie > #slide13:checked ~ ul > .slide.pic13,

.articlepics.galerie > #slide14:checked ~ ul > .slide.pic14,

.articlepics.galerie > #slide15:checked ~ ul > .slide.pic15,

.articlepics.galerie > #slide16:checked ~ ul > .slide.pic16 {

  opacity: 1;

  z-index: 2;

}

/* Animations */

.articlepics.galerie > ul > .slide {

  display: inline-block;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  z-index: 1;

  -webkit-transition: opacity 950ms ease;

  transition: opacity 950ms 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;

  }

}



/* size */

.articlepics.galerie {

  max-width: 500px;

}

.articlepics.galerie > ul {

  height: 500px;

}

.articlepics.galerie > ul > .slide.img img {

  max-height: 500px;

  width: 100%;

  margin: 0 auto;

}

.articlepics.galerie > .thumb > label img {

  max-height: 75px;

  width: auto;

  margin: 0 auto;

}



@media (min-width: 992px) and (max-width: 1200px) {

  .articlepics.galerie {

    max-width: 400px;

  }

  .articlepics.galerie > ul {

    height: 400px;

  }

  .articlepics.galerie > ul > .slide.img img {

    max-height: 400px;

    width: auto;

    margin: 0 auto;

  }

  .articlepics.galerie > .thumb > label img {

    max-height: 60px;

    width: auto;

    margin: 0 auto;

  }

}

@media (min-width: 768px) and (max-width: 992px) {

  .articlepics.galerie {

    max-width: 500px;

  }

  .articlepics.galerie > ul {

    height: 500px;

  }

  .articlepics.galerie > ul > .slide.img img {

    max-height: 500px;

    width: auto;

    margin: 0 auto;

  }

  .articlepics.galerie > .thumb > label img {

    max-height: 75px;

    width: auto;

    margin: 0 auto;

  }

}

@media (max-width: 768px) {

  .articlepics.galerie {

    max-width: 300px;

  }

  .articlepics.galerie > ul {

    height: 300px;

  }

  .articlepics.galerie > ul > .slide.img img {

    max-height: 300px;

    width: auto;

    margin: 0 auto;

  }

  .articlepics.galerie > .thumb > label img {

    max-height: 50px;

    width: auto;

    margin: 0 auto;

  }

}



/* ARTICLE VARIANTS */

.variants {

  margin: 0px 0;

  padding: 0;

  background: none;

}

.variants input[type="radio"] {

  display: none;

}

.variants label {

  display: block;

  float: left;

  width: auto;

  color: #3f3f3f;

  font-size: 16px;

  font-weight: 700;

  text-decoration: none;

  text-align: center;

  margin: 0;

  overflow: hidden;

}

.variants label span.var {

  display: inline-block;

  cursor: pointer;

}

.variant-content {

  display: none;

  width: 100%;

  float: left;

  padding: 0;

  box-sizing: border-box;

  background: #fff;

  margin-top: 0;

  text-align: left;

}

.variant-content h2 {

  font-size: 18px;

  font-weight: 700;

  color: #3f3f3f;

}

.variants [id^="tab"]:checked + label {

  background: #666666;

  color: #fff;

}

.variants:after {

  content: "";

  display: table;

  clear: both;

}

#variant1:checked ~ #variant-content1,

#variant2:checked ~ #variant-content2,

#variant3:checked ~ #variant-content3,

#variant4:checked ~ #variant-content4,

#variant5:checked ~ #variant-content5,

#variant6:checked ~ #variant-content6,

#variant7:checked ~ #variant-content7,

#variant8:checked ~ #variant-content8,

#variant9:checked ~ #variant-content9 {

  display: block;

}

.variant-content ul {

  margin: 0px 0;

}

.variant-content ul li {

  display: inline;

  border: none;

}

.variant-content ul li strong {

  margin-right: 3px;

}

.variant-content a {

  color: #3f3f3f;

  font-weight: 700;

  text-decoration: none;

}

.variant-content a:hover {

  color: #666666;

  text-decoration: none;

}

/* TABLE */

.vcustom-table {

  width: 100%;

  text-align: center;

}



.user-produkt-table {

  clear: both;

  width: 100%;

  height: auto;

  margin: 0 0 0 0;

  padding: 0;

  display: table;

}



.user-produkt-table-tr-title {

  clear: both;

  width: 100%;

  height: auto;

  margin: 0;

  padding: 0;

  overflow: hidden;

}



.user-produkt-table-td-title-blue {

  float: left;

  margin: 0;

  padding: 10px 0.5%;

  width: 19%;

  height: auto;

  font-size: 18px;

  color: #fff;

  font-weight: normal;

  text-align: center;

  line-height: 150%;

  background: #f15a24;

}



.user-produkt-table-td-title-grey {

  float: left;

  margin: 0;

  padding: 10px 0.5%;

  width: 19%;

  height: auto;

  font-size: 18px;

  color: #fff;

  font-weight: normal;

  text-align: center;

  line-height: 150%;

  background: #666;

}



.user-produkt-table-tr-white {

  clear: both;

  width: 100%;

  height: auto;

  margin: 0;

  padding: 0;

  background: #fff;

  overflow: hidden;

}



.user-produkt-table-td {

  float: left;

  margin: 0;

  padding: 10px 0.5%;

  width: 19%;

  height: auto;

  font-size: 16px;

  color: #666;

  font-weight: normal;

  text-align: center;

  line-height: 150%;

}

/* --TABLE */

/* TEXT & ÜBERSCHRIFTEN */

.article h1,

.container h1 {

  line-height: 30px;

  margin: 15px;

  padding: 15px 30px;

  width: 100%;

  background: repeating-linear-gradient(

    45deg,

    #fff,

    #fff 2px,

    #efefef 2px,

    #efefef 4px

  );

  color: #3f3f3f;

  font-size: 20px;

  font-weight: 700;

  text-align: center;

}

.article h1:before,

.container h1:before {

  float: left;

  font-family: "Open Sans", serif;

  content: "[";

  padding: 0;

  font-size: 70px;

  color: #343a40;

  position: relative;

  top: -8px;

  left: -40px;

}

.article h1:after,

.container h1:after {

  float: right;

  font-family: "Open Sans", serif;

  content: "]";

  padding: 0;

  font-size: 70px;

  color: #343a40;

  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 #666666;

}

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 #666666;

}

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;

}

.desc 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 #e8e8e8;

  font-weight: 1000;

  font-size: xx-large;

}

.desc ul,

.tab-content ul {

  margin: 15px 0;

  padding: 0;

}

.desc ul li,

.tab-content ul li {

  list-style-type: none;

  color: black;

  font-weight: 800;

  font-size: x-large;

  padding: 17px;

  border-bottom: 1px dotted #ddd;

  text-indent: -1em;

  padding-left: 1.6em;

}

.desc ul li:last-child,

.tab-content ul li:last-child {

  border-bottom: 1px dotted #ddd;

}

.desc ul li:before,

.tab-content ul li:before {

  font-family: "FontAwesome";

  content: "\f105";

  font-size: 14px;

  padding-right: 10px;

  color: #666;

}

.desc 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

  );

}

/* TABS */

.tabs {

  margin: 200px 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 #666666;

  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: #666666;

  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: #666666;

  text-decoration: none;

}



/* TABLE */

.tab-content table {

  margin: 40px 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;

}



/* schritt */

.service {

  margin: 0 0 60px 0;

  padding: 25px 15px;

  background: #666666;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 10px;

  cursor: default;

  text-align: center;

  justify-content: center;

}

.service i {

  text-align: center;

}

.service p {

  width: 350px;

  height: 200px;

}

.service li {

  width: 250px;

  height: 22%;

  text-align: center;

}

.service div {

  padding: 20px;

}

.service div div {

  margin: 0;

  padding: 0px 30px 30px 10px;

  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: #000000;

  font-weight: 600;

}



/* NEWSLETTER */

.newsletter {

  background: #666666;

  padding: 35px 0 !important;

}

.newsletter div {

  text-align: right;

  color: #fff;

  font-weight: 700;

  font-size: 30px;

}

a.nlb {

  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.nlb:hover {

  text-decoration: none;

  background: #fff;

  color: #3f3f3f;

}



/* footer */

.footer {

  background: #3f3f3f;

  padding: 0 0 20px 0;

  font-size: 10px;

}

.footer h6 {

  margin: 20px 0;

  padding: 10px 0;

  text-align: center;

  color: #fff;

  font-weight: 700;

  font-size: 12px;

  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;

  font-size: 12px;

}

.footer ul li:first-child {

  border: none;

}

.footer ul li a {

  color: #ffffff;

}

.footer ul li a:hover {

  color: #fff;

  text-decoration: none;

}

.footer p {

  padding: 0 20px;

  text-align: center;

  line-height: 20px;

  color: #ffffff;

  font-size: 12px;

}

.footer p.zvb {

  line-height: 32px;

  text-align: left;

  padding: 0 50px;

}

.footer p.zvb i {

  color: #ffffff;

  font-weight: 400;

  font-size: 10px;

}

.footer .container > div {

  display: flex; /* Enable flexbox for horizontal layout */

  justify-content: space-between; /* Distribute elements evenly with spacing */

}



.footer .container > div > div {

  flex: 1; /* Allow each inner div to expand and share space equally */

}

.footer a.contact {

  display: block;

  max-width: 220px;

  padding: 0;

  line-height: 40px;

  margin: 20px auto !important;

  font-size: 14px;

  font-weight: 400;

  background: #ffffff;

  color: #ffffff;

  text-align: center;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  text-decoration: none !important;

  border: 2px solid #ffffff;

}



/* eBay Shop button */

.myButton {

  background-color: #255e9c; /* Blue background */

  color: #fff; /* White text */

  border: none; /* Remove default border */

  padding: 10px 20px; /* Button padding */

  border-radius: 5px; /* Rounded corners */

  cursor: pointer; /* Hand pointer on hover */

  float: right;

}



/* Responsive behavior for smaller screens */

@media (max-width: 768px) {

  .footer .col-md-4 {

    text-align: center; /* Center align content on smaller screens */

  }

}



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

  }

  .desc {

    float: none;

  }

  a.nlb {

    font-size: 14px;

    padding: 10px;

  }

  div.nlb 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.bnb {

    margin: 10px 0;

  }

  .logo img {

    margin: 0 auto;

    padding: 0;

  }

  div.categories {

    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;

  }

  .desc {

    float: none;

    margin-top: 0;

    padding: 0 20px;

  }

  .desc h2 {

    font-size: 18px;

  }

  .tabs label {

    width: 100%;

  }

  .tabs label span {

    display: inline-block;

  }

  div.nlb {

    margin: 0;

    padding: 30px 0 10px 0;

  }

  .nlb div div:first-child {

    padding: 0 0 20px 0;

    font-size: 14px;

    text-align: center;

    float: none;

  }

  a.nlb {

    margin: 0 auto;

    font-size: 14px;

    text-align: center;

  }

}

#six {

  position: relative;

  margin: 10px;

  width: 1000px;

}



#six div {

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

}

table {

  width: 100%;

  border-collapse: collapse;

  margin-bottom: 100px;

}



th,

td {

  padding: 10px;

  text-align: center;

}



th {

  background-color: #eeeeee;

}