@charset "UTF-8";
@import url("/templates/holzkatalog/css/desktop.css") (min-width: 1180px);
@import url("/templates/holzkatalog/css/mobile.css") (min-width: 0) and (max-width: 767px);
@import url("/templates/holzkatalog/css/tablet.css") (min-width: 768px) and (max-width: 1179px);
@import url("/templates/holzkatalog/css/burgermenu.css") (max-width: 1179px);
body {
  overflow-x: hidden;
}

.hyphenate {
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
}

.donthyphenate {
  hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
}

.hochgestellt {
  position: relative;
  top: -5px;
  font-size: smaller;
}

.tiefgestellt {
  position: relative;
  left: -1px;
  top: 3px;
  font-size: smaller;
}

.Tiefgestellt {
  position: relative;
  left: -1px;
  top: 3px;
  font-size: smaller;
}

.Schatten_menu {
  display: none;
}

.ui-tooltip {
  /* tooltip container box */
  width: 220px !important;
}

.ui-tooltip-content {
  /* tooltip content */
  font-size: 14px;
  hyphens: auto !important;
  width: 200px !important;
}

#logo_katalog {
  position: relative;
  left: 135px;
  top: 8px;
  z-index: 102;
  width: 293px;
}

#logo_katalog_tab {
  width: 212px;
  top: 8px;
  left: 21px;
  position: relative;
  z-index: 102;
}

#logo_katalog_mob {
  width: 162px;
  top: 8px;
  left: 15px;
  position: relative;
  z-index: 102;
}

.vgs-menu-linie {
  color: var(--linienfarbe);
  border: 1px solid var(--linienfarbe_halb);
  margin-top: 15px;
  margin-bottom: 15px;
}

.VGS-wmtext {
  line-height: 22px;
}

.VGS-Muster {
  font-size: 55px;
  color: red;
  font-weight: bold;
  padding-left: 220px;
}

.VGS-about-us-div1 {
  width: var(--respcontentwidth);
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
}

.VGS-about-us-div2 {
  width: var(--respcontentwidth);
  display: flex;
  flex-flow: wrap;
  justify-content: space-around;
  margin-bottom: 20px;
}

.VGS-about-us-elem {
  display: inline-block;
}

.contentpane {
  font-family: Roboto, Helvetica, sans-serif;
}

#pop-print {
  border-style: solid;
  padding: 5px;
  border-width: 2px;
  width: max-content;
}

.button-icon {
  border-style: solid;
  padding: 5px;
  border-width: 2px;
  position: relative;
}

.main_grid h1 {
  grid-area: titel;
}

.content {
  grid-area: intro;
}

#field_phone_label {
  width: 65px;
  display: inline-block;
}

#field_fax_label {
  width: 65px;
  display: inline-block;
}

.field_website {
  font-weight: bold;
}

#field_email {
  font-weight: bold;
}

.VGS-hr {
  border: 1px solid var(--linienfarbe);
  margin-top: 40px;
  margin-bottom: 40px;
}

.clear {
  clear: both;
}

.login_submit {
  margin-top: 20px;
}

.controls input {
  border-style: solid;
  border-width: 1px;
  border-color: black;
  height: 80%;
  width: 80%;
}

.login {
  grid-area: items;
  line-height: 25px;
}

.login_reg {
  grid-area: firmen;
}

.control-group {
  float: left;
}

.mp4video_small {
  width: 190px;
  height: 160px;
  background: black;
  display: flex;
  align-items: center;
}

.mp4video_small:hover {
  cursor: pointer;
}

#site-header {
  top: 0;
  position: fixed;
  transition: all 0.3s ease;
  z-index: 100;
}

#site-header.myhide {
  top: -80px;
}

#adminForm {
  grid-area: items;
}

.pagination {
  position: relative;
  z-index: 100;
  margin-bottom: 20px;
  margin-top: 20px;
}

.dropdown-header {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
}

.typeahead1 {
  font-weight: bold;
}

::placeholder {
  color: black;
  opacity: 1;
  /* Firefox */
}

._idGenObjectAttribute-1 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.wrapper_rb_img {
  /* width: 395px; */
  display: flex;
  width: 100%;
  max-height: 235px;
  min-height: 235px;
  align-content: center;
  overflow: hidden;
  border-color: var(--textfarbe);
  border-width: 1px;
  border-style: solid;
  border-bottom-style: none;
}

.VGS-Untertitel {
  color: rgb(0, 0, 0);
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  line-height: 23px;
  margin-bottom: 10px;
  margin-top: 15px;
}

.VGS-aboutus {
  width: 80%;
  text-align: center;
  margin-bottom: 15px;
}

.VGS-aboutustext {
  line-height: 24px;
  text-align: justify;
  hyphens: auto;
  width: 98%;
}

.VGS-Adressblock {
  margin-top: 20px;
  line-height: 22px;
}

.vgs-adresse {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: rgb(0, 0, 0);
  hyphens: auto;
  /* font-style: italic; */
}

.VGS-Telfax {
  margin-top: 0px;
  line-height: 22px;
}

.vgs-telfax a {
  text-decoration: none;
  color: black;
}

.VGS-RBImg {
  margin-top: 20px;
}

.VGS-RBZeichen {
  height: 15px;
  position: relative;
  top: 2px;
}

.VGS-Grundtext {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: rgb(0, 0, 0);
  line-height: 21px;
  text-align: justify;
  text-justify: inter-character;
  hyphens: auto;
  margin-top: 15px;
}

.VGS-indent {
  text-indent: -1em;
  margin-left: 1em;
}

.VGS-Bildunterschrift {
  font-style: italic;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 15px;
}

.VGS-Internet {
  margin-top: 5px;
  line-height: 21px;
}

.txt_kontaktdaten {
  font-style: normal;
  font-weight: bold;
}

.sresults_prod {
  clear: both;
}

.results_by_product {
  position: relative;
  top: 15px;
}

.results_by_title {
  position: relative;
  font-weight: bold;
  margin-bottom: 20px;
}

.searchinputsubmit:hover {
  cursor: pointer;
}

.searchresults {
  grid-area: items;
}

.searchresults h2 {
  margin-bottom: 20px;
}

.menuintro {
  display: none;
  font-size: smaller;
}

.vgslink {
  text-decoration: none;
  color: black;
}

.vgsulink {
  text-decoration: underline;
  color: black;
  font-weight: bold;
}

.searchlink {
  color: black;
  text-decoration: underline;
}

.vgswlink {
  text-decoration: none;
  color: white;
}

.firmen_wrap {
  margin-bottom: 20px;
}

.content-category h2 {
  margin-bottom: 20px;
}

div.pagination ul li {
  display: inline;
  padding-right: 5px;
  padding-left: 5px;
}

div.pagination ul,
div.pagination p.counter {
  text-align: center;
}

.list-title a {
  text-decoration: none;
  color: black;
}

a.pagenav {
  text-decoration: none;
  color: black;
}

.page-header {
  margin-top: 10px;
  margin-bottom: 10px;
}

#menu_bottom a {
  text-decoration: none;
  color: black;
}

.item-page {
  grid-area: items;
  line-height: 35px;
  margin-right: 40px;
  margin-bottom: 40px;
}

.item-page a {
  text-decoration: none;
  font-weight: bold;
  color: black;
}

.item-page br {
  line-height: 10px;
}

.category-list {
  grid-area: items;
  line-height: 30px;
}

.gmap {
  margin-top: 14px;
  width: var(--respcontentwidth);
  height: var(--respcontentwidth);
}

.autotext {
  grid-area: intro;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  color: black;
  margin-right: 10px;
}

.introtext {
  grid-area: introtexte;
  text-align: left;
  font-style: normal;
  font-weight: normal;
  color: rgb(0, 0, 0);
  margin-right: 10px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.alleredbeitr {
  grid-area: allredb;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 17px;
  color: white;
  background-image: linear-gradient(-43.49deg, var(--grad6) 0%, var(--grad5) 70.08%, var(--linienfarbe) 100%);
  padding: 20px;
  position: relative;
  width: 252px;
  min-height: 145px;
  hyphens: auto;
}

.alleredbeitr:hover {
  background: #d9000d;
}

#Pfad_61_d {
  fill: transparent;
  stroke: rgb(255, 255, 255);
  stroke-width: 2px;
  stroke-linejoin: miter;
  stroke-linecap: butt;
  stroke-miterlimit: 4;
  shape-rendering: auto;
}

.Pfad_61_d {
  overflow: visible;
  position: absolute;
  width: 8.121px;
  height: 13.414px;
  left: 0;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#I__Icon_Pfeil_weiss {
  position: absolute;
  width: 6px;
  height: 12px;
  left: 235px;
  bottom: 20px;
  overflow: visible;
}

/* from bootstrap.css für Dropdown + Suchfeld */
input, button, select, optgroup, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  outline: none;
}

.searchresults_left {
  top: 0;
  left: 0;
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  background-color: #fff;
  background-clip: padding-box;
  width: 322px;
  overflow-y: auto;
  height: 80vh;
  hyphens: auto;
}

.searchresults_list {
  line-height: 26px;
}

.searchresults_right {
  top: 0;
  left: 320px;
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  background-color: #fff;
  background-clip: padding-box;
  width: 322px;
  overflow-y: auto;
  height: 80vh;
}

.dropdown-menu {
  position: absolute;
  top: 40px !important;
  left: 0 !important;
  z-index: 101;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1.5rem;
  padding-right: 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: break-spaces;
  background-color: transparent;
  border: 0;
  line-height: 1.4em;
}

.dropdown-lines {
  line-height: 1.1em;
  font-size: small;
}

.dropdown-lines-sameline {
  line-height: 1.1em;
  font-size: small;
  display: inline;
}

a.dropdown-item {
  text-decoration: none;
}

/* Remove default bullets */
ul, #myUL {
  list-style-type: none;
}

/* Remove margins and padding from the parent ul */
#myUL {
  margin: 0;
  padding: 0;
}

.myUL {
  position: relative;
  top: -20px;
}

