:root {
  /* Neue Farben nach Farbkonzept */
  --light_blue: #36699d;
  /* --activ_blue: #214067; */
  --activ_blue: #07203f;
  --light_grey: #f2f2f2;
  --grey: #e9e9e9;
  --dark_grey: #dddddd;
  --light_green: #e0f8dd;
  --dark_green: #ccf3c8;
  --light_red: #ffe5e5;
  --dark_red: #990000;
  /* Button Highlight */
  --highlight_light: #ffe596;
  --highlight_dark: #e4ad00;
  --highlight_hover_light: #fff8e3;
  --highlight_hover_dark: #ffe38e;
  /* Button Abweg */
  --button_grey_dark: #b1b1b1;
  --button_grey_light: #f2f2f2;
  --text_grey: #6a6666;
  --button_hover_dark: #dad7d7;
  --button_hover_light: #fdfdfd;
  /* Interaktionsgrau */
  --grau_auswahlfeld: #f9f9f9;
  --not_activ_grey: #dddddd;
  --shadow_black: #0000001c;
}

.buttleiste .medium-12 {
  transition: transform 0.5s;
  padding-left: 40px;
  padding-right: 40px;
}

#nutzungsbox {
  justify-content: space-between;
  flex-direction: row;
}
#nutzungsbox.pflicht, #nutzungsbox.Feld_rot {
  background: linear-gradient(var(--highlight_dark), var(--highlight_light)) !important;
}

.wrapper {
  justify-content: center;
  padding: 1px;
  margin-top: 10px;
  margin-left: 31px;
  margin-right: 9px;
}

.arrow_qc {
  border: solid #888;
  border-width: 0 3px 3px 0;
  padding: 10px;
  width: 10px;
  height: 10px;
  margin: 3%;
  border-color: black;
  z-index: 5;
  margin-bottom: 115px;
  cursor: pointer;
}
.arrow_qc:hover {
  scale: 115%;
}

.box.inactive {
  filter: opacity(0.5);
}

.fortschritt .registerkarte {
  transition: opacity 0.3s;
  height: 214px;
  display: flex;
  flex-direction: column;
  z-index: 1500;
}
.fortschritt .registerkarte:hover .hover_hinweis {
  display: none;
}
.fortschritt .registerkarte.price .gesamtleistung, .fortschritt .registerkarte[data-name=article_add] .gesamtleistung, .fortschritt .registerkarte[data-name=preis_endkunde] .gesamtleistung, .fortschritt .registerkarte[data-name=gestellsystem] .gesamtleistung, .fortschritt .registerkarte[data-name=ev_charger] .gesamtleistung {
  display: none;
}
.fortschritt .active .nav {
  display: flex;
  flex-direction: column;
}
.fortschritt .active .hover_hinweis,
.fortschritt .active .gesamtleistung {
  color: white;
  background: var(--activ_blue);
}
.fortschritt .visited:not(.active) .hover_hinweis {
  background: var(--not_activ_grey);
}
.fortschritt .skipable:not(.visited) .hover_hinweis,
.fortschritt .skipable:not(.visited) .gesamtleistung {
  background: var(--not_activ_grey);
}
.fortschritt .visited,
.fortschritt .price {
  opacity: 1;
}
.fortschritt .hover_hinweis {
  display: block;
  position: absolute;
  text-align: center;
  z-index: 20;
  font-weight: bold;
  letter-spacing: 0.1rem;
  margin-top: 140px;
  width: 120px;
  height: 20px;
}
.fortschritt .box:not(.text_above) .top p {
  display: none;
}
.fortschritt .box.can_jump:hover {
  cursor: pointer;
}

.top {
  z-index: 2000;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 150px;
  height: 125px;
  height: 110px;
  height: 100px;
}
.top p {
  width: 120px;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  margin-bottom: -20px !important;
  margin-bottom: -30px !important;
}

.produktbild {
  z-index: 111;
  width: auto;
  height: 4rem;
  padding-left: 15%;
  padding-right: 20%;
  margin-top: 12%;
}

.frame {
  position: absolute;
}

.parallelogram {
  border: 5px solid #888;
  width: 120px;
  height: 50px;
  transform: skew(20deg);
  position: relative;
  margin-left: 9px;
}
.parallelogram.half_top {
  border-bottom: unset;
}
.parallelogram.half_bottom {
  transform: skew(-20deg);
  border-top: unset;
}

.hint {
  padding: 4px;
  text-align: center;
  z-index: 10;
  overflow: hidden;
  word-wrap: break-word;
  border-top: 2px solid #989898;
  width: 120px;
  max-height: 80px;
  margin-top: 0px;
}

.gesamtleistung {
  position: absolute;
  color: black;
  z-index: 20;
  width: 120px;
  height: 21px;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
}

.visited .hint,
.price .hint,
.skipable:not(.visited) .hint {
  height: auto;
}