/* Style the caret/arrow */
.normalcaret {
  cursor: pointer;
  user-select: none;
  /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
.normalcaret::before {
  content: "▶";
  color: black;
  display: inline-block;
  margin-right: 6px;
  font-size: 0.7em;
}

.linkcaret::before {
  content: "▶";
  color: black;
  display: inline-block;
  position: relative;
  top: -2px;
  margin-left: 5px;
  margin-right: 2px;
  font-size: 0.7em;
}

.linksquare::before {
  content: "▣";
  color: black;
  display: inline-block;
  position: relative;
  top: -2px;
  margin-left: 5px;
  margin-right: 2px;
  font-size: 0.7em;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down::before {
  transform: rotate(90deg);
}

/* Hide the nested list */
.nested {
  display: none;
}

.subtopics {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.activelist {
  display: block;
}

.firmendata_3 {
  grid-area: data;
  margin-top: var(--respinboxtop);
  margin-left: var(--respinboxleft);
}

.field_rb2 {
  position: relative;
  border: 1px solid black;
  padding: 3px;
  background: #eeeeee;
}

.slick-dots li {
  margin: 0 !important;
}

.container-fluid {
  padding-left: unset !important;
}

.image_4_cont {
  display: none;
}

.platin_img_fd {
  grid-area: pics;
  /* margin-left: var(--respinboxleft); */
  /* margin-right: var(--respinboxleft); */
  margin-bottom: var(--respinboxleft);
}

.products_left {
  float: left;
  margin: 0;
  padding: 0;
}

.products_right {
  float: right;
  margin: 0;
  padding: 0;
}

.angebote_liste ul {
  margin: 0;
  padding: 0;
  list-style-position: outside;
  list-style-type: square;
}

.fd_angebote {
  margin: var(--respinboxtop) var(--respinboxleft);
}

.angebote_liste li {
  font-size: 1.3em;
  color: #d9000d;
}

.angebote_liste span {
  color: black;
}

.angebote_liste div {
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 15px;
  width: var(--respcolwidth2);
}

.angebote-liste ul li::before {
  /* falscher Name absichtlich */
  content: "▪";
  color: rgb(217, 0, 13);
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  /* margin-left: -1em; */
  /* Also needed for space (tweak if needed) */
  font-size: 1.1em;
}

.fd_line {
  margin-top: 20px;
}

.Linie_angebote {
  fill: transparent;
  stroke: var(--linienfarbe_halb);
  stroke-width: 2px;
  stroke-linejoin: miter;
  stroke-linecap: butt;
  stroke-miterlimit: 4;
  shape-rendering: auto;
}

.geolocation {
  float: left;
  margin-top: 20px;
}

.fd_titel {
  margin-top: 20px;
  position: relative;
  overflow: visible;
  color: var(--textfarbe);
  width: var(--respcontentwidth);
}

.Rechteck_fdlogo {
  fill: rgb(255, 255, 255);
}

.firmendetail_logo {
  grid-area: logo;
  margin: var(--respinboxtop) var(--respinboxleft) var(--respinboxleft);
  /* background: white; */
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.kontaktdaten_fd {
  grid-area: data2;
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  color: rgb(0, 0, 0);
  margin-top: var(--respinboxtop);
  margin-left: var(--respinboxleft);
}

.kontaktdaten_fd a {
  text-decoration: none;
  color: black;
}

.firmenzusatz_h1 {
  font-size: 80%;
  font-weight: normal;
}

.firmenzusatz_fd {
  left: 20px;
  top: 100px;
  position: absolute;
  overflow: visible;
  width: 541px;
  height: 38px;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  color: rgb(0, 0, 0);
}

.firmenname_fd {
  grid-area: data;
  margin-top: var(--respinboxtop);
  margin-left: var(--respinboxleft);
}

.firmenname_fdh1 {
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  line-height: 41px;
  color: rgb(0, 0, 0);
}

.Rechteck_fd {
  opacity: 0.596;
  fill: rgb(123, 188, 52);
}

.suchresultate {
  grid-area: firmen;
}

.produktesuchresultate {
  margin-bottom: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}

.firmensuchresultate {
  margin-bottom: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}

.firmendetail_logoimg {
  width: 200px;
  /*früher 156px*/
  border: 4px;
  border-style: none;
  /*früher solid*/
  border-color: white;
}

.firmendetail {
  grid-area: firmen;
  width: var(--respcontentwidth);
}

.boxsingle {
  position: relative;
  left: 25%;
}

.platin_img {
  grid-area: pics;
  margin-left: var(--respinboxleft);
  margin-right: var(--respinboxleft);
  margin-bottom: var(--respinboxleft);
}

.titel {
  grid-area: titel;
}

.new-row {
  grid-column-start: 1;
}

.red_beitr {
  grid-area: redbei;
}

.rb_head {
  width: 100%;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-content: flex-end;
}

.rb_head h3 {
  align-self: flex-end;
}

.red_beitr_head_link {
  text-decoration: none;
  font-size: 17px;
  font-weight: normal;
  color: black;
  align-self: flex-end;
  position: relative;
  top: -5px;
  left: -16px;
}

.red_beitr_head_link::after {
  content: url("../greaterthanred.svg");
  position: absolute;
  top: 4px;
}

.Eigeninserat:hover {
  background: #d9000d !important;
}

.Eigeninserat_grid {
  grid-area: inserat;
}

.Eigeninserat {
  display: flex;
  align-items: center;
}

.promo {
  grid-area: promo;
}

#promo {
  margin-top: 60px;
  overflow: visible;
}

.banner1 {
  grid-area: banner1;
  margin-top: 20px;
}

.banner2 {
  grid-area: banner2;
}

.banner3 {
  grid-area: banner3;
}

favcats {
  grid-area: favcats;
  margin-top: 60px;
  /* margin-bottom: 60px; */
}

.favcat1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-flow: wrap;
}

.firmen_count {
  margin-top: 30px;
}

.firmen_wrap {
  grid-area: firmen;
}

.banner-item {
  width: var(--respwidth);
  overflow: hidden;
  float: left;
}

.banner-image {
  display: flex;
  justify-content: center;
  align-items: center;
  /* width: var(--respwidth); */
  height: 97px;
}

/* start @media mobile */
@media (min-width: 0) {
  :root {
    --textfarbe: #8c6d46;
    --farbe_platin: #bfab90;
    --farbe_gold: #d2bfa5;
    --grad1: #c4a77f;
    --grad2: #bc9f78;
    --grad3: #a39788;
    --grad4: #715b3e;
    --grad5: #5c4b32;
    --grad6: #503e27;
    --linienfarbe: #bfab90;
    --linienfarbe_halb: rgba(191, 171, 144,0.5);
    --signalfarbe: rgba(217,0,13,1);
  }

  :root {
    --respwidth:140px;
    --respcolwidth:291px;
    --respcolwidth2:291px;
    --respheight: 59px;
    --respfullwidth: 291px;
    --respcontentwidth: 291px;
    --respfullcolwidth:160x;
    --respfontsize: 22px;
    --resplineheight: 28px;
    --respleftpos: 15px;
    --resptoppos: 12px;
    --respfloat: none;
    --respbuttonwidth: 260px;
    --respinboxtop: 12px;
    --respinboxleft: 15px;
    --screenwidth: 320px;
    --maxscreenwidth: 320px;
  }

  .main_grid {
    display: grid;
    grid-template-columns: repeat(1, 291px);
    grid-auto-rows: minmax(0, auto);
    /* grid-auto-flow: row; */
    grid-template-areas: "titel" "intro" "allredb" "items" "firmen" "banner1" "banner2" "banner3" "module1" "inserat" "promo1";
  }

  .module1_grid {
    grid-area: module1;
    display: grid;
    grid-template-columns: repeat(5, 48px) 51px;
    grid-auto-rows: minmax(0, auto);
    /* grid-auto-flow: row; */
    grid-template-areas: "favcats favcats favcats favcats favcats favcats" "introtexte introtexte introtexte introtexte introtexte introtexte" "redbei1 redbei1 redbei1 redbei2 redbei2 redbei2" "redbei  redbei  redbei  redbei  redbei  redbei " "inserat inserat inserat inserat inserat inserat" "promo   promo   promo   promo   promo   promo" "firmen  firmen  firmen  firmen  firmen  firmen" "firmen4 firmen4 firmen4 firmen4 firmen4 firmen4" "firmen3 firmen3 firmen3 firmen3 firmen3 firmen3" "firmen2 firmen2 firmen2 firmen2 firmen2 firmen2" "firmen1a firmen1a firmen1a firmen1b firmen1b firmen1b";
  }

  header_mobile {
    display: block;
  }

  header_tablet {
    display: none;
  }

  header_big {
    display: none;
  }

  header_small {
    display: none;
  }

  footer_tablet {
    display: none;
  }

  footer_mobile {
    display: block;
  }

  footer_desktop {
    display: none;
  }

  .main_component {
    width: 320px;
  }

  .main_claim_1 {
    grid-area: titel;
    font-size: 28px;
    line-height: normal;
    overflow: visible;
    text-align: left;
    font-weight: bold;
    color: var(--textfarbe);
    letter-spacing: -0.5px;
  }

  .intro {
    line-height: normal;
    font-size: small;
    font-weight: normal;
  }

  .wrapper_big {
    display: grid;
    grid-template-columns: 8fr;
    grid-template-rows: min-content min-content min-content;
    /* 1:min-content statt 400px */
    font-family: Roboto, Helvetica, sans-serif;
    z-index: 0;
  }

  .wrapper_small {
    display: grid;
    grid-template-columns: 8fr;
    grid-template-rows: min-content min-content min-content;
    /* 1:min-content statt 170px */
    font-family: Roboto, Helvetica, sans-serif;
  }

  header_mobile {
    grid-column: 1/8;
    grid-row: 1;
  }

  header_tablet {
    grid-column: 1/8;
    grid-row: 1;
  }

  main {
    margin-left: var(--respinboxleft);
    margin-top: var(--respinboxtop);
    grid-column: 1/8;
    grid-row: 3;
  }

  footer_mobile {
    grid-column: 1/-1;
    grid-row: -1;
  }

  nav_wrap {
    grid-column: 1/8;
    grid-row: 2;
  }

  nav_left {
    grid-column: 1/8;
    grid-row: 2;
  }

  .header_big {
    position: absolute;
    z-index: 99;
    overflow: visible;
  }

  .header_small {
    position: absolute;
    z-index: 99;
    overflow: visible;
  }
}
/* end @media mobile */
/* start @media tablet */
@media (min-width: 768px) {
  :root {
    --textfarbe: #8c6d46;
    --farbe_platin: #bfab90;
    --farbe_gold: #d2bfa5;
    --grad1: #c4a77f;
    --grad2: #bc9f78;
    --grad3: #a39788;
    --grad4: #715b3e;
    --grad5: #5c4b32;
    --grad6: #503e27;
    --linienfarbe: #bfab90;
    --linienfarbe_halb: rgba(191, 171, 144,0.5);
    --signalfarbe: rgba(217,0,13,1);
  }

  :root {
    --respwidth: 232px;
    --respheight: 97px;
    --respcolwidth: 242px;
    --respcolwidth2: 242px;
    --respfullcolwidth: 125px;
    --respfullwidth: 730px;
    --respcontentwidth: 730px;
    --respfontsize: 32px;
    --resplineheight: 38px;
    --respleftpos: 20px;
    --resptoppos: 20px;
    --respfloat: left;
    --respbuttonwidth:200px;
    --respinboxtop: 20px;
    --respinboxleft: 20px;
    --screenwidth: 768px;
    --maxscreenwidth: 768px;
  }

  .main_grid {
    display: grid;
    grid-template-columns: repeat(5, 124px) 128px;
    grid-auto-rows: minmax(0, auto);
    /* grid-auto-flow: row; */
    grid-template-areas: "titel   titel   titel   titel   titel   titel" "intro   intro   intro   intro   allredb empty" "items   items   items   items   items   items" "firmen  firmen  firmen  firmen  firmen  firmen" "banner1 banner1 banner1 banner1 banner1 banner1" "module1 module1 module1 module1 module1 module1" "inserat inserat inserat inserat inserat inserat" "promo1  promo1  promo2  promo2  promo3  promo3";
  }

  .module1_grid {
    grid-area: module1;
    display: grid;
    grid-template-columns: repeat(5, 124px) 128px;
    grid-auto-rows: minmax(0, auto);
    /* grid-auto-flow: row; */
    grid-template-areas: "favcats favcats favcats favcats favcats favcats" "introtexte introtexte introtexte introtexte introtexte introtexte" "redbei1 redbei1 redbei1 redbei2 redbei2 redbei2" "redbei  redbei  redbei  redbei  redbei  redbei " "inserat inserat inserat inserat inserat inserat" "promo   promo   promo   promo   promo   promo" "firmen  firmen  firmen  firmen  firmen  firmen" "firmen4 firmen4 firmen4 firmen4 firmen4 firmen4" "firmen3 firmen3 firmen3 firmen3 firmen3 firmen3" "firmen2 firmen2 firmen2 firmen2 firmen2 firmen2" "firmen1a firmen1a firmen1a firmen1b firmen1b firmen1b";
  }

  header_tablet {
    display: block;
  }

  header_mobile {
    display: none;
  }

  header_big {
    display: none;
  }

  header_small {
    display: none;
  }

  footer_tablet {
    display: block;
  }

  footer_mobile {
    display: none;
  }

  footer_desktop {
    display: none;
  }

  .main_component {
    width: 748px;
  }

  .intro {
    line-height: normal;
    font-size: small;
    font-weight: normal;
  }

  .wrapper_big {
    display: grid;
    grid-template-columns: repeat(6, var(--respfullcolwidth));
    grid-template-rows: min-content min-content min-content;
    /* 1:min-content statt 400px */
    font-family: Roboto, Helvetica, sans-serif;
  }

  .wrapper_small {
    display: grid;
    grid-template-columns: repeat(6, var(--respfullcolwidth));
    grid-template-rows: min-content min-content min-content;
    /* 1:min-content statt 170px */
    font-family: Roboto, Helvetica, sans-serif;
  }

  header_mobile {
    grid-column: 1/8;
    grid-row: 1;
  }

  main {
    margin-left: var(--respinboxleft);
    grid-column: 1/8;
    grid-row: 3;
  }

  footer_tablet {
    grid-column: 1/-1;
    grid-row: 4;
  }

  nav_wrap {
    grid-column: 1/8;
    grid-row: 2;
  }

  nav_left {
    grid-column: 1/8;
    grid-row: 2;
  }

  .header_big {
    position: absolute;
    /* width: 1380px;
    height: 370px;
    left: 0;
    top: 0; */
    z-index: 99;
    overflow: visible;
  }

  .header_small {
    position: absolute;
    /* width: 1380px;
    height: 150px;
    left: 0;
    top: 0; */
    z-index: 99;
    overflow: visible;
  }
}
/* end @media tablet */
/* start @media desktop */
@media (min-width: 1180px) {
  /* will be 1380px */
  :root {
    --textfarbe: #8c6d46;
    --farbe_platin: #bfab90;
    --farbe_gold: #d2bfa5;
    --grad1: #c4a77f;
    --grad2: #bc9f78;
    --grad3: #a39788;
    --grad4: #715b3e;
    --grad5: #5c4b32;
    --grad6: #503e27;
    --linienfarbe: #bfab90;
    --linienfarbe_halb: rgba(191, 171, 144,0.5);
    --signalfarbe: rgba(217,0,13,1);
  }

  :root {
    --respfullcolwidth:160px;
    --respwidth:252px;
    --respheight: 97px;
    --respcolwidth:274px;
    --respcolwidth2:320px;
    --respfullwidth: 960px;
    --respcontentwidth: 824px;
    --respfontsize: 32px;
    --resplineheight: 38px;
    --respleftpos: 40px;
    --resptoppos: 27px;
    --respfloat: left;
    --respbuttonwidth: 220px;
    --respinboxtop: 20px;
    --respinboxleft: 20px;
    --screenwidth: 1180px;
    --maxscreenwidth: 1380px;
  }

  .main_grid {
    display: grid;
    grid-template-columns: repeat(5, 137px) 136px;
    grid-auto-rows: minmax(0, auto);
    /* grid-auto-flow: row; */
    grid-template-areas: "titel   titel   titel   titel   titel   titel" "intro   intro   intro   intro   allredb empty" "items   items   items   items   items   items" "firmen  firmen  firmen  firmen  firmen  firmen" "banner1 banner1 banner1 banner1 banner1 banner1" "module1 module1 module1 module1 module1 module1" "inserat inserat inserat inserat inserat inserat" "promo1  promo1  promo2  promo2  promo3  promo3";
  }

  .module1_grid {
    grid-area: module1;
    display: grid;
    grid-template-columns: repeat(5, 137px) 141px;
    grid-auto-rows: minmax(0, auto);
    /* grid-auto-flow: row; */
    grid-template-areas: "favcats favcats favcats favcats favcats favcats" "introtexte introtexte introtexte introtexte introtexte introtexte" "redbei1 redbei1 redbei1 redbei2 redbei2 redbei2" "redbei  redbei  redbei  redbei  redbei  redbei " "inserat inserat inserat inserat inserat inserat" "promo   promo   promo   promo   promo   promo" "firmen  firmen  firmen  firmen  firmen  firmen" "firmen4 firmen4 firmen4 firmen4 firmen4 firmen4" "firmen3 firmen3 firmen3 firmen3 firmen3 firmen3" "firmen2 firmen2 firmen2 firmen2 firmen2 firmen2" "firmen1a firmen1a firmen1a firmen1b firmen1b firmen1b";
  }

  header_mobile {
    display: none;
  }

  header_tablet {
    display: none;
  }

  header_big {
    display: block;
  }

  header_small {
    display: block;
  }

  footer_tablet {
    display: none;
  }

  footer_mobile {
    display: none;
  }

  footer_desktop {
    display: block;
  }

  header_big {
    grid-column: 1/8;
    grid-row: 1;
  }

  header_small {
    grid-column: 1/8;
    grid-row: 1;
  }

  .main_claim_1 {
    overflow: visible;
    width: 826px;
    line-height: 55px;
    margin-top: -7.5px;
    text-align: left;
    font-style: normal;
    font-weight: bold;
    font-size: 31px;
    color: var(--textfarbe);
    letter-spacing: -0.5px;
    margin-bottom: 15px;
    hyphens: auto;
  }

  .intro {
    font-size: 30px;
    font-weight: bold;
  }

  main {
    margin-left: 0;
    grid-column: 3/8;
    grid-row: 2;
  }

  footer_desktop {
    grid-column: 1/-1;
    grid-row: 3;
  }

  nav_wrap {
    grid-column: 1/2;
    grid-row: 2;
  }

  nav_left {
    grid-column: 1/2;
    grid-row: 2;
    left: 120px;
    position: relative;
  }

  .header_big {
    position: fixed;
    /* width: 1380px; */
    /* height: 370px; */
    top: 0;
    z-index: 99;
    overflow: visible;
  }

  .header_small {
    position: fixed;
    /*    width: 1380px;
        height: 230px; */
    z-index: 99;
    top: 0;
    /* overflow: visible; */
  }

  .wrapper_big {
    display: grid;
    grid-template-columns: 210px 210px repeat(6, var(--respfullcolwidth));
    grid-template-rows: 400px min-content min-content;
    /* height: 100vh; */
  }

  .wrapper_small {
    display: grid;
    grid-template-columns: 210px 210px repeat(6, var(--respfullcolwidth));
    grid-template-rows: 260px min-content min-content;
    /* height: 100vh; */
    font-family: Roboto, Helvetica, sans-serif;
  }

  .main_component {
    /* position: absolute;
    left: 420px;
    top: 400px;
    overflow: visible; */
    width: 826px;
    /*    height: 108px;

        line-height: 55px;
        margin-top: -7.5px;
        text-align: left;
        font-family: Roboto, sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        color: rgba(15,15,15,1); */
  }
}
/* end @media desktop */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.rb_text_3a {
  white-space: nowrap;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
}

.rb_text_2a {
  white-space: nowrap;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
}

.rb_rechteck_3 {
  fill: rgb(255, 255, 255);
  stroke: rgb(217, 0, 13);
  stroke-width: 2px;
  stroke-linejoin: miter;
  stroke-linecap: butt;
  stroke-miterlimit: 4;
  shape-rendering: auto;
}

.rb_buttons {
  /* position: absolute; */
  width: var(--respbuttonwidth);
  margin-top: 10px;
  margin-right: 20px;
  /* margin-left: 20px; */
  /* Problem Desktop/tablet */
  /* top: 70px; */
  overflow: visible;
  grid-area: buttons;
}

.rb_button_3 {
  position: relative;
  height: 40px;
  overflow: visible;
  margin-bottom: 10px;
  width: var(--respbuttonwidth);
  background: white;
  border-style: solid;
  border-color: #d9000d;
  color: #d9000d;
  align-items: center;
  justify-content: center;
  display: flex;
}

.rb_button_3:hover {
  background: #d9000d;
  color: white;
}

.rb_button_2 {
  position: relative;
  height: 34px;
  overflow: visible;
  margin-bottom: 10px;
  width: var(--respbuttonwidth);
  background: white;
  border-style: solid;
  border-color: #d9000d;
  color: #d9000d;
  align-items: center;
  justify-content: center;
  display: flex;
}

.rb_button_2:hover {
  background: #d9000d;
  color: white;
}

.kontakt_3b {
  font-style: normal;
  font-weight: normal;
}

.kontakt_3a {
  font-style: normal;
  font-weight: normal;
  font-size: smaller;
}

a.platin {
  text-decoration: none;
  font-weight: bold;
  color: black;
}

a.gold {
  text-decoration: none;
  color: black;
  font-weight: bold;
}

a.silber {
  text-decoration: none;
  color: black;
}

a.bronze {
  text-decoration: none;
  color: black;
}

.detailsilberbox {
  background: rgb(227, 227, 227);
  border-style: solid;
  border-color: rgb(170, 170, 170);
  border-width: 1px;
  padding-bottom: 20px;
}

.silberbox {
  background: rgb(227, 227, 227);
  border-style: solid;
  border-color: rgb(170, 170, 170);
  border-width: 1px;
}

.kontakt_3 {
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 17px;
  color: rgb(0, 0, 0);
  letter-spacing: 0.25px;
}

.firmenlogo_3 {
  grid-area: logo;
  margin-top: var(--respinboxtop);
  margin-left: var(--respinboxleft);
  margin-bottom: var(--respinboxleft);
  margin-right: var(--respinboxleft);
  overflow: visible;
  /* background: white; */
  display: flex;
  /* align-items: center; */
  justify-content: center;
}

.firmenlogo_img_3 {
  border: 4px;
  border-style: none;
  /* war solid */
  border-color: white;
  width: 154px;
}

.Rechteck_3lb {
  fill: rgb(255, 255, 255);
}

.Rechteck_3la {
  position: absolute;
  overflow: visible;
  width: 190px;
  height: 163px;
  left: 0;
  top: 0;
}

.fi_button_3 {
  fill: rgb(217, 0, 13);
  stroke: rgb(217, 0, 13);
  stroke-width: 3px;
  stroke-linejoin: miter;
  stroke-linecap: butt;
  stroke-miterlimit: 4;
  shape-rendering: auto;
}

.firmeninfo_3c {
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
}

.firmeninfo_3 {
  grid-area: fibutton;
  width: var(--respbuttonwidth);
  height: 40px;
  margin-right: var(--respinboxleft);
  margin-top: var(--respinboxtop);
  overflow: hidden;
  background: #d9000d;
  color: white !important;
}

a.firmeninfo {
  text-decoration: none;
  color: inherit;
}

a.redbeitrag {
  text-decoration: none;
  color: inherit;
}

.firmeninfo_3:hover {
  background: white;
  border-style: solid;
  border-width: 2px;
  border-color: #d9000d;
  color: #d9000d !important;
}

.firmeninfo_3b {
  align-items: center;
  justify-content: center;
  display: flex;
  height: 100%;
}

.companylogo {
  position: absolute;
  width: 190px;
  height: 163px;
  left: 20px;
  top: 20px;
  overflow: visible;
}

.firmenname_4 {
  overflow: visible;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  width: 333px;
  color: rgb(0, 0, 0);
}

.firmenname, .firmenname_2_detail, .firmenname_2 {
  overflow: visible;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  color: rgb(0, 0, 0);
}

.firmenname_3 {
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 21px;
  color: rgb(0, 0, 0);
}

.Rechteck_4 {
  opacity: 0.598;
  fill: rgb(123, 188, 52);
}

.Rechteck_3 {
  opacity: 0.298;
  fill: rgb(154, 206, 65);
}

.detailplatinbox {
  background: var(--farbe_platin);
  border-style: solid;
  border-color: var(--farbe_gold);
  border-width: 1px;
}

.platinbox {
  background: var(--farbe_platin);
  border-style: solid;
  border-color: var(--farbe_gold);
  border-width: 1px;
}

.detailgoldbox {
  background: var(--farbe_gold);
  border-style: solid;
  border-color: var(--farbe_platin);
  border-width: 1px;
}

.goldbox {
  background: var(--farbe_gold);
  border-style: solid;
  border-color: var(--farbe_platin);
  border-width: 1px;
}

.kontaktdaten_2 {
  grid-area: data2;
  /*top: 73px;*/
  overflow: hidden;
  /* width: 547px; */
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: rgb(0, 0, 0);
  letter-spacing: 0.25px;
  padding-bottom: 20px;
}

.rb_text_2 {
  position: absolute;
  width: 160px;
  height: 19px;
  left: 30px;
  top: 11px;
  overflow: visible;
}

/*
.rb_text_2b {
  left: 0;
  top: 0;
  position: absolute;
  overflow: visible;
  width: 161px;
  white-space: nowrap;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: rgba(217,0,13,1);
} */
.rb_rechteck_2 {
  fill: rgb(255, 255, 255);
  stroke: rgb(217, 0, 13);
  stroke-width: 2px;
  stroke-linejoin: miter;
  stroke-linecap: butt;
  stroke-miterlimit: 4;
  shape-rendering: auto;
}

.Rechteck_1 {
  opacity: 0.797;
  fill: transparent;
  stroke: rgb(170, 170, 170);
  stroke-width: 1px;
  stroke-linejoin: miter;
  stroke-linecap: butt;
  stroke-miterlimit: 4;
  shape-rendering: auto;
}

.Rechteck_2 {
  fill: rgb(227, 227, 227);
  stroke: rgb(170, 170, 170);
  stroke-width: 1px;
  stroke-linejoin: miter;
  stroke-linecap: butt;
  stroke-miterlimit: 4;
  shape-rendering: auto;
}

.firmenname_1 {
  grid-area: data;
  font-style: normal;
  font-weight: bold;
  font-size: 17px;
  color: rgb(0, 0, 0);
}

.firmenname_1_detail {
  font-style: normal;
  font-weight: bold;
  font-size: 17px;
  color: rgb(0, 0, 0);
  margin-left: 0;
}

.firmenname_2 {
  grid-area: data;
}

.kontaktdaten_1 {
  grid-area: data2;
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: rgb(0, 0, 0);
}

.detailbronzebox {
  background: rgb(255, 255, 255);
  border-style: solid;
  border-color: rgb(170, 170, 170);
  border-width: 1px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.bronzebox {
  /* position:relative;
  height:125px;
  margin-top: 30px; */
  background: rgb(255, 255, 255);
  border-style: solid;
  border-color: rgb(170, 170, 170);
  border-width: 1px;
  float: var(--respfloat);
}

.bronze_0 {
  /* Gruppe_121 */
  position: relative;
  width: 397.5px;
  height: 125px;
  left: 0;
  top: 0;
  overflow: visible;
}

.bronze_1 {
  /* Gruppe_121_en */
  position: absolute;
  width: 397.5px;
  left: 428px;
  height: 125px;
  top: 0;
  overflow: visible;
}

.Beliebte_Kategorien {
  margin-top: 20px;
  line-height: 35px;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  color: var(--textfarbe);
  height: 67px;
}

#arrow {
  fill: transparent;
  stroke: rgb(123, 123, 123);
  stroke-width: 1px;
  stroke-linejoin: miter;
  stroke-linecap: butt;
  stroke-miterlimit: 4;
  shape-rendering: auto;
}

.arrow {
  overflow: visible;
  width: 5.061px;
  height: 8.707px;
  /* left: 73.47px;
  top: 7px; */
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Linie {
  overflow: visible;
  position: absolute;
  width: 255px;
  height: 1px;
  left: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

svg.linie {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: visible;
}

.menu-left {
  position: relative;
  /* width: 255px; */
  left: 15px;
  top: 0;
  overflow: visible;
}

/*
.main-left ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: bold;
}
*/
.item-class {
  /* width: 255px; */
  /* display:inline-block; */
  overflow-wrap: break-word;
  word-wrap: normal;
  hyphens: auto;
  /* word-break: break-all; */
  width: 100%;
}

.item-class-active {
  /* max-width: 255px; */
  /* display:inline-block; */
  overflow-wrap: break-word;
  word-wrap: normal;
  /* hyphens: auto; */
  /* word-break: break-all; */
  width: 100%;
  color: red;
}

#leftmenu {
  margin-bottom: 15px;
  position: relative;
  top: 15px;
}

.lmenu-item {
  text-decoration: none;
  font-size: 0.9em;
}

.lmenu-item-link {
  color: black;
  text-decoration: none;
  /* margin-left: -1em; */
  text-indent: 1em;
  /* left: 1em; */
  position: relative;
}

.lmenu-item-link-active {
  color: red;
  text-decoration: none;
  /* margin-left: -1em; */
  text-indent: 1em;
  /* left: 1em; */
  position: relative;
}

li:last-child.left-menu-item {
  margin-bottom: 0;
}

.left-menu-item {
  /* position: absolute; */
  /* left: 0; */
  /* top: 15px; */
  /* overflow: visible; */
  /*word-wrap: break-word; */
  /* max-width: 255px; */
  /* white-space: nowrap; */
  /* Verhindert das Wrapping!!! */
  line-height: 20px;
  /* margin-top: -1.5px; */
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  color: rgb(0, 0, 0);
  margin-bottom: 2px;
}

.sub1 {
  /* margin-left:1em; */
}

.sub2 {
  /* margin-left:2em; */
}

.sub3 {
  /* margin-left:1em; */
}

.sub4 {
  /* margin-left:2em; */
}

.activeprod {
  color: red;
}

.main-left {
  position: absolute;
  left: 0;
  /* top: 15px; */
  overflow: visible;
  /* white-space: nowrap; */
  line-height: 51px;
  margin-top: -1.5px;
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  color: rgb(0, 0, 0);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: none;
}

.page_1 {
  position: absolute;
  top: 0;
  background-color: rgb(255, 255, 255);
  overflow: hidden;
  --web-view-name: Startseite – 1;
  --web-view-id: page_1;
  --web-scale-on-resize: true;
  --web-enable-deep-linking: true;
  height: auto;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#Rechteck_70 {
  fill: rgb(255, 255, 255);
}

#Linie_26 {
  fill: transparent;
  stroke: var(--linienfarbe);
  stroke-width: 1px;
  stroke-linejoin: miter;
  stroke-linecap: butt;
  stroke-miterlimit: 4;
  shape-rendering: auto;
}

.Rechteck_70 {
  position: relative;
  overflow: visible;
  width: 256px;
  height: 96px;
  left: 0;
  top: 0.5px;
}

.banner_img {
  /* position: absolute; */
  width: 210px;
  max-height: var(--respheight);
  max-width: var(--respwidth);
  /* left: 22px;
  top: 15.5px; */
  margin: auto;
  overflow: visible;
}

.Linie_26 {
  overflow: hidden;
  position: relative;
  width: 255px;
  height: 1px;
  left: 0.5px;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Rechteck_70_r {
  position: absolute;
  overflow: visible;
  width: 256px;
  height: 96px;
  left: 0;
  top: 0.5px;
}

#ID000775_s {
  position: absolute;
  width: 213px;
  height: 67px;
  left: 22px;
  top: 15.5px;
  overflow: visible;
}

.Linie_26_t {
  overflow: visible;
  position: absolute;
  width: 255px;
  height: 1px;
  left: 0.5px;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Rechteck_70_v {
  position: absolute;
  overflow: visible;
  width: 256px;
  height: 96px;
  left: 0;
  top: 0.5px;
}

#ID000775_w {
  position: absolute;
  width: 213px;
  height: 67px;
  left: 22px;
  top: 15.5px;
  overflow: visible;
}

.Linie_26_x {
  overflow: visible;
  position: absolute;
  width: 255px;
  height: 1px;
  left: 0.5px;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Rechteck_70_z {
  position: absolute;
  overflow: visible;
  width: 256px;
  height: 96px;
  left: 0;
  top: 0.5px;
}

#ID000775_ {
  position: absolute;
  width: 213px;
  height: 67px;
  left: 22px;
  top: 15.5px;
  overflow: visible;
}

.Linie_26_ {
  overflow: visible;
  position: absolute;
  width: 255px;
  height: 1px;
  left: 0.5px;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Rechteck_70_ {
  position: absolute;
  overflow: visible;
  width: 256px;
  height: 96px;
  left: 0;
  top: 0.5px;
}

#ID000775_ba {
  position: absolute;
  width: 213px;
  height: 67px;
  left: 22px;
  top: 15.5px;
  overflow: visible;
}

.Linie_26_ba {
  overflow: visible;
  position: absolute;
  width: 255px;
  height: 1px;
  left: 0.5px;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Rechteck_70_ba {
  position: absolute;
  overflow: visible;
  width: 256px;
  height: 96px;
  left: 0;
  top: 0.5px;
}

#ID000775_bb {
  position: absolute;
  width: 213px;
  height: 67px;
  left: 22px;
  top: 15.5px;
  overflow: visible;
}

.Linie_26_bb {
  overflow: visible;
  position: absolute;
  width: 255px;
  height: 1px;
  left: 0.5px;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Rechteck_70_bb {
  position: absolute;
  overflow: visible;
  width: 256px;
  height: 96px;
  left: 0;
  top: 0.5px;
}

#ID000775_bc {
  position: absolute;
  width: 213px;
  height: 67px;
  left: 22px;
  top: 15.5px;
  overflow: visible;
}

.Linie_26_bd {
  overflow: visible;
  position: absolute;
  width: 255px;
  height: 1px;
  left: 0.5px;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Rechteck_70_bf {
  position: absolute;
  overflow: visible;
  width: 256px;
  height: 96px;
  left: 0;
  top: 0.5px;
}

#ID000775_bg {
  position: absolute;
  width: 213px;
  height: 67px;
  left: 22px;
  top: 15.5px;
  overflow: visible;
}

.Linie_26_bh {
  overflow: visible;
  position: absolute;
  width: 255px;
  height: 1px;
  left: 0.5px;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Rechteck_70_bj {
  position: absolute;
  overflow: visible;
  width: 256px;
  height: 96px;
  left: 0;
  top: 0.5px;
}

#ID000775_bk {
  position: absolute;
  width: 213px;
  height: 67px;
  left: 22px;
  top: 15.5px;
  overflow: visible;
}

.Linie_26_bl {
  overflow: visible;
  position: absolute;
  width: 255px;
  height: 1px;
  left: 0.5px;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Rechteck_70_bn {
  position: absolute;
  overflow: visible;
  width: 256px;
  height: 96px;
  left: 0;
  top: 0.5px;
}

#ID000775_bo {
  position: absolute;
  width: 213px;
  height: 67px;
  left: 22px;
  top: 15.5px;
  overflow: visible;
}

.Linie_26_bp {
  overflow: visible;
  position: absolute;
  width: 255px;
  height: 1px;
  left: 0.5px;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Rechteck_70_br {
  position: absolute;
  overflow: visible;
  width: 256px;
  height: 96px;
  left: 0;
  top: 0.5px;
}

#ID000775_bs {
  position: absolute;
  width: 213px;
  height: 67px;
  left: 22px;
  top: 15.5px;
  overflow: visible;
}

.Linie_26_bt {
  overflow: visible;
  position: absolute;
  width: 255px;
  height: 1px;
  left: 0.5px;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Rechteck_70_bv {
  position: absolute;
  overflow: visible;
  width: 256px;
  height: 96px;
  left: 0;
  top: 0.5px;
}

#ID000775_bw {
  position: absolute;
  width: 213px;
  height: 67px;
  left: 22px;
  top: 15.5px;
  overflow: visible;
}

.Linie_26_bx {
  overflow: visible;
  position: absolute;
  width: 255px;
  height: 1px;
  left: 0.5px;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#Wiederholungsraster_2 {
  position: absolute;
  width: 824.207px;
  height: 110px;
  left: 0;
  top: 67px;
  overflow: hidden;
}

#Gruppe_11 {
  position: absolute;
  width: 253px;
  height: 33px;
  left: -0.5px;
  top: 0;
  overflow: visible;
}

.Linie_7 {
  /* width: calc(var(--respcolwidth) - 10px); */
  width: 255px;
  height: 1px;
  position: relative;
  left: 0;
  top: -5px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Linie_7c {
  stroke: var(--linienfarbe);
}

.Pfad_61 {
  overflow: visible;
  position: relative;
  width: 8.121px;
  height: 13.414px;
  left: calc(var(--respcolwidth) - 32px);
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#Gruppe_11_b {
  position: absolute;
  width: 253px;
  height: 33px;
  left: 285.5px;
  top: 0;
  overflow: visible;
}

.Linie_7_b {
  overflow: visible;
  position: absolute;
  width: 253px;
  height: 1px;
  left: 0;
  top: 31.5px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#Gruppe_11_ca {
  position: absolute;
  width: 253px;
  height: 33px;
  left: 571.5px;
  top: 0;
  overflow: visible;
}

.Linie_7_cb {
  overflow: visible;
  position: absolute;
  width: 253px;
  height: 1px;
  left: 0;
  top: 31.5px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#Gruppe_11_cd {
  position: absolute;
  width: 253px;
  height: 33px;
  left: -0.5px;
  top: 63px;
  overflow: visible;
}

.Linie_7_cf {
  overflow: visible;
  position: absolute;
  width: 253px;
  height: 1px;
  left: 0;
  top: 31.5px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#Gruppe_11_ch {
  position: absolute;
  width: 253px;
  height: 33px;
  left: 285.5px;
  top: 63px;
  overflow: visible;
}

.Linie_7_cj {
  overflow: visible;
  position: absolute;
  width: 253px;
  height: 1px;
  left: 0;
  top: 31.5px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#Gruppe_11_cl {
  position: absolute;
  width: 253px;
  height: 33px;
  left: 571.5px;
  top: 63px;
  overflow: visible;
}

.fav_cat_item_link {
  position: relative;
  left: -10px;
}

a.fav_cat_item_link {
  text-decoration: none;
}

a:hover.fav_cat_item_link {
  color: rgb(87, 87, 87);
}

a:visited.fav_cat_item_link {
  color: rgb(47, 47, 47);
}

a.fav_cat_item_link {
  color: rgb(47, 47, 47);
}

.fav_cat_item {
  overflow: visible;
  font-size: 18px;
  color: rgb(0, 0, 0);
  height: 50px;
  position: relative;
  left: 0;
  float: left;
}

.Linie_7_cn {
  overflow: visible;
  position: absolute;
  width: 253px;
  height: 1px;
  left: 0;
  top: 31.5px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#main_claim_2 {
  position: absolute;
  left: 420px;
  top: 200px;
  overflow: visible;
  width: 826px;
  height: 108px;
  line-height: 55px;
  margin-top: -7.5px;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  color: var(--textfarbe);
}

.middle {
  position: absolute;
  left: 420px;
  top: 400px;
  overflow: visible;
  width: 826px;
}

#nav_page {
  position: relative;
  width: 255px;
  height: 297px;
  left: 135px;
  top: 416px;
  overflow: visible;
}

.Rechteck_49 {
  position: absolute;
  overflow: visible;
  width: 255px;
  height: 297px;
  left: 0;
  top: 0;
}

#Gruppe_19 {
  position: absolute;
  width: 255px;
  height: 297px;
  left: 0;
  top: 0;
  overflow: visible;
}