.active .skip {
  margin-top: 73px;
  max-width: 120px;
  margin-left: 10px;
  font-size: 11px;
}
.active .ok_next .parallelogram {
  border: unset;
}
.active .ok_next.inactive {
  pointer-events: none;
}
.active .ok_next.inactive .button_text {
  color: #ccc;
}
.active .ok_next.inactive .parallelogram.half_top {
  border-bottom: unset;
}
.active .ok_next.inactive .parallelogram.half_bottom {
  border-top: unset;
}
.active .ok_next:hover .parallelogram.half_top {
  border-bottom: unset;
}
.active .ok_next:hover .parallelogram.half_bottom {
  border-top: unset;
}
.active .ok_next .frame {
  margin-top: -26px;
}
.active .ok_next .button_text {
  padding: 30px 25px 25px 30px;
  text-align: center;
  height: 100px;
  z-index: 20;
  position: absolute;
}
.active.price .skip, .active.price .ok_next, .active.skipable .skip, .active.skipable .ok_next {
  display: block;
}
.active:not(.price) .trapezoid {
  opacity: 1;
}
.active:not(.price) .hint {
  border-top: 2px solid #0a0058;
}
.active:not(.price) .top {
  color: white;
}
.active:not(.price) .produktbild {
  filter: brightness(2.5);
}

.price .hint {
  color: black;
  border-top: 2px solid #a5cea7;
}

.nav {
  position: absolute;
  color: black;
  font-weight: bold;
}
.nav .flex {
  flex-direction: column;
}
.nav.left {
  left: 50px;
  top: 75px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nav.left button {
  margin-top: 10px;
}
@media screen and (max-width: 950px) {
  .nav.left {
    top: 195px;
  }
}
.nav.right {
  margin-top: 18px;
  right: 50px;
}
.nav .skipper > div {
  display: none;
  padding: 8px 11px 7px 11px;
}
.nav > div:hover {
  opacity: 1;
}

.arrow_right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

@keyframes einblenden_rechts {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(0);
  }
}
.arrow_left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

@keyframes einblenden_links {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(0);
  }
}
#wechselrichterplanung div,
#speicherplanung div {
  z-index: 1056;
  overflow-wrap: break-word;
}
#wechselrichterplanung div:hover .tt,
#speicherplanung div:hover .tt {
  width: 250px;
  z-index: 2000;
}

#modulplanung {
  z-index: 1600;
}
#modulplanung div:hover .tt {
  width: 250px;
}