.Linie_1 {
  overflow: visible;
  position: absolute;
  width: 255px;
  height: 1px;
  left: 0;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Linie_12 {
  overflow: visible;
  position: absolute;
  width: 255px;
  height: 1px;
  left: 0;
  top: 121px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Linie_10 {
  overflow: visible;
  position: absolute;
  width: 255px;
  height: 1px;
  left: 0;
  top: 70px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Linie_13 {
  overflow: visible;
  position: absolute;
  width: 255px;
  height: 1px;
  left: 0;
  top: 172px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Linie_15 {
  overflow: visible;
  position: absolute;
  width: 255px;
  height: 1px;
  left: 0;
  top: 223px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Linie_16 {
  overflow: visible;
  position: absolute;
  width: 255px;
  height: 1px;
  left: 0;
  top: 297px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#reasons {
  overflow: visible;
  width: var(--fullcolwidth);
  /* height: 42px; */
  line-height: 35px;
  margin-top: -1.5px;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  color: var(--textfarbe);
}

#about_us {
  width: 71px;
  white-space: nowrap;
  text-align: right;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  color: rgb(0, 0, 0);
  letter-spacing: 0.15px;
}

.Pfad_66 {
  overflow: visible;
  position: absolute;
  width: 8.121px;
  height: 13.414px;
  left: 80.47px;
  top: 4.336px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#Wiederholungsraster_4 {
  width: var(--respcontentwidth);
  /* height: 233.5px; */
  overflow: hidden;
  margin-top: 40px;
}

.Gruppe_73 {
  width: var(--respcolwidth);
  height: 265px;
  overflow: visible;
  float: var(--respfloat);
}

.promobox {
  width: calc(var(--respcolwidth) - 15px);
  height: 265px;
  position: absolute;
  overflow: hidden;
  display: flex;
  /* justify-content: center; */
}

.Rechteck_59 {
  position: relative;
  overflow: hidden;
  width: 255px;
  height: 79px;
  left: 0;
  top: 0;
}

.Pfad_216_df {
  overflow: visible;
  position: absolute;
  width: 26.94px;
  height: 23.296px;
  left: 0;
  top: 79px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.sloganbox {
  display: flex;
  justify-content: center;
  align-content: center;
  position: absolute;
  width: 100%;
  height: 38px;
  top: 15px;
  overflow: visible;
}

.slogan_short {
  /* position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
  width: 103px; */
  white-space: nowrap;
  text-align: center;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  color: rgb(255, 255, 255);
}

.slogan {
  position: absolute;
  left: 10px;
  top: 108px;
  overflow: visible;
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  color: rgb(0, 0, 0);
  letter-spacing: -0.5px;
}

.Linie_29 {
  overflow: hidden;
  position: absolute;
  width: 260px;
  height: 1px;
  left: 1.5px;
  top: 232.5px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Linie_29c {
  stroke: var(--linienfarbe);
}

.Pfad_216_dp {
  overflow: visible;
  position: relative;
  width: 26.94px;
  height: 23.296px;
  left: 0;
  top: 79px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Linie_29_dt {
  overflow: hidden;
  position: absolute;
  width: 260px;
  height: 1px;
  left: 1.5px;
  top: 232.5px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Rechteck_59_dv {
  position: relative;
  overflow: hidden;
  width: 255px;
  height: 79px;
  left: 0;
  top: 0;
}

.Pfad_216_dz {
  overflow: visible;
  position: absolute;
  width: 26.94px;
  height: 23.296px;
  left: 0;
  top: 79px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#F_hrend {
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
  width: 119px;
  white-space: nowrap;
  text-align: center;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  color: rgb(255, 255, 255);
}

.Linie_29_d {
  overflow: hidden;
  position: absolute;
  width: 260px;
  height: 1px;
  left: 1.5px;
  top: 232.5px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#Eigeninserat {
  position: relative;
  margin-top: 60px;
  width: var(--respcontentwidth);
  height: 241px;
  overflow: hidden;
  margin-bottom: 60px;
  background: linear-gradient(133deg, var(--grad1) 2%, var(--grad3) 12%, var(--grad6) 38%);
}

#Rechteck_71_d {
  fill: url(#Rechteck_71_d);
}

.Rechteck_71_d {
  position: absolute;
  overflow: hidden;
  width: var(--respcontentwidth);
  height: 261px;
  left: 0;
  top: 0;
  background: linear-gradient(133deg, #a3da45 2%, #66ad2b 12%, #146f09 38%);
}

#Werbefeld_Eigenwerbung {
  position: relative;
  left: var(--respleftpos);
  overflow: visible;
  width: calc(var(--respcontentwidth) - 20px);
  padding-right: 40px;
  pointer-events: none;
}

#Werbefeld_Eigenwerbung_Text {
  line-height: var(--resplineheight);
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: var(--respfontsize);
  color: rgb(255, 255, 255);
}

#B___Button_Secondary {
  position: absolute;
  width: 220px;
  height: 40px;
  right: 40px;
  top: 174px;
  overflow: visible;
  border-style: solid;
  border-color: rgb(217, 0, 13);
  border-width: 2px;
  background: white;
  color: rgb(217, 0, 13);
}

#B___Button_Secondary:hover {
  background: rgb(217, 0, 13);
  color: white;
}

.Button_Login {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  /* width: 80%; */
  height: 40px;
  top: 0;
  left: 0;
  padding: 2px;
  overflow: visible;
  border-style: solid;
  border-color: rgb(217, 0, 13);
  border-width: 2px;
  background: white;
  color: rgb(217, 0, 13);
  margin-top: 3px;
}

.Button_Login:hover {
  background: rgb(217, 0, 13);
  color: white;
  border-color: white;
}

.Rechteck_76 {
  position: absolute;
  overflow: visible;
  width: 220px;
  height: 40px;
  left: 0;
  top: 0;
}

#Gruppe_114 {
  position: absolute;
  width: 184px;
  height: 19px;
  left: 18px;
  top: 6px;
  overflow: visible;
}

#Jetzt_kostenlos_anmelden {
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
  width: 185px;
  white-space: nowrap;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
}

#vgs_footer {
  position: relative;
  /* width: 1380px; */
  height: 400px;
  left: 0;
  top: 0;
  overflow: visible;
}

.Rechteck_98 {
  position: absolute;
  overflow: visible;
  /* width: 1380px; */
  height: 70px;
  left: 0;
  top: 330px;
}

#Rechteck_98 {
  width: var(--maxscreenwidth);
}

.Rechteck_25 {
  position: absolute;
  overflow: visible;
  height: 330px;
  left: 0;
  top: 0;
}

#Kontakt_Verlag_Garzetti___Stai {
  position: absolute;
  left: 993px;
  top: 47px;
  overflow: visible;
  width: 253px;
  height: 182px;
  line-height: 25px;
  margin-top: -4px;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 17px;
  color: rgb(0, 0, 0);
}

#Komponente_18___2 {
  position: absolute;
  width: 147.188px;
  height: 60px;
  left: 325px;
  top: 211px;
  overflow: visible;
  background: var(--textfarbe);
}

#Komponente_18___2:hover {
  background: var(--signalfarbe);
}

#Komponente_18___4 {
  position: absolute;
  width: 147.188px;
  height: 60px;
  left: 485px;
  top: 211px;
  overflow: visible;
  background: var(--textfarbe);
}

#Komponente_18___4:hover {
  background: var(--signalfarbe);
}

#Komponente_18__4 {
  background: var(--textfarbe);
}

#Komponente_18__4:hover {
  background: var(--signalfarbe);
}

#Komponente_18__2 {
  background: var(--textfarbe);
}

#Komponente_18__2:hover {
  background: var(--signalfarbe);
}

.footer_button {
  position: absolute;
  left: 21px;
  top: 10px;
  overflow: visible;
  width: 106.188px;
  height: 44.152px;
  line-height: 19px;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  color: rgb(255, 255, 255);
}

#Der_neue_Katalog__ist_da_ {
  position: absolute;
  left: 325px;
  top: 49px;
  overflow: visible;
  width: 315px;
  height: 84px;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  color: var(--textfarbe);
}

#Der_neue_Katalog_ist_da {
  color: var(--textfarbe);
}