#modulplanung,
#wechselrichterplanung,
#speicherplanung {
  margin: 0;
  padding: 0;
  margin-bottom: -10px;
  float: right;
}
@media screen and (max-width: 1700px) {
  #modulplanung,
  #wechselrichterplanung,
  #speicherplanung {
    left: unset;
    right: 50px;
  }
}
@media screen and (max-width: 1024px) {
  #modulplanung,
  #wechselrichterplanung,
  #speicherplanung {
    gap: 10px;
  }
}
#modulplanung div,
#wechselrichterplanung div,
#speicherplanung div {
  right: 150px;
}
#modulplanung div .modul_button,
#wechselrichterplanung div .modul_button,
#speicherplanung div .modul_button {
  z-index: 20;
}
#modulplanung div:hover.no_qd .tt_not_qc, #modulplanung div:hover:not(.no_qd) .tt,
#wechselrichterplanung div:hover.no_qd .tt_not_qc,
#wechselrichterplanung div:hover:not(.no_qd) .tt,
#speicherplanung div:hover.no_qd .tt_not_qc,
#speicherplanung div:hover:not(.no_qd) .tt {
  box-shadow: 3px 5px 15px rgba(0, 0, 0, 0.4);
  transition: opacity 0.7s ease-in-out;
  opacity: 1;
  display: block;
  position: absolute;
  background: white;
  padding: 10px;
  border: 1px solid #dcd6d6;
  z-index: 1100;
  margin: 0px -100px;
}
#modulplanung div:hover.no_qd .tt_not_qc .tt_title, #modulplanung div:hover:not(.no_qd) .tt .tt_title,
#wechselrichterplanung div:hover.no_qd .tt_not_qc .tt_title,
#wechselrichterplanung div:hover:not(.no_qd) .tt .tt_title,
#speicherplanung div:hover.no_qd .tt_not_qc .tt_title,
#speicherplanung div:hover:not(.no_qd) .tt .tt_title {
  color: black;
  font-weight: bold;
  font-size: 1.2rem;
}
#modulplanung div:hover.no_qd .tt_not_qc .tt_subtitle, #modulplanung div:hover:not(.no_qd) .tt .tt_subtitle,
#wechselrichterplanung div:hover.no_qd .tt_not_qc .tt_subtitle,
#wechselrichterplanung div:hover:not(.no_qd) .tt .tt_subtitle,
#speicherplanung div:hover.no_qd .tt_not_qc .tt_subtitle,
#speicherplanung div:hover:not(.no_qd) .tt .tt_subtitle {
  color: black;
}
#modulplanung div:hover.no_qd .tt_not_qc .tt_text, #modulplanung div:hover:not(.no_qd) .tt .tt_text,
#wechselrichterplanung div:hover.no_qd .tt_not_qc .tt_text,
#wechselrichterplanung div:hover:not(.no_qd) .tt .tt_text,
#speicherplanung div:hover.no_qd .tt_not_qc .tt_text,
#speicherplanung div:hover:not(.no_qd) .tt .tt_text {
  color: black;
  font-size: 0.8rem;
  font-weight: normal;
}
@media screen and (max-width: 1200px) {
  #modulplanung div:hover.no_qd .tt_not_qc, #modulplanung div:hover:not(.no_qd) .tt,
  #wechselrichterplanung div:hover.no_qd .tt_not_qc,
  #wechselrichterplanung div:hover:not(.no_qd) .tt,
  #speicherplanung div:hover.no_qd .tt_not_qc,
  #speicherplanung div:hover:not(.no_qd) .tt {
    width: 200px;
  }
}
@media screen and (max-width: 1024px) {
  #modulplanung div:hover.no_qd .tt_not_qc, #modulplanung div:hover:not(.no_qd) .tt,
  #wechselrichterplanung div:hover.no_qd .tt_not_qc,
  #wechselrichterplanung div:hover:not(.no_qd) .tt,
  #speicherplanung div:hover.no_qd .tt_not_qc,
  #speicherplanung div:hover:not(.no_qd) .tt {
    width: 180px;
  }
}
#modulplanung div:hover.no_qd .tt_not_qc,
#wechselrichterplanung div:hover.no_qd .tt_not_qc,
#speicherplanung div:hover.no_qd .tt_not_qc {
  right: 0;
  max-width: 200px;
  right: 150px;
}
#modulplanung div:hover.no_qd .tt_not_qc .tt_title,
#wechselrichterplanung div:hover.no_qd .tt_not_qc .tt_title,
#speicherplanung div:hover.no_qd .tt_not_qc .tt_title {
  color: black;
  font-size: 0.8rem;
  font-weight: normal;
}
@media screen and (max-width: 1200px) {
  #modulplanung div:hover.no_qd .tt_not_qc,
  #wechselrichterplanung div:hover.no_qd .tt_not_qc,
  #speicherplanung div:hover.no_qd .tt_not_qc {
    width: 200px;
  }
}
@media screen and (max-width: 1024px) {
  #modulplanung div:hover.no_qd .tt_not_qc,
  #wechselrichterplanung div:hover.no_qd .tt_not_qc,
  #speicherplanung div:hover.no_qd .tt_not_qc {
    width: 180px;
  }
}
#modulplanung div:hover.no_qd .tt_not_qc,
#wechselrichterplanung div:hover.no_qd .tt_not_qc,
#speicherplanung div:hover.no_qd .tt_not_qc {
  width: max-content;
}
#modulplanung div .tt,
#modulplanung div .tt_not_qc,
#wechselrichterplanung div .tt,
#wechselrichterplanung div .tt_not_qc,
#speicherplanung div .tt,
#speicherplanung div .tt_not_qc {
  display: none;
}

#speicherplanung.invisible,
#modulplanung.invisible,
#wechselrichterplanung.invisible {
  height: 0;
}

#speicherplanung:not(.invisible),
#modulplanung:not(.invisible),
#wechselrichterplanung:not(.invisible) {
  width: 100%;
  padding: 0 12px;
  display: flex;
  justify-content: flex-end;
}

body.free #content .main_content .qc_shop .shop_output .inner_shop_output.qc {
  padding-left: 10px;
}

body.free #content .main_content .qc_shop #produktauswahl .shop_filter .optiongroup .filterline .range-slider {
  padding-right: 20px;
}

#produktauswahl .shop_output:not(.bigfilter) .shop_filter {
  overflow-y: scroll;
}
#produktauswahl .shop_output:not(.bigfilter) .shop_filter.fixed {
  position: sticky;
}
#produktauswahl .shop_output:not(.bigfilter) .shop_filter::-webkit-scrollbar {
  width: 12px;
}
#produktauswahl .shop_output:not(.bigfilter) .shop_filter::-webkit-scrollbar-track {
  background: rgb(179, 177, 177);
  border-radius: 10px;
}
#produktauswahl .shop_output:not(.bigfilter) .shop_filter::-webkit-scrollbar-thumb {
  background: rgb(136, 136, 136);
  border-radius: 10px;
}
#produktauswahl .shop_output:not(.bigfilter) .shop_filter::-webkit-scrollbar-thumb:hover {
  background: rgb(100, 100, 100);
  border-radius: 10px;
}
#produktauswahl .shop_output:not(.bigfilter) .shop_filter::-webkit-scrollbar-thumb:active {
  background: rgb(68, 68, 68);
  border-radius: 10px;
}

body.free #content .main_content .qc_shop .shop_filter.qc .optiongroup #fl_4_1 .range-slider {
  width: 35%;
}