#Der_neue_Katalog__ist_da_tab {
  left: 336px;
  top: 32px;
  position: absolute;
  overflow: visible;
  width: 315px;
  height: 84px;
  line-height: 35px;
  margin-top: -1.5px;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  color: var(--textfarbe);
}

#Rechteck_60_es {
  opacity: 0.149;
}

.Rechteck_60_es {
  position: absolute;
  overflow: visible;
  height: 29px;
  left: 0;
  top: 0;
}

#Rechteck_60_es {
  width: var(--maxscreenwidth);
}

.Linie_30 {
  overflow: visible;
  position: absolute;
  width: 1px;
  height: 247px;
  left: 675px;
  top: 47.5px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.red_beitr {
  position: relative;
  width: 825px;
  /* min-height: 574px; */
  left: 0;
  overflow: visible;
  margin-top: -1.5px;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  color: var(--textfarbe);
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  flex-flow: wrap;
  align-content: start;
  margin-bottom: 40px;
}

.rb_komp {
  position: relative;
  width: 395px;
  height: 496px;
  left: 0;
  /* top: 60px; */
  overflow: visible;
  margin-bottom: 40px;
}

.rb_komp0 {
  position: absolute;
  width: 395px;
  height: 496px;
  left: 0;
  top: 60px;
  overflow: visible;
}

.rb_komp1 {
  position: absolute;
  width: 395px;
  height: 496px;
  left: 430px;
  top: 60px;
  overflow: visible;
}

.rb_rechteck {
  position: absolute;
  overflow: visible;
  width: 100%;
  height: 100%;
  left: 0;
  /* top: 235px; */
  background: linear-gradient(130deg, var(--grad1) 0%, var(--grad2) 30%, var(--grad5) 68%);
}

.rb_rechteck:hover {
  background: rgb(217, 0, 13);
}

.rb_img {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  position: relative;
  top: -10%;
}

.rb_date {
  position: absolute;
  left: 20px;
  top: 260px;
  overflow: visible;
  width: 82px;
  white-space: nowrap;
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: rgb(255, 255, 255);
}

a:link.rb_link, a:visited.rb_link {
  color: rgb(255, 255, 255);
  text-decoration: none;
}

.rb_title {
  position: relative;
  left: 20px;
  top: 20px;
  overflow: visible;
  width: 90%;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 23px;
  color: rgb(255, 255, 255);
  white-space: normal;
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  hyphens: auto;
}

#Gruppe_68 {
  position: absolute;
  width: 6px;
  height: 12px;
  left: 376.47px;
  top: 471.336px;
  overflow: visible;
}