@media screen and (max-width: 1500px) {
  body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.qc .ibox.size_2 {
    width: 100%;
  }
}
@media screen and (max-width: 1500px) {
  body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.qc {
    min-height: 50px;
  }
}
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.qc .range-slider {
  float: right;
  width: 40%;
}
@media screen and (max-width: 1500px) {
  body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.qc .range-slider {
    width: 90px;
  }
}

@media screen and (max-width: 1200px) {
  body.free #content .main_content .qc_shop #produktauswahl .shop_filter #fl_freitext .blue_headline.qc {
    display: flex;
  }
}

@media screen and (max-width: 1200px) {
  body.free #content .main_content .qc_shop #produktauswahl .shop_filter #fl_freitext .blue_headline input#search_for,
  body.free #content .main_content .qc_shop #produktauswahl .shop_filter #fl_freitext body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline input#search_for,
  body.free #content .main_content .qc_shop #produktauswahl .shop_filter #fl_verf .blue_headline input#search_for,
  body.free #content .main_content .qc_shop #produktauswahl .shop_filter #fl_verf body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline input#search_for {
    width: 100%;
    margin-top: 7px;
  }
}
@media screen and (max-width: 1200px) {
  body.free #content .main_content .qc_shop #produktauswahl .shop_filter #fl_freitext .blue_headline.qc,
  body.free #content .main_content .qc_shop #produktauswahl .shop_filter #fl_verf .blue_headline.qc {
    padding: 0px 12px;
    flex-direction: column;
  }
}
@media screen and (max-width: 1200px) {
  body.free #content .main_content .qc_shop #produktauswahl .shop_filter #fl_freitext input#verf_st,
  body.free #content .main_content .qc_shop #produktauswahl .shop_filter #fl_verf input#verf_st {
    width: calc(100% - 50px);
  }
}
body.free #content .main_content .qc_shop #produktauswahl .shop_filter #fl_freitext .ibox.box_verf_st.qc,
body.free #content .main_content .qc_shop #produktauswahl .shop_filter #fl_verf .ibox.box_verf_st.qc {
  margin-top: 5px;
}
@media screen and (max-width: 1200px) {
  body.free #content .main_content .qc_shop #produktauswahl .shop_filter #fl_freitext span,
  body.free #content .main_content .qc_shop #produktauswahl .shop_filter #fl_verf span {
    padding-left: 0;
  }
}
@media screen and (max-width: 1200px) {
  body.free #content .main_content .qc_shop #produktauswahl .shop_filter #fl_freitext a,
  body.free #content .main_content .qc_shop #produktauswahl .shop_filter #fl_verf a {
    margin-right: 6px;
  }
}

#produktauswahl #fl_allfreitext {
  display: flex;
  gap: 20px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.fixed_qc {
  position: fixed;
  top: 0;
  z-index: 2000;
  background: white;
  box-shadow: 6px 7px 11px rgba(0, 0, 0, 0.18);
}

.fixed_qc .filternavi {
  margin-top: 1px;
  border-top: 2px solid var(--light_blue);
}

body.free #content .main_content .qc_shop .fixed_qc .filternavi .navibox.iconbox {
  border: none;
}

body.free #content .main_content .qc_shop .qc .filternavi .navibox.iconbox {
  border: 1px solid #e6e6e6;
}

body.free #content .main_content .qc_shop .fixed_qc .filternavi {
  margin-bottom: 0;
}
body.free #content .main_content .qc_shop .fixed_qc .blue_headline .tab_header .active {
  width: 100%;
}

body.free #content .main_content .qc_shop .wk_qc .scrollbox#scrollbox_wk.opened {
  border-top: none;
  border-bottom: none;
  height: auto;
}
body.free #content .main_content .qc_shop .wk_qc .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop {
  background: none;
}
body.free #content .main_content .qc_shop .wk_qc .scrollbox#scrollbox_wk .frachtkosten,
body.free #content .main_content .qc_shop .wk_qc .scrollbox#scrollbox_wk .abschluss,
body.free #content .main_content .qc_shop .wk_qc .scrollbox#scrollbox_wk .frachtkosten .inner {
  border-bottom: none;
}

@media screen and (max-width: 1350px) {
  body.free #content .main_content .qc_shop .wk_qc .scrollbox#scrollbox_wk .frachtkosten .inner .inputline.preisbox .kosten {
    width: 80px;
  }
}

body.free #content .main_content .qc_shop .blue_headline .tab_header .active .tt {
  background: white;
}

a.delete_art {
  text-decoration: none !important;
}
a.delete_art::before {
  content: "\f1f8";
  font-size: 21px;
  line-height: 31px;
  font-family: FontAwesome;
}

body.free #content .main_content .qc_shop .blue_headline.qc .tab_header .tab:not(.active):not(.gs) {
  background-color: var(--inactive_grey);
  background-image: url(/include/quickcalc/pics/wkorb_black_40x40.png);
  background-position: 10px 4px;
  background-size: 30px;
  background-repeat: no-repeat;
  color: black;
}
body.free #content .main_content .qc_shop .blue_headline.qc .tab_header .tab:not(.active):not(.gs) .wk_title_min {
  color: black;
}