.Pfad_66_fe {
  overflow: visible;
  position: absolute;
  width: 8.121px;
  height: 13.414px;
  left: 0;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#red_beitrX {
  position: absolute;
  left: 0;
  top: 4px;
  overflow: visible;
  width: 417px;
  white-space: nowrap;
  line-height: 35px;
  margin-top: -1.5px;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  color: var(--textfarbe);
}

#Gruppe_136 {
  position: absolute;
  width: 113.97px;
  height: 20px;
  left: 711.03px;
  top: 22px;
  overflow: visible;
}

#Alle_Beitr_ge {
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
  width: 97px;
  white-space: nowrap;
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  color: rgb(0, 0, 0);
}

.Pfad_66_fi {
  overflow: visible;
  position: absolute;
  width: 8.121px;
  height: 13.414px;
  left: 107.97px;
  top: 4.336px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#Komponente_15___3 {
  position: absolute;
  width: 395px;
  height: 496px;
  left: 430px;
  top: 60px;
  overflow: visible;
}

.Rechteck_57_fl {
  position: absolute;
  overflow: visible;
  width: 395px;
  height: 261px;
  left: 0;
  top: 235px;
}

#ID4d78ba35819acef4e1cfd7862a3a {
  position: absolute;
  width: 395px;
  height: 235px;
  left: 0;
  top: 0;
  overflow: visible;
}