.blue_headline.qc .tab:not(.active) span {
  background-color: var(--inactive_grey);
}

.tab_header {
  align-items: flex-end;
}
.tab_header .tab.gs.multi[data-tab="1"] .delete_gs {
  display: none;
}
.tab_header .tab.gs[data-tab="1"].active {
  margin-left: 0px;
}
.tab_header .tab.gs {
  cursor: pointer;
  width: 200px;
  text-align: right;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 1fr 1fr;
  align-items: center;
  justify-items: center;
  height: 60px;
}
.tab_header .tab.gs .wk_image {
  height: 30px;
  justify-self: start;
}
@media screen and (max-width: 1550px) {
  .tab_header .tab.gs .wk_image {
    visibility: hidden;
  }
}
.tab_header .tab.gs .wk_image_active {
  height: 25px;
  justify-self: start;
}
@media screen and (max-width: 1550px) {
  .tab_header .tab.gs .wk_image_active {
    visibility: hidden;
  }
}
.tab_header .tab.gs:not(.active) .wk_image_active {
  display: none;
}
.tab_header .tab.gs.active .wk_image {
  display: none;
}
.tab_header .tab.gs.active {
  height: 100%;
  min-width: 300px;
  width: fit-content;
  color: white;
  margin-left: -10px;
  margin-right: -10px;
}
.tab_header .tab.gs.active .delete_gs:hover {
  color: black;
}
.tab_header .tab.gs .delete_gs {
  justify-self: end;
  grid-row: 1;
  grid-column: 3;
}
.tab_header .tab.gs .delete_gs::before {
  content: "\f00d";
  font-family: "FontAwesome";
  font-size: 20px;
  font-weight: 100;
  cursor: pointer;
}
.tab_header .tab.gs .delete_gs:hover {
  color: rgb(110, 110, 110);
}
.tab_header .tab.gs .delete_gs:hover .tt {
  color: black;
  display: block;
  box-shadow: 3px 5px 15px rgba(0, 0, 0, 0.4);
  transition: opacity 0.7s ease-in-out;
  opacity: 1;
  position: absolute;
  background: white;
  padding: 5px;
  border: 1px solid #dcd6d6;
  top: 0;
  margin-left: 20px;
}
.tab_header .tab.gs .delete_gs .tt {
  display: none;
}
.tab_header .tab.gs .wk_title_min {
  text-align: center;
  grid-row: 1;
  grid-column: 2;
  font-weight: bold;
}
.tab_header .tab.gs .text_content,
.tab_header .tab.gs .alternative {
  grid-column: 2;
}
@media screen and (max-width: 1024px) {
  .tab_header .tab.gs .text_content,
  .tab_header .tab.gs .alternative {
    grid-column: span 3;
  }
}
.tab_header .tab.gs .alternative label {
  color: white;
}
.tab_header .tab.gs .alternative input {
  width: 3em;
  height: 1.5em;
  text-align: end;
}
.tab_header .tab.active .text_content {
  display: none;
}
.tab_header .tab:not(.active) .alternative {
  display: none;
}
.tab_header .tab .text_content,
.tab_header .tab .tab_header .tab .alternative {
  font-weight: initial;
}
.tab_header .tab .alternative {
  display: flex;
  /* mit .flex ersetzen */
  justify-content: center;
  flex-direction: inherit;
  align-items: baseline;
  /* mit .flex_center ersetzen */
  gap: 5px;
}
.tab_header .tab:not(.gs) .wk_title_min {
  overflow: hidden;
}
.tab_header .tab:hover:not(.gs) {
  max-width: 100%;
}
.tab_header .tab:hover:not(.gs) .wk_title_min {
  overflow: visible;
}
.tab_header .tab.active {
  max-width: 100%;
}

#content #produktauswahl .tab_header .tab input,
#content #produktauswahl .tab_header .tab label {
  pointer-events: all;
}

#content #produktauswahl .tab_header .tab.active input:not(.pflicht) {
  background: var(--light_grey);
}

#content #produktauswahl .tab_header .tab.active.gs input:not(.pflicht) {
  background: white;
}

body.free #content .main_content .qc_shop .blue_headline.qc .tab_header .tab.gs {
  padding: 0px 5px 0px 5px;
}

body.free #content .main_content .qc_shop .blue_headline.qc .tab_header .tab .delete_gs {
  cursor: pointer;
  pointer-events: all;
}

#produktauswahl #shop_output.bigfilter .kastengroup.qc {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 1500px) {
  #produktauswahl #shop_output.bigfilter .kastengroup.qc {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 1200px) {
  #produktauswahl #shop_output.bigfilter .kastengroup.qc {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

#content #produktauswahl .warengruppe_add {
  max-width: 950px;
  width: 75%;
  height: fit-content;
  margin: 0 auto;
  padding: 10px 0 0 0;
}
#content #produktauswahl .blue_headline .wk_title_min {
  width: auto;
}
#content #produktauswahl .inner_shop_output.wk_qc {
  width: 100%;
}
#content #produktauswahl .inner_shop_output .last_added {
  display: none;
}