.rb_text {
  display: block;
  position: absolute;
  left: 20px;
  top: 359px;
  overflow: visible;
  /* width: 90%; */
  /* Edge veträgt das nicht, Trennung funktioniert nicht! -> padding-right: 20px -> doch nicht...*/
  padding-right: 20px;
  height: 96px;
  text-align: justify;
  text-justify: inter-character;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  color: rgb(255, 255, 255);
  white-space: normal;
  word-wrap: break-word;
  word-break: normal;
  hyphens: auto;
  -ms-hyphens: auto;
}

#Gruppe_68_fq {
  position: absolute;
  width: 6px;
  height: 12px;
  left: 376.47px;
  top: 471.336px;
  overflow: visible;
}

.Pfad_66_fr {
  overflow: visible;
  position: absolute;
  width: 8.121px;
  height: 13.414px;
  left: 0;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#Gruppe_210 {
  position: absolute;
  width: 24px;
  height: 8px;
  left: 801px;
  top: 566px;
  overflow: visible;
}

.Ellipse_36 {
  position: absolute;
  overflow: visible;
  width: 8px;
  height: 8px;
  left: 16px;
  top: 0;
}

.Ellipse_37 {
  position: absolute;
  overflow: visible;
  width: 8px;
  height: 8px;
  left: 0;
  top: 0;
}

.Schatten {
  position: absolute;
  overflow: visible;
  height: 50px;
  left: 0;
  top: 320px;
}

#Schatten {
  width: 110vw;
}

.Rechteck_95 {
  position: absolute;
  overflow: visible;
  height: 80px;
  left: 0;
  top: 0;
  pointer-events: none;
}

#Rechteck_95 {
  width: 110vw;
}

.header_bkg {
  position: fixed;
  width: 100vw;
  height: 240px;
  left: 0;
  top: 80px;
  overflow: visible;
}

.header_bkg_sm {
  position: fixed;
  width: 100vw;
  height: 120px;
  left: 0;
  top: 80px;
  overflow: visible;
}

#logo {
  transition: all 0.3s ease;
}

#logo.myup {
  top: 0;
}

#shadow {
  transition: all 0.3s ease;
  z-index: 100;
}

#shadow.myup {
  top: 240px;
}

#shadow.myupsm {
  top: 120px;
}

.Rechteck_72_f {
  position: absolute;
  overflow: visible;
  width: 983px;
  height: 155px;
  left: 262px;
  top: 123px;
  background-image: linear-gradient(90deg, var(--grad1) 0%, var(--grad2) 25%, var(--grad3) 50%, var(--grad4) 75%, var(--grad5) 100%);
  z-index: 101;
}

#icon {
  position: absolute;
  left: 275px;
  top: 135px;
  z-index: 102;
  width: 130px;
}

#icon_sm {
  position: absolute;
  left: 30px;
  top: 90px;
  z-index: 102;
  width: 100px;
}

#sf_slogan {
  position: relative;
  left: 420px;
  top: 240px;
  overflow: visible;
  width: 600px;
  white-space: nowrap;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  color: rgb(255, 255, 255);
  letter-spacing: 0.25px;
  z-index: 101;
}

.gm1_big {
  position: absolute;
  width: 983px;
  height: 190px;
  left: 0;
  top: 0;
  overflow: visible;
  z-index: 101;
}

#Schatten_gw {
  opacity: 0.55;
}

.shadow_big {
  position: fixed;
  overflow: visible;
  width: 100vw;
  height: 30px;
  left: 0;
  top: 320px;
}

.sm_big {
  position: absolute;
  width: 785px;
  height: 70px;
  left: 420px;
  top: 160px;
  overflow: visible;
  z-index: 101;
}

.Suchenfeld_gy {
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.251));
  position: absolute;
  overflow: visible;
  width: 803px;
  height: 88px;
  left: 0;
  top: 0;
}

.suchfeld_big {
  position: absolute;
  left: 22px;
  top: 16px;
  overflow: visible;
  width: 190px;
  white-space: nowrap;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  color: rgb(0, 0, 0);
}

#Lupe {
  /* transform: translate(-420px, -126px) matrix(1,0,0,1,1147.9998,139.7643);
  transform-origin: center; */
  position: absolute;
  width: 24px;
  height: 43.5px;
  overflow: visible;
}

.Ellipse_32 {
  position: absolute;
  overflow: visible;
  width: 33.92px;
  height: 33.92px;
  left: 0;
  top: 0;
}

.Linie_32 {
  overflow: visible;
  position: absolute;
  width: 16.516px;
  height: 17.404px;
  left: 12px;
  top: 24px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Linie_32_big {
  overflow: visible;
  position: absolute;
  width: 16.516px;
  height: 17.404px;
  left: 9px;
  top: 9px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#Linie_32 {
  fill: transparent;
  stroke: rgb(0, 0, 0);
  stroke-width: 3px;
  stroke-linejoin: miter;
  stroke-linecap: butt;
  stroke-miterlimit: 4;
  shape-rendering: auto;
}

#Navigation_oben {
  position: absolute;
  height: 80px;
  left: 570px;
  top: 0;
  overflow: visible;
  z-index: 102;
}

#Werbemoeglichkeiten {
  position: absolute;
  left: 196px;
  top: 12px;
  overflow: visible;
  width: 139px;
  white-space: nowrap;
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: rgb(0, 0, 0);
}

#Werbemoeglichkeiten_rechts {
  white-space: nowrap;
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: rgb(0, 0, 0);
}

#News {
  position: absolute;
  left: 368px;
  top: 12px;
  overflow: visible;
  white-space: nowrap;
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: rgb(0, 0, 0);
}

#about_us_g {
  position: absolute;
  left: 1075px;
  top: 12px;
  overflow: visible;
  width: 61px;
  white-space: nowrap;
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: rgb(0, 0, 0);
}

.Rechteck_3 {
  position: absolute;
  overflow: visible;
  width: 95px;
  height: 36px;
  left: 1150px;
  top: 0;
}

#Gruppe_26 {
  position: absolute;
  /* width: 233.732px;
  height: 52.202px; */
  left: 135px;
  top: 15.524px;
  overflow: visible;
  z-index: 102;
}

#Gruppe_22 {
  position: absolute;
  width: 191.903px;
  height: 25.064px;
  left: 0;
  top: 0;
  overflow: visible;
}