body.free #content .main_content .qc_shop #produktauswahl .shop_output.bigfilter .shop_filter {
  margin-left: unset;
  width: 70%;
}
body.free #content .main_content .qc_shop #produktauswahl .shop_output.bigfilter .filtergroup.hersteller,
body.free #content .main_content .qc_shop #produktauswahl .shop_output.bigfilter .wgr_all {
  display: none !important;
}

#produktauswahl .shop_output:not(.bigfilter) .warengruppe_wahl {
  display: none;
}

#produktauswahl .bigfilter .warengruppe_wahl.qc {
  border-bottom: none;
}

.qc_wg_add .aframe {
  border: 1px solid #e4e4e4;
}

.warengruppe_add .menuegroup {
  padding: 25px;
  background: var(--light_grey);
}

body.free #content .content .main_content .kasten.qc:hover .link {
  background: linear-gradient(var(--button_grey_light), var(--button_grey_dark));
}
body.free #content .content .main_content .kasten.qc:hover .link span:not(.highlight) {
  background: url(../pics/linkpfeil1.png) no-repeat right -280px;
}
body.free #content .content .main_content .kasten.qc .link {
  background: var(--grey);
  font-size: 0.8rem;
}
body.free #content .content .main_content .kasten.qc .link span {
  color: black;
}
body.free #content .content .main_content .kasten.qc .link span:not(.highlight) {
  background: url(../pics/linkpfeil1.png) no-repeat right -100px;
}

.warenkorb .blue_headline.qc .row {
  max-width: 100%;
}

.box[data-name=preis_einkauf] .top img {
  filter: contrast(7%);
}

body.free #content .main_content .qc_shop .wk_qc .shoplist h3.summe div, body.free #content .main_content .qc_shop .wk_qc .shoplist h3.summe span:not(.info) {
  background: var(--light_grey);
}

.wk_qc .dummy_article {
  border: 3px solid var(--dark_red);
}

.wgr_marker_container[data-wgr_idx=gestellsysteme] h4 {
  font-size: 0.9rem;
}

.wgr_marker_container[data-wgr_idx=article_add] .wgr_marker_article_add {
  font-weight: bold;
}

.wgr_bottom_2 {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 10px;
}

.qc center {
  display: flex;
  justify-content: center;
  width: 100%;
}

.qc #fk_container {
  padding-left: 10px;
  padding-right: 10px;
}

body.free #content .main_content .qc_shop .wk_qc .scrollbox#scrollbox_wk .frachtkosten .inner.size1, body.free #content .main_content .qc_shop .wk_qc .scrollbox#scrollbox_wk .frachtkosten .inner.size2, body.free #content .main_content .qc_shop .wk_qc .scrollbox#scrollbox_wk .frachtkosten .inner.size3 {
  border-top: 5px solid white;
  border-bottom: 5px solid white;
}
body.free #content .main_content .qc_shop .wk_qc .scrollbox#scrollbox_wk .frachtkosten .inner.size1 {
  width: 25%;
}
body.free #content .main_content .qc_shop .wk_qc .scrollbox#scrollbox_wk .frachtkosten .inner.size2 {
  width: 50%;
}
body.free #content .main_content .qc_shop .wk_qc .scrollbox#scrollbox_wk .frachtkosten .inner.size3 {
  width: 25%;
}
body.free #content .main_content .qc_shop .wk_qc .scrollbox#scrollbox_wk .frachtkosten .inner .adressen {
  margin-top: 30px;
  height: 250px;
  overflow: auto;
}
body.free #content .main_content .qc_shop .wk_qc .scrollbox#scrollbox_wk .frachtkosten .inner .adresse_bearbeiten {
  height: 280px;
}
body.free #content .main_content .qc_shop .wk_qc .scrollbox#scrollbox_wk .frachtkosten a.button.green {
  color: black;
}
body.free #content .main_content .qc_shop .wk_qc .scrollbox#scrollbox_wk .frachtkosten a.button.green:hover {
  color: black;
}

.container_abschluss_btn {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
  float: left;
  gap: 20px;
}

.table_enkundenpreis {
  border-spacing: 20px 0px;
  width: 100%;
  margin-bottom: 20px;
}
.table_enkundenpreis tbody {
  background: var(--light_grey);
  padding: 20px 40px;
}
.table_enkundenpreis input[type=text] {
  margin: 0;
  text-align: right;
}
.table_enkundenpreis th,
.table_enkundenpreis td {
  padding: 10px 40px;
}
.table_enkundenpreis th .ok_next,
.table_enkundenpreis td .ok_next {
  margin-left: 50px;
}
.table_enkundenpreis th:nth-child(even):not(.tcenter),
.table_enkundenpreis td:nth-child(even):not(.tcenter) {
  padding: 10px 40px 10px 10px;
  width: 17%;
  text-align: right;
}
.table_enkundenpreis .hinweis {
  margin-left: 5px;
}

.full_width {
  width: 100%;
  padding-right: 20px;
}

.width_small {
  width: 25% !important;
}

.table_symbol_right {
  float: right;
  padding: 0 0.5rem;
}

.hinweis_qc {
  line-height: 1rem;
  margin-left: 10px;
}

.zusatz_angabe {
  padding-left: 20px;
  padding-right: 20px;
}
.zusatz_angabe .row {
  max-width: none;
}
.zusatz_angabe .grey {
  float: left;
  width: 100%;
  margin-top: 2px;
  line-height: 1.2rem;
  font-weight: 300;
  padding-top: 10px;
}
.zusatz_angabe .grey.flex {
  align-items: flex-start;
}
.zusatz_angabe textarea {
  height: 100px;
}

.table_enkundenpreis td {
  border-top: 2px solid white;
}

.zusatz_angabe .drei_spalten .label {
  align-self: baseline;
}

body.free #content .content:not(.row_100) #wakeup {
  top: 0;
  left: 0;
}

body.free #content .main_content .qp_breite .qc_shop {
  width: 99vw;
  margin-left: -21.5%;
}
@media screen and (max-width: 1800px) {
  body.free #content .main_content .qp_breite .qc_shop {
    margin-left: -14.5%;
  }
}
@media screen and (max-width: 1600px) {
  body.free #content .main_content .qp_breite .qc_shop {
    margin-left: -7.5%;
  }
}
@media screen and (max-width: 1400px) {
  body.free #content .main_content .qp_breite .qc_shop {
    margin-left: -2.5%;
  }
}
@media screen and (max-width: 1300px) {
  body.free #content .main_content .qp_breite .qc_shop {
    margin-left: -3.5%;
  }
}
body.free #content .main_content .qp_breite .qc_shop .nav.left {
  top: 160px;
  left: -165px;
  left: 150px;
  top: unset;
}
@media screen and (max-width: 1500px) {
  body.free #content .main_content .qp_breite .qc_shop .nav.left {
    left: 0;
  }
}
body.free #content .main_content .qp_breite .qc_shop .nav.right {
  right: 250px;
}
@media screen and (max-width: 1500px) {
  body.free #content .main_content .qp_breite .qc_shop .nav.right {
    right: 60px;
  }
}
body.free #content .main_content .qp_breite .qc_shop .nav.fortschritt {
  margin-bottom: -47px;
}
body.free #content .main_content .qp_breite .qc_shop #modulplanung,
body.free #content .main_content .qp_breite .qc_shop #wechselrichterplanung,
body.free #content .main_content .qp_breite .qc_shop #speicherplanung {
  float: right;
  display: flex;
  width: 91vw;
  justify-content: flex-end;
  right: unset;
}
body.free #content .main_content .qp_breite .qc_shop #datenschutz {
  float: left;
  width: fit-content;
  padding: 5px;
  margin-right: 10px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline #datenschutz input[type=checkbox] {
  margin: 1px;
}

.row:has(#fortschritt_qp) .quickplan_module {
  display: none;
}

header a.button {
  color: black;
  background: linear-gradient(var(--button_grey_light), var(--button_grey_dark));
}
header a.button:hover {
  color: black;
  opacity: 1;
  background: linear-gradient(var(--button_grey_dark), var(--button_grey_light));
}

.button:hover,
a.button:hover {
  opacity: 1;
}

header .button:hover,
.qc .button:hover {
  opacity: 1;
}
header a.button,
.qc a.button {
  font-weight: bold;
}
header a.button.yellow,
.qc a.button.yellow {
  background: linear-gradient(var(--button_grey_light), var(--button_grey_dark));
}
header a.button:hover,
.qc a.button:hover {
  background: linear-gradient(var(--button_grey_dark), var(--button_grey_light));
}

a.button.yellow.pdf.grey {
  background-image: url(../include/quickplan_flaechen/pics/pdf_noshadow.png), linear-gradient(var(--button_grey_light), var(--button_grey_dark));
}

#produktauswahl .content {
  width: 100%;
  padding: 10px;
}
#produktauswahl div.tt.firstshow {
  background: var(--light_blue);
}
#produktauswahl div.tt.firstshow::after {
  border-color: transparent transparent var(--light_blue) transparent;
}
#produktauswahl #scrollbox_wk .naviboxframe {
  width: 100%;
}
#produktauswahl .navibox {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
#produktauswahl .pb_container .navibox {
  border-top: unset;
  border-bottom: unset;
}
#produktauswahl #shop_output {
  display: flex;
}
#produktauswahl #shop_output.bigfilter {
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  #produktauswahl #shop_output .kastengroup {
    grid-template-columns: 1fr;
  }
}

.abschnitt:not(.hidden) {
  display: flex;
  width: 100%;
  margin: 5px 0;
}

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

.gap_10 {
  gap: 30px;
}

.header_qc {
  z-index: 4000;
  height: 50px;
}

.title_qc {
  position: absolute;
  margin-left: 40%;
}