.Pfad_67 {
  overflow: visible;
  position: absolute;
  width: 19.149px;
  height: 24.394px;
  left: 0;
  top: 0.335px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Pfad_68 {
  overflow: visible;
  position: absolute;
  width: 14.006px;
  height: 24.394px;
  left: 21.716px;
  top: 0.335px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Pfad_69 {
  overflow: visible;
  position: absolute;
  width: 16.335px;
  height: 24.394px;
  left: 38.752px;
  top: 0.335px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Pfad_70 {
  overflow: visible;
  position: absolute;
  width: 16.234px;
  height: 24.394px;
  left: 57.816px;
  top: 0.335px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Pfad_71 {
  overflow: visible;
  position: absolute;
  width: 19.803px;
  height: 24.394px;
  left: 74.027px;
  top: 0.335px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Pfad_72 {
  overflow: visible;
  position: absolute;
  width: 17.022px;
  height: 25.064px;
  left: 95.069px;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Pfad_73 {
  overflow: visible;
  position: absolute;
  width: 17.172px;
  height: 24.394px;
  left: 115.066px;
  top: 0.335px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Pfad_74 {
  overflow: visible;
  position: absolute;
  width: 16.067px;
  height: 24.728px;
  left: 134.419px;
  top: 0.335px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Pfad_75 {
  overflow: visible;
  position: absolute;
  width: 17.055px;
  height: 24.394px;
  left: 154.359px;
  top: 0.335px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Pfad_76 {
  overflow: visible;
  position: absolute;
  width: 16.955px;
  height: 25.064px;
  left: 174.948px;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#Gruppe_24 {
  position: absolute;
  width: 77.329px;
  height: 14.914px;
  left: 114.73px;
  top: 37.288px;
  overflow: visible;
}

#Gruppe_23 {
  position: absolute;
  width: 77.329px;
  height: 14.914px;
  left: 0;
  top: 0;
  overflow: visible;
}

.Pfad_77 {
  overflow: visible;
  position: absolute;
  width: 9.522px;
  height: 14.914px;
  left: 0;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Pfad_78 {
  overflow: visible;
  position: absolute;
  width: 10.129px;
  height: 14.914px;
  left: 11.493px;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Pfad_79 {
  overflow: visible;
  position: absolute;
  width: 10.178px;
  height: 14.516px;
  left: 23.713px;
  top: 0.199px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Pfad_80 {
  overflow: visible;
  position: absolute;
  width: 14.437px;
  height: 14.516px;
  left: 35.823px;
  top: 0.199px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Pfad_81 {
  overflow: visible;
  position: absolute;
  width: 8.335px;
  height: 14.516px;
  left: 52.151px;
  top: 0.199px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Pfad_82 {
  overflow: visible;
  position: absolute;
  width: 2.931px;
  height: 14.516px;
  left: 62.606px;
  top: 0.199px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Pfad_83 {
  overflow: visible;
  position: absolute;
  width: 9.471px;
  height: 14.516px;
  left: 67.858px;
  top: 0.199px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#Gruppe_25 {
  position: absolute;
  width: 233.388px;
  height: 35.201px;
  left: 0.344px;
  top: 7.741px;
  overflow: visible;
}

.Pfad_84 {
  overflow: visible;
  position: absolute;
  width: 233.388px;
  height: 35.201px;
  left: 0;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Anmelden_Login:hover .Anmelden_Login_Box {
  display: flex;
}

#Anmelden_Login_Box_Top {
  left: -155px;
  top: -5px;
}

#Anmelden_Login_Box_Bottom {
  left: -50px;
  top: -50px;
}

.Anmelden_Login_Box {
  display: none;
  position: absolute;
  hyphens: auto;
  word-wrap: break-word;
  white-space: normal;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 7px;
  padding-bottom: 20px;
  overflow: visible;
  width: 320px;
  height: 160px;
  background: #d9000d;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: rgb(255, 255, 255);
  z-index: 1;
  flex-direction: column;
  justify-content: space-around;
}

#Gruppe_88 {
  position: absolute;
  height: 20px;
  left: 535px;
  top: 10.5px;
  overflow: visible;
}

#Login_hx {
  position: absolute;
  width: 38px;
  height: 18px;
  left: 26.5px;
  top: 1.5px;
  overflow: visible;
}

#Login_hy {
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
  width: 39px;
  white-space: nowrap;
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: rgb(0, 0, 0);
}

#Gruppe_97 {
  position: absolute;
  width: 17.025px;
  height: 20px;
  left: 0;
  top: 0;
  overflow: visible;
}

#I___Icon_Pfeil_rot_h {
  position: absolute;
  width: 5.764px;
  height: 9.99px;
  left: 5px;
  top: -1px;
  overflow: visible;
}

.Pfad_226_h {
  overflow: visible;
  position: absolute;
  width: 10.025px;
  height: 22px;
  left: 8px;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Linie_35_h {
  overflow: visible;
  position: absolute;
  width: 10px;
  height: 2px;
  left: 0;
  top: 11px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#top_nav_1 {
  position: absolute;
  width: 163.385px;
  height: 21.5px;
  left: 0;
  top: 10px;
  overflow: visible;
}

.Linie_27 {
  overflow: visible;
  position: absolute;
  width: 140px;
  height: 1px;
  left: 0;
  top: 21.5px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.Pfad_264 {
  overflow: visible;
  position: relative;
  width: 6px;
  height: 12px;
  left: 155px;
  top: 0;
}

.home_button {
  width: 70px;
}

.home_ico {
  width: 16.348px;
  height: 13.896px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.home {
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: rgb(47, 47, 47);
}

a:hover.pw_link {
  color: rgb(87, 87, 87);
  text-decoration: none;
}

a:visited.pw_link {
  color: rgb(47, 47, 47);
  text-decoration: none;
}

a.pw_link {
  color: rgb(47, 47, 47);
  text-decoration: none;
}

.breadcrumbs_wrapper {
  display: flex;
}

.pathway {
  /* width: 41px; */
  /* white-space: nowrap; */
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: rgb(123, 123, 123);
}

/* Page with Header Small starts here */
#Rechteck_77 {
  fill: rgb(255, 255, 255);
  width: var(--maxscreenwidth);
}

.Rechteck_77 {
  /* ? */
  display: none;
  position: absolute;
  overflow: visible;
  height: 255px;
  left: 0;
  top: -80px;
}

#Rechteck_69 {
  fill: var(--textfarbe);
}

.Rechteck_69 {
  /* ? */
  mix-blend-mode: soft-light;
  position: absolute;
  overflow: visible;
  width: var(--maxscreenwidth);
  height: 120px;
  left: 0;
  top: 0;
}

.Rechteck_72_fz {
  position: absolute;
  overflow: visible;
  width: 983px;
  height: 120px;
  left: 0px;
  top: 80px;
  background-image: linear-gradient(90deg, var(--grad1) 0%, var(--grad2) 25%, var(--grad3) 50%, var(--grad4) 75%, var(--grad5) 100%);
  z-index: 101;
}

.gm1_sm {
  position: absolute;
  width: 983px;
  height: 121px;
  left: 262px;
  top: 0;
  overflow: visible;
  z-index: 101;
}

#Schatten_f {
  opacity: 0.55;
  fill: url(#Schatten_f);
}

.Schatten_sm {
  position: absolute;
  overflow: visible;
  width: 100vw;
  height: 60px;
  left: 0;
  top: 200px;
}

.shadow_sm {
  mix-blend-mode: multiply;
  position: fixed;
  overflow: visible;
  width: 100vw;
  height: 30px;
  left: 0;
  top: 200px;
  pointer-events: none;
}

.sf_sm {
  position: absolute;
  width: 785px;
  height: 100px;
  left: 158px;
  top: 106px;
  overflow: visible;
  z-index: 102;
}

.searchtype_sm {
  position: absolute;
  top: 42px;
  left: 20px;
  display: none;
}

.searchtype_big {
  position: absolute;
  top: 42px;
  left: 20px;
  display: none;
}

#Suchenfeld_f {
  fill: rgb(255, 255, 255);
}

.Suchenfeld_f {
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.251));
  position: absolute;
  overflow: visible;
  width: 803px;
  height: 88px;
  left: 0;
  top: 0;
}

.suchfeld_sm {
  left: 22px;
  top: 16px;
  position: absolute;
  overflow: visible;
  width: 190px;
  white-space: nowrap;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  color: rgb(0, 0, 0);
}

#Lupe_sm {
  transform: translate(0px, 0.479px) matrix(1, 0, 0, 1, 727.9998, 13.7643) rotate(-43deg);
  transform-origin: center;
  position: absolute;
  width: 24px;
  height: 43.5px;
  left: 0;
  top: 0;
  overflow: visible;
}

#Ellipse_32 {
  fill: transparent;
  stroke: rgb(0, 0, 0);
  stroke-width: 3px;
  stroke-linejoin: miter;
  stroke-linecap: butt;
  stroke-miterlimit: 4;
  shape-rendering: auto;
}

.Ellipse_32 {
  position: absolute;
  overflow: visible;
  width: 33.92px;
  height: 33.92px;
  left: 0;
  top: 0;
}

#Pfad_20 {
  fill: transparent;
  width: var(--maxscreenwidth);
}

.Pfad_20 {
  display: none;
  overflow: visible;
  position: absolute;
  height: 110px;
  left: 0;
  top: -33px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#B_-_Button_gross_Kategorie_-_M_fv {
  background: var(--textfarbe);
}

#B_-_Button_gross_Kategorie_-_M {
  background: var(--textfarbe);
}

#B_-_Button_gross_Kategorie_-_M_fv:hover {
  background: var(--signalfarbe);
}

#B_-_Button_gross_Kategorie_-_M:hover {
  background: var(--signalfarbe);
}

#Pfad_1 {
  fill: rgb(217, 0, 13);
}

.Pfad_1 {
  overflow: visible;
  position: absolute;
  width: 16.348px;
  height: 13.896px;
  left: 0;
  top: 0;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

@font-face {
  font-family: "Roboto";
  src: url("Roboto-Regular-webfont.eot");
  src: url("Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("Roboto-Regular-webfont.woff") format("woff"), url("Roboto-Regular-webfont.ttf") format("truetype"), url("Roboto-Regular-webfont.svg#RobotoRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("Roboto-Italic-webfont.eot");
  src: url("Roboto-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("Roboto-Italic-webfont.woff") format("woff"), url("Roboto-Italic-webfont.ttf") format("truetype"), url("Roboto-Italic-webfont.svg#RobotoItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("Roboto-Bold-webfont.eot");
  src: url("Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("Roboto-Bold-webfont.woff") format("woff"), url("Roboto-Bold-webfont.ttf") format("truetype"), url("Roboto-Bold-webfont.svg#RobotoBold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("Roboto-BoldItalic-webfont.eot");
  src: url("Roboto-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("Roboto-BoldItalic-webfont.woff") format("woff"), url("Roboto-BoldItalic-webfont.ttf") format("truetype"), url("Roboto-BoldItalic-webfont.svg#RobotoBoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("Roboto-Thin-webfont.eot");
  src: url("Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("Roboto-Thin-webfont.woff") format("woff"), url("Roboto-Thin-webfont.ttf") format("truetype"), url("Roboto-Thin-webfont.svg#RobotoThin") format("svg");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("Roboto-ThinItalic-webfont.eot");
  src: url("Roboto-ThinItalic-webfont.eot?#iefix") format("embedded-opentype"), url("Roboto-ThinItalic-webfont.woff") format("woff"), url("Roboto-ThinItalic-webfont.ttf") format("truetype"), url("Roboto-ThinItalic-webfont.svg#RobotoThinItalic") format("svg");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("Roboto-Light-webfont.eot");
  src: url("Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("Roboto-Light-webfont.woff") format("woff"), url("Roboto-Light-webfont.ttf") format("truetype"), url("Roboto-Light-webfont.svg#RobotoLight") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("Roboto-LightItalic-webfont.eot");
  src: url("Roboto-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("Roboto-LightItalic-webfont.woff") format("woff"), url("Roboto-LightItalic-webfont.ttf") format("truetype"), url("Roboto-LightItalic-webfont.svg#RobotoLightItalic") format("svg");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("Roboto-Medium-webfont.eot");
  src: url("Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("Roboto-Medium-webfont.woff") format("woff"), url("Roboto-Medium-webfont.ttf") format("truetype"), url("Roboto-Medium-webfont.svg#RobotoMedium") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("Roboto-MediumItalic-webfont.eot");
  src: url("Roboto-MediumItalic-webfont.eot?#iefix") format("embedded-opentype"), url("Roboto-MediumItalic-webfont.woff") format("woff"), url("Roboto-MediumItalic-webfont.ttf") format("truetype"), url("Roboto-MediumItalic-webfont.svg#RobotoMediumItalic") format("svg");
  font-weight: 300;
  font-style: italic;
}

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