.inactive {
  pointer-events: none;
  opacity: 0.5;
}

.meldung {
  display: none;
}

.flex_center {
  justify-content: center;
  flex-direction: inherit;
  align-items: baseline;
}

.td_tolltipp {
  padding: 20px;
}

.warengruppe_add {
  overflow: hidden;
}

input.anz_art[readonly] {
  background: var(--order_yellow);
}

input:not([type])[readonly] {
  background-color: var(--dark_grey);
  border: none;
  cursor: default;
  box-shadow: none;
}

.main_content .bigfilter .kasten .pic.qc {
  min-height: 150px;
}
.main_content .bigfilter .kasten .pic.qc img {
  height: 145px;
}

.main_content .shop_output:not(.bigfilter) .warengruppen .kasten .pic.qc img {
  height: 100px;
}

.nav.left img {
  cursor: pointer;
}

.nav.left img:hover {
  opacity: 0.5;
}

/* Table mit verschiebaren Zeilen  */
tr.zusatzfeld {
  cursor: grab;
}

tr[data-click_state=clicked] {
  position: fixed;
  background: var(--light_red);
  transition: none;
  border: none;
  box-shadow: 2px 2px 4px 4px var(--shadow_black);
  animation: none;
  cursor: grabbing;
}

tr[data-click_state=clicked] td {
  border-top: none;
}

tr.placeholder {
  background: var(--light_red);
  height: 50px;
}

.table_enkundenpreis tr.insert_row td {
  border-top: 60px solid white !important;
}

.drag_symbol {
  font-family: "FontAwesome";
  color: black;
  margin-left: -25px;
  font-size: 24px;
}

.drag_symbol:before {
  content: "\f106";
  margin-top: -13px;
  margin-top: -10px;
  position: absolute;
}

.drag_symbol:after {
  content: "\f107";
  margin-top: 7px;
  margin-top: 11px;
  position: absolute;
}

a.reset_feld {
  position: absolute;
  margin-top: -26px;
  margin-top: -24px;
  text-align: center;
  width: 30px;
}

.reset_feld:hover::after {
  color: red;
}

.reset_feld:after {
  content: "\f00d";
  font-family: "FontAwesome";
  font-weight: bold;
}

.mleft20 {
  margin-left: 20px;
}

.button_table_end {
  position: absolute;
  top: 113px;
  right: 190px;
}

/* Anpassungen fixierte Navileiste */
#header_toggle {
  /* position: absolute; */
  /* right: 40px; */
  /* top: 4px; */
  z-index: 1011;
  width: fit-content;
  /* height: 37px; */
  overflow: hidden;
  /* padding: 7px 8px 0px 2px; */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  font-weight: 400;
}

#header_toggle a {
  margin-left: 35px;
}

#header_toggle a::before {
  font-family: "FontAwesome";
  bottom: 5px;
  font-size: 20px;
  position: absolute;
  margin-left: -20px;
}

#header_toggle a[data-name=open]::before {
  content: "\f0d7";
  top: 8px;
}

#header_toggle a[data-name=close]::before {
  content: "\f0de";
  top: 13px;
  /* top: 8px; */
}

.header_container {
  z-index: 10000;
}

.header_container.fixed + .header_platzhalter {
  height: 48px;
}

.fixed:not(.header_container):not(.inner),
.fixed_qc,
.pb_container {
  top: 45px !important;
}

.artikelliste_title.fixed_artikeltitel {
  position: sticky;
  z-index: 10;
}

#zeichnung .scrollbox .znavi {
  top: 50px !important;
}

.nav_elements {
  display: flex;
  align-items: center;
  gap: 15px;
}

#step_back::before {
  font-family: "FontAwesome";
  content: "\f060";
  letter-spacing: 10px;
  position: absolute;
  left: 20px;
}

#nutzungsbox {
  padding: 0px 35px;
  flex-wrap: wrap;
}

#nutzungsbox .label {
  width: 100%;
}

#nutzungsbedingungen {
  gap: 15px;
}

#nutzungsbedingungen {
  display: flex;
}

.greybox.lighter #header_toggle.tiny .barlines .icon-bar.blue {
  background: var(--dark_blue);
}

.row_100 #header_toggle.tiny .barlines .icon-bar.blue {
  background: white;
}

.buttleiste .nav_elements a {
  color: white;
}

.header_grey {
  display: flex;
  align-items: center;
  flex-direction: row;
  min-height: 45px;
  padding: 0;
}

#speicher_in_qc {
  margin-top: 20px;
}

.fancybox-close {
  top: 50px !important;
}

.eine_spalte.small_gap {
  gap: 10px !important;
}

@media screen and (max-width: 950px) {
  .header_container {
    width: 100vw;
  }
  .header.dark {
    height: 100%;
    width: 100%;
  }
}
.lastenprofil {
  margin-top: 20px;
}

#to_top::before {
  content: "\f062";
  font-family: "FontAwesome";
  font-weight: 100;
  margin-right: 5px;
}

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