@charset "UTF-8";
/*********************************************************************************

	Project		:	EWWS QuickContent 2016
	Copyright	:	°° zweikreis.de || mediendesign

**********************************************************************************/
@import url("_korrekturen.css");

:root {
  /* Neue Farben nach Farbkonzept */
  --light_blue: #36699d;
  --activ_blue: #07203f;
  --dark_blue: #07203f;
  --light_grey: #f2f2f2;
  --grey: #e9e9e9;
  --grey_dark: #dddddd;

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

  --black: #333;
  --BG_NEUTRAL_SCHALTFLAECHE: var(--dark_grey);
  --BG_INACTIVE: var(--light_grey);
  --BG_NEUTRAL: linear-gradient(var(--light_grey), var(--middle_grey));
  --BG_HIGHLIGHT: linear-gradient(var(--yellow_light), var(--yellow_dark));
  --COLOR_ACTIVE: var(--dark_blue);
  --COLOR_NEUTRAL: var(--dark_grey);
  --COLOR_HOVER: var(--grau_auswahlfeld);
  --COLOR_INACTIVE: var(--dark_grey);
}

meta.foundation-version {
  font-family: "/5.5.3/";
}

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0;
}

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 59.375em)/";
  width: 0;
}

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:59.4375em)/";
  width: 59.4375em;
}

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:59.4375em) and (max-width:64em)/";
  width: 59.4375em;
}

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.0625em)/";
  width: 64.0625em;
}

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
  width: 64.0625em;
}

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.0625em)/";
  width: 90.0625em;
}

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
  width: 90.0625em;
}

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.0625em)/";
  width: 120.0625em;
}

meta.foundation-data-attribute-namespace {
  font-family: false;
}

html,
body {
  font-size: 100%;
  height: 100%;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background: #fff;
  cursor: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative;
}

a:hover,
.blaettern .leer:hover {
  cursor: pointer;
}

img {
  /* max-width: 100%; */
  height: auto;
}

img {
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.clearfix:before,
#calctool .linkbox:before,
.clearfix:after,
#calctool .linkbox:after {
  content: " ";
  display: table;
}

.clearfix:after,
#calctool .linkbox:after {
  clear: both;
}

.hide {
  display: none;
}

.invisible {
  visibility: hidden;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
}

select {
  width: 100%;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}


/* Standard Forms */
form {
  margin: 0 0 1rem;
}


form .row .row.collapse {
  margin: 0;
}

form .row .row.collapse .column,
form .row .row.collapse .columns {
  padding: 0;
}

/* Label Styles */
label {
  cursor: pointer;
  display: block;
  line-height: 1.5;
  margin-bottom: 0;
  /* Styles for required inputs */
}

label.right {
  float: none !important;
  text-align: right;
}

label.inline {
  margin: 0 0 1rem 0;
  padding: 0.5625rem 0;
}

label small {
  text-transform: capitalize;
  color: #676767;
}

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
  overflow: visible;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2;
}

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix,
label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc;
}

span.postfix,
label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc;
}

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

form .row .prefix-radius.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

form .row .postfix-radius.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

form .row .prefix-round.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

form .row .postfix-round.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto;
}

/* Not allow resize out of parent */
textarea {
  max-width: 100%;
}

::-webkit-input-placeholder {
  color: #666666;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #666666;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #666666;
}

:-ms-input-placeholder {
  color: #666666;
}

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #FFFFFF;
  border-radius: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: var(--grey);
  font-family: inherit;
  line-height: normal;
  padding: 0.5rem;
  border-radius: 0;
  height: 2.3125rem;
}

select::-ms-expand {
  display: none;
}

select.radius {
  border-radius: 3px;
}

select:focus {
  background-color: #f7f7f7;
  border-color: #999999;
}

select:disabled {
  background-color: #DDDDDD;
  cursor: default;
}

select[multiple] {
  height: auto;
}

/* Normalize file input width */
input[type=file] {
  width: 100%;
}

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
  border: 1px solid #DDDDDD;
  margin: 1.125rem 0;
  padding: 1.25rem;
}

fieldset legend {
  font-weight: bold;
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
}

/* Error Handling */
[data-abide] .error small.error,
[data-abide] .error span.error,
[data-abide] span.error,
[data-abide] small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #f04124;
  color: #FFFFFF;
}

[data-abide] span.error,
[data-abide] small.error {
  display: none;
}

span.error,
small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #f04124;
  color: #FFFFFF;
}

.error input,
.error textarea,
.error select {
  margin-bottom: 0;
}

.error input[type=checkbox],
.error input[type=radio] {
  margin-bottom: 1rem;
}

.error label,
.error label.error {
  color: #f04124;
}

.error small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #f04124;
  color: #FFFFFF;
}

.error>label>small {
  background: transparent;
  color: #676767;
  display: inline;
  font-size: 60%;
  font-style: normal;
  margin: 0;
  padding: 0;
  text-transform: capitalize;
}

.error span.error-message {
  display: block;
}

input.error,
textarea.error,
select.error {
  margin-bottom: 0;
}

label.error {
  color: #f04124;
}

.row {
  margin: 0 auto;
  max-width: 83.75rem;
  width: 100%;
}


.row:after {
  clear: both;
}

.row.collapse>.column,
.row.collapse>.columns {
  padding-left: 0;
  padding-right: 0;
}

.row.collapse .row {
  margin-left: 0;
  margin-right: 0;
}

.row .row:after {
  clear: both;
}

.row .row.collapse {
  margin: 0;
  max-width: none;
  width: auto;
}

.row .row.collapse:after {
  clear: both;
}

/* .column+.column:last-child,
.column+.columns:last-child,
.columns+.column:last-child,
.columns+.columns:last-child {
  float: right;
}

.column+.column.end,
.column+.columns.end,
.columns+.column.end,
.columns+.columns.end {
  float: left;
} */

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0;
    right: auto;
  }

  .small-pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }

  .small-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto;
  }

  .small-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto;
  }

  .small-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto;
  }

  .small-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto;
  }

  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }

  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }

  .small-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto;
  }

  .small-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto;
  }

  .small-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto;
  }

  .small-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto;
  }

  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }

  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }

  .small-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto;
  }

  .small-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto;
  }

  .small-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto;
  }

  .small-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto;
  }

  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }

  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }

  .small-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto;
  }

  .small-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto;
  }

  .small-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto;
  }

  .small-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto;
  }


  .small-1 {
    width: 8.3333333333%;
  }

  .small-2,
  #wirtsch1 .br_n.moms .small-6 {
    width: 16.6666666667%;
  }

  .small-3 {
    width: 25%;
  }

  .small-4,
  #wirtsch1 .br_n.moms .small-3 {
    width: 33.3333333333%;
  }

  .small-5 {
    width: 41.6666666667%;
  }

  .small-6 {
    width: 50%;
  }

  .small-7 {
    width: 58.3333333333%;
  }

  .small-8 {
    width: 66.6666666667%;
  }

  .small-9 {
    width: 75%;
  }

  .small-11 {
    width: 91.6666666667%;
  }

  .small-12 {
    width: 100%;
  }

  .small-offset-0 {
    margin-left: 0 !important;
  }

  .small-offset-1 {
    margin-left: 8.3333333333% !important;
  }

  .small-offset-2 {
    margin-left: 16.6666666667% !important;
  }

  .small-offset-3 {
    margin-left: 25% !important;
  }

  .small-offset-4 {
    margin-left: 33.3333333333% !important;
  }

  .small-offset-5 {
    margin-left: 41.6666666667% !important;
  }

  .small-offset-6 {
    margin-left: 50% !important;
  }

  .small-offset-7 {
    margin-left: 58.3333333333% !important;
  }

  .small-offset-8 {
    margin-left: 66.6666666667% !important;
  }

  .small-offset-9 {
    margin-left: 75% !important;
  }

  .small-offset-10 {
    margin-left: 83.3333333333% !important;
  }

  .small-offset-11 {
    margin-left: 91.6666666667% !important;
  }

  .small-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }

  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  .column.small-uncentered,
  .columns.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }

  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none;
  }

  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left;
  }

  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right;
  }

  .row.small-collapse>.column,
  .row.small-collapse>.columns {
    padding-left: 0;
    padding-right: 0;
  }

  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }

}

@media only screen and (min-width:59.4375em) {
  .medium-push-0 {
    position: relative;
    left: 0;
    right: auto;
  }

  .medium-pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }

  .medium-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto;
  }

  .medium-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto;
  }

  .medium-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto;
  }

  .medium-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto;
  }

  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }

  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }

  .medium-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto;
  }

  .medium-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto;
  }

  .medium-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto;
  }

  .medium-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto;
  }

  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }

  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }

  .medium-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto;
  }

  .medium-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto;
  }

  .medium-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto;
  }

  .medium-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto;
  }

  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }

  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }

  .medium-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto;
  }

  .medium-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto;
  }

  .medium-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto;
  }

  .medium-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto;
  }

  .column,
  .columns {
    /* position: relative;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    float: left; */
  }

  .medium-1 {
    width: 8.3333333333%;
  }

  .medium-2 {
    width: 16.6666666667%;
  }

  .medium-3 {
    width: 25%;
  }

  .medium-4 {
    width: 33.3333333333%;
  }

  .medium-5 {
    width: 41.6666666667%;
  }


  .medium-7 {
    width: 58.3333333333%;
  }

  .medium-8 {
    width: 66.6666666667%;
  }

  .medium-9 {
    width: 75%;
  }

  .medium-10 {
    width: 83.3333333333%;
  }

  .medium-11 {
    width: 91.6666666667%;
  }

  .medium-12 {
    width: 100%;
  }

  .medium-offset-0 {
    margin-left: 0 !important;
  }

  .medium-offset-1 {
    margin-left: 8.3333333333% !important;
  }

  .medium-offset-2 {
    margin-left: 16.6666666667% !important;
  }

  .medium-offset-3 {
    margin-left: 25% !important;
  }

  .medium-offset-4 {
    margin-left: 33.3333333333% !important;
  }

  .medium-offset-5 {
    margin-left: 41.6666666667% !important;
  }

  .medium-offset-6 {
    margin-left: 50% !important;
  }

  .medium-offset-7 {
    margin-left: 58.3333333333% !important;
  }

  .medium-offset-8 {
    margin-left: 66.6666666667% !important;
  }

  .medium-offset-9 {
    margin-left: 75% !important;
  }

  .medium-offset-10 {
    margin-left: 83.3333333333% !important;
  }

  .medium-offset-11 {
    margin-left: 91.6666666667% !important;
  }

  .medium-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }

  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  .column.medium-uncentered,
  .columns.medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }

  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none;
  }

  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left;
  }

  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right;
  }

  .row.medium-collapse>.column,
  .row.medium-collapse>.columns {
    padding-left: 0;
    padding-right: 0;
  }

  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }

  .row.medium-uncollapse>.column,
  .row.medium-uncollapse>.columns {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    float: left;
  }

  .push-0 {
    position: relative;
    left: 0;
    right: auto;
  }

  .pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }

  .push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto;
  }

  .pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto;
  }

  .push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto;
  }

  .pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto;
  }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }

  .push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto;
  }

  .pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto;
  }

  .push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto;
  }

  .pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto;
  }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }

  .push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto;
  }

  .pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto;
  }

  .push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto;
  }

  .pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto;
  }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }

  .push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto;
  }

  .pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto;
  }

  .push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto;
  }

  .pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto;
  }
}

@media only screen and (min-width:64.0625em) {
  .large-push-0 {
    position: relative;
    left: 0;
    right: auto;
  }

  .large-pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }

  .large-push-1 {
    position: relative;
  }

  .large-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto;
  }

  .large-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto;
  }

  .large-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto;
  }

  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }

  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }

  .large-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto;
  }

  .large-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto;
  }

  .large-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto;
  }

  .large-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto;
  }

  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }

  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }

  .large-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto;
  }

  .large-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto;
  }

  .large-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto;
  }

  .large-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto;
  }

  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }

  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }

  .large-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto;
  }

  .large-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto;
  }

  .large-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto;
  }

  .large-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto;
  }

  .column,
  .columns {
    /* position: relative;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    float: left; */
  }

  .large-1 {
    width: 8.3333333333%;
  }

  .large-2 {
    width: 16.6666666667%;
  }

  .large-3 {
    width: 25%;
  }

  .large-4 {
    width: 33.3333333333%;
  }

  .large-5 {
    width: 41.6666666667%;
  }

  .large-6 {
    width: 50%;
  }

  .large-7 {
    width: 58.3333333333%;
  }

  .large-8 {
    width: 66.6666666667%;
  }

  .large-9 {
    width: 75%;
  }

  .large-11 {
    width: 91.6666666667%;
  }

  .large-12 {
    width: 100%;
  }

  .large-offset-0 {
    margin-left: 0 !important;
  }

  .large-offset-1 {
    margin-left: 8.3333333333% !important;
  }

  .large-offset-2 {
    margin-left: 16.6666666667% !important;
  }

  .large-offset-3 {
    margin-left: 25% !important;
  }

  .large-offset-4 {
    margin-left: 33.3333333333% !important;
  }

  .large-offset-5 {
    margin-left: 41.6666666667% !important;
  }

  .large-offset-6 {
    margin-left: 50% !important;
  }

  .large-offset-7 {
    margin-left: 58.3333333333% !important;
  }

  .large-offset-8 {
    margin-left: 66.6666666667% !important;
  }

  .large-offset-9 {
    margin-left: 75% !important;
  }

  .large-offset-10 {
    margin-left: 83.3333333333% !important;
  }

  .large-offset-11 {
    margin-left: 91.6666666667% !important;
  }

  .large-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }

  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  .column.large-uncentered,
  .columns.large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }

  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none;
  }

  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left;
  }

  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right;
  }

  .row.large-collapse>.column,
  .row.large-collapse>.columns {
    padding-left: 0;
    padding-right: 0;
  }

  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }

  .row.large-uncollapse>.column,
  .row.large-uncollapse>.columns {
    /* padding-left: 1.25rem;
    padding-right: 1.25rem;
    float: left; */
  }

  .push-0 {
    position: relative;
    left: 0;
    right: auto;
  }

  .pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }

  .push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto;
  }

  .pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto;
  }

  .push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto;
  }

  .pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto;
  }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }

  .push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto;
  }

  .pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto;
  }

  .push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto;
  }

  .pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto;
  }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }

  .push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto;
  }

  .pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto;
  }

  .push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto;
  }

  .pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto;
  }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }

  .push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto;
  }

  .pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto;
  }

  .push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto;
  }

  .pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto;
  }
}


/* Registerkarte 2. Ranges */
#wkb-tabs {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.tabs {
  display: flex;
  align-items: stretch;
  border-bottom: 3px solid var(--activ_blue);
  width: 100%;
  margin-left: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  gap: 5px;
}

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

.tabs.vertical dd,
.tabs.vertical .tab-title {
  position: inherit;
  float: none;
  display: block;
  top: auto;
}

.tabs-content {
  margin-bottom: 1.5rem;
  width: 100%;
}

.tabs-content>.content {
  display: none;
  float: left;
  padding: 1.25rem 0;
  width: 100%;
}

.tabs-content>.content.active {
  display: block;
  float: none;
}

.tabs-content>.content.contained {
  padding: 1.25rem;
}

.tabs-content.vertical {
  display: block;
}

.tabs-content.vertical>.content {
  padding: 0 1.25rem;
}

@media only screen and (min-width:59.4375em) {
  .tabs.vertical {
    float: left;
    margin: 0;
    margin-bottom: 1.25rem !important;
    max-width: 20%;
    width: 20%;
  }

  .tabs-content.vertical {
    float: left;
    margin-left: -1px;
    max-width: 80%;
    padding-left: 1rem;
    width: 80%;
  }
}

.no-js .tabs-content>.content {
  display: block;
  float: none;
}

meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:59.4375em)/";
  width: 59.4375em;
}

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #333333;
}

.contain-to-grid .top-bar {
  margin-bottom: 0;
}

.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  left: 0;
}

.fixed.expanded:not(.top-bar) {
  height: auto;
  max-height: 100%;
  overflow-y: auto;
  width: 100%;
}

.fixed.expanded:not(.top-bar) .title-area {
  position: fixed;
  width: 100%;
  z-index: 99;
}

.fixed.expanded:not(.top-bar) .top-bar-section {
  margin-top: 2.8125rem;
  z-index: 98;
}

.top-bar {
  background: #333333;
  height: 2.8125rem;
  line-height: 2.8125rem;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
}

.top-bar ul {
  list-style: none;
  margin-bottom: 0;
}

.top-bar .row {
  max-width: none;
}

.top-bar form,
.top-bar input,
.top-bar select {
  margin-bottom: 0;
}

.top-bar input,
.top-bar select {
  font-size: 0.75rem;
  height: 1.75rem;
  padding-bottom: 0.35rem;
  padding-top: 0.35rem;
}





.top-bar .title-area {
  margin: 0;
  position: relative;
}

.top-bar .name {
  font-size: 16px;
  height: 2.8125rem;
  margin: 0;
}

.top-bar .name h1,
.top-bar .name h2,
.top-bar .name h3,
.top-bar .name ul.katlist li>a,
.top-bar .name ul.katlist .blaettern li>.leer,
.blaettern .top-bar .name ul.katlist li>.leer,
ul.katlist .top-bar .name li>a,
ul.katlist .top-bar .name .blaettern li>.leer,
.blaettern ul.katlist .top-bar .name li>.leer,
.top-bar .name h4,
.top-bar .name ul.katlist li ul li a,
.top-bar .name ul.katlist li ul li .blaettern .leer,
.blaettern .top-bar .name ul.katlist li ul li .leer,
ul.katlist li ul li .top-bar .name a,
ul.katlist li ul li .top-bar .name .blaettern .leer,
.blaettern ul.katlist li ul li .top-bar .name .leer,
.top-bar .name p,
.top-bar .name span {
  font-size: 1.0625rem;
  line-height: 2.8125rem;
  margin: 0;
}

.top-bar .name h1 a,
.top-bar .name h1 .blaettern .leer,
.blaettern .top-bar .name h1 .leer,
.top-bar .name h2 a,
.top-bar .name h2 .blaettern .leer,
.blaettern .top-bar .name h2 .leer,
.top-bar .name h3 a,
.top-bar .name h3 .blaettern .leer,
.blaettern .top-bar .name h3 .leer,
.top-bar .name ul.katlist li>a a,
.top-bar .name ul.katlist .blaettern li>.leer a,
.blaettern .top-bar .name ul.katlist li>.leer a,
.top-bar .name ul.katlist li>a .blaettern .leer,
.blaettern .top-bar .name ul.katlist li>a .leer,
.top-bar .name ul.katlist .blaettern li>.leer .leer,
.blaettern .top-bar .name ul.katlist li>.leer .leer,
ul.katlist .top-bar .name li>a a,
ul.katlist .top-bar .name .blaettern li>.leer a,
.blaettern ul.katlist .top-bar .name li>.leer a,
ul.katlist .top-bar .name li>a .blaettern .leer,
.blaettern ul.katlist .top-bar .name li>a .leer,
ul.katlist .top-bar .name .blaettern li>.leer .leer,
.blaettern ul.katlist .top-bar .name li>.leer .leer,
.top-bar .name h4 a,
.top-bar .name h4 .blaettern .leer,
.blaettern .top-bar .name h4 .leer,
.top-bar .name ul.katlist li ul li a a,
.top-bar .name ul.katlist li ul li .blaettern .leer a,
.blaettern .top-bar .name ul.katlist li ul li .leer a,
.top-bar .name ul.katlist li ul li a .blaettern .leer,
.blaettern .top-bar .name ul.katlist li ul li a .leer,
.top-bar .name ul.katlist li ul li .blaettern .leer .leer,
.blaettern .top-bar .name ul.katlist li ul li .leer .leer,
ul.katlist li ul li .top-bar .name a a,
ul.katlist li ul li .top-bar .name .blaettern .leer a,
.blaettern ul.katlist li ul li .top-bar .name .leer a,
ul.katlist li ul li .top-bar .name a .blaettern .leer,
.blaettern ul.katlist li ul li .top-bar .name a .leer,
ul.katlist li ul li .top-bar .name .blaettern .leer .leer,
.blaettern ul.katlist li ul li .top-bar .name .leer .leer,
.top-bar .name p a,
.top-bar .name p .blaettern .leer,
.blaettern .top-bar .name p .leer,
.top-bar .name span a,
.top-bar .name span .blaettern .leer,
.blaettern .top-bar .name span .leer {
  color: #FFFFFF;
  display: block;
  font-weight: normal;
  padding: 0 0.9375rem;
  width: 75%;
}

.top-bar .toggle-topbar {
  position: absolute;
  right: 0;
  top: 0;
}

.top-bar .toggle-topbar a,
.top-bar .toggle-topbar .blaettern .leer,
.blaettern .top-bar .toggle-topbar .leer {
  color: #FFFFFF;
  display: block;
  font-size: 0.8125rem;
  font-weight: bold;
  height: 2.8125rem;
  line-height: 2.8125rem;
  padding: 0 0.9375rem;
  position: relative;
  text-transform: uppercase;
}

.top-bar .toggle-topbar.menu-icon {
  margin-top: -16px;
  top: 50%;
}

.top-bar .toggle-topbar.menu-icon a,
.top-bar .toggle-topbar.menu-icon .blaettern .leer,
.blaettern .top-bar .toggle-topbar.menu-icon .leer {
  color: #FFFFFF;
  height: 34px;
  line-height: 33px;
  padding: 0 2.5rem 0 0.9375rem;
  position: relative;
}

.top-bar .toggle-topbar.menu-icon a span::after,
.top-bar .toggle-topbar.menu-icon .blaettern .leer span::after,
.blaettern .top-bar .toggle-topbar.menu-icon .leer span::after {
  content: "";
  display: block;
  height: 0;
  position: absolute;
  margin-top: -8px;
  top: 50%;
  right: 0.9375rem;
  box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
  width: 16px;
}

.top-bar .toggle-topbar.menu-icon a span:hover:after,
.top-bar .toggle-topbar.menu-icon .blaettern .leer span:hover:after,
.blaettern .top-bar .toggle-topbar.menu-icon .leer span:hover:after {
  box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px "";
}

.top-bar.expanded {
  background: transparent;
  height: auto;
}

.top-bar.expanded .title-area {
  background: #333333;
}

.top-bar.expanded .toggle-topbar a,
.top-bar.expanded .toggle-topbar .blaettern .leer,
.blaettern .top-bar.expanded .toggle-topbar .leer {
  color: #888888;
}

.top-bar.expanded .toggle-topbar a span::after,
.top-bar.expanded .toggle-topbar .blaettern .leer span::after,
.blaettern .top-bar.expanded .toggle-topbar .leer span::after {
  box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

  .top-bar.expanded .top-bar-section .has-dropdown.moved>.dropdown,
  .top-bar.expanded .top-bar-section .dropdown {
    clip: initial;
  }

  .top-bar.expanded .top-bar-section .has-dropdown:not(.moved)>ul {
    padding: 0;
  }
}

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  transition: left 300ms ease-out;
}

.top-bar-section ul {
  display: block;
  font-size: 16px;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
}

.top-bar-section .divider,
.top-bar-section [role=separator] {
  border-top: solid 1px #1a1a1a;
  clear: both;
  height: 1px;
  width: 100%;
}

.top-bar-section ul li {
  background: #333333;
}

.top-bar-section ul li>a,
.top-bar-section ul .blaettern li>.leer,
.blaettern .top-bar-section ul li>.leer {
  color: #FFFFFF;
  display: block;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 0.8125rem;
  font-weight: normal;
  padding-left: 0.9375rem;
  padding: 12px 0 12px 0.9375rem;
  text-transform: none;
  width: 100%;
}



.top-bar-section ul li>button {
  font-size: 0.8125rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  background-color: #008CBA;
  border-color: #007095;
  color: #FFFFFF;
}

.top-bar-section ul li>button:hover,
.top-bar-section ul li>button:focus {
  background-color: #007095;
}

.top-bar-section ul li>button:hover,
.top-bar-section ul li>button:focus {
  color: #FFFFFF;
}

.top-bar-section ul li>button.secondary {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333333;
}

.top-bar-section ul li>button.secondary:hover,
.top-bar-section ul li>button.secondary:focus {
  background-color: #b9b9b9;
}

.top-bar-section ul li>button.secondary:hover,
.top-bar-section ul li>button.secondary:focus {
  color: #333333;
}

.top-bar-section ul li>button.success {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #FFFFFF;
}

.top-bar-section ul li>button.success:hover,
.top-bar-section ul li>button.success:focus {
  background-color: #368a55;
}

.top-bar-section ul li>button.success:hover,
.top-bar-section ul li>button.success:focus {
  color: #FFFFFF;
}

.top-bar-section ul li>button.alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #FFFFFF;
}

.top-bar-section ul li>button.alert:hover,
.top-bar-section ul li>button.alert:focus {
  background-color: #cf2a0e;
}

.top-bar-section ul li>button.alert:hover,
.top-bar-section ul li>button.alert:focus {
  color: #FFFFFF;
}

.top-bar-section ul li>button.warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #FFFFFF;
}

.top-bar-section ul li>button.warning:hover,
.top-bar-section ul li>button.warning:focus {
  background-color: #cf6e0e;
}

.top-bar-section ul li>button.warning:hover,
.top-bar-section ul li>button.warning:focus {
  color: #FFFFFF;
}

.top-bar-section ul li>button.info {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #333333;
}

.top-bar-section ul li>button.info:hover,
.top-bar-section ul li>button.info:focus {
  background-color: #61b6d9;
}

.top-bar-section ul li>button.info:hover,
.top-bar-section ul li>button.info:focus {
  color: #FFFFFF;
}

.top-bar-section ul li:hover:not(.has-form)>a,
.top-bar-section ul .blaettern li:hover:not(.has-form)>.leer,
.blaettern .top-bar-section ul li:hover:not(.has-form)>.leer {
  background-color: #555555;
  color: #FFFFFF;
  background: #222222;
}

.top-bar-section ul li.active>a,
.top-bar-section ul .blaettern li.active>.leer,
.blaettern .top-bar-section ul li.active>.leer {
  background: #008CBA;
  color: #FFFFFF;
}

.top-bar-section ul li.active>a:hover,
.top-bar-section ul .blaettern li.active>.leer:hover,
.blaettern .top-bar-section ul li.active>.leer:hover {
  background: #0078a0;
  color: #FFFFFF;
}

.top-bar-section .has-form {
  padding: 0.9375rem;
}

.top-bar-section .has-dropdown {
  position: relative;
}

.top-bar-section .has-dropdown>a:after,
.top-bar-section .blaettern .has-dropdown>.leer:after,
.blaettern .top-bar-section .has-dropdown>.leer:after {
  border: inset 5px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
  border-left-style: solid;
  margin-right: 0.9375rem;
  margin-top: -4.5px;
  position: absolute;
  top: 50%;
  right: 0;
}

.top-bar-section .has-dropdown.moved {
  position: static;
}

.top-bar-section .has-dropdown.moved>.dropdown {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
  display: block;
  position: absolute !important;
  width: 100%;
}

.top-bar-section .has-dropdown.moved>a:after,
.top-bar-section .blaettern .has-dropdown.moved>.leer:after,
.blaettern .top-bar-section .has-dropdown.moved>.leer:after {
  display: none;
}

.top-bar-section .dropdown {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  display: block;
  padding: 0;
  position: absolute;
  top: 0;
  z-index: 99;
  left: 100%;
}

.top-bar-section .dropdown li {
  height: auto;
  width: 100%;
}

.top-bar-section .dropdown li a,
.top-bar-section .dropdown li .blaettern .leer,
.blaettern .top-bar-section .dropdown li .leer {
  font-weight: normal;
  padding: 8px 0.9375rem;
}

.top-bar-section .dropdown li a.parent-link,
.top-bar-section .dropdown li .blaettern .parent-link.leer,
.blaettern .top-bar-section .dropdown li .parent-link.leer {
  font-weight: normal;
}

.top-bar-section .dropdown li.title h5,
.top-bar-section .dropdown li.parent-link {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.125rem;
}

.top-bar-section .dropdown li.title h5 a,
.top-bar-section .dropdown li.title h5 .blaettern .leer,
.blaettern .top-bar-section .dropdown li.title h5 .leer,
.top-bar-section .dropdown li.parent-link a,
.top-bar-section .dropdown li.parent-link .blaettern .leer,
.blaettern .top-bar-section .dropdown li.parent-link .leer {
  color: #FFFFFF;
  display: block;
}

.top-bar-section .dropdown li.title h5 a:hover,
.top-bar-section .dropdown li.title h5 .blaettern .leer:hover,
.blaettern .top-bar-section .dropdown li.title h5 .leer:hover,
.top-bar-section .dropdown li.parent-link a:hover,
.top-bar-section .dropdown li.parent-link .blaettern .leer:hover,
.blaettern .top-bar-section .dropdown li.parent-link .leer:hover {
  background: none;
}

.top-bar-section .dropdown li.has-form {
  padding: 8px 0.9375rem;
}



.top-bar-section .dropdown label {
  color: #777777;
  font-size: 0.625rem;
  font-weight: bold;
  margin-bottom: 0;
  padding: 8px 0.9375rem 2px;
  text-transform: uppercase;
}

.js-generated {
  display: block;
}

@media only screen and (min-width:59.4375em) {
  .top-bar {
    background: #333333;
    overflow: visible;
  }

  .top-bar:before,
  .top-bar:after {
    content: " ";
    display: table;
  }

  .top-bar:after {
    clear: both;
  }

  .top-bar .toggle-topbar {
    display: none;
  }

  .top-bar .title-area {
    float: left;
  }

  .top-bar .name h1 a,
  .top-bar .name h1 .blaettern .leer,
  .blaettern .top-bar .name h1 .leer,
  .top-bar .name h2 a,
  .top-bar .name h2 .blaettern .leer,
  .blaettern .top-bar .name h2 .leer,
  .top-bar .name h3 a,
  .top-bar .name h3 .blaettern .leer,
  .blaettern .top-bar .name h3 .leer,
  .top-bar .name ul.katlist li>a a,
  .top-bar .name ul.katlist .blaettern li>.leer a,
  .blaettern .top-bar .name ul.katlist li>.leer a,
  .top-bar .name ul.katlist li>a .blaettern .leer,
  .blaettern .top-bar .name ul.katlist li>a .leer,
  .top-bar .name ul.katlist .blaettern li>.leer .leer,
  .blaettern .top-bar .name ul.katlist li>.leer .leer,
  ul.katlist .top-bar .name li>a a,
  ul.katlist .top-bar .name .blaettern li>.leer a,
  .blaettern ul.katlist .top-bar .name li>.leer a,
  ul.katlist .top-bar .name li>a .blaettern .leer,
  .blaettern ul.katlist .top-bar .name li>a .leer,
  ul.katlist .top-bar .name .blaettern li>.leer .leer,
  .blaettern ul.katlist .top-bar .name li>.leer .leer,
  .top-bar .name h4 a,
  .top-bar .name h4 .blaettern .leer,
  .blaettern .top-bar .name h4 .leer,
  .top-bar .name ul.katlist li ul li a a,
  .top-bar .name ul.katlist li ul li .blaettern .leer a,
  .blaettern .top-bar .name ul.katlist li ul li .leer a,
  .top-bar .name ul.katlist li ul li a .blaettern .leer,
  .blaettern .top-bar .name ul.katlist li ul li a .leer,
  .top-bar .name ul.katlist li ul li .blaettern .leer .leer,
  .blaettern .top-bar .name ul.katlist li ul li .leer .leer,
  ul.katlist li ul li .top-bar .name a a,
  ul.katlist li ul li .top-bar .name .blaettern .leer a,
  .blaettern ul.katlist li ul li .top-bar .name .leer a,
  ul.katlist li ul li .top-bar .name a .blaettern .leer,
  .blaettern ul.katlist li ul li .top-bar .name a .leer,
  ul.katlist li ul li .top-bar .name .blaettern .leer .leer,
  .blaettern ul.katlist li ul li .top-bar .name .leer .leer,
  .top-bar .name h5 a,
  .top-bar .name h5 .blaettern .leer,
  .blaettern .top-bar .name h5 .leer,
  .top-bar .name h6 a,
  .top-bar .name h6 .blaettern .leer,
  .blaettern .top-bar .name h6 .leer {
    width: auto;
  }

  .top-bar.expanded {
    background: #333333;
  }

  .contain-to-grid .top-bar {
    margin: 0 auto;
    margin-bottom: 0;
    max-width: 83.75rem;
  }

  .top-bar-section {
    transition: none 0 0;
    left: 0 !important;
  }

  .top-bar-section ul {
    display: inline;
    height: auto !important;
    width: auto;
  }

  .top-bar-section ul li {
    float: left;
  }

  .top-bar-section ul li .js-generated {
    display: none;
  }

  .top-bar-section .has-dropdown>a,
  .top-bar-section .blaettern .has-dropdown>.leer,
  .blaettern .top-bar-section .has-dropdown>.leer {
    padding-right: 2.1875rem !important;
  }

  .top-bar-section .has-dropdown>a:after,
  .top-bar-section .blaettern .has-dropdown>.leer:after,
  .blaettern .top-bar-section .has-dropdown>.leer:after {
    border: inset 5px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
    border-top-style: solid;
    margin-top: -2.5px;
    top: 1.40625rem;
  }

  .top-bar-section .has-dropdown.moved {
    position: relative;
  }

  .top-bar-section .has-dropdown.moved>.dropdown {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    display: block;
  }

  .top-bar-section .has-dropdown.hover>.dropdown,
  .top-bar-section .has-dropdown.not-click:hover>.dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important;
  }

  .top-bar-section .has-dropdown>a:focus+.dropdown,
  .top-bar-section .blaettern .has-dropdown>.leer:focus+.dropdown,
  .blaettern .top-bar-section .has-dropdown>.leer:focus+.dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important;
  }

  .top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after,
  .top-bar-section .has-dropdown .dropdown .blaettern li.has-dropdown>.leer:after,
  .blaettern .top-bar-section .has-dropdown .dropdown li.has-dropdown>.leer:after {
    border: none;
    content: "»";
    top: 0.1875rem;
    right: 5px;
  }

  .top-bar-section .dropdown {
    left: 0;
    background: transparent;
    min-width: 100%;
    top: auto;
  }

  .top-bar-section .dropdown li a,
  .top-bar-section .dropdown li .blaettern .leer,
  .blaettern .top-bar-section .dropdown li .leer {
    background: #333333;
    color: #FFFFFF;
    line-height: 2.8125rem;
    padding: 12px 0.9375rem;
    white-space: nowrap;
  }

  .top-bar-section .dropdown li label {
    background: #333333;
    white-space: nowrap;
  }

  .top-bar-section .dropdown li .dropdown {
    left: 100%;
    top: 0;
  }

  .top-bar-section>ul>.divider,
  .top-bar-section>ul>[role=separator] {
    border-right: solid 1px #4e4e4e;
    border-bottom: none;
    border-top: none;
    clear: none;
    height: 2.8125rem;
    width: 0;
  }

  .top-bar-section .has-form {
    background: #333333;
    height: 2.8125rem;
    padding: 0 0.9375rem;
  }

  .top-bar-section .right li .dropdown {
    left: auto;
    right: 0;
  }

  .top-bar-section .right li .dropdown li .dropdown {
    right: 100%;
  }

  .top-bar-section .left li .dropdown {
    right: auto;
    left: 0;
  }

  .top-bar-section .left li .dropdown li .dropdown {
    left: 100%;
  }

  .no-js .top-bar-section ul li:hover>a,
  .no-js .top-bar-section ul .blaettern li:hover>.leer,
  .blaettern .no-js .top-bar-section ul li:hover>.leer {
    background-color: #555555;
    background: #222222;
    color: #FFFFFF;
  }

  .no-js .top-bar-section ul li:active>a,
  .no-js .top-bar-section ul .blaettern li:active>.leer,
  .blaettern .no-js .top-bar-section ul li:active>.leer {
    background: #008CBA;
    color: #FFFFFF;
  }

  .no-js .top-bar-section .has-dropdown:hover>.dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important;
  }

  .no-js .top-bar-section .has-dropdown>a:focus+.dropdown,
  .no-js .top-bar-section .blaettern .has-dropdown>.leer:focus+.dropdown,
  .blaettern .no-js .top-bar-section .has-dropdown>.leer:focus+.dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important;
  }
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

@media only screen and (max-width: 59.375em) {
  .small-only-text-left {
    text-align: left !important;
  }

  .small-only-text-right {
    text-align: right !important;
  }

  .small-only-text-center {
    text-align: center !important;
  }

  .small-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen {
  .small-text-left {
    text-align: left !important;
  }

  .small-text-right {
    text-align: right !important;
  }

  .small-text-center {
    text-align: center !important;
  }

  .small-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width:59.4375em) and (max-width:64em) {
  .medium-only-text-left {
    text-align: left !important;
  }

  .medium-only-text-right {
    text-align: right !important;
  }

  .medium-only-text-center {
    text-align: center !important;
  }

  .medium-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width:59.4375em) {
  .medium-text-left {
    text-align: left !important;
  }

  .medium-text-right {
    text-align: right !important;
  }

  .medium-text-center {
    text-align: center !important;
  }

  .medium-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width:64.0625em) and (max-width:90em) {
  .large-only-text-left {
    text-align: left !important;
  }

  .large-only-text-right {
    text-align: right !important;
  }

  .large-only-text-center {
    text-align: center !important;
  }

  .large-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width:64.0625em) {
  .large-text-left {
    text-align: left !important;
  }

  .large-text-right {
    text-align: right !important;
  }

  .large-text-center {
    text-align: center !important;
  }

  .large-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width:90.0625em) and (max-width:120em) {
  .xlarge-only-text-left {
    text-align: left !important;
  }

  .xlarge-only-text-right {
    text-align: right !important;
  }

  .xlarge-only-text-center {
    text-align: center !important;
  }

  .xlarge-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width:90.0625em) {
  .xlarge-text-left {
    text-align: left !important;
  }

  .xlarge-text-right {
    text-align: right !important;
  }

  .xlarge-text-center {
    text-align: center !important;
  }

  .xlarge-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width:120.0625em) and (max-width:6249999.9375em) {
  .xxlarge-only-text-left {
    text-align: left !important;
  }

  .xxlarge-only-text-right {
    text-align: right !important;
  }

  .xxlarge-only-text-center {
    text-align: center !important;
  }

  .xxlarge-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width:120.0625em) {
  .xxlarge-text-left {
    text-align: left !important;
  }

  .xxlarge-text-right {
    text-align: right !important;
  }

  .xxlarge-text-center {
    text-align: center !important;
  }

  .xxlarge-text-justify {
    text-align: justify !important;
  }
}

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2.bigger,
h3.bigger,
h4.bigger,
h2,
h3,
ul.katlist li>a,
ul.katlist .blaettern li>.leer,
.blaettern ul.katlist li>.leer,
h4,
ul.katlist li ul li a,
ul.katlist li ul li .blaettern .leer,
.blaettern ul.katlist li ul li .leer,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

/* Default Link Styles */
/* a,
.blaettern .leer {
  color: #008CBA;
  line-height: inherit;
  text-decoration: none;
} */

/* a:hover, .blaettern .leer:hover, a:focus, .blaettern .leer:focus */

a img,
.blaettern .leer img {
  border: none;
}

/* Default paragraph styles */
/* p {
  font-family: inherit;
   /* font-size: 1rem; 
  font-weight: normal;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility;
} */

p.lead {
  font-size: 1.21875rem;
  line-height: 1.6;
}

p aside {
  font-size: 0.875rem;
  font-style: italic;
  line-height: 1.35;
}

/* Default header styles */
h1,
h2.bigger,
h2,
h3.bigger,
h3,
ul.katlist li>a,
ul.katlist .blaettern li>.leer,
.blaettern ul.katlist li>.leer,
h4.bigger,
h4,
ul.katlist li ul li a,
ul.katlist li ul li .blaettern .leer,
.blaettern ul.katlist li ul li .leer,
h5,
h6 {
  /* color: #222222; */
  /* font-family: Arial, Helvetica, sans-serif; */
  /* font-style: normal; */
  /* font-weight: normal; */
  /* line-height: 1.4; */
}

h1 small,
h2.bigger small,
h3.bigger small,
h4.bigger small,
h2 small,
h3 small,
ul.katlist li>a small,
ul.katlist .blaettern li>.leer small,
.blaettern ul.katlist li>.leer small,
h4 small,
ul.katlist li ul li a small,
ul.katlist li ul li .blaettern .leer small,
.blaettern ul.katlist li ul li .leer small,
h5 small,
h6 small {
  color: #6f6f6f;
  font-size: 60%;
  line-height: 0;
}

/* h1,
h2.bigger,
h3.bigger,
ul.katlist li>a.bigger,
ul.katlist .blaettern li>.bigger.leer,
.blaettern ul.katlist li>.bigger.leer,
h4.bigger,
ul.katlist li ul li a.bigger,
ul.katlist li ul li .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .bigger.leer {
  font-size: 2.125rem;
} */

/* h2,
h3.bigger,
ul.katlist li>a.bigger,
ul.katlist .blaettern li>.bigger.leer,
.blaettern ul.katlist li>.bigger.leer,
h4.bigger,
ul.katlist li ul li a.bigger,
ul.katlist li ul li .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .bigger.leer {
  font-size: 1.6875rem;
} */

/* h3,
ul.katlist li>a,
ul.katlist .blaettern li>.leer,
.blaettern ul.katlist li>.leer,
h4.bigger,
ul.katlist li ul li a.bigger,
ul.katlist li ul li .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .bigger.leer {
  font-size: 1.375rem;
} */

/* h4,
ul.katlist li ul li a,
ul.katlist li ul li .blaettern .leer,
.blaettern ul.katlist li ul li .leer {
  font-size: 1.125rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
} */

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
}

hr {
  border: solid #DDDDDD;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 1.25rem 0 1.1875rem;
}

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 60%;
  line-height: inherit;
}

code {
  background-color: #f8f8f8;
  border-color: #dfdfdf;
  border-style: solid;
  border-width: 1px;
  color: #333333;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

/* Lists */
ul,
ol,
dl {
  font-family: inherit;
  line-height: 1.6;
  list-style-position: outside;
  margin-bottom: 1.25rem;
}

ul {
  margin-left: 1.1rem;
}

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

ul.square li ul,
ul.circle li ul,
ul.disc li ul {
  list-style: inherit;
}

ul.square {
  list-style-type: square;
  margin-left: 1.1rem;
}

ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem;
}

ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem;
}

/* Ordered Lists */
ol {
  margin-left: 1.4rem;
}

ol li ul,
ol li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

.no-bullet {
  list-style-type: none;
  margin-left: 0;
}

.no-bullet li ul,
.no-bullet li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
  list-style: none;
}

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

dl dd {
  margin-bottom: 0.75rem;
}

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #000000, 70%;
  cursor: help;
}

abbr {
  text-transform: none;
}

abbr[title] {
  border-bottom: 1px dotted #DDDDDD;
}

/* Blockquotes */
blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #DDDDDD;
}

blockquote cite {
  display: block;
  font-size: 0.8125rem;
  color: #555555;
}

blockquote cite:before {
  content: "— ";
}

blockquote cite a,
blockquote cite .blaettern .leer,
.blaettern blockquote cite .leer,
blockquote cite a:visited {
  color: #555555;
}

blockquote,
blockquote p {
  line-height: 1.6;
  color: #6f6f6f;
}

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25rem 0;
  border: 1px solid #DDDDDD;
  padding: 0.625rem 0.75rem;
}

.vcard li {
  margin: 0;
  display: block;
}

.vcard .fn {
  font-weight: bold;
  font-size: 0.9375rem;
}

.vevent .summary {
  font-weight: bold;
}

.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625rem;
}

/* @media only screen and (min-width:59.4375em) { */
/* 
  h1,
  h2.bigger,
  h2,
  h3.bigger,
  h3,
  ul.katlist li>a,
  ul.katlist .blaettern li>.leer,
  .blaettern ul.katlist li>.leer,
  h4.bigger,
  h4,
  ul.katlist li ul li a,
  ul.katlist li ul li .blaettern .leer,
  .blaettern ul.katlist li ul li .leer,
  h5,
  h6 {
    line-height: 1.4;
  } */

/* h1,
  h2.bigger,
  h3.bigger,
  ul.katlist li>a.bigger,
  ul.katlist .blaettern li>.bigger.leer,
  .blaettern ul.katlist li>.bigger.leer,
  h4.bigger,
  ul.katlist li ul li a.bigger,
  ul.katlist li ul li .blaettern .bigger.leer,
  .blaettern ul.katlist li ul li .bigger.leer {
    font-size: 2.75rem;
  }

  h2,
  h3.bigger,
  ul.katlist li>a.bigger,
  ul.katlist .blaettern li>.bigger.leer,
  .blaettern ul.katlist li>.bigger.leer,
  h4.bigger,
  ul.katlist li ul li a.bigger,
  ul.katlist li ul li .blaettern .bigger.leer,
  .blaettern ul.katlist li ul li .bigger.leer {
    font-size: 2.3125rem;
  }

  h3,
  ul.katlist li>a,
  ul.katlist .blaettern li>.leer,
  .blaettern ul.katlist li>.leer,
  h4.bigger,
  ul.katlist li ul li a.bigger,
  ul.katlist li ul li .blaettern .bigger.leer,
  .blaettern ul.katlist li ul li .bigger.leer {
    font-size: 1.6875rem;
  }

  h4,
  ul.katlist li ul li a,
  ul.katlist li ul li .blaettern .leer,
  .blaettern ul.katlist li ul li .leer {
    font-size: 1.4375rem;
  }

  h5 {
    font-size: 1.125rem;
  }

  h6 {
    font-size: 1rem;
  }
} */

/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
@media print {
  * {
    background: transparent !important;
    color: #000000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  .blaettern .leer,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after,
  .blaettern [href].leer:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  .ir .blaettern .leer:after,
  .blaettern .ir .leer:after,
  a[href^="javascript:"]:after,
  .blaettern [href^="javascript:"].leer:after,
  a[href^="#"]:after,
  .blaettern [href^="#"].leer:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.34in;
  }

  p,
  h2,
  h3.bigger,
  h4.bigger,
  ul.katlist li ul li a.bigger,
  ul.katlist li ul li .blaettern .bigger.leer,
  .blaettern ul.katlist li ul li .bigger.leer,
  h3,
  ul.katlist li>a,
  ul.katlist .blaettern li>.leer,
  .blaettern ul.katlist li>.leer {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3.bigger,
  h4.bigger,
  ul.katlist li ul li a.bigger,
  ul.katlist li ul li .blaettern .bigger.leer,
  .blaettern ul.katlist li ul li .bigger.leer,
  h3,
  ul.katlist li>a,
  ul.katlist .blaettern li>.leer,
  .blaettern ul.katlist li>.leer {
    page-break-after: avoid;
  }
}

/* small displays */
@media only screen {

  .show-for-small-only,
  .show-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .hide-for-medium-only,
  .hide-for-medium-up,
  .hide-for-medium,
  .show-for-medium-down,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-large,
  .show-for-large-down,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important;
  }

  .hide-for-small-only,
  .hide-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .show-for-medium-only,
  .show-for-medium-up,
  .show-for-medium,
  .hide-for-medium-down,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-large,
  .hide-for-large-down,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important;
  }

  .visible-for-small-only,
  .visible-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .hidden-for-medium-only,
  .hidden-for-medium-up,
  .hidden-for-medium,
  .visible-for-medium-down,
  .hidden-for-large-only,
  .hidden-for-large-up,
  .hidden-for-large,
  .visible-for-large-down,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }

  .hidden-for-small-only,
  .hidden-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .visible-for-medium-only,
  .visible-for-medium-up,
  .visible-for-medium,
  .hidden-for-medium-down,
  .visible-for-large-only,
  .visible-for-large-up,
  .visible-for-large,
  .hidden-for-large-down,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }

  table.show-for-small-only,
  table.show-for-small-up,
  table.show-for-small,
  table.show-for-small-down,
  table.hide-for-medium-only,
  table.hide-for-medium-up,
  table.hide-for-medium,
  table.show-for-medium-down,
  table.hide-for-large-only,
  table.hide-for-large-up,
  table.hide-for-large,
  table.show-for-large-down,
  table.hide-for-xlarge-only,
  table.hide-for-xlarge-up,
  table.hide-for-xlarge,
  table.show-for-xlarge-down,
  table.hide-for-xxlarge-only,
  table.hide-for-xxlarge-up,
  table.hide-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important;
  }

  thead.show-for-small-only,
  thead.show-for-small-up,
  thead.show-for-small,
  thead.show-for-small-down,
  thead.hide-for-medium-only,
  thead.hide-for-medium-up,
  thead.hide-for-medium,
  thead.show-for-medium-down,
  thead.hide-for-large-only,
  thead.hide-for-large-up,
  thead.hide-for-large,
  thead.show-for-large-down,
  thead.hide-for-xlarge-only,
  thead.hide-for-xlarge-up,
  thead.hide-for-xlarge,
  thead.show-for-xlarge-down,
  thead.hide-for-xxlarge-only,
  thead.hide-for-xxlarge-up,
  thead.hide-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.show-for-small-only,
  tbody.show-for-small-up,
  tbody.show-for-small,
  tbody.show-for-small-down,
  tbody.hide-for-medium-only,
  tbody.hide-for-medium-up,
  tbody.hide-for-medium,
  tbody.show-for-medium-down,
  tbody.hide-for-large-only,
  tbody.hide-for-large-up,
  tbody.hide-for-large,
  tbody.show-for-large-down,
  tbody.hide-for-xlarge-only,
  tbody.hide-for-xlarge-up,
  tbody.hide-for-xlarge,
  tbody.show-for-xlarge-down,
  tbody.hide-for-xxlarge-only,
  tbody.hide-for-xxlarge-up,
  tbody.hide-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.show-for-small-only,
  tr.show-for-small-up,
  tr.show-for-small,
  tr.show-for-small-down,
  tr.hide-for-medium-only,
  tr.hide-for-medium-up,
  tr.hide-for-medium,
  tr.show-for-medium-down,
  tr.hide-for-large-only,
  tr.hide-for-large-up,
  tr.hide-for-large,
  tr.show-for-large-down,
  tr.hide-for-xlarge-only,
  tr.hide-for-xlarge-up,
  tr.hide-for-xlarge,
  tr.show-for-xlarge-down,
  tr.hide-for-xxlarge-only,
  tr.hide-for-xxlarge-up,
  tr.hide-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row;
  }

  th.show-for-small-only,
  td.show-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.show-for-small,
  td.show-for-small,
  th.show-for-small-down,
  td.show-for-small-down,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.hide-for-medium-up,
  td.hide-for-medium-up,
  th.hide-for-medium,
  td.hide-for-medium,
  th.show-for-medium-down,
  td.show-for-medium-down,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.hide-for-large-up,
  td.hide-for-large-up,
  th.hide-for-large,
  td.hide-for-large,
  th.show-for-large-down,
  td.show-for-large-down,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.hide-for-xlarge-up,
  td.hide-for-xlarge-up,
  th.hide-for-xlarge,
  td.hide-for-xlarge,
  th.show-for-xlarge-down,
  td.show-for-xlarge-down,
  th.hide-for-xxlarge-only,
  td.hide-for-xxlarge-only,
  th.hide-for-xxlarge-up,
  td.hide-for-xxlarge-up,
  th.hide-for-xxlarge,
  td.hide-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* medium displays */
@media only screen and (min-width:59.4375em) {

  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .show-for-medium-only,
  .show-for-medium-up,
  .show-for-medium,
  .show-for-medium-down,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-large,
  .show-for-large-down,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .hide-for-medium-only,
  .hide-for-medium-up,
  .hide-for-medium,
  .hide-for-medium-down,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-large,
  .hide-for-large-down,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important;
  }

  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .visible-for-medium-only,
  .visible-for-medium-up,
  .visible-for-medium,
  .visible-for-medium-down,
  .hidden-for-large-only,
  .hidden-for-large-up,
  .hidden-for-large,
  .visible-for-large-down,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }

  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .hidden-for-medium-only,
  .hidden-for-medium-up,
  .hidden-for-medium,
  .hidden-for-medium-down,
  .visible-for-large-only,
  .visible-for-large-up,
  .visible-for-large,
  .hidden-for-large-down,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }

  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-small,
  table.hide-for-small-down,
  table.show-for-medium-only,
  table.show-for-medium-up,
  table.show-for-medium,
  table.show-for-medium-down,
  table.hide-for-large-only,
  table.hide-for-large-up,
  table.hide-for-large,
  table.show-for-large-down,
  table.hide-for-xlarge-only,
  table.hide-for-xlarge-up,
  table.hide-for-xlarge,
  table.show-for-xlarge-down,
  table.hide-for-xxlarge-only,
  table.hide-for-xxlarge-up,
  table.hide-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important;
  }

  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-small,
  thead.hide-for-small-down,
  thead.show-for-medium-only,
  thead.show-for-medium-up,
  thead.show-for-medium,
  thead.show-for-medium-down,
  thead.hide-for-large-only,
  thead.hide-for-large-up,
  thead.hide-for-large,
  thead.show-for-large-down,
  thead.hide-for-xlarge-only,
  thead.hide-for-xlarge-up,
  thead.hide-for-xlarge,
  thead.show-for-xlarge-down,
  thead.hide-for-xxlarge-only,
  thead.hide-for-xxlarge-up,
  thead.hide-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-small,
  tbody.hide-for-small-down,
  tbody.show-for-medium-only,
  tbody.show-for-medium-up,
  tbody.show-for-medium,
  tbody.show-for-medium-down,
  tbody.hide-for-large-only,
  tbody.hide-for-large-up,
  tbody.hide-for-large,
  tbody.show-for-large-down,
  tbody.hide-for-xlarge-only,
  tbody.hide-for-xlarge-up,
  tbody.hide-for-xlarge,
  tbody.show-for-xlarge-down,
  tbody.hide-for-xxlarge-only,
  tbody.hide-for-xxlarge-up,
  tbody.hide-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-small,
  tr.hide-for-small-down,
  tr.show-for-medium-only,
  tr.show-for-medium-up,
  tr.show-for-medium,
  tr.show-for-medium-down,
  tr.hide-for-large-only,
  tr.hide-for-large-up,
  tr.hide-for-large,
  tr.show-for-large-down,
  tr.hide-for-xlarge-only,
  tr.hide-for-xlarge-up,
  tr.hide-for-xlarge,
  tr.show-for-xlarge-down,
  tr.hide-for-xxlarge-only,
  tr.hide-for-xxlarge-up,
  tr.hide-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row;
  }

  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-small,
  td.hide-for-small,
  th.hide-for-small-down,
  td.hide-for-small-down,
  th.show-for-medium-only,
  td.show-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.show-for-medium,
  td.show-for-medium,
  th.show-for-medium-down,
  td.show-for-medium-down,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.hide-for-large-up,
  td.hide-for-large-up,
  th.hide-for-large,
  td.hide-for-large,
  th.show-for-large-down,
  td.show-for-large-down,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.hide-for-xlarge-up,
  td.hide-for-xlarge-up,
  th.hide-for-xlarge,
  td.hide-for-xlarge,
  th.show-for-xlarge-down,
  td.show-for-xlarge-down,
  th.hide-for-xxlarge-only,
  td.hide-for-xxlarge-only,
  th.hide-for-xxlarge-up,
  td.hide-for-xxlarge-up,
  th.hide-for-xxlarge,
  td.hide-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* large displays */
@media only screen and (min-width:64.0625em) {

  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .hide-for-medium-only,
  .show-for-medium-up,
  .hide-for-medium,
  .hide-for-medium-down,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-large,
  .show-for-large-down,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .show-for-medium-only,
  .hide-for-medium-up,
  .show-for-medium,
  .show-for-medium-down,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-large,
  .hide-for-large-down,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important;
  }

  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .hidden-for-medium-only,
  .visible-for-medium-up,
  .hidden-for-medium,
  .hidden-for-medium-down,
  .visible-for-large-only,
  .visible-for-large-up,
  .visible-for-large,
  .visible-for-large-down,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }

  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .visible-for-medium-only,
  .hidden-for-medium-up,
  .visible-for-medium,
  .visible-for-medium-down,
  .hidden-for-large-only,
  .hidden-for-large-up,
  .hidden-for-large,
  .hidden-for-large-down,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }

  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-small,
  table.hide-for-small-down,
  table.hide-for-medium-only,
  table.show-for-medium-up,
  table.hide-for-medium,
  table.hide-for-medium-down,
  table.show-for-large-only,
  table.show-for-large-up,
  table.show-for-large,
  table.show-for-large-down,
  table.hide-for-xlarge-only,
  table.hide-for-xlarge-up,
  table.hide-for-xlarge,
  table.show-for-xlarge-down,
  table.hide-for-xxlarge-only,
  table.hide-for-xxlarge-up,
  table.hide-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important;
  }

  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-small,
  thead.hide-for-small-down,
  thead.hide-for-medium-only,
  thead.show-for-medium-up,
  thead.hide-for-medium,
  thead.hide-for-medium-down,
  thead.show-for-large-only,
  thead.show-for-large-up,
  thead.show-for-large,
  thead.show-for-large-down,
  thead.hide-for-xlarge-only,
  thead.hide-for-xlarge-up,
  thead.hide-for-xlarge,
  thead.show-for-xlarge-down,
  thead.hide-for-xxlarge-only,
  thead.hide-for-xxlarge-up,
  thead.hide-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-small,
  tbody.hide-for-small-down,
  tbody.hide-for-medium-only,
  tbody.show-for-medium-up,
  tbody.hide-for-medium,
  tbody.hide-for-medium-down,
  tbody.show-for-large-only,
  tbody.show-for-large-up,
  tbody.show-for-large,
  tbody.show-for-large-down,
  tbody.hide-for-xlarge-only,
  tbody.hide-for-xlarge-up,
  tbody.hide-for-xlarge,
  tbody.show-for-xlarge-down,
  tbody.hide-for-xxlarge-only,
  tbody.hide-for-xxlarge-up,
  tbody.hide-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-small,
  tr.hide-for-small-down,
  tr.hide-for-medium-only,
  tr.show-for-medium-up,
  tr.hide-for-medium,
  tr.hide-for-medium-down,
  tr.show-for-large-only,
  tr.show-for-large-up,
  tr.show-for-large,
  tr.show-for-large-down,
  tr.hide-for-xlarge-only,
  tr.hide-for-xlarge-up,
  tr.hide-for-xlarge,
  tr.show-for-xlarge-down,
  tr.hide-for-xxlarge-only,
  tr.hide-for-xxlarge-up,
  tr.hide-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row;
  }

  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-small,
  td.hide-for-small,
  th.hide-for-small-down,
  td.hide-for-small-down,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.hide-for-medium,
  td.hide-for-medium,
  th.hide-for-medium-down,
  td.hide-for-medium-down,
  th.show-for-large-only,
  td.show-for-large-only,
  th.show-for-large-up,
  td.show-for-large-up,
  th.show-for-large,
  td.show-for-large,
  th.show-for-large-down,
  td.show-for-large-down,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.hide-for-xlarge-up,
  td.hide-for-xlarge-up,
  th.hide-for-xlarge,
  td.hide-for-xlarge,
  th.show-for-xlarge-down,
  td.show-for-xlarge-down,
  th.hide-for-xxlarge-only,
  td.hide-for-xxlarge-only,
  th.hide-for-xxlarge-up,
  td.hide-for-xxlarge-up,
  th.hide-for-xxlarge,
  td.hide-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* xlarge displays */
@media only screen and (min-width:90.0625em) {

  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .hide-for-medium-only,
  .show-for-medium-up,
  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-large-only,
  .show-for-large-up,
  .hide-for-large,
  .hide-for-large-down,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .show-for-medium-only,
  .hide-for-medium-up,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-large-only,
  .hide-for-large-up,
  .show-for-large,
  .show-for-large-down,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important;
  }

  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .hidden-for-medium-only,
  .visible-for-medium-up,
  .hidden-for-medium,
  .hidden-for-medium-down,
  .hidden-for-large-only,
  .visible-for-large-up,
  .hidden-for-large,
  .hidden-for-large-down,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }

  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .visible-for-medium-only,
  .hidden-for-medium-up,
  .visible-for-medium,
  .visible-for-medium-down,
  .visible-for-large-only,
  .hidden-for-large-up,
  .visible-for-large,
  .visible-for-large-down,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }

  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-small,
  table.hide-for-small-down,
  table.hide-for-medium-only,
  table.show-for-medium-up,
  table.hide-for-medium,
  table.hide-for-medium-down,
  table.hide-for-large-only,
  table.show-for-large-up,
  table.hide-for-large,
  table.hide-for-large-down,
  table.show-for-xlarge-only,
  table.show-for-xlarge-up,
  table.show-for-xlarge,
  table.show-for-xlarge-down,
  table.hide-for-xxlarge-only,
  table.hide-for-xxlarge-up,
  table.hide-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important;
  }

  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-small,
  thead.hide-for-small-down,
  thead.hide-for-medium-only,
  thead.show-for-medium-up,
  thead.hide-for-medium,
  thead.hide-for-medium-down,
  thead.hide-for-large-only,
  thead.show-for-large-up,
  thead.hide-for-large,
  thead.hide-for-large-down,
  thead.show-for-xlarge-only,
  thead.show-for-xlarge-up,
  thead.show-for-xlarge,
  thead.show-for-xlarge-down,
  thead.hide-for-xxlarge-only,
  thead.hide-for-xxlarge-up,
  thead.hide-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-small,
  tbody.hide-for-small-down,
  tbody.hide-for-medium-only,
  tbody.show-for-medium-up,
  tbody.hide-for-medium,
  tbody.hide-for-medium-down,
  tbody.hide-for-large-only,
  tbody.show-for-large-up,
  tbody.hide-for-large,
  tbody.hide-for-large-down,
  tbody.show-for-xlarge-only,
  tbody.show-for-xlarge-up,
  tbody.show-for-xlarge,
  tbody.show-for-xlarge-down,
  tbody.hide-for-xxlarge-only,
  tbody.hide-for-xxlarge-up,
  tbody.hide-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-small,
  tr.hide-for-small-down,
  tr.hide-for-medium-only,
  tr.show-for-medium-up,
  tr.hide-for-medium,
  tr.hide-for-medium-down,
  tr.hide-for-large-only,
  tr.show-for-large-up,
  tr.hide-for-large,
  tr.hide-for-large-down,
  tr.show-for-xlarge-only,
  tr.show-for-xlarge-up,
  tr.show-for-xlarge,
  tr.show-for-xlarge-down,
  tr.hide-for-xxlarge-only,
  tr.hide-for-xxlarge-up,
  tr.hide-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row;
  }

  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-small,
  td.hide-for-small,
  th.hide-for-small-down,
  td.hide-for-small-down,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.hide-for-medium,
  td.hide-for-medium,
  th.hide-for-medium-down,
  td.hide-for-medium-down,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.show-for-large-up,
  td.show-for-large-up,
  th.hide-for-large,
  td.hide-for-large,
  th.hide-for-large-down,
  td.hide-for-large-down,
  th.show-for-xlarge-only,
  td.show-for-xlarge-only,
  th.show-for-xlarge-up,
  td.show-for-xlarge-up,
  th.show-for-xlarge,
  td.show-for-xlarge,
  th.show-for-xlarge-down,
  td.show-for-xlarge-down,
  th.hide-for-xxlarge-only,
  td.hide-for-xxlarge-only,
  th.hide-for-xxlarge-up,
  td.hide-for-xxlarge-up,
  th.hide-for-xxlarge,
  td.hide-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* xxlarge displays */
@media only screen and (min-width:120.0625em) {

  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-small,
  .hide-for-small-down,
  .hide-for-medium-only,
  .show-for-medium-up,
  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-large-only,
  .show-for-large-up,
  .hide-for-large,
  .hide-for-large-down,
  .hide-for-xlarge-only,
  .show-for-xlarge-up,
  .hide-for-xlarge,
  .hide-for-xlarge-down,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge,
  .show-for-xxlarge-down {
    display: inherit !important;
  }

  .show-for-small-only,
  .hide-for-small-up,
  .show-for-small,
  .show-for-small-down,
  .show-for-medium-only,
  .hide-for-medium-up,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-large-only,
  .hide-for-large-up,
  .show-for-large,
  .show-for-large-down,
  .show-for-xlarge-only,
  .hide-for-xlarge-up,
  .show-for-xlarge,
  .show-for-xlarge-down,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge,
  .hide-for-xxlarge-down {
    display: none !important;
  }

  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-small,
  .hidden-for-small-down,
  .hidden-for-medium-only,
  .visible-for-medium-up,
  .hidden-for-medium,
  .hidden-for-medium-down,
  .hidden-for-large-only,
  .visible-for-large-up,
  .hidden-for-large,
  .hidden-for-large-down,
  .hidden-for-xlarge-only,
  .visible-for-xlarge-up,
  .hidden-for-xlarge,
  .hidden-for-xlarge-down,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up,
  .visible-for-xxlarge,
  .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }

  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-small,
  .visible-for-small-down,
  .visible-for-medium-only,
  .hidden-for-medium-up,
  .visible-for-medium,
  .visible-for-medium-down,
  .visible-for-large-only,
  .hidden-for-large-up,
  .visible-for-large,
  .visible-for-large-down,
  .visible-for-xlarge-only,
  .hidden-for-xlarge-up,
  .visible-for-xlarge,
  .visible-for-xlarge-down,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up,
  .hidden-for-xxlarge,
  .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }

  table.hide-for-small-only,
  table.show-for-small-up,
  table.hide-for-small,
  table.hide-for-small-down,
  table.hide-for-medium-only,
  table.show-for-medium-up,
  table.hide-for-medium,
  table.hide-for-medium-down,
  table.hide-for-large-only,
  table.show-for-large-up,
  table.hide-for-large,
  table.hide-for-large-down,
  table.hide-for-xlarge-only,
  table.show-for-xlarge-up,
  table.hide-for-xlarge,
  table.hide-for-xlarge-down,
  table.show-for-xxlarge-only,
  table.show-for-xxlarge-up,
  table.show-for-xxlarge,
  table.show-for-xxlarge-down {
    display: table !important;
  }

  thead.hide-for-small-only,
  thead.show-for-small-up,
  thead.hide-for-small,
  thead.hide-for-small-down,
  thead.hide-for-medium-only,
  thead.show-for-medium-up,
  thead.hide-for-medium,
  thead.hide-for-medium-down,
  thead.hide-for-large-only,
  thead.show-for-large-up,
  thead.hide-for-large,
  thead.hide-for-large-down,
  thead.hide-for-xlarge-only,
  thead.show-for-xlarge-up,
  thead.hide-for-xlarge,
  thead.hide-for-xlarge-down,
  thead.show-for-xxlarge-only,
  thead.show-for-xxlarge-up,
  thead.show-for-xxlarge,
  thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }

  tbody.hide-for-small-only,
  tbody.show-for-small-up,
  tbody.hide-for-small,
  tbody.hide-for-small-down,
  tbody.hide-for-medium-only,
  tbody.show-for-medium-up,
  tbody.hide-for-medium,
  tbody.hide-for-medium-down,
  tbody.hide-for-large-only,
  tbody.show-for-large-up,
  tbody.hide-for-large,
  tbody.hide-for-large-down,
  tbody.hide-for-xlarge-only,
  tbody.show-for-xlarge-up,
  tbody.hide-for-xlarge,
  tbody.hide-for-xlarge-down,
  tbody.show-for-xxlarge-only,
  tbody.show-for-xxlarge-up,
  tbody.show-for-xxlarge,
  tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }

  tr.hide-for-small-only,
  tr.show-for-small-up,
  tr.hide-for-small,
  tr.hide-for-small-down,
  tr.hide-for-medium-only,
  tr.show-for-medium-up,
  tr.hide-for-medium,
  tr.hide-for-medium-down,
  tr.hide-for-large-only,
  tr.show-for-large-up,
  tr.hide-for-large,
  tr.hide-for-large-down,
  tr.hide-for-xlarge-only,
  tr.show-for-xlarge-up,
  tr.hide-for-xlarge,
  tr.hide-for-xlarge-down,
  tr.show-for-xxlarge-only,
  tr.show-for-xxlarge-up,
  tr.show-for-xxlarge,
  tr.show-for-xxlarge-down {
    display: table-row;
  }

  th.hide-for-small-only,
  td.hide-for-small-only,
  th.show-for-small-up,
  td.show-for-small-up,
  th.hide-for-small,
  td.hide-for-small,
  th.hide-for-small-down,
  td.hide-for-small-down,
  th.hide-for-medium-only,
  td.hide-for-medium-only,
  th.show-for-medium-up,
  td.show-for-medium-up,
  th.hide-for-medium,
  td.hide-for-medium,
  th.hide-for-medium-down,
  td.hide-for-medium-down,
  th.hide-for-large-only,
  td.hide-for-large-only,
  th.show-for-large-up,
  td.show-for-large-up,
  th.hide-for-large,
  td.hide-for-large,
  th.hide-for-large-down,
  td.hide-for-large-down,
  th.hide-for-xlarge-only,
  td.hide-for-xlarge-only,
  th.show-for-xlarge-up,
  td.show-for-xlarge-up,
  th.hide-for-xlarge,
  td.hide-for-xlarge,
  th.hide-for-xlarge-down,
  td.hide-for-xlarge-down,
  th.show-for-xxlarge-only,
  td.show-for-xxlarge-only,
  th.show-for-xxlarge-up,
  td.show-for-xxlarge-up,
  th.show-for-xxlarge,
  td.show-for-xxlarge,
  th.show-for-xxlarge-down,
  td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

/* Specific visibility for tables */
table.hide-for-landscape,
table.show-for-portrait {
  display: table !important;
}

thead.hide-for-landscape,
thead.show-for-portrait {
  display: table-header-group !important;
}

tbody.hide-for-landscape,
tbody.show-for-portrait {
  display: table-row-group !important;
}

tr.hide-for-landscape,
tr.show-for-portrait {
  display: table-row !important;
}

td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important;
}

@media only screen and (orientation: landscape) {

  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important;
  }

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }

  /* Specific visibility for tables */
  table.show-for-landscape,
  table.hide-for-portrait {
    display: table !important;
  }

  thead.show-for-landscape,
  thead.hide-for-portrait {
    display: table-header-group !important;
  }

  tbody.show-for-landscape,
  tbody.hide-for-portrait {
    display: table-row-group !important;
  }

  tr.show-for-landscape,
  tr.hide-for-portrait {
    display: table-row !important;
  }

  td.show-for-landscape,
  td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important;
  }
}

@media only screen and (orientation: portrait) {

  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important;
  }

  .hide-for-portrait,
  .show-for-landscape {
    display: none !important;
  }

  /* Specific visibility for tables */
  table.show-for-portrait,
  table.hide-for-landscape {
    display: table !important;
  }

  thead.show-for-portrait,
  thead.hide-for-landscape {
    display: table-header-group !important;
  }

  tbody.show-for-portrait,
  tbody.hide-for-landscape {
    display: table-row-group !important;
  }

  tr.show-for-portrait,
  tr.hide-for-landscape {
    display: table-row !important;
  }

  td.show-for-portrait,
  td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important;
  }
}

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important;
}

.hide-for-touch {
  display: inherit !important;
}

.touch .show-for-touch {
  display: inherit !important;
}

.touch .hide-for-touch {
  display: none !important;
}

/* Specific visibility for tables */
table.hide-for-touch {
  display: table !important;
}

.touch table.show-for-touch {
  display: table !important;
}

thead.hide-for-touch {
  display: table-header-group !important;
}

.touch thead.show-for-touch {
  display: table-header-group !important;
}

tbody.hide-for-touch {
  display: table-row-group !important;
}

.touch tbody.show-for-touch {
  display: table-row-group !important;
}

tr.hide-for-touch {
  display: table-row !important;
}

.touch tr.show-for-touch {
  display: table-row !important;
}

td.hide-for-touch {
  display: table-cell !important;
}

.touch td.show-for-touch {
  display: table-cell !important;
}

th.hide-for-touch {
  display: table-cell !important;
}

.touch th.show-for-touch {
  display: table-cell !important;
}

/* Screen reader-specific classes */
.show-for-sr {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

.show-on-focus {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

.show-on-focus:focus,
.show-on-focus:active {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}

/* Print visibility */
.print-only,
.show-for-print {
  display: none !important;
}

@media print {

  .print-only,
  .show-for-print {
    display: block !important;
  }

  .hide-on-print,
  .hide-for-print {
    display: none !important;
  }

  table.show-for-print {
    display: table !important;
  }

  thead.show-for-print {
    display: table-header-group !important;
  }

  tbody.show-for-print {
    display: table-row-group !important;
  }

  tr.show-for-print {
    display: table-row !important;
  }

  td.show-for-print {
    display: table-cell !important;
  }

  th.show-for-print {
    display: table-cell !important;
  }
}

/* @font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  src: url("/resources/fonts/roboto-condensed-v19-latin-300.woff2") format("woff2"), url("/resources/fonts/roboto-condensed-v19-latin-300.woff") format("woff");
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url("/resources/fonts/roboto-condensed-v19-latin-regular.woff2") format("woff2"), url("/resources/fonts/roboto-condensed-v19-latin-regular.woff") format("woff");
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url("/resources/fonts/roboto-condensed-v19-latin-700.woff2") format("woff2"), url("/resources/fonts/roboto-condensed-v19-latin-700.woff") format("woff");
} */

/* navi -------------------------------------------------------

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox *
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome *
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer *
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera *
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

*/
a,
.blaettern .leer {
  -webkit-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  -ms-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}

.main_navi {
  float: right;
  margin-top: 66px;
}

.main_navi li {
  display: inline-block;
}

.main_navi li.active {
  background: transparent !important;
}

.main_navi li.active>a,
.main_navi .blaettern li.active>.leer,
.blaettern .main_navi li.active>.leer {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
}

.main_navi li>a,
.main_navi .blaettern li>.leer,
.blaettern .main_navi li>.leer {
  color: white;
  font-size: 1.2rem;
  padding-left: 0px;
  padding-right: 18px;
}

.main_navi li>a:hover,
.main_navi .blaettern li>.leer:hover,
.blaettern .main_navi li>.leer:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
}

.main_navi li>a:before,
.main_navi .blaettern li>.leer:before,
.blaettern .main_navi li>.leer:before {
  content: "\f04b";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
  font-family: "FontAwesome";
  font-size: 10px;
  padding: 8px 10px 0 10px;
  display: block;
  float: left;
}

.main_navi li.mainlink1 {
  background: rgba(255, 255, 255, 0.2);
}

.main_navi li.mainlink2 {
  background: rgba(255, 255, 255, 0.3);
}

.main_navi li.mainlink_layout {
  background: rgba(255, 255, 255, 0.4);
}

.main_navi li.mainlink37 {
  background: rgba(255, 255, 255, 0.5);
}

.main_navi li.divider {
  margin-left: 1px;
}

body.multi .main_navi li.mainlink1 {
  background: rgba(0, 0, 0, 0.1);
}

body.multi .main_navi li.mainlink2 {
  background: rgba(0, 0, 0, 0.2);
}

body.multi .main_navi li.mainlink_layout {
  background: rgba(0, 0, 0, 0.3);
}

body.multi .main_navi li.mainlink37 {
  background: rgba(0, 0, 0, 0.4);
}

.sub_ews {
  margin-bottom: 60px;
}

.sub_ews ul.nav3 {
  padding: 0;
  width: 920px;
  margin: 10px 0 -50px 0;
  float: left;
  background: #f7f7f7 !important;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.sub_ews ul.nav3>li {
  list-style-type: none;
  float: left;
}

.sub_ews ul.nav3>li a,
.sub_ews ul.nav3>li .blaettern .leer,
.blaettern .sub_ews ul.nav3>li .leer {
  display: block;
  float: left;
  font-family: Arial, sans;
  letter-spacing: 0px;
  font-size: 12px;
  padding: 6px 12px 6px 12px;
  color: #0B1D2B;
}

.sub_ews ul.nav3>li a:hover,
.sub_ews ul.nav3>li .blaettern .leer:hover,
.blaettern .sub_ews ul.nav3>li .leer:hover,
.sub_ews ul.nav3>li a.active,
.sub_ews ul.nav3>li .blaettern .active.leer,
.blaettern .sub_ews ul.nav3>li .active.leer {
  color: #aaa;
}

.hori {
  z-index: 1;
}

.hori .navi .top-bar .top-bar-section ul:not(.nav3).is {
  width: 920px;
  margin: 10px 0 0 0;
  background: #fafafa !important;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.hori .navi .top-bar .top-bar-section ul:not(.nav3).is>li a,
.hori .navi .top-bar .top-bar-section ul:not(.nav3).is>li .blaettern .leer,
.blaettern .hori .navi .top-bar .top-bar-section ul:not(.nav3).is>li .leer {
  border-left: none !important;
  font-family: Arial, sans;
  font-size: 13px;
  color: #0B1D2B;
}

.hori .navi .top-bar .top-bar-section ul:not(.nav3).is>li a:hover,
.hori .navi .top-bar .top-bar-section ul:not(.nav3).is>li .blaettern .leer:hover,
.blaettern .hori .navi .top-bar .top-bar-section ul:not(.nav3).is>li .leer:hover,
.hori .navi .top-bar .top-bar-section ul:not(.nav3).is>li a.active,
.hori .navi .top-bar .top-bar-section ul:not(.nav3).is>li .blaettern .active.leer,
.blaettern .hori .navi .top-bar .top-bar-section ul:not(.nav3).is>li .active.leer,
.hori .navi .top-bar .top-bar-section ul:not(.nav3).is>li a.active:hover {
  color: #aaa !important;
}

.hori .navi .top-bar .top-bar-section ul:not(.nav3).is li.catlink {
  display: none;
}

.hori .navi .top-bar .top-bar-section .sub.is ul.nav3>li a,
.hori .navi .top-bar .top-bar-section .sub.is ul.nav3>li .blaettern .leer,
.blaettern .hori .navi .top-bar .top-bar-section .sub.is ul.nav3>li .leer {
  font-family: Arial, sans;
  font-size: 12px;
  color: #0B1D2B;
}

.hori .navi .top-bar .top-bar-section .sub.is ul.nav3>li a:hover,
.hori .navi .top-bar .top-bar-section .sub.is ul.nav3>li .blaettern .leer:hover,
.blaettern .hori .navi .top-bar .top-bar-section .sub.is ul.nav3>li .leer:hover,
.hori .navi .top-bar .top-bar-section .sub.is ul.nav3>li a.active,
.hori .navi .top-bar .top-bar-section .sub.is ul.nav3>li .blaettern .active.leer,
.blaettern .hori .navi .top-bar .top-bar-section .sub.is ul.nav3>li .active.leer,
.hori .navi .top-bar .top-bar-section .sub.is ul.nav3>li a.active:hover {
  color: #aaa !important;
}

.navi {
  background: transparent !important;
}

.navi .head {
  font-size: 0.75rem;
  color: gray;
  font-weight: 700;
  margin: 61px 0 0px 0;
  line-height: 1.5;
  padding-bottom: 5px;
}

.navi .top-bar {
  background: transparent !important;
}

.navi .top-bar .top-bar-section>ul {
  border-top: 2px solid #DDDDDD;
  border-bottom: 2px solid #DDDDDD;
}

.navi .top-bar .top-bar-section ul {
  background: transparent !important;
  position: relative;
  margin-left: 0;
}

.navi .top-bar .top-bar-section ul li {
  width: 100%;
  float: left;
}

.navi .top-bar .top-bar-section ul li.catlink {
  position: absolute;
  right: 0;
  top: -44px;
  border: none;
  width: auto;
}

.navi .top-bar .top-bar-section ul li.catlink a,
.navi .top-bar .top-bar-section ul li.catlink .blaettern .leer,
.blaettern .navi .top-bar .top-bar-section ul li.catlink .leer {
  padding-right: 0;
  text-decoration: none;
  color: #1b3454 !important;
}

.navi .top-bar .top-bar-section ul>li {
  background: transparent !important;
  position: relative;
  list-style-type: none;
  border-bottom: 1px solid #ebebeb;
}

.navi .top-bar .top-bar-section ul>li:first-child {
  border-top: 1px solid #ebebeb;
}

.navi .top-bar .top-bar-section ul>li .pic {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 0;
  height: 47px;
  width: 70px;
  overflow: hidden;
}

.navi .top-bar .top-bar-section ul>li .pic img {
  max-width: none;
  width: 100%;
}

.navi .top-bar .top-bar-section ul>li .haken,
.navi .top-bar .top-bar-section ul>li .haken_small {
  position: absolute;
  right: 0;
  top: 0;
}

.navi .top-bar .top-bar-section ul>li.active {
  background: #f0f0f0 !important;
}

.navi .top-bar .top-bar-section ul>li.active>a,
.navi .top-bar .top-bar-section .blaettern ul>li.active>.leer,
.blaettern .navi .top-bar .top-bar-section ul>li.active>.leer,
.navi .top-bar .top-bar-section ul>li.active>a:hover {
  color: #0089e6 !important;
}

.navi .top-bar .top-bar-section ul>li.active img {
  margin-left: -5px;
  margin-top: -3px;
  width: 115%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  filter: Alpha(opacity=80);
  opacity: 0.8;
  moz-opacity: 0.8;
}

.navi .top-bar .top-bar-section ul>li>a,
.navi .top-bar .top-bar-section .blaettern ul>li>.leer,
.blaettern .navi .top-bar .top-bar-section ul>li>.leer {
  background: transparent !important;
  display: block;
  color: #1b3454;
  padding: 3px 20px 0px 80px;
  font-size: 0.95rem;
  line-height: 44px;
  width: auto;
}

.navi .top-bar .top-bar-section ul>li>a:hover,
.navi .top-bar .top-bar-section .blaettern ul>li>.leer:hover,
.blaettern .navi .top-bar .top-bar-section ul>li>.leer:hover {
  color: #0089e6 !important;
}

.navi .top-bar .top-bar-section ul>li>a:hover .pic img,
.navi .top-bar .top-bar-section .blaettern ul>li>.leer:hover .pic img,
.blaettern .navi .top-bar .top-bar-section ul>li>.leer:hover .pic img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  filter: Alpha(opacity=80);
  opacity: 0.8;
  moz-opacity: 0.8;
}

.navi .top-bar .top-bar-section ul>li ul.nav3 {
  float: left;
  padding: 15px 0;
  background: #f7f7f7 !important;
  border-top: 1px solid #e6e6e6;
}

.navi .top-bar .top-bar-section ul>li ul.nav3>li {
  border: none;
}

.navi .top-bar .top-bar-section ul>li ul.nav3>li.active {
  background: transparent !important;
}

.navi .top-bar .top-bar-section ul>li ul.nav3>li a,
.navi .top-bar .top-bar-section ul>li ul.nav3>li .blaettern .leer,
.blaettern .navi .top-bar .top-bar-section ul>li ul.nav3>li .leer {
  display: block;
  vertical-align: top;
  padding: 5px 10px 2px 10px;
  margin-left: 70px;
  /* font-size: 0.8rem; */
  line-height: 1.05rem;
}

.navi .top-bar .top-bar-section ul>li ul.nav3>li a:hover,
.navi .top-bar .top-bar-section ul>li ul.nav3>li .blaettern .leer:hover,
.blaettern .navi .top-bar .top-bar-section ul>li ul.nav3>li .leer:hover {
  background: transparent !important;
}

.navi .top-bar .top-bar-section ul>li ul.nav3>li a:not(.active):hover,
.navi .top-bar .top-bar-section ul>li ul.nav3>li .blaettern .leer:not(.active):hover,
.blaettern .navi .top-bar .top-bar-section ul>li ul.nav3>li .leer:not(.active):hover {
  color: #1b3454 !important;
  text-decoration: underline;
}

.navi .top-bar .top-bar-section ul li.back a,
.navi .top-bar .top-bar-section ul li.back .blaettern .leer,
.blaettern .navi .top-bar .top-bar-section ul li.back .leer {
  font-size: 13px;
}

.navi .top-bar .top-bar-section ul>.divider,
.navi .top-bar .top-bar-section ul .top-bar-section>ul>[role=separator] {
  display: none;
}

span.video {
  display: inline-block;
  width: 30px;
  height: 14px;
  background-image: url(../pics/haken.png);
  background-position: left -468px;
  background-repeat: no-repeat;
}

.nav_li span.video {
  float: right;
  margin: 2px -40px 0px 0px;
}

.nav_re span.video {
  float: left;
  margin: 2px 0px 0px -31px;
}

.hori span.video {
  float: left;
  margin: 1px -4px -3px 0px;
}

@media only screen and (min-width: 951px) {

  .nav_re .navi .top-bar .top-bar-section>ul>li>a,
  .nav_re .navi .top-bar .blaettern .top-bar-section>ul>li>.leer,
  .blaettern .nav_re .navi .top-bar .top-bar-section>ul>li>.leer {
    padding: 3px 20px 0px 80px;
  }

  .nav_li .navi .top-bar .top-bar-section ul>li .pic {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
  }

  .nav_li .navi .top-bar .top-bar-section ul>li>a,
  .nav_li .navi .top-bar .top-bar-section .blaettern ul>li>.leer,
  .blaettern .nav_li .navi .top-bar .top-bar-section ul>li>.leer {
    padding: 3px 85px 0px 20px;
    text-align: right;
  }

  .nav_li .navi .top-bar .top-bar-section ul>li.catlink a,
  .nav_li .navi .top-bar .top-bar-section ul>li.catlink .blaettern .leer,
  .blaettern .nav_li .navi .top-bar .top-bar-section ul>li.catlink .leer {
    padding-right: 0;
  }

  .nav_li .navi .top-bar .top-bar-section ul>li ul.nav3>li a,
  .nav_li .navi .top-bar .top-bar-section ul>li ul.nav3>li .blaettern .leer,
  .blaettern .nav_li .navi .top-bar .top-bar-section ul>li ul.nav3>li .leer {
    margin-left: 0;
    margin-right: 75px;
  }

  .hori .navi {
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=96.5)";
    filter: alpha(opacity=96.5);
    filter: Alpha(opacity=96.5);
    opacity: 0.965;
    moz-opacity: 0.965;
  }

  .hori .navi .head {
    display: none;
  }

  .hori .navi .top-bar {
    background: transparent !important;
  }

  .hori .navi .top-bar .top-bar-section ul:not(.nav3) {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    margin-top: 30px;
    border-bottom: 1px solid #DDDDDD;
    border-top: none;
  }

  .hori .navi .top-bar .top-bar-section ul:not(.nav3) li {
    width: auto;
    position: static;
    display: inline-block;
    float: left;
    border: none;
    border-right: 1px solid #EEEEEE;
  }

  .hori .navi .top-bar .top-bar-section ul:not(.nav3) li>a,
  .hori .navi .top-bar .top-bar-section ul:not(.nav3) .blaettern li>.leer,
  .blaettern .hori .navi .top-bar .top-bar-section ul:not(.nav3) li>.leer {
    font-size: 1.05rem;
    font-size: 14px;
    font-size: 14px;
    line-height: 32px;
    padding: 0px 17px !important;
  }

  .hori .navi .top-bar .top-bar-section ul:not(.nav3) li>a:hover,
  .hori .navi .top-bar .top-bar-section ul:not(.nav3) .blaettern li>.leer:hover,
  .blaettern .hori .navi .top-bar .top-bar-section ul:not(.nav3) li>.leer:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    filter: Alpha(opacity=70);
    opacity: 0.7;
    moz-opacity: 0.7;
  }

  .hori .navi .top-bar .top-bar-section ul:not(.nav3) li.catlink {
    border-right: none;
    position: relative;
    right: auto;
    top: auto;
    float: right;
  }

  .hori .navi .top-bar .top-bar-section ul:not(.nav3) li.catlink a,
  .hori .navi .top-bar .top-bar-section ul:not(.nav3) li.catlink .blaettern .leer,
  .blaettern .hori .navi .top-bar .top-bar-section ul:not(.nav3) li.catlink .leer {
    color: #b3b3b3;
    padding-right: 2px !important;
  }

  .hori .navi .top-bar .top-bar-section ul:not(.nav3) li:first-child a,
  .hori .navi .top-bar .top-bar-section ul:not(.nav3) li:first-child .blaettern .leer,
  .blaettern .hori .navi .top-bar .top-bar-section ul:not(.nav3) li:first-child .leer {
    border-left: 1px solid #EEEEEE;
  }

  .hori .navi .top-bar .top-bar-section ul:not(.nav3) li.active,
  .hori .navi .top-bar .top-bar-section ul:not(.nav3) li.active:hover {
    background: #f0f0f0 !important;
  }

  .hori .navi .top-bar .top-bar-section ul:not(.nav3) li .pic {
    display: none;
  }

  .hori .navi .top-bar .top-bar-section ul:not(.nav3) li .haken,
  .hori .navi .top-bar .top-bar-section ul:not(.nav3) li .haken_small {
    display: none;
  }

  .hori .navi .top-bar .top-bar-section ul:not(.nav3) li.active>a,
  .hori .navi .top-bar .top-bar-section ul:not(.nav3) .blaettern li.active>.leer,
  .blaettern .hori .navi .top-bar .top-bar-section ul:not(.nav3) li.active>.leer {
    color: #0089e6 !important;
  }

  .hori .navi .top-bar .top-bar-section ul:not(.nav3) li.active>a:hover,
  .hori .navi .top-bar .top-bar-section ul:not(.nav3) .blaettern li.active>.leer:hover,
  .blaettern .hori .navi .top-bar .top-bar-section ul:not(.nav3) li.active>.leer:hover {
    color: #0089e6 !important;
  }

  .hori .navi .top-bar .top-bar-section ul.nav3 {
    margin-bottom: 0;
    float: left;
    width: 100%;
    padding: 0 0 0 10px;
    background: #f7f7f7 !important;
    border-bottom: 1px solid #e6e6e6;
  }

  .hori .navi .top-bar .top-bar-section ul.nav3 li {
    display: inline-block;
    width: auto;
    float: left;
    border: none;
  }

  .hori .navi .top-bar .top-bar-section ul.nav3 li.active {
    background: transparent !important;
  }

  .hori .navi .top-bar .top-bar-section ul.nav3 li.active a:hover,
  .hori .navi .top-bar .top-bar-section ul.nav3 li.active .blaettern .leer:hover,
  .blaettern .hori .navi .top-bar .top-bar-section ul.nav3 li.active .leer:hover {
    text-decoration: none !important;
    color: #0089e6 !important;
  }

  .hori .navi .top-bar .top-bar-section ul.nav3 li a,
  .hori .navi .top-bar .top-bar-section ul.nav3 li .blaettern .leer,
  .blaettern .hori .navi .top-bar .top-bar-section ul.nav3 li .leer {
    display: block;
    color: #1b3454;
    padding: 10px 20px 7px 10px;
    margin: 0;
    font-size: 13px;
    /* font-size: 0.85rem; */
    line-height: 1.05rem;
  }

  .hori .navi .top-bar .top-bar-section ul.nav3 li a:hover,
  .hori .navi .top-bar .top-bar-section ul.nav3 li .blaettern .leer:hover,
  .blaettern .hori .navi .top-bar .top-bar-section ul.nav3 li .leer:hover {
    text-decoration: underline;
    color: #1b3454 !important;
  }

  .hori .navi .top-bar .top-bar-section ul.nav4 {
    background: #f2f2f2 !important;
  }

  .hori .navi .top-bar .top-bar-section ul.nav4 li a,
  .hori .navi .top-bar .top-bar-section ul.nav4 li .blaettern .leer,
  .blaettern .hori .navi .top-bar .top-bar-section ul.nav4 li .leer {
    /* font-size: 0.8rem; */
  }
}

@media only screen and (min-width: 951px) {
  .hori .navi ul li ul.nav3 {
    display: none !important;
  }
}

@media only screen and (max-width: 950px) {
  .hori .navi .sub {
    display: none !important;
  }

  .hori .navi ul li a,
  .hori .navi ul li .blaettern .leer,
  .blaettern .hori .navi ul li .leer {
    margin-left: 40px !important;
  }

  .hori .navi ul li ul.nav4 li a,
  .hori .navi ul li ul.nav4 li .blaettern .leer,
  .blaettern .hori .navi ul li ul.nav4 li .leer {
    margin-left: 60px !important;
  }
}

.breadcrumbs {
  display: block;
  margin: 5px 0 0 0;
  min-height: 26px;
}

.breadcrumbs li {
  display: inline-block;
  padding: 0 5px 0 0;
  /* font-size: 0.8rem; */
  color: #b3b3b3;
}

.breadcrumbs li:not(.current) a,
.breadcrumbs li:not(.current) .blaettern .leer,
.blaettern .breadcrumbs li:not(.current) .leer {
  color: #b3b3b3;
}

.breadcrumbs li:not(.current) a:hover,
.breadcrumbs li:not(.current) .blaettern .leer:hover,
.blaettern .breadcrumbs li:not(.current) .leer:hover {
  text-decoration: underline;
}

.breadcrumbs li.current a,
.breadcrumbs li.current .blaettern .leer,
.blaettern .breadcrumbs li.current .leer {
  color: #4d4d4d;
}

.breadcrumbs li a:hover,
.breadcrumbs li .blaettern .leer:hover,
.blaettern .breadcrumbs li .leer:hover {
  color: #4d4d4d;
}

@media only screen and (max-width: 950px) {
  .breadcrumbs {
    display: none;
  }

  .nav_li,
  .nav_re,
  .hori {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .navi .head {
    display: none;
  }

  .navi .top-bar:not(.expanded) .title-area {
    background: #007fd7 !important;
  }

  .navi .top-bar .top-bar-section ul {
    border-top: none !important;
  }

  .navi .top-bar .top-bar-section ul li.catlink {
    right: auto;
    left: 0;
    top: -44px;
  }

  .navi .top-bar .top-bar-section ul li.catlink a,
  .navi .top-bar .top-bar-section ul li.catlink .blaettern .leer,
  .blaettern .navi .top-bar .top-bar-section ul li.catlink .leer {
    padding: 3px 20px 0px 17px;
    color: white !important;
  }

  .navi .top-bar .top-bar-section ul li.catlink a:hover,
  .navi .top-bar .top-bar-section ul li.catlink .blaettern .leer:hover,
  .blaettern .navi .top-bar .top-bar-section ul li.catlink .leer:hover {
    color: white !important;
  }
}

.hori.freenav {
  display: block;
  float: left;
  width: 100%;
  background: #152841;
  background: #152841;
}

@media only screen and (max-width: 950px) {
  .hori.freenav {
    background: #ebebeb;
  }
}

.hori.freenav .navi {
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  filter: Alpha(opacity=100);
  opacity: 1;
  moz-opacity: 1;
}

@media only screen and (min-width: 951px) {
  .hori.freenav .navi .top-bar {
    height: auto;
  }

  .hori.freenav .navi .top-bar .name {
    height: 0;
  }
}

.hori.freenav .navi .top-bar .row {
  max-width: 83.75rem;
}

.hori.freenav .navi .top-bar .title-area {
  background: #152841 !important;
}

.hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) {
  margin-top: 0px;
  border-bottom: none;
  background: transparent !important;
}

.hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) li {
  border-left: none !important;
  border-right: none !important;
}

@media only screen and (max-width: 950px) {
  .hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) li {
    border-bottom: 1px solid #f7f7f7;
  }
}

.hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) li>a,
.hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) .blaettern li>.leer,
.blaettern .hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) li>.leer {
  padding: 3px 12px 3px 12px !important;
  border-left: none !important;
  border-right: none !important;
}

@media only screen and (min-width: 951px) {

  .hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) li>a,
  .hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) .blaettern li>.leer,
  .blaettern .hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) li>.leer {
    color: #FFFFFF;
  }

  .hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) li>a:hover,
  .hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) .blaettern li>.leer:hover,
  .blaettern .hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) li>.leer:hover {
    color: #FFFFFF !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    filter: Alpha(opacity=70);
    opacity: 0.7;
    moz-opacity: 0.7;
  }
}

@media only screen and (max-width: 1200px) {

  .hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) li>a,
  .hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) .blaettern li>.leer,
  .blaettern .hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) li>.leer {
    padding: 3px 10px 3px 10px !important;
  }
}

.hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) li.active {
  background: #f2f2f2 !important;
}

.hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) li.active>a,
.hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) .blaettern li.active>.leer,
.blaettern .hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) li.active>.leer,
.hori.freenav .navi .top-bar .top-bar-section ul:not(.nav3) li.active>a:hover {
  color: #bfbfbf !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  filter: Alpha(opacity=100);
  opacity: 1;
  moz-opacity: 1;
}

@media only screen and (min-width: 951px) {
  .hori.freenav .navi .top-bar .top-bar-section ul.left li:not(.active):first-child {
    margin-left: -8px;
  }
}

@media only screen and (min-width: 1201px) {
  .hori.freenav .navi .top-bar .top-bar-section ul.left li:not(.active):first-child {
    margin-left: -10px;
  }
}

.hori.freenav .navi .top-bar .top-bar-section .sub {
  float: left;
  width: 100%;
  background: #f2f2f2 !important;
  border: none !important;
}

.hori.freenav .navi .top-bar .top-bar-section .sub.sub2 {
  background: #e6e6e6 !important;
}

.hori.freenav .navi .top-bar .top-bar-section .sub ul.nav3 {
  border-bottom: none;
  background: transparent !important;
}

.hori.freenav .navi .top-bar .top-bar-section .sub ul.nav3 li a,
.hori.freenav .navi .top-bar .top-bar-section .sub ul.nav3 li .blaettern .leer,
.blaettern .hori.freenav .navi .top-bar .top-bar-section .sub ul.nav3 li .leer {
  padding: 10px 13px 7px 13px;
}

.usernavi {
  background: #ff8400;
  float: right;
  width: 100%;
}

@media only screen and (max-width: 950px) {
  .usernavi .navicol {
    padding: 0 !important;
  }
}

.usernavi ul {
  padding: 8px 0;
  float: right;
  color: #FFFFFF;
  margin: 0;
  /* font-size: 0.8rem; */
}

.usernavi ul.bez {
  float: left;
  font-size: 14px;
}

.usernavi ul li {
  display: inline-block;
  list-style-type: none;
  padding: 0 10px;
}

.usernavi ul li:not(:last-child) {
  border-right: 1px solid #ffb566;
}

.usernavi ul li a,
.usernavi ul li .blaettern .leer,
.blaettern .usernavi ul li .leer {
  color: #FFFFFF;
}

.usernavi ul li a:hover,
.usernavi ul li .blaettern .leer:hover,
.blaettern .usernavi ul li .leer:hover {
  text-decoration: underline;
}

.usernavi ul li a.rex-current,
.usernavi ul li .blaettern .rex-current.leer,
.blaettern .usernavi ul li .rex-current.leer {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
}

a.mein_qp,
.blaettern .mein_qp.leer {
  float: right;
  margin-left: 6px;
}


@media only screen and (max-width: 480px) {

  a.mein_qp,
  .blaettern .mein_qp.leer {
    width: 100%;
    text-align: center;
    margin-left: 0;
  }
}

a.mein_qp.narrow img,
.blaettern .mein_qp.narrow.leer img {
  margin-top: -3px;
}

@media only print {

  /* set URL after links */
  a[href]:after,
  .blaettern [href].leer:after {
    content: " ";
  }

  body.main {
    margin: 0;
    padding: 0 0 0 0;
  }

  body.main #content {
    margin: 0 0 0 0;
    padding: 0 0 30px 0;
    min-height: 0;
  }

  footer {
    padding: 10px 25px;
  }

  .l_fade_in {
    opacity: 1 !important;
  }
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url("../resources/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../resources/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../resources/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../resources/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../resources/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../resources/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.2857142857em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}

.fa-ul>li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.8571428571em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: 0.3em;
}

.fa.fa-pull-right {
  margin-left: 0.3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}

.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}

.fa-won:before,
.fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-handshake-o:before {
  content: "\f2b5";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-o:before {
  content: "\f2b7";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-book-o:before {
  content: "\f2ba";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-circle-o:before {
  content: "\f2be";
}

.fa-user-o:before {
  content: "\f2c0";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-eercast:before {
  content: "\f2da";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-snowflake-o:before {
  content: "\f2dc";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-meetup:before {
  content: "\f2e0";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.debug {
  position: relative;
  width: 100%;
  float: left;
  min-height: 100px;
  border: 2px solid red;
  font-size: 12px;
  background: #F2F2F2;
}

.debug::before {
  content: "DEBUG";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  background: red;
  color: white;
  padding: 2px 10px;
}

.debug .debug0,
.debug .debug1,
.debug .debug2 {
  float: left;
  width: 50%;
  padding: 10px;
}

.debug .debug0 span,
.debug .debug1 span,
.debug .debug2 span {
  width: 65px;
  padding: 0 3px;
  display: inline-block;
  text-align: right;
}

.debug .debug0 {
  width: 100%;
  font-size: 14px;
  border-bottom: 1px solid #CCC;
}

.debug .debug1 {
  border-right: 1px solid #CCC;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  height: auto;
  overflow-y: scroll;
  font-size: 13px;
}

.clear {
  clear: both;
}

a:focus,
.blaettern .leer:focus {
  outline: none;
}

.hinweis_offline {
  color: #FFF;
  background: #cc0000;
  text-align: center;
  padding: 2px 0;
}

/* .red {
  color: #f63c3c;
}

.green {
  color: #43d336;
}

.green imput {
  color: #43d336;
}

.darkgreen,
input[type=text].darkgreen {
  color: #0e9700;
}

.yellow {
  color: #ffc42d;
}


.blue {
  color: #004c80;
} */

.abs,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .antwort {
  position: absolute;
  z-index: 11;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.lupe:before {
  position: absolute;
  right: 0px;
  bottom: 5px;
  content: "\f002";
  font-size: 18px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  color: #cccccc;
  font-family: FontAwesome;
  background: #FFFFFF;
}

.lupe:hover:before {
  color: #b3b3b3;
}

.lupe:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  filter: Alpha(opacity=80);
  opacity: 0.8;
  moz-opacity: 0.8;
}

.angebot .lupe::before {
  bottom: 30px;
}

#content select {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+") !important;
  background-position: 100% center !important;
  background-repeat: no-repeat !important;
}


.warnung,
.rex-yform .alert,
.nf_head .hl_filter_aktiv,
.warning,
.greybox.redbox {
  background: var(--light_red);
  padding: 5px 15px;
  border: 2px solid var(--dark_red);
}

.warnung.light,
.rex-yform .light.alert,
.nf_head .light.hl_filter_aktiv {
  background: var(--light_red);
  border: 2px solid var(--dark_red);
}

.warnung.speicher,
.rex-yform .speicher.alert,
.nf_head .speicher.hl_filter_aktiv {
  margin-bottom: 20px;
  padding-top: 10px;
  text-align: center;
}

.warnung.speicher a,
.rex-yform .speicher.alert a,
.nf_head .speicher.hl_filter_aktiv a,
.warnung.speicher .blaettern .leer,
.rex-yform .speicher.alert .blaettern .leer,
.nf_head .speicher.hl_filter_aktiv .blaettern .leer,
.blaettern .warnung.speicher .leer,
.blaettern .rex-yform .speicher.alert .leer,
.rex-yform .blaettern .speicher.alert .leer,
.blaettern .nf_head .speicher.hl_filter_aktiv .leer,
.nf_head .blaettern .speicher.hl_filter_aktiv .leer {
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 8px 10px 5px;
  color: #FFFFFF !important;
}

.warnung.speicher.small,
.rex-yform .speicher.small.alert,
.nf_head .speicher.small.hl_filter_aktiv {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0px;
}

.warnung.speicher.in_grafik,
.rex-yform .speicher.in_grafik.alert,
.nf_head .speicher.in_grafik.hl_filter_aktiv {
  padding-bottom: 10px;
}

.stoerer {
  position: relative;
  float: right;
  z-index: 10;
  margin: -160px -25px 15px 15px;
}

@media only screen and (max-width: 1439px) {
  .stoerer {
    margin-right: -15px;
  }
}

@media only screen and (max-width: 1279px) {
  .stoerer {
    margin-top: -95px;
  }
}

@media only screen and (max-width: 950px) {
  .stoerer {
    margin-right: 0;
  }
}

@media only screen and (max-width: 860px) {
  .stoerer {
    margin-top: -65px;
  }
}

.postit_is {
  position: absolute;
  right: 170px;
  top: 10px;
  z-index: 10;
}

@media only screen and (max-width: 950px) {
  .postit_is {
    right: 40px;
    width: 200px;
  }
}

@media only screen and (max-width: 540px) {
  .postit_is {
    right: 20px;
    top: 65px;
    width: 170px;
  }

  .postit_is:not(.page_281) {
    display: none;
  }
}

.flLeft {
  float: left !important;
}

.flRight {
  float: right !important;
}

img.flLeft {
  margin: 0 15px 15px 0;
}

img.flRight {
  margin: 0 0 15px 20px;
}

.img.flLeft {
  margin: 0 15px 15px 0;
}

.img.flRight {
  margin: 0 0 15px 20px;
}

.img.voll {
  width: 100%;
  margin: 0 0 12px 0 !important;
}

.img.zweidr {
  width: 66%;
}

.img.halb {
  width: 47.5%;
}

.img.drittel {
  width: 32%;
}

.img.viertel {
  width: 24%;
}

.img.box {
  background: #e6e6e6;
  padding: 5px;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2) !important;
}

/* Trennlinie */
.bigborder {
  clear: both;
  margin: 0.625rem 1.25rem;
  border-bottom: 3px solid var(--activ_blue);
}

.row .bigborder {
  margin: 0.625rem 0rem;
}

.bbottom3 {
  border-bottom: 3px solid #FFFFFF;
}

#topscroll {
  position: fixed;
  z-index: 2000;
  left: 50%;
  margin-left: -25px;
  bottom: -100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

#topscroll.show {
  bottom: 10px;
}

#topscroll a.scroll_link,
#topscroll .blaettern .scroll_link.leer,
.blaettern #topscroll .scroll_link.leer {
  text-align: center;
  width: 50px;
  height: 50px;
  -webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.3) !important;
}

#topscroll a.scroll_link:before,
#topscroll .blaettern .scroll_link.leer:before,
.blaettern #topscroll .scroll_link.leer:before {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  content: "\f106";
  font-family: FontAwesome;
  font-size: 34px;
  line-height: 45px;
  color: #333333;
}

#topscroll a.scroll_link:hover,
#topscroll .blaettern .scroll_link.leer:hover,
.blaettern #topscroll .scroll_link.leer:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  filter: Alpha(opacity=100);
  opacity: 1;
  moz-opacity: 1;
}

#topscroll a.scroll_link:hover:before,
#topscroll .blaettern .scroll_link.leer:hover:before,
.blaettern #topscroll .scroll_link.leer:hover:before {
  color: #FFFFFF;
  line-height: 20px;
}

img {
  font-size: 12px;
  line-height: 15px;
  color: #999999;
}

.hidden,
[data-hidden="true"] {
  display: none !important;
}

.sticky_wrapper {
  position: relative;
  min-height: 35px;
}

.sticky_nav {
  position: relative;
  left: auto;
}

.sticky_nav .sticky_container {
  max-width: 68.5rem;
}

@media only screen and (max-width: 1230px) {
  .sticky_nav .sticky_container {
    max-width: 58rem;
  }
}

@media only screen and (max-width: 650px) {
  .sticky_nav .sticky_container {
    max-width: 68.75rem;
  }
}

.sticky_nav.fixed {
  position: fixed;
  margin-left: -10px;
  padding: 5px 10px 5px 10px;
  background: #fafafa;
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) !important;
}

@media only screen and (max-width: 650px) {

  .sticky_nav a,
  .sticky_nav .blaettern .leer,
  .blaettern .sticky_nav .leer {
    /* font-size: 0.8rem; */
  }
}

.sticky_anchor {
  position: relative;
  height: 0;
  overflow: hidden;
  margin: -45px 0 45px 0;
}

@media only screen and (max-width: 650px) {
  .sticky_anchor {
    margin: -65px 0 65px 0;
  }
}

.mtop15 {
  margin-top: 15px !important;
}

.mtop20 {
  margin-top: 20px !important;
}

.mbottom10 {
  margin-bottom: 10px !important;
}

.row_100 {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.row_100 .innerrow {
  width: 100%;
  max-width: 83.75rem;
  margin: 0 auto;
}

.row_100 .main_content {
  padding-top: 0 !important;
}

.mks_frame {
  padding: 0 20px;
}

#header {
  display: block;
  width: 100%;
  float: left;
  height: 110px;
  background: #214067;
  background: linear-gradient(#214067, #152841);
  margin-top: 0;
}

#header .logo {
  display: block;
  float: left;
}

#header .logo.pv_de {
  width: 196px;
  margin: 30px 10px 10px 0px;
}

@media only screen and (max-width: 59.375em) {
  #header .logo.pv_de {
    width: 182px;
    margin: 39px 10px 10px -10px;
  }
}

#header .logo.ews {
  margin: 26px 10px 10px 0px;
}

#header .logo.qc {
  margin: 55px 10px 10px 0;
  width: 290px;
}

#header .logo.qp {
  position: absolute;
  width: 220px;
  margin: 0 !important;
  right: auto;
  left: 230px;
  top: 31px;
}

@media only screen and (max-width: 680px) {
  #header .logo.qp {
    display: none;
  }
}

#header #save {
  position: absolute;
  right: 20px;
  top: 10px;
}

#header.efixed {
  margin-top: 40px;
}

.ss_anspr_deckel {
  position: fixed;
  z-index: 2001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.ss_anspr {
  position: fixed;
  -webkit-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5) !important;
  -moz-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5) !important;
  z-index: 2002;
  transition: right 0.3s ease-in-out;
  background: #4d4d4d;
  border: 5px solid #b3b3b3;
  color: #FFFFFF;
  top: 200px;
  min-height: 400px;
  right: -10px;
  width: 1020px;
  padding-left: 50px;
}

.ss_anspr p,
.ss_anspr h1,
.ss_anspr h2,
.ss_anspr h3.bigger,
.ss_anspr ul.katlist li>a.bigger,
.ss_anspr ul.katlist .blaettern li>.bigger.leer,
.blaettern .ss_anspr ul.katlist li>.bigger.leer,
ul.katlist .ss_anspr li>a.bigger,
ul.katlist .ss_anspr .blaettern li>.bigger.leer,
.blaettern ul.katlist .ss_anspr li>.bigger.leer,
.ss_anspr h4.bigger,
.ss_anspr ul.katlist li ul li a.bigger,
.ss_anspr ul.katlist li ul li .blaettern .bigger.leer,
.blaettern .ss_anspr ul.katlist li ul li .bigger.leer,
ul.katlist li ul li .ss_anspr a.bigger,
ul.katlist li ul li .ss_anspr .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .ss_anspr .bigger.leer {
  color: #FFFFFF !important;
}

.ss_anspr a,
.ss_anspr .blaettern .leer,
.blaettern .ss_anspr .leer,
.ss_anspr a:link {
  color: #67b9ff !important;
  text-decoration: underline !important;
}

.ss_anspr a:hover,
.ss_anspr .blaettern .leer:hover,
.blaettern .ss_anspr .leer:hover,
.ss_anspr a:link:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
}

.ss_anspr.closed {
  right: -970px;
}

.ss_anspr.begin {
  right: -1050px;
}

.ss_anspr:hover .ss_anspr_head::before,
.ss_anspr :not(.closed) .ss_anspr_head::before {
  color: #FFFFFF;
}

.ss_anspr .ss_anspr_data {
  min-height: 400px;
  width: 980px;
  padding: 10px 20px 20px 20px;
  float: left;
  border-left: 1px solid #999999;
}

.ss_anspr .ss_anspr_backgr {
  position: absolute;
  z-index: 1;
  width: 25px;
  height: 25px;
  top: 15px;
  right: 15px;
}

.ss_anspr .ss_anspr_backgr .fa {
  font-size: 22px;
}

.ss_anspr .ss_anspr_backgr:hover {
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
}

.ss_anspr .ss_anspr_head {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  cursor: pointer;
  text-transform: uppercase;
}

.ss_anspr .ss_anspr_head::after {
  content: "\f095";
  color: #ffc42d;
  font-family: FontAwesome;
  font-size: 36px;
  position: absolute;
  left: 10px;
  bottom: 5px;
}

.ss_anspr .ss_anspr_head .flag {
  position: absolute;
  left: 12px;
  top: 10px;
}

.ss_anspr .ss_anspr_head span {
  position: absolute;
  z-index: 0;
  top: 170px;
  left: -125px;
  transform: rotate(-90deg);
  /* font-family: "Roboto Condensed", sans-serif; */
  font-size: 25px;
  width: 300px;
  height: 40px;
  text-align: center;
}

@media (max-width: 950px) {
  .ss_anspr {
    transition: bottom 0.3s ease-in-out;
    width: 96%;
    height: 570px;
    padding-left: 0px;
    padding-top: 45px;
    padding-bottom: 20px;
    top: auto !important;
    right: 2% !important;
    bottom: -10px;
  }

  .ss_anspr.closed {
    bottom: -520px;
  }

  .ss_anspr.begin {
    bottom: -570px;
  }

  .ss_anspr .ss_anspr_head {
    width: 100%;
    height: 45px;
    cursor: pointer;
    text-transform: uppercase;
  }

  .ss_anspr .ss_anspr_head::after {
    content: "\f095";
    color: #ffc42d;
    font-family: FontAwesome;
    font-size: 36px;
    position: absolute;
    left: auto;
    bottom: auto;
    top: -4px;
    right: 15px;
  }

  .ss_anspr .ss_anspr_head span {
    top: 6px;
    left: -9px;
    width: 100%;
    font-size: 22px;
    transform: rotate(0deg);
  }

  .ss_anspr .ss_anspr_backgr {
    top: 60px;
    right: 10px;
  }

  .ss_anspr .ss_anspr_data {
    width: 100%;
    padding: 10px 10px 10px 10px;
    border-top: 1px solid #999999;
    border-left: none;
  }

  .ss_anspr .ss_anspr_data h1,
  .ss_anspr .ss_anspr_data h2.bigger,
  .ss_anspr .ss_anspr_data h3.bigger,
  .ss_anspr .ss_anspr_data ul.katlist li>a.bigger,
  .ss_anspr .ss_anspr_data ul.katlist .blaettern li>.bigger.leer,
  .blaettern .ss_anspr .ss_anspr_data ul.katlist li>.bigger.leer,
  ul.katlist .ss_anspr .ss_anspr_data li>a.bigger,
  ul.katlist .ss_anspr .ss_anspr_data .blaettern li>.bigger.leer,
  .blaettern ul.katlist .ss_anspr .ss_anspr_data li>.bigger.leer,
  .ss_anspr .ss_anspr_data h4.bigger,
  .ss_anspr .ss_anspr_data ul.katlist li ul li a.bigger,
  .ss_anspr .ss_anspr_data ul.katlist li ul li .blaettern .bigger.leer,
  .blaettern .ss_anspr .ss_anspr_data ul.katlist li ul li .bigger.leer,
  ul.katlist li ul li .ss_anspr .ss_anspr_data a.bigger,
  ul.katlist li ul li .ss_anspr .ss_anspr_data .blaettern .bigger.leer,
  .blaettern ul.katlist li ul li .ss_anspr .ss_anspr_data .bigger.leer {
    margin: 0px 0 10px 0px !important;
  }
}

@media (max-width: 950px) and (max-width: 450px) {
  .ss_anspr .ss_anspr_data {
    height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .ss_anspr .ss_anspr_data p {
    font-size: 0.75em !important;
    margin-bottom: 8px !important;
  }

  .ss_anspr .ss_anspr_data img.flLeft {
    max-width: 40% !important;
    margin-right: 8px !important;
  }

  .ss_anspr .ss_anspr_data img:not(.flLeft) {
    margin: auto !important;
    width: auto !important;
  }
}

body.is .searchicon {
  padding-right: 15px !important;
}

.lang_switch {
  position: absolute;
  z-index: 110;
  top: 100px !important;
  right: 18px !important;
  left: auto !important;
  display: flex;
  gap: 3px;
  align-items: center;
}

@media only screen and (max-width: 59.375em) {
  .lang_switch {
    right: auto;
    left: 10px;
    top: 119px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 950px) {
  .lang_switch {
    top: 110px !important;
    right: auto !important;
    left: 10px !important;
  }
}

@media only screen and (max-width: 400px) {
  .lang_switch {
    top: 112px !important;
    right: 3px !important;
    left: auto !important;
  }
}

@media only screen and (min-width: 951px) {
  .lang_switch.logged_in {
    left: auto !important;
    right: 20px !important;
  }

  .lang_switch .searchicon {
    padding-right: 15px;
  }

  .lang_switch .searchicon.intclass_2 {
    padding-right: 48px;
  }

  .lang_switch .searchicon.intclass_3 {
    padding-right: 48px;
  }

  .lang_switch .searchicon.intclass_4 {
    padding-right: 48px;
  }
}

.lang_switch>div.current {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  filter: Alpha(opacity=40);
  opacity: 0.4;
  moz-opacity: 0.4;
  background: transparent;
}

.lang_switch>div a:hover,
.lang_switch>div .blaettern .leer:hover,
.blaettern .lang_switch>div .leer:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  filter: Alpha(opacity=70);
  opacity: 0.7;
  moz-opacity: 0.7;
}

.lang_switch a#searchicon,
.lang_switch .blaettern #searchicon.leer,
.blaettern .lang_switch #searchicon.leer {
  display: block;
  width: 34px;
  text-decoration: none !important;
  color: white !important;
}

.lang_switch a#searchicon:before,
.lang_switch .blaettern #searchicon.leer:before,
.blaettern .lang_switch #searchicon.leer:before {
  content: "\f002";
  font-family: "FontAwesome";
  padding-left: 7px;
  font-size: 21px;
}

.lang_switch a#searchicon.open:before,
.lang_switch .blaettern #searchicon.open.leer:before,
.blaettern .lang_switch #searchicon.open.leer:before {
  content: "\f00d";
  padding-left: 9px;
}

@media only screen and (max-width: 950px) {
  .lang_switch div.searchicon {
    float: right;
  }
}

@media only screen and (max-width: 1279px) {
  .wideclass {
    width: 100% !important;
    left: auto !important;
  }
}

.login {
  position: absolute;
  top: 96px;
  right: 260px;
  z-index: 3000;
}

.login.intclass_2 {
  right: 293px;
}

.login.intclass_3 {
  right: 293px;
}

.login.intclass_4 {
  right: 293px;
}

@media only screen and (max-width: 950px) {
  .login {
    top: 99px;
    right: 42px !important;
  }
}

@media only screen and (max-width: 400px) {
  .login {
    top: 131px;
    right: 42px !important;
  }
}

.login a.login_open,
.login .blaettern .login_open.leer,
.blaettern .login .login_open.leer {
  float: right;
  padding: 7px 5px 7px 50px;
  color: #FFFFFF;
}

.login a.login_open:before,
.login .blaettern .login_open.leer:before,
.blaettern .login .login_open.leer:before {
  content: "\f023";
  font-family: "FontAwesome";
  font-size: 21px;
  padding-right: 8px;
}

.login .login_links {
  position: absolute;
  width: 300px;
  top: 45px;
  right: -42px !important;
  background: white;
  -webkit-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.2) !important;
}

@media only screen and (min-width: 951px) {
  .login .login_links {
    right: -220px !important;
  }
}

.login .login_links ul {
  margin: 0;
}

.login .login_links ul li {
  list-style-type: none;
  margin: 0;
}

.login .login_links ul li:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}

.login .login_links ul li:nth-child(2) {
  border-bottom: 3px solid #e6e6e6;
}

.login .login_links ul li:first-child:before {
  content: " ";
  position: absolute;
  right: 58px;
  top: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ffffff transparent;
}

@media only screen and (min-width: 951px) {
  .login .login_links ul li:first-child:before {
    right: 235px;
  }
}

.login .login_links ul li:hover {
  background: #f2f2f2;
}

.login .login_links ul li:hover:before {
  border-color: transparent transparent #f2f2f2 transparent;
}

.login .login_links ul li a,
.login .login_links ul li .blaettern .leer,
.blaettern .login .login_links ul li .leer {
  position: relative;
  display: block;
  background: transparent;
  padding: 15px 15px 15px 55px;
  color: #007fd7;
}

.login .login_links ul li.login_log a,
.login .login_links ul li.login_log .blaettern .leer,
.blaettern .login .login_links ul li.login_log .leer {
  font-size: 14px;
  font-weight: bold;
}

.login .login_links ul li.login_reg a,
.login .login_links ul li.login_reg .blaettern .leer,
.blaettern .login .login_links ul li.login_reg .leer {
  font-size: 13px;
}

.login .login_links ul li.login_pw a,
.login .login_links ul li.login_pw .blaettern .leer,
.blaettern .login .login_links ul li.login_pw .leer {
  font-size: 13px;
  text-align: right;
  text-decoration: underline;
}

.login .login_links ul li.login_pw a:hover,
.login .login_links ul li.login_pw .blaettern .leer:hover,
.blaettern .login .login_links ul li.login_pw .leer:hover {
  text-decoration: none;
}

.login .login_links ul li.login_log a:before,
.login .login_links ul li.login_log .blaettern .leer:before,
.blaettern .login .login_links ul li.login_log .leer:before {
  position: absolute;
  left: 20px;
  top: 6px;
  content: "\f023";
  font-family: "FontAwesome";
  font-size: 24px;
  color: #d9d9d9;
}

.login .login_links ul li.login_reg a:before,
.login .login_links ul li.login_reg .blaettern .leer:before,
.blaettern .login .login_links ul li.login_reg .leer:before {
  position: absolute;
  left: 18px;
  top: 6px;
  content: "\f044";
  font-family: "FontAwesome";
  font-size: 24px;
  color: #d9d9d9;
}

.login .login_links ul li.login_log a:hover:before,
.login .login_links ul li.login_log .blaettern .leer:hover:before,
.blaettern .login .login_links ul li.login_log .leer:hover:before,
.login .login_links ul li.login_reg a:hover:before,
.login .login_links ul li.login_reg .blaettern .leer:hover:before,
.blaettern .login .login_links ul li.login_reg .leer:hover:before {
  color: #32b026;
}

.message {
  background: #1b3454;
  height: auto;
  padding: 50px;
  text-align: center;
}

.message p {
  color: #FFFFFF;
}

.message .ews {
  margin: 30px 0 0 0;
}

.message .qc {
  margin: 10px 0 30px 0;
}

.hline {
  clear: both;
  height: 30px;
  border-bottom: 1px solid #DDDDDD;
  margin: 0px 1.25rem 30px 1.25rem;
}

.abst {
  clear: both;
  height: 50px;
}

#content {
  position: relative;
  float: left;
  width: 100%;
  min-height: 500px;
  background: white;
}

#content .content {
  padding-bottom: 50px;
}

#content .section.mt {
  margin: 50px 0 0 0;
}

#content .section.mb {
  margin: 0 0 30px 0;
}

#content .section.mtb {
  margin: 50px 0 30px 0;
}

#content .main_content {
  display: block;
  padding: 20px 0 0 0;
  /* min-height: 420px; */
}

#content .main_content .auswahl_qs_qc {
  display: flex;
  justify-content: space-between;
  position: relative;
}

@media (max-width: 950px) {
  #content .main_content .auswahl_qs_qc {
    flex-direction: column;
  }

  #content .main_content .auswahl_qs_qc .middle_line {
    display: none;
  }

  #content .main_content .auswahl_qs_qc>.columns {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
  }
}

#content .main_content .auswahl_qs_qc::before,
#content .main_content .auswahl_qs_qc::after {
  display: none;
}

#content .main_content .auswahl_qs_qc .middle_line {
  position: absolute;
  left: 50%;
  height: 95%;
}

#content .main_content .auswahl_qs_qc .section .row ul li {
  font-size: 17px !important;
}

#content .main_content .auswahl_qs_qc~.section .row p {
  display: flex;
  justify-content: center;
  align-items: center;
}

#content .notsign {
  z-index: 10;
  position: absolute;
  top: 130px;
  left: 50%;
  width: 400px;
  height: 400px;
  margin-left: -200px;
}

#content .notsign.lang1 {
  background: url("../pics/not.png") no-repeat left top;
}

#content .notsign.lang2 {
  background: url("../pics/not_dk.png") no-repeat left top;
}

#content .notsign.lang3 {
  background: url("../pics/not_en.png") no-repeat left top;
}

#content .notsign.lang4 {
  background: url("../pics/not_se.png") no-repeat left top;
}

#content .main_content.not {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  filter: Alpha(opacity=40);
  opacity: 0.4;
  moz-opacity: 0.4;
}

#content .border {
  border-right: 1px solid #ccc;
}

#content .borderright {
  border-right: 1px solid #ccc;
}

#content .borderleft {
  border-left: 1px solid #ccc;
}

.logoleiste {
  float: left;
  width: 100%;
  background: var(--activ_blue);
  padding: 10px 20px;
  position: sticky;
  z-index: 1000;
}

.logoleiste .logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1600px;
  margin: 0 auto;
}

.logoleiste .logos .logo_herst {
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
  text-align: center;
  flex: 0 0 10%;
}

@media (min-width: 420px) {
  .logoleiste .logos .logo_herst {
    flex: 0 0 33%;
  }
}

@media (min-width: 520px) {
  .logoleiste .logos .logo_herst {
    flex: 0 0 14%;
  }
}

@media (min-width: 640px) {
  .logoleiste .logos .logo_herst {
    flex: 0 0 14%;
  }
}

@media (min-width: 840px) {
  .logoleiste .logos .logo_herst {
    flex: 0 0 9%;
  }
}

@media (min-width: 1100px) {
  .logoleiste .logos .logo_herst {
    flex: 0 0 9%;
  }
}

@media (min-width: 1300px) {
  .logoleiste .logos .logo_herst {
    flex: 0 0 9%;
  }
}

.logoleiste .logos a:hover img,
.logoleiste .logos .blaettern .leer:hover img,
.blaettern .logoleiste .logos .leer:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  filter: Alpha(opacity=70);
  opacity: 0.7;
  moz-opacity: 0.7;
}

#footer,
.sitemap,
#footer_end {
  float: left;
  width: 100%;
  padding: 40px 0px 200px 0px;
  background: #eeeeee;
  color: #999999;
  text-align: center;
  font-size: 12px;
}

#footer a,
#footer .blaettern .leer,
.blaettern #footer .leer,
.sitemap a,
.sitemap .blaettern .leer,
.blaettern .sitemap .leer,
#footer_end a,
#footer_end .blaettern .leer,
.blaettern #footer_end .leer {
  color: #999999;
  text-decoration: underline;
}

#footer a.current,
#footer .blaettern .current.leer,
.blaettern #footer .current.leer,
.sitemap a.current,
.sitemap .blaettern .current.leer,
.blaettern .sitemap .current.leer,
#footer_end a.current,
#footer_end .blaettern .current.leer,
.blaettern #footer_end .current.leer,
#footer a:hover,
#footer .blaettern .leer:hover,
.blaettern #footer .leer:hover,
.sitemap a:hover,
.sitemap .blaettern .leer:hover,
.blaettern .sitemap .leer:hover,
#footer_end a:hover,
#footer_end .blaettern .leer:hover,
.blaettern #footer_end .leer:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
}

#footer_end {
  padding: 40px 0px 40px 0px;
  font-size: 11px;
}

.sitemap {
  text-align: left !important;
  /* font-family: "Roboto Condensed", sans-serif; */
  padding-bottom: 100px;
  position: sticky;
  z-index: 1000;
}

.sitemap a,
.sitemap .blaettern .leer,
.blaettern .sitemap .leer {
  text-decoration: none;
  color: gray;
}

.sitemap a:hover,
.sitemap .blaettern .leer:hover,
.blaettern .sitemap .leer:hover {
  text-decoration: underline;
  color: #333333;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  filter: Alpha(opacity=100);
  opacity: 1;
  moz-opacity: 1;
}

.sitemap ul {
  margin: 5px 20px 10px 0 !important;
}

.sitemap li {
  list-style-type: none;
  line-height: 1.2;
  padding: 2px 0;
}

.sitemap ul.sm1 li {
  /* font-size: 1rem; */
  font-weight: 600;
  border-bottom: 2px solid #cccccc;
}

.sitemap ul.sm2 li {
  /* font-size: 0.8rem; */
  font-weight: 400;
}

.sitemap ul.sm2 li ul.sm3 li {
  font-weight: 300;
  font-size: 0.75rem;
}

.sitemap span.video {
  margin: 3px -5px -3px 0;
}

@media only screen and (min-width: 951px) {
  .sitemap span.video {
    margin: 3px -5px -3px -24px;
  }
}

@media only screen and (max-width: 400px) {
  .sitemap .wide {
    width: 100% !important;
  }
}

.qp_frame {
  width: 990px;
  display: block;
  margin-left: -35px;
  max-width: 105%;
  overflow: auto;
}

.qp_frame2 {
  margin-left: -20px;
  margin-right: -20px;
}

h4,
ul.katlist li ul li a,
ul.katlist li ul li .blaettern .leer,
.blaettern ul.katlist li ul li .leer {
  /* font-family: "Roboto Condensed", sans-serif; */
  /* font-weight: 400; */
  /* font-size: 1em; */
  line-height: 1.2em;
  margin: 10px 0 10px 0px;
  color: var(--black);
}

.topline {
  margin: 23px 0px -23px 0px;
  font-size: 1.05rem;
  color: #004c80;
}

.topline.inbox {
  margin: 23px 0px -15px 0px;
  /* font-size: 0.8rem; */
}

.subline {
  margin: -25px 0px 20px 0px;
  font-size: 16px;
  font-weight: 300;
  color: #999999;
}

.hinweis.small,
.weiterbutts .small.pfeilnavi_hinweis,
.form-group.form-captcha label.small {
  /* font-size: 0.7rem !important; */
}

.hinweis.red,
.weiterbutts .red.pfeilnavi_hinweis,
.form-group.form-captcha label.red {
  color: #f63c3c;
}

.hinweis.ptop,
.weiterbutts .ptop.pfeilnavi_hinweis,
.form-group.form-captcha label.ptop {
  padding-top: 10px;
}

p.einzug,
.section td.einzug {
  margin: 0px 64px 16px 0px;
}

p.klein,
.section td.klein {
  margin: 0px 15px 10px 0px;
  font-size: 15px !important;
  line-height: 1.3;
}

p.achtung,
.section td.achtung {
  color: #f63c3c !important;
  font-weight: 400 !important;
}

p.beschr,
.section td.beschr {
  margin: 5px 15px 5px 0px;
  font-size: 11px !important;
  line-height: 1.3;
}

.section td {
  padding: 0 5px;
}

.section td p {
  margin-bottom: 0 !important;
}

span.small {
  font-size: 12px;
}

.smaller p:not(.beschr):not(.topline) {
  font-size: 0.8rem !important;
  line-height: 1.3;
  color: #666666;
}

.smaller h2:not(.inbox),
.smaller h3.bigger:not(.inbox),
.smaller ul.katlist li>a.bigger:not(.inbox),
.smaller ul.katlist .blaettern li>.bigger.leer:not(.inbox),
.blaettern .smaller ul.katlist li>.bigger.leer:not(.inbox),
ul.katlist .smaller li>a.bigger:not(.inbox),
ul.katlist .smaller .blaettern li>.bigger.leer:not(.inbox),
.blaettern ul.katlist .smaller li>.bigger.leer:not(.inbox),
.smaller h4.bigger:not(.inbox),
.smaller ul.katlist li ul li a.bigger:not(.inbox),
.smaller ul.katlist li ul li .blaettern .bigger.leer:not(.inbox),
.blaettern .smaller ul.katlist li ul li .bigger.leer:not(.inbox),
ul.katlist li ul li .smaller a.bigger:not(.inbox),
ul.katlist li ul li .smaller .blaettern .bigger.leer:not(.inbox),
.blaettern ul.katlist li ul li .smaller .bigger.leer:not(.inbox) {
  margin: 0px 0 20px 0px;
}

.smaller h3:not(.inbox),
.smaller ul.katlist li>a:not(.inbox),
.smaller ul.katlist .blaettern li>.leer:not(.inbox),
.blaettern .smaller ul.katlist li>.leer:not(.inbox),
ul.katlist .smaller li>a:not(.inbox),
ul.katlist .smaller .blaettern li>.leer:not(.inbox),
.blaettern ul.katlist .smaller li>.leer:not(.inbox),
.smaller h4.bigger:not(.inbox),
.smaller ul.katlist li ul li a.bigger:not(.inbox),
.smaller ul.katlist li ul li .blaettern .bigger.leer:not(.inbox),
.blaettern .smaller ul.katlist li ul li .bigger.leer:not(.inbox),
ul.katlist li ul li .smaller a.bigger:not(.inbox),
ul.katlist li ul li .smaller .blaettern .bigger.leer:not(.inbox),
.blaettern ul.katlist li ul li .smaller .bigger.leer:not(.inbox) {
  margin: 14px 0 12px 0px;
}

span.klein {
  font-size: 13px;
}

.main_content ul li,
.main_content ol li {
  padding: 4px 20px 4px 5px;
}

@media only screen and (min-width: 951px) {
  .shifth2 {
    margin-top: -60px;
  }

  .shifth3 {
    margin-top: -55px;
  }
}

@media only screen and (min-width: 951px) and (max-width: 1100px) {
  .shifth2 {
    margin-top: -55px;
  }

  .shifth3 {
    margin-top: -52px;
  }
}

label.code {
  padding: 0 8px;
  font-weight: 700;
  background: #5386df;
  color: #FFFFFF;
}

code {
  width: 100%;
  display: block;
}

.pos {
  color: #32b026;
}

.pos:before {
  content: "\f055";
  font-family: "FontAwesome";
  font-size: 21px;
  margin: -4px 16px 0 0;
  display: block;
  float: left;
}

.neg {
  color: #f63c3c;
}

.neg:before {
  content: "\f056";
  font-family: "FontAwesome";
  font-size: 21px;
  margin: -4px 16px 0 0;
  display: block;
  float: left;
}

.schw {
  color: #FFFFFF;
  padding: 10px 20px 5px 20px;
  font-weight: bold;
  font-size: 16px;
  margin-left: -20px;
}

.schw.leicht {
  background: #32b026;
}

.schw.mittel {
  background: #ffc42d;
}

.schw.schwer {
  background: #f63c3c;
}

.testlink {
  text-align: right;
}

.testlink span {
  font-weight: bold;
  padding-right: 10px;
}

.a_button_yellow,
.rex-yform button,
.search .search_it-button,
a.mein_qp,
.blaettern .mein_qp.leer {
  border: none;
  color: var(--activ_blue);
  border-bottom: 1px solid var(--activ_blue);
  /* background: #ffc42d;
  background: linear-gradient(#ffc42d, #ffbe19); */
}


.a_button_yellow:hover,
.rex-yform button:hover,
.search .search_it-button:hover,
a.mein_qp:hover,
.blaettern .mein_qp.leer:hover {
  /* color: #000000; */
  border: none;
}

.a_button_smaller,
.rex-yform button {
  border: none;
  padding: 8px 20px;
  margin: 3px 0;
}

a.bigger,
.blaettern .bigger.leer {
  font-size: 16px;
  line-height: 1.2;
}

a.biggest,
.blaettern .biggest.leer {
  margin: 20px 30px;
  display: block;
  font-size: 25px;
}

a.mengenbutt,
.blaettern .mengenbutt.leer {
  text-decoration: none !important;
  display: block;
  float: right;
  padding: 2px 3px 0px 3px;
}

a.mengenbutt:before,
.blaettern .mengenbutt.leer:before {
  color: #666666;
  font-size: 21px;
  font-family: FontAwesome;
}

a.mengenbutt.plus:before,
.blaettern .mengenbutt.plus.leer:before {
  content: "\f055";
}

a.mengenbutt.minus:before,
.blaettern .mengenbutt.minus.leer:before {
  content: "\f056";
}

a.mengenbutt:hover,
.blaettern .mengenbutt.leer:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
}

a.mengenbutt.inactive,
.blaettern .mengenbutt.inactive.leer {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
  cursor: default;
}

.paketauswahl {
  display: block;
  padding: 10px 0 0 0;
  height: 62px;
}

.paketauswahl .haken,
.paketauswahl .haken_small {
  margin: 0 7px 0 3px;
}

@media only screen and (min-width: 1001px) {

  .paketauswahl .haken,
  .paketauswahl .haken_small {
    margin-left: -36px;
  }
}

.paketauswahl .topline {
  margin: 0px 0px 0 0px;
  /* font-size: 1rem; */
  font-weight: 700;
}

.paketauswahl.checked {
  background: #404040;
}

.paketauswahl.checked .topline {
  color: #f6f9fd;
}

.paketauswahl.unchecked {
  background: #404040;
}

.paketauswahl.unchecked .topline {
  color: #f6f9fd;
}

.paketauswahl .green {
  color: #6add5f;
}

.paketauswahl p {
  margin: 0;
}

.paketauswahl a.paketbutt,
.paketauswahl .blaettern .paketbutt.leer,
.blaettern .paketauswahl .paketbutt.leer {
  margin: 0;
}

.paketauswahl a.paketbutt.add,
.paketauswahl .blaettern .paketbutt.add.leer,
.blaettern .paketauswahl .paketbutt.add.leer {
  background-image: url("../pics/haken.png"), linear-gradient(#53d746, #37c12a);
  background-repeat: no-repeat, repeat;
  background-position: -28px 3px, 0 0;
  padding: 11px 20px 11px 35px;
}

.paketauswahl a.paketbutt.remove,
.paketauswahl .blaettern .paketbutt.remove.leer,
.blaettern .paketauswahl .paketbutt.remove.leer {
  font-weight: 400;
  color: white;
  background-image: url("../pics/haken.png");
  background-repeat: no-repeat;
  background-position: right -87px;
  padding: 3px 22px 3px 20px;
  margin-top: 20px;
  border: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.paketauswahl a.paketbutt.remove:hover,
.paketauswahl .blaettern .paketbutt.remove.leer:hover,
.blaettern .paketauswahl .paketbutt.remove.leer:hover {
  background-color: transparent;
}

.meldung {
  /* font-size: 0.8rem; */
  color: #f98585;
  font-weight: 400;
}

.meldung .paket {
  font-weight: 700;
}

.navdeckel {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10000;
}

.haken,
.haken_small {
  cursor: pointer;
  z-index: 100;
  display: block;
  position: relative;
  float: left;
  margin: 0px 10px 0 0;
  width: 30px;
  height: 30px;
  background-image: url("../pics/haken.png");
  background-repeat: no-repeat;
}

.haken.empty,
.empty.haken_small {
  background-position: left top;
}

.haken.checked,
.checked.haken_small {
  background-position: left -30px;
}

.haken.unchecked,
.unchecked.haken_small {
  background-position: left -60px;
}

.paketauswahl.eingabe .haken,
.paketauswahl.eingabe .haken_small {
  cursor: default;
}

.haken_small {
  position: absolute;
  margin: 0;
  right: 0;
  top: 0;
}

.haken_small.empty {
  background-position: 1000px top;
}

.haken_small.checked {
  background-position: -30px 0;
}

.haken_small.unchecked {
  background-position: -30px -120px;
}

.main_content .kasten .aframe {
  position: relative;
}

.main_content .kasten a,
.main_content .kasten .blaettern .leer,
.blaettern .main_content .kasten .leer {
  z-index: 10;
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none !important;
}

.main_content .kasten a.video>span:not(.highlight),
.main_content .kasten .blaettern .video.leer>span:not(.highlight),
.blaettern .main_content .kasten .video.leer>span:not(.highlight) {
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(../pics/haken.png);
  background-position: 16px -413px;
  background-repeat: no-repeat;
  display: block;
  width: 70px;
  height: 50px;
  position: absolute;
  right: 10px;
  bottom: 50px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

.main_content .kasten .linksatz {
  z-index: 10;
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
}

.main_content .kasten .header {
  background: #EEEEEE;
  background: linear-gradient(#EEEEEE, #DDDDDD);
  /* font-size: 0.8rem; */
  padding: 6px 10px;
}

.main_content .kasten .header .haken,
.main_content .kasten .header .haken_small {
  position: relative;
  float: right;
  margin: 0px;
}

.main_content .kasten .header .topline {
  margin: 0;
  /* font-size: 0.8rem; */
  padding: 2px 0 0 0;
  color: #004c80;
  color: #999999;
}

.main_content .kasten .header h2,
.main_content .kasten .header h3.bigger,
.main_content .kasten .header ul.katlist li>a.bigger,
.main_content .kasten .header ul.katlist .blaettern li>.bigger.leer,
.blaettern .main_content .kasten .header ul.katlist li>.bigger.leer,
ul.katlist .main_content .kasten .header li>a.bigger,
ul.katlist .main_content .kasten .header .blaettern li>.bigger.leer,
.blaettern ul.katlist .main_content .kasten .header li>.bigger.leer,
.main_content .kasten .header h4.bigger,
.main_content .kasten .header ul.katlist li ul li a.bigger,
.main_content .kasten .header ul.katlist li ul li .blaettern .bigger.leer,
.blaettern .main_content .kasten .header ul.katlist li ul li .bigger.leer,
ul.katlist li ul li .main_content .kasten .header a.bigger,
ul.katlist li ul li .main_content .kasten .header .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .main_content .kasten .header .bigger.leer {
  clear: left;
  margin: 0 !important;
  color: #333333;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0px 0 8px 0px;
  line-height: 1.3rem;
}

.main_content .kasten .header h2.smaller,
.main_content .kasten .header h3.smaller.bigger,
.main_content .kasten .header ul.katlist li>a.smaller.bigger,
.main_content .kasten .header ul.katlist .blaettern li>.smaller.bigger.leer,
.blaettern .main_content .kasten .header ul.katlist li>.smaller.bigger.leer,
ul.katlist .main_content .kasten .header li>a.smaller.bigger,
ul.katlist .main_content .kasten .header .blaettern li>.smaller.bigger.leer,
.blaettern ul.katlist .main_content .kasten .header li>.smaller.bigger.leer,
.main_content .kasten .header h4.smaller.bigger,
.main_content .kasten .header ul.katlist li ul li a.smaller.bigger,
.main_content .kasten .header ul.katlist li ul li .blaettern .smaller.bigger.leer,
.blaettern .main_content .kasten .header ul.katlist li ul li .smaller.bigger.leer,
ul.katlist li ul li .main_content .kasten .header a.smaller.bigger,
ul.katlist li ul li .main_content .kasten .header .blaettern .smaller.bigger.leer,
.blaettern ul.katlist li ul li .main_content .kasten .header .smaller.bigger.leer {
  padding: 3px 0 7px 0px;
  /* font-size: 1rem; */
}

.main_content .kasten .header h2 span.small,
.main_content .kasten .header h3.bigger span.small,
.main_content .kasten .header ul.katlist li>a.bigger span.small,
.main_content .kasten .header ul.katlist .blaettern li>.bigger.leer span.small,
.blaettern .main_content .kasten .header ul.katlist li>.bigger.leer span.small,
ul.katlist .main_content .kasten .header li>a.bigger span.small,
ul.katlist .main_content .kasten .header .blaettern li>.bigger.leer span.small,
.blaettern ul.katlist .main_content .kasten .header li>.bigger.leer span.small,
.main_content .kasten .header h4.bigger span.small,
.main_content .kasten .header ul.katlist li ul li a.bigger span.small,
.main_content .kasten .header ul.katlist li ul li .blaettern .bigger.leer span.small,
.blaettern .main_content .kasten .header ul.katlist li ul li .bigger.leer span.small,
ul.katlist li ul li .main_content .kasten .header a.bigger span.small,
ul.katlist li ul li .main_content .kasten .header .blaettern .bigger.leer span.small,
.blaettern ul.katlist li ul li .main_content .kasten .header .bigger.leer span.small {
  /* font-size: 0.8rem; */
  font-weight: 400;
}

.main_content .kasten .header h2.notopline,
.main_content .kasten .header h3.notopline.bigger,
.main_content .kasten .header ul.katlist li>a.notopline.bigger,
.main_content .kasten .header ul.katlist .blaettern li>.notopline.bigger.leer,
.blaettern .main_content .kasten .header ul.katlist li>.notopline.bigger.leer,
ul.katlist .main_content .kasten .header li>a.notopline.bigger,
ul.katlist .main_content .kasten .header .blaettern li>.notopline.bigger.leer,
.blaettern ul.katlist .main_content .kasten .header li>.notopline.bigger.leer,
.main_content .kasten .header h4.notopline.bigger,
.main_content .kasten .header ul.katlist li ul li a.notopline.bigger,
.main_content .kasten .header ul.katlist li ul li .blaettern .notopline.bigger.leer,
.blaettern .main_content .kasten .header ul.katlist li ul li .notopline.bigger.leer,
ul.katlist li ul li .main_content .kasten .header a.notopline.bigger,
ul.katlist li ul li .main_content .kasten .header .blaettern .notopline.bigger.leer,
.blaettern ul.katlist li ul li .main_content .kasten .header .notopline.bigger.leer {
  padding-top: 6px;
  min-height: 56px;
}

.main_content .kasten .haken_small {
  display: none !important;
}

.main_content .kasten.included .haken,
.main_content .kasten.included .haken_small {
  display: none !important;
}

.main_content .kasten .pic {
  /* background: #f2f2f2; */
  position: relative;
  width: 100%;
  overflow: hidden;
}

.main_content .kasten .pic img {
  max-width: none;
  width: 100%;
}

.main_content .kasten .beschr {
  margin-top: 12px;
}

.main_content .kasten.path_2 .header h2,
.main_content .kasten.path_2 .header h3.bigger,
.main_content .kasten.path_2 .header ul.katlist li>a.bigger,
.main_content .kasten.path_2 .header ul.katlist .blaettern li>.bigger.leer,
.blaettern .main_content .kasten.path_2 .header ul.katlist li>.bigger.leer,
ul.katlist .main_content .kasten.path_2 .header li>a.bigger,
ul.katlist .main_content .kasten.path_2 .header .blaettern li>.bigger.leer,
.blaettern ul.katlist .main_content .kasten.path_2 .header li>.bigger.leer,
.main_content .kasten.path_2 .header h4.bigger,
.main_content .kasten.path_2 .header ul.katlist li ul li a.bigger,
.main_content .kasten.path_2 .header ul.katlist li ul li .blaettern .bigger.leer,
.blaettern .main_content .kasten.path_2 .header ul.katlist li ul li .bigger.leer,
ul.katlist li ul li .main_content .kasten.path_2 .header a.bigger,
ul.katlist li ul li .main_content .kasten.path_2 .header .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .main_content .kasten.path_2 .header .bigger.leer {
  padding: 0px 0 10px 0px;
}

/* .main_content .kasten p {
  padding-right: 15px;
} */

.main_content .kasten .link {
  display: block;
  background: #4d4d4d;
  background: linear-gradient(#737373, #595959);
  /* font-size: 0.8rem; */
  min-height: 41px;
}

.main_content .kasten .link span:not(.highlight) {
  background: url(../pics/linkpfeil1.png) no-repeat right top -4px;
  display: block;
  float: left;
  width: 100%;
  min-height: 41px;
}

.main_content .kasten .link .linkbox.left {
  float: left;
}

.main_content .kasten .link .linkbox.left a,
.main_content .kasten .link .linkbox.left .blaettern .leer,
.blaettern .main_content .kasten .link .linkbox.left .leer {
  padding-right: 0;
}

.main_content .kasten .link .linkbox.right {
  float: right;
}

.main_content .kasten .link .linkbox a,
.main_content .kasten .link .linkbox .blaettern .leer,
.blaettern .main_content .kasten .link .linkbox .leer {
  height: 41px;
  padding: 0 12px 0 40px;
  background: url(../pics/linkpfeil1.png) no-repeat left top -4px;
  line-height: 41px;
  position: relative;
  width: auto;
  height: auto;
  color: #FFFFFF !important;
  font-weight: 400;
}

.main_content .kasten .link .linkbox a:hover,
.main_content .kasten .link .linkbox .blaettern .leer:hover,
.blaettern .main_content .kasten .link .linkbox .leer:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  filter: Alpha(opacity=80);
  opacity: 0.8;
  moz-opacity: 0.8;
}

.main_content .kasten .link.iconlinks {
  background: none !important;
  margin-top: -20px;
  max-width: 270px;
  margin: -40px auto 0 auto;
  border-bottom: 1px solid #eee;
}

.main_content .kasten .link.iconlinks a,
.main_content .kasten .link.iconlinks .blaettern .leer,
.blaettern .main_content .kasten .link.iconlinks .leer {
  color: #4d4d4d !important;
  background: url(../pics/linkpfeil1.png) no-repeat left -96px;
}

@media only screen and (max-width: 955px) and (min-width: 641px) {

  .main_content .kasten.hor .link .linkbox a,
  .main_content .kasten.hor .link .linkbox .blaettern .leer,
  .blaettern .main_content .kasten.hor .link .linkbox .leer {
    font-size: 14px;
    background: none !important;
  }

  .main_content .kasten.hor .link .linkbox.right a,
  .main_content .kasten.hor .link .linkbox.right .blaettern .leer,
  .blaettern .main_content .kasten.hor .link .linkbox.right .leer {
    padding: 0 12px 0 0px;
  }

  .main_content .kasten.hor .link .linkbox.left a,
  .main_content .kasten.hor .link .linkbox.left .blaettern .leer,
  .blaettern .main_content .kasten.hor .link .linkbox.left .leer {
    padding: 0 0 0 12px;
  }
}

@media only screen and (max-width: 1180px) and (min-width: 641px) {

  .main_content .kasten:not(.hor) .link .linkbox a,
  .main_content .kasten:not(.hor) .link .linkbox .blaettern .leer,
  .blaettern .main_content .kasten:not(.hor) .link .linkbox .leer {
    font-size: 14px;
    background: none !important;
  }

  .main_content .kasten:not(.hor) .link .linkbox.right a,
  .main_content .kasten:not(.hor) .link .linkbox.right .blaettern .leer,
  .blaettern .main_content .kasten:not(.hor) .link .linkbox.right .leer {
    padding: 0 12px 0 0px;
  }

  .main_content .kasten:not(.hor) .link .linkbox.left a,
  .main_content .kasten:not(.hor) .link .linkbox.left .blaettern .leer,
  .blaettern .main_content .kasten:not(.hor) .link .linkbox.left .leer {
    padding: 0 0 0 12px;
  }
}

.main_content .kasten:hover .pic img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  filter: Alpha(opacity=80);
  opacity: 0.8;
  moz-opacity: 0.8;
}


.large-10 .ajaxbox .main_content .kasten .pic {
  height: 165px;
}

.medium-9 .main_content .kasten .pic {
  height: 210px;
}

.medium-9 .ajaxbox .main_content .kasten .pic {
  height: 148px;
}

.large-10 .main_content .kasten .pic.kastenlogo {
  height: 180px;
}

.main_content .kasten.kicon .header {
  background: transparent;
  padding: 0;
  min-height: 70px;
}

.main_content .kasten.kicon .header .topline {
  text-align: center;
}

.main_content .kasten.kicon .header h2,
.main_content .kasten.kicon .header h3.bigger,
.main_content .kasten.kicon .header ul.katlist li>a.bigger,
.main_content .kasten.kicon .header ul.katlist .blaettern li>.bigger.leer,
.blaettern .main_content .kasten.kicon .header ul.katlist li>.bigger.leer,
ul.katlist .main_content .kasten.kicon .header li>a.bigger,
ul.katlist .main_content .kasten.kicon .header .blaettern li>.bigger.leer,
.blaettern ul.katlist .main_content .kasten.kicon .header li>.bigger.leer,
.main_content .kasten.kicon .header h4.bigger,
.main_content .kasten.kicon .header ul.katlist li ul li a.bigger,
.main_content .kasten.kicon .header ul.katlist li ul li .blaettern .bigger.leer,
.blaettern .main_content .kasten.kicon .header ul.katlist li ul li .bigger.leer,
ul.katlist li ul li .main_content .kasten.kicon .header a.bigger,
ul.katlist li ul li .main_content .kasten.kicon .header .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .main_content .kasten.kicon .header .bigger.leer {
  text-align: center;
  max-width: 100%;
}

/* 
.main_content .kasten.kicon .header h2.smaller,
.main_content .kasten.kicon .header h3.smaller.bigger,
.main_content .kasten.kicon .header ul.katlist li>a.smaller.bigger,
.main_content .kasten.kicon .header ul.katlist .blaettern li>.smaller.bigger.leer,
.blaettern .main_content .kasten.kicon .header ul.katlist li>.smaller.bigger.leer,
ul.katlist .main_content .kasten.kicon .header li>a.smaller.bigger,
ul.katlist .main_content .kasten.kicon .header .blaettern li>.smaller.bigger.leer,
.blaettern ul.katlist .main_content .kasten.kicon .header li>.smaller.bigger.leer,
.main_content .kasten.kicon .header h4.smaller.bigger,
.main_content .kasten.kicon .header ul.katlist li ul li a.smaller.bigger,
.main_content .kasten.kicon .header ul.katlist li ul li .blaettern .smaller.bigger.leer,
.blaettern .main_content .kasten.kicon .header ul.katlist li ul li .smaller.bigger.leer,
ul.katlist li ul li .main_content .kasten.kicon .header a.smaller.bigger,
ul.katlist li ul li .main_content .kasten.kicon .header .blaettern .smaller.bigger.leer,
.blaettern ul.katlist li ul li .main_content .kasten.kicon .header .smaller.bigger.leer {
  font-size: 1.2rem;
  padding: 0px 0 8px 0px;
} */

.main_content .kasten.kicon .pic {
  background: white;
}

.main_content .kasten.kicon p {
  padding: 0px 20px;
  text-align: center;
  font-size: 0.75rem !important;
}

.ajaxbox .main_content {
  min-height: 10px !important;
  margin: 10px 0 20px 0;
}

.ajaxbox .main_content h1,
.ajaxbox .main_content h2.bigger,
.ajaxbox .main_content h3.bigger,
.ajaxbox .main_content ul.katlist li>a.bigger,
.ajaxbox .main_content ul.katlist .blaettern li>.bigger.leer,
.blaettern .ajaxbox .main_content ul.katlist li>.bigger.leer,
ul.katlist .ajaxbox .main_content li>a.bigger,
ul.katlist .ajaxbox .main_content .blaettern li>.bigger.leer,
.blaettern ul.katlist .ajaxbox .main_content li>.bigger.leer,
.ajaxbox .main_content h4.bigger,
.ajaxbox .main_content ul.katlist li ul li a.bigger,
.ajaxbox .main_content ul.katlist li ul li .blaettern .bigger.leer,
.blaettern .ajaxbox .main_content ul.katlist li ul li .bigger.leer,
ul.katlist li ul li .ajaxbox .main_content a.bigger,
ul.katlist li ul li .ajaxbox .main_content .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .ajaxbox .main_content .bigger.leer {
  display: none;
}

ul.katlist {
  margin-left: 0;
}

ul.katlist li {
  list-style-type: none;
  padding: 5px 0;
  position: relative;
  padding-left: 30px;
}

ul.katlist li:before {
  content: "\f059";
  font-family: "FontAwesome";
  font-size: 24px;
  color: #f63c3c;
  position: absolute;
  left: 0;
  top: 0;
}

ul.katlist li.opened {
  min-height: 100px;
}

ul.katlist li.opened:before {
  content: "\f06a";
  color: #32b026;
}

ul.katlist li.opened>a,
ul.katlist .blaettern li.opened>.leer,
.blaettern ul.katlist li.opened>.leer {
  text-decoration: none !important;
  color: #b3b3b3 !important;
}

ul.katlist li ul {
  margin-left: 20px;
}

ul.katlist li ul li:before {
  font-size: 21px;
  margin: -4px 9px 0 0;
}

#editleiste {
  position: relative;
  margin-top: 0;
  width: 100%;
  z-index: 1000;
}

#editleiste.fixed {
  position: fixed;
}

.editleiste {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  padding: 2px 10px 2px 0px;
  line-height: 35px;
  background: #5386df;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15) !important;
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15) !important;
}

.editleiste .leistenbutt {
  display: none;
  position: absolute;
  z-index: 10;
  right: 0;
  -webkit-border-radius: 0 0 0 8px;
  -moz-border-radius: 0 0 0 8px;
  border-radius: 0 0 0 8px;
  bottom: -40px;
  width: 40px;
  height: 40px;
  background: #5386df url(../pics/haken.png) no-repeat left -180px;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15) !important;
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15) !important;
}

.editleiste .leistenbutt.down {
  background: #5386df url(../pics/haken.png) no-repeat -30px -180px;
}

.editleiste span.mname {
  display: none;
}

.editleiste .modusbutt {
  display: none;
}


.editleiste .inputbox {
  float: left;
}

.editleiste .inputbox a,
.editleiste .inputbox .blaettern .leer,
.blaettern .editleiste .inputbox .leer {
  float: left;
}

.editleiste .inputbox a.current,
.editleiste .inputbox .blaettern .current.leer,
.blaettern .editleiste .inputbox .current.leer {
  background-color: #94b3eb;
}

.editleiste .inputbox label {
  color: #bfd2f3;
  cursor: pointer;
  /* font-size: 0.8rem; */
  line-height: inherit;
  float: left;
  text-align: right;
  padding: 1px 5px 0 30px;
}

.editleiste .inputbox select {
  margin: 7px 0 0 0;
  float: left;
  padding: 2px 18px 2px 5px;
  height: auto;
  width: auto;
  /* font-size: 0.8rem; */
  line-height: inherit;
  border: none;
  color: #FFFFFF;
  background-color: #7ea4e7;
  cursor: pointer;
}

div.warning {
  display: none !important;
  position: absolute;
  bottom: -21px;
  left: 50%;
  width: 330px;
  margin-left: -165px;
  height: auto;
  background: #f75454;
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
  padding: 2px 6px;
  text-align: center;
  color: #FFFFFF;
  font-size: 0.75rem;
  line-height: 17px;
}

body.output div.warning {
  left: auto;
  margin-left: 0;
  right: 250px;
}

.leiste_u {
  position: fixed;
  height: auto;
  width: 100%;
  top: auto;
  bottom: 0;
  background: #1b3454;
  background: linear-gradient(#1b3454, #152841);
  z-index: 100;
}

.leiste_u h2,
.leiste_u h3.bigger,
.leiste_u h4.bigger,
.leiste_u ul.katlist li>a.bigger,
.leiste_u ul.katlist .blaettern li>.bigger.leer,
.blaettern .leiste_u ul.katlist li>.bigger.leer,
ul.katlist .leiste_u li>a.bigger,
ul.katlist .leiste_u .blaettern li>.bigger.leer,
.blaettern ul.katlist .leiste_u li>.bigger.leer,
.leiste_u ul.katlist li ul li a.bigger,
.leiste_u ul.katlist li ul li .blaettern .bigger.leer,
.blaettern .leiste_u ul.katlist li ul li .bigger.leer,
ul.katlist li ul li .leiste_u a.bigger,
ul.katlist li ul li .leiste_u .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .leiste_u .bigger.leer {
  margin: 10px 0 10px 0px;
  color: #FFFFFF;
  font-size: 19px;
}

.leiste_u.float {
  position: relative;
  bottom: auto;
  float: left;
}

body.multi #header,
body.multi .leiste_u {
  background: #6c819f !important;
}

#fheader {
  z-index: 1000;
  display: block;
  width: 100%;
  float: left;
  min-height: 110px;
}

#fheader .flogo {
  height: 80px;
  margin: 15px 0;
  max-width: 300px;
}

#fheader .flogo img {
  max-height: 100%;
}

#fheader .logo_embed {
  height: 80px;
  margin: 15px 0;
  font-size: 11px;
  line-height: 14px;
  width: 170px;
  padding: 7px 13px;
  border: 1px dotted #b3b3b3;
  background: #fafafa;
  color: gray;
}

#fheader .logo_embed b {
  font-size: 12px;
  line-height: 20px;
}

#fheader .logo_embed a,
#fheader .logo_embed .blaettern .leer,
.blaettern #fheader .logo_embed .leer {
  text-decoration: underline;
}

#fheader.weiss {
  background-color: white;
}

#fheader.grau1 {
  background-color: #f7f7f7;
}

#fheader.grau2 {
  background-color: #ebebeb;
}

#fheader.grau3 {
  background-color: gray;
}

#fheader.grau4 {
  background-color: #595959;
}

#fheader.blau1 {
  background-color: #d0e2f9;
}

#fheader.blau2 {
  background-color: #6ca5ed;
}

#fheader.blau3 {
  background-color: #1b6ed8;
}

#fheader.rot1 {
  background-color: #fcd6d0;
}

#fheader.rot2 {
  background-color: #f89888;
}

#fheader.rot3 {
  background-color: #f03010;
}

#fheader.gelb1 {
  background-color: #ffeccc;
}

#fheader.gelb2 {
  background-color: #ffc766;
}

#fheader.gelb3 {
  background-color: #ffa200;
}

#fheader.gruen1 {
  background-color: #e7fbd8;
}

#fheader.gruen2 {
  background-color: #a2f163;
}

#fheader.gruen3 {
  background-color: #60c212;
}

.confirm,
#confirm_article,
.teilnahmebed,
#loading {
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 260px;
  padding-top: 85px;
  background: #fafafa;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2) !important;
}

.confirm .meldung,
#confirm_article .meldung,
.teilnahmebed .meldung,
#loading .meldung {
  /* font-size: 0.8rem; */
  text-align: center;
}

.confirm .meldung.ok,
#confirm_article .meldung.ok,
.teilnahmebed .meldung.ok,
#loading .meldung.ok {
  color: #32b026;
  padding-top: 35px;
}

.confirm .meldung.remove,
#confirm_article .meldung.remove,
.teilnahmebed .meldung.remove,
#loading .meldung.remove {
  color: #f63c3c;
  padding-top: 5px;
}

.confirm .meldung.pflichtpaket,
#confirm_article .meldung.pflichtpaket,
.teilnahmebed .meldung.pflichtpaket,
#loading .meldung.pflichtpaket {
  color: #f63c3c;
  padding-top: 5px;
}

.confirm .meldung.remove_ok,
#confirm_article .meldung.remove_ok,
.teilnahmebed .meldung.remove_ok,
#loading .meldung.remove_ok {
  color: #f63c3c;
  padding-top: 35px;
}

.confirm .butts,
#confirm_article .butts,
.teilnahmebed .butts,
#loading .butts {
  width: 200px;
  margin: 0 auto;
}

.confirm .butts .paketbutt,
#confirm_article .butts .paketbutt,
.teilnahmebed .butts .paketbutt,
#loading .butts .paketbutt {
  float: right;
  text-align: center;
  margin-left: 10px;
}

#loading {
  text-align: center;
}

#loading #loadtext {
  color: #43d336;
  margin: 0px 0 20px 0;
}

#loading i {
  margin-top: 22px;
}

#loading .flatbutt {
  float: none;
  padding: 10px 20px;
}

.meldung1 {
  text-align: center;
  font-size: 13px;
  color: #FFFFFF;
}

.meldung1.green {
  background: #32b026;
}

.meldung1.yellow {
  background: #ffc42d;
}

.checksave {
  margin-top: -30px;
}

.pakete {
  display: none;
}

.icon {
  text-align: center;
}

.icon img {
  margin-bottom: 10px;
}

body.output .paketauswahl,
body.output .haken,
body.output .haken_small,
body.output .navi .head>span,
body.output .kasten.path_2 .topline {
  display: none !important;
}

body.output .content {
  padding-top: 30px;
}

body.output .content {
  padding-top: 0px;
}

body.output .nav2 .head {
  margin-top: 61px;
}

/* Greybox */
.greybox.lighter {
  background: var(--light_grey);
}

.greybox {
  min-height: 42px;
  display: flex;
  justify-content: center;
  background: var(--grey);
  padding: 5px 12px;
  gap: 5px;
  flex-direction: column;
  margin-top: 2px;
  position: relative;
  font-size: 13px;
  /* align-items: center; */
  /* padding-right: 25px; Platz für Tooltipp ICON  */
}

.greybox.darker {
  background: var(--dark_grey);
}


td.greybox,
th.greybox {
  display: table-cell;
}

.codeboxen .codebox,
.prospektbestellung .eintrag,
.prospektbestellung .legend {
  position: relative;
  padding: 5px 12px;
  margin-top: 2px;
  display: flex;
  gap: 5px;
  flex-direction: column;
}

.greybox.rabattbox {
  margin-bottom: 2px;
  cursor: pointer;
  background: var(--not_activ_grey);
  min-height: unset;
}

.greybox.rabattbox:hover,
.codeboxen .rabattbox.codebox:hover,
.prospektbestellung .rabattbox.eintrag:hover,
.prospektbestellung .rabattbox.legend:hover {
  background: var(--light_grey);
}

.greybox.pright,
.codeboxen .pright.codebox,
.prospektbestellung .pright.eintrag,
.prospektbestellung .pright.legend {
  padding-right: 40px;
}

.greybox.head,
.codeboxen .head.codebox,
.prospektbestellung .head.eintrag,
.prospektbestellung .head.legend {
  background: #dbdbdb;
  min-height: 48px;
}



.greybox.darker.active,
.codeboxen .darker.active.codebox,
.prospektbestellung .darker.active.eintrag,
.prospektbestellung .darker.active.legend {
  background: #e67700;
}

.greybox.darkest,
.codeboxen .darkest.codebox,
.prospektbestellung .darkest.eintrag,
.prospektbestellung .darkest.legend {
  background: #dbdbdb;
}

.greybox.orangebox,
.codeboxen .orangebox.codebox,
.prospektbestellung .orangebox.eintrag,
.prospektbestellung .orangebox.legend {
  background: #ffdd9d;
}

.greybox.eq_minheight,
.codeboxen .eq_minheight.codebox,
.prospektbestellung .eq_minheight.eintrag,
.prospektbestellung .eq_minheight.legend {
  min-height: 45px;
}


.greybox.eq_minheight_58,
.codeboxen .eq_minheight_58.codebox,
.prospektbestellung .eq_minheight_58.eintrag,
.prospektbestellung .eq_minheight_58.legend {
  min-height: 58px;
}

.greybox.h100,
.codeboxen .h100.codebox,
.prospektbestellung .h100.eintrag,
.prospektbestellung .h100.legend {
  height: 100%;
}

.greybox.smaller,
.codeboxen .smaller.codebox,
.prospektbestellung .smaller.eintrag,
.prospektbestellung .smaller.legend {
  /* font-size: 0.8rem; */
  line-height: 1.1rem;
  color: #1a1a1a;
}

.greybox.noborder,
.codeboxen .noborder.codebox,
.prospektbestellung .noborder.eintrag,
.prospektbestellung .noborder.legend {
  border-top: none !important;
}

.greybox .nopright,
.codeboxen .codebox .nopright,
.prospektbestellung .eintrag .nopright,
.prospektbestellung .legend .nopright {
  padding-right: 0 !important;
}

.greybox .nopright input[type=text][readonly],
.codeboxen .codebox .nopright input[type=text][readonly],
.prospektbestellung .eintrag .nopright input[type=text][readonly],
.prospektbestellung .legend .nopright input[type=text][readonly] {
  padding-right: 0 !important;
}

.greybox .nopleft,
.codeboxen .codebox .nopleft,
.prospektbestellung .eintrag .nopleft,
.prospektbestellung .legend .nopleft {
  padding-left: 0 !important;
}

.greybox .nopleft input[type=text][readonly],
.codeboxen .codebox .nopleft input[type=text][readonly],
.prospektbestellung .eintrag .nopleft input[type=text][readonly],
.prospektbestellung .legend .nopleft input[type=text][readonly] {
  padding-left: 0 !important;
}

.greybox .pleft,
.codeboxen .codebox .pleft,
.prospektbestellung .eintrag .pleft,
.prospektbestellung .legend .pleft {
  padding-left: 1.25rem !important;
  text-align: left;
}

.greybox ul,
.codeboxen .codebox ul,
.prospektbestellung .eintrag ul,
.prospektbestellung .legend ul {
  margin-top: 10px;
  margin-bottom: 10px;
}

.greybox ul:not(.tab_ul) li,
.codeboxen .codebox ul li,
.prospektbestellung .eintrag ul li,
.prospektbestellung .legend ul li {
  padding: 1px 10px 1px 5px !important;
}


.greybox select.inline,
.codeboxen .codebox select.inline,
.prospektbestellung .eintrag select.inline,
.prospektbestellung .legend select.inline,
.greybox input[type=text].inline,
.codeboxen .codebox input[type=text].inline,
.prospektbestellung .eintrag input[type=text].inline,
.prospektbestellung .legend input[type=text].inline,
.greybox textarea.inline,
.codeboxen .codebox textarea.inline,
.prospektbestellung .eintrag textarea.inline,
.prospektbestellung .legend textarea.inline {
  display: inline-block;
}

.greybox select.small,
.codeboxen .codebox select.small,
.prospektbestellung .eintrag select.small,
.prospektbestellung .legend select.small,
.greybox input[type=text].small,
.codeboxen .codebox input[type=text].small,
.prospektbestellung .eintrag input[type=text].small,
.prospektbestellung .legend input[type=text].small,
.greybox textarea.small,
.codeboxen .codebox textarea.small,
.prospektbestellung .eintrag textarea.small,
.prospektbestellung .legend textarea.small {
  padding: 0 0.4rem;
  height: 1.2rem;
  font-size: 0.8rem !important;
  text-align: center !important;
  margin-bottom: -7px;
}

.greybox textarea,
.codeboxen .codebox textarea,
.prospektbestellung .eintrag textarea,
.prospektbestellung .legend textarea {
  min-height: 110px;
}

.greybox input[type=checkbox],
.codeboxen .codebox input[type=checkbox],
.prospektbestellung .eintrag input[type=checkbox],
.prospektbestellung .legend input[type=checkbox],
.greybox input[type=radio],
.codeboxen .codebox input[type=radio],
.prospektbestellung .eintrag input[type=radio],
.prospektbestellung .legend input[type=radio] {
  margin: 0;
}

.greybox .label.bigger,
.codeboxen .codebox .label.bigger,
.prospektbestellung .eintrag .label.bigger,
.prospektbestellung .legend .label.bigger {
  padding-top: 8px !important;
  padding-bottom: 7px !important;
  line-height: 1.2rem;
}


.greybox .label.lesspadding,
.codeboxen .codebox .label.lesspadding,
.prospektbestellung .eintrag .label.lesspadding,
.prospektbestellung .legend .label.lesspadding {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.greybox .label.active,
.codeboxen .codebox .label.active,
.prospektbestellung .eintrag .label.active,
.prospektbestellung .legend .label.active {
  /* font-size: 1rem; */
  font-weight: 400;
}

.greybox .notbold,
.codeboxen .codebox .notbold,
.prospektbestellung .eintrag .notbold,
.prospektbestellung .legend .notbold {
  font-weight: 300;
}

.greybox.greenbox,
.codeboxen .greenbox.codebox,
.prospektbestellung .greenbox.eintrag,
.prospektbestellung .greenbox.legend {
  position: relative;
  background: var(--light_green);
}

.greybox.greenbox.head,
.codeboxen .greenbox.head.codebox,
.prospektbestellung .greenbox.head.eintrag,
.prospektbestellung .greenbox.head.legend,
.greybox.greenbox.darker,
.codeboxen .greenbox.darker.codebox,
.prospektbestellung .greenbox.darker.eintrag,
.prospektbestellung .greenbox.darker.legend {
  background: var(--dark_green);
}

.greenbox.redbox {
  background: var(--light_red);
  border: 2px solid var(--dark_red)
}

@media only screen and (min-width:59.4375em) {
  .row.collapse div.bright {
    border-right: 5px solid #FFFFFF;
  }

  .row.collapse div.brightsmall {
    border-right: 1px solid #FFFFFF;
  }

  .row.collapse div.bleftsmall {
    border-left: 1px solid #FFFFFF;
  }

  .row.collapse.bg_grey {
    background: #f2f2f2;
  }
}

.smallboxes {
  padding-bottom: 10px;
}

.smallboxes .greybox,
.smallboxes .codeboxen .codebox,
.codeboxen .smallboxes .codebox,
.smallboxes .prospektbestellung .eintrag,
.prospektbestellung .smallboxes .eintrag,
.smallboxes .prospektbestellung .legend,
.prospektbestellung .smallboxes .legend {
  padding-top: 0;
  padding-bottom: 0;
  /* font-size: 0.85rem; */
}

.smallboxes .greybox .columns,
.smallboxes .codeboxen .codebox .columns,
.codeboxen .smallboxes .codebox .columns,
.smallboxes .prospektbestellung .eintrag .columns,
.prospektbestellung .smallboxes .eintrag .columns,
.smallboxes .prospektbestellung .legend .columns,
.prospektbestellung .smallboxes .legend .columns {
  padding-right: 0.3rem;
}

.smallboxes .greybox .label,
.smallboxes .codeboxen .codebox .label,
.codeboxen .smallboxes .codebox .label,
.smallboxes .prospektbestellung .eintrag .label,
.prospektbestellung .smallboxes .eintrag .label,
.smallboxes .prospektbestellung .legend .label,
.prospektbestellung .smallboxes .legend .label,
.smallboxes .greybox .tabletop,
.smallboxes .codeboxen .codebox .tabletop,
.codeboxen .smallboxes .codebox .tabletop,
.smallboxes .prospektbestellung .eintrag .tabletop,
.prospektbestellung .smallboxes .eintrag .tabletop,
.smallboxes .prospektbestellung .legend .tabletop,
.prospektbestellung .smallboxes .legend .tabletop {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.smallboxes .greybox .tabletop,
.smallboxes .codeboxen .codebox .tabletop,
.codeboxen .smallboxes .codebox .tabletop,
.smallboxes .prospektbestellung .eintrag .tabletop,
.prospektbestellung .smallboxes .eintrag .tabletop,
.smallboxes .prospektbestellung .legend .tabletop,
.prospektbestellung .smallboxes .legend .tabletop {
  line-height: 1.2em;
}

.smallboxes .greybox h2,
.smallboxes .codeboxen .codebox h2,
.codeboxen .smallboxes .codebox h2,
.smallboxes .prospektbestellung .eintrag h2,
.prospektbestellung .smallboxes .eintrag h2,
.smallboxes .prospektbestellung .legend h2,
.prospektbestellung .smallboxes .legend h2,
.smallboxes .greybox h3.bigger,
.smallboxes .codeboxen .codebox h3.bigger,
.codeboxen .smallboxes .codebox h3.bigger,
.smallboxes .prospektbestellung .eintrag h3.bigger,
.prospektbestellung .smallboxes .eintrag h3.bigger,
.smallboxes .prospektbestellung .legend h3.bigger,
.prospektbestellung .smallboxes .legend h3.bigger,
.smallboxes .greybox h4.bigger,
.smallboxes .codeboxen .codebox h4.bigger,
.codeboxen .smallboxes .codebox h4.bigger,
.smallboxes .prospektbestellung .eintrag h4.bigger,
.prospektbestellung .smallboxes .eintrag h4.bigger,
.smallboxes .prospektbestellung .legend h4.bigger,
.prospektbestellung .smallboxes .legend h4.bigger,
.smallboxes .greybox ul.katlist li>a.bigger,
.smallboxes .codeboxen .codebox ul.katlist li>a.bigger,
.codeboxen .smallboxes .codebox ul.katlist li>a.bigger,
.smallboxes .prospektbestellung .eintrag ul.katlist li>a.bigger,
.prospektbestellung .smallboxes .eintrag ul.katlist li>a.bigger,
.smallboxes .prospektbestellung .legend ul.katlist li>a.bigger,
.prospektbestellung .smallboxes .legend ul.katlist li>a.bigger,
.smallboxes .greybox ul.katlist .blaettern li>.bigger.leer,
.smallboxes .codeboxen .codebox ul.katlist .blaettern li>.bigger.leer,
.codeboxen .smallboxes .codebox ul.katlist .blaettern li>.bigger.leer,
.smallboxes .prospektbestellung .eintrag ul.katlist .blaettern li>.bigger.leer,
.prospektbestellung .smallboxes .eintrag ul.katlist .blaettern li>.bigger.leer,
.smallboxes .prospektbestellung .legend ul.katlist .blaettern li>.bigger.leer,
.prospektbestellung .smallboxes .legend ul.katlist .blaettern li>.bigger.leer,
.blaettern .smallboxes .greybox ul.katlist li>.bigger.leer,
.blaettern .smallboxes .codeboxen .codebox ul.katlist li>.bigger.leer,
.codeboxen .blaettern .smallboxes .codebox ul.katlist li>.bigger.leer,
.blaettern .smallboxes .prospektbestellung .eintrag ul.katlist li>.bigger.leer,
.prospektbestellung .blaettern .smallboxes .eintrag ul.katlist li>.bigger.leer,
.blaettern .smallboxes .prospektbestellung .legend ul.katlist li>.bigger.leer,
.prospektbestellung .blaettern .smallboxes .legend ul.katlist li>.bigger.leer,
ul.katlist .smallboxes .greybox li>a.bigger,
ul.katlist .smallboxes .codeboxen .codebox li>a.bigger,
.codeboxen ul.katlist .smallboxes .codebox li>a.bigger,
ul.katlist .smallboxes .prospektbestellung .eintrag li>a.bigger,
.prospektbestellung ul.katlist .smallboxes .eintrag li>a.bigger,
ul.katlist .smallboxes .prospektbestellung .legend li>a.bigger,
.prospektbestellung ul.katlist .smallboxes .legend li>a.bigger,
ul.katlist .smallboxes .greybox .blaettern li>.bigger.leer,
ul.katlist .smallboxes .codeboxen .codebox .blaettern li>.bigger.leer,
.codeboxen ul.katlist .smallboxes .codebox .blaettern li>.bigger.leer,
ul.katlist .smallboxes .prospektbestellung .eintrag .blaettern li>.bigger.leer,
.prospektbestellung ul.katlist .smallboxes .eintrag .blaettern li>.bigger.leer,
ul.katlist .smallboxes .prospektbestellung .legend .blaettern li>.bigger.leer,
.prospektbestellung ul.katlist .smallboxes .legend .blaettern li>.bigger.leer,
.blaettern ul.katlist .smallboxes .greybox li>.bigger.leer,
.blaettern ul.katlist .smallboxes .codeboxen .codebox li>.bigger.leer,
.codeboxen .blaettern ul.katlist .smallboxes .codebox li>.bigger.leer,
.blaettern ul.katlist .smallboxes .prospektbestellung .eintrag li>.bigger.leer,
.prospektbestellung .blaettern ul.katlist .smallboxes .eintrag li>.bigger.leer,
.blaettern ul.katlist .smallboxes .prospektbestellung .legend li>.bigger.leer,
.prospektbestellung .blaettern ul.katlist .smallboxes .legend li>.bigger.leer,
.smallboxes .greybox ul.katlist li ul li a.bigger,
.smallboxes .codeboxen .codebox ul.katlist li ul li a.bigger,
.codeboxen .smallboxes .codebox ul.katlist li ul li a.bigger,
.smallboxes .prospektbestellung .eintrag ul.katlist li ul li a.bigger,
.prospektbestellung .smallboxes .eintrag ul.katlist li ul li a.bigger,
.smallboxes .prospektbestellung .legend ul.katlist li ul li a.bigger,
.prospektbestellung .smallboxes .legend ul.katlist li ul li a.bigger,
.smallboxes .greybox ul.katlist li ul li .blaettern .bigger.leer,
.smallboxes .codeboxen .codebox ul.katlist li ul li .blaettern .bigger.leer,
.codeboxen .smallboxes .codebox ul.katlist li ul li .blaettern .bigger.leer,
.smallboxes .prospektbestellung .eintrag ul.katlist li ul li .blaettern .bigger.leer,
.prospektbestellung .smallboxes .eintrag ul.katlist li ul li .blaettern .bigger.leer,
.smallboxes .prospektbestellung .legend ul.katlist li ul li .blaettern .bigger.leer,
.prospektbestellung .smallboxes .legend ul.katlist li ul li .blaettern .bigger.leer,
.blaettern .smallboxes .greybox ul.katlist li ul li .bigger.leer,
.blaettern .smallboxes .codeboxen .codebox ul.katlist li ul li .bigger.leer,
.codeboxen .blaettern .smallboxes .codebox ul.katlist li ul li .bigger.leer,
.blaettern .smallboxes .prospektbestellung .eintrag ul.katlist li ul li .bigger.leer,
.prospektbestellung .blaettern .smallboxes .eintrag ul.katlist li ul li .bigger.leer,
.blaettern .smallboxes .prospektbestellung .legend ul.katlist li ul li .bigger.leer,
.prospektbestellung .blaettern .smallboxes .legend ul.katlist li ul li .bigger.leer,
ul.katlist li ul li .smallboxes .greybox a.bigger,
ul.katlist li ul li .smallboxes .codeboxen .codebox a.bigger,
.codeboxen ul.katlist li ul li .smallboxes .codebox a.bigger,
ul.katlist li ul li .smallboxes .prospektbestellung .eintrag a.bigger,
.prospektbestellung ul.katlist li ul li .smallboxes .eintrag a.bigger,
ul.katlist li ul li .smallboxes .prospektbestellung .legend a.bigger,
.prospektbestellung ul.katlist li ul li .smallboxes .legend a.bigger,
ul.katlist li ul li .smallboxes .greybox .blaettern .bigger.leer,
ul.katlist li ul li .smallboxes .codeboxen .codebox .blaettern .bigger.leer,
.codeboxen ul.katlist li ul li .smallboxes .codebox .blaettern .bigger.leer,
ul.katlist li ul li .smallboxes .prospektbestellung .eintrag .blaettern .bigger.leer,
.prospektbestellung ul.katlist li ul li .smallboxes .eintrag .blaettern .bigger.leer,
ul.katlist li ul li .smallboxes .prospektbestellung .legend .blaettern .bigger.leer,
.prospektbestellung ul.katlist li ul li .smallboxes .legend .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .smallboxes .greybox .bigger.leer,
.blaettern ul.katlist li ul li .smallboxes .codeboxen .codebox .bigger.leer,
.codeboxen .blaettern ul.katlist li ul li .smallboxes .codebox .bigger.leer,
.blaettern ul.katlist li ul li .smallboxes .prospektbestellung .eintrag .bigger.leer,
.prospektbestellung .blaettern ul.katlist li ul li .smallboxes .eintrag .bigger.leer,
.blaettern ul.katlist li ul li .smallboxes .prospektbestellung .legend .bigger.leer,
.prospektbestellung .blaettern ul.katlist li ul li .smallboxes .legend .bigger.leer {
  font-size: 18px;
}

.smallboxes .greybox h3,
.smallboxes .codeboxen .codebox h3,
.codeboxen .smallboxes .codebox h3,
.smallboxes .prospektbestellung .eintrag h3,
.prospektbestellung .smallboxes .eintrag h3,
.smallboxes .prospektbestellung .legend h3,
.prospektbestellung .smallboxes .legend h3,
.smallboxes .greybox h4.bigger,
.smallboxes .codeboxen .codebox h4.bigger,
.codeboxen .smallboxes .codebox h4.bigger,
.smallboxes .prospektbestellung .eintrag h4.bigger,
.prospektbestellung .smallboxes .eintrag h4.bigger,
.smallboxes .prospektbestellung .legend h4.bigger,
.prospektbestellung .smallboxes .legend h4.bigger,
.smallboxes .greybox ul.katlist li>a,
.smallboxes .codeboxen .codebox ul.katlist li>a,
.codeboxen .smallboxes .codebox ul.katlist li>a,
.smallboxes .prospektbestellung .eintrag ul.katlist li>a,
.prospektbestellung .smallboxes .eintrag ul.katlist li>a,
.smallboxes .prospektbestellung .legend ul.katlist li>a,
.prospektbestellung .smallboxes .legend ul.katlist li>a,
.smallboxes .greybox ul.katlist .blaettern li>.leer,
.smallboxes .codeboxen .codebox ul.katlist .blaettern li>.leer,
.codeboxen .smallboxes .codebox ul.katlist .blaettern li>.leer,
.smallboxes .prospektbestellung .eintrag ul.katlist .blaettern li>.leer,
.prospektbestellung .smallboxes .eintrag ul.katlist .blaettern li>.leer,
.smallboxes .prospektbestellung .legend ul.katlist .blaettern li>.leer,
.prospektbestellung .smallboxes .legend ul.katlist .blaettern li>.leer,
.blaettern .smallboxes .greybox ul.katlist li>.leer,
.blaettern .smallboxes .codeboxen .codebox ul.katlist li>.leer,
.codeboxen .blaettern .smallboxes .codebox ul.katlist li>.leer,
.blaettern .smallboxes .prospektbestellung .eintrag ul.katlist li>.leer,
.prospektbestellung .blaettern .smallboxes .eintrag ul.katlist li>.leer,
.blaettern .smallboxes .prospektbestellung .legend ul.katlist li>.leer,
.prospektbestellung .blaettern .smallboxes .legend ul.katlist li>.leer,
ul.katlist .smallboxes .greybox li>a,
ul.katlist .smallboxes .codeboxen .codebox li>a,
.codeboxen ul.katlist .smallboxes .codebox li>a,
ul.katlist .smallboxes .prospektbestellung .eintrag li>a,
.prospektbestellung ul.katlist .smallboxes .eintrag li>a,
ul.katlist .smallboxes .prospektbestellung .legend li>a,
.prospektbestellung ul.katlist .smallboxes .legend li>a,
ul.katlist .smallboxes .greybox .blaettern li>.leer,
ul.katlist .smallboxes .codeboxen .codebox .blaettern li>.leer,
.codeboxen ul.katlist .smallboxes .codebox .blaettern li>.leer,
ul.katlist .smallboxes .prospektbestellung .eintrag .blaettern li>.leer,
.prospektbestellung ul.katlist .smallboxes .eintrag .blaettern li>.leer,
ul.katlist .smallboxes .prospektbestellung .legend .blaettern li>.leer,
.prospektbestellung ul.katlist .smallboxes .legend .blaettern li>.leer,
.blaettern ul.katlist .smallboxes .greybox li>.leer,
.blaettern ul.katlist .smallboxes .codeboxen .codebox li>.leer,
.codeboxen .blaettern ul.katlist .smallboxes .codebox li>.leer,
.blaettern ul.katlist .smallboxes .prospektbestellung .eintrag li>.leer,
.prospektbestellung .blaettern ul.katlist .smallboxes .eintrag li>.leer,
.blaettern ul.katlist .smallboxes .prospektbestellung .legend li>.leer,
.prospektbestellung .blaettern ul.katlist .smallboxes .legend li>.leer,
.smallboxes .greybox ul.katlist li ul li a.bigger,
.smallboxes .codeboxen .codebox ul.katlist li ul li a.bigger,
.codeboxen .smallboxes .codebox ul.katlist li ul li a.bigger,
.smallboxes .prospektbestellung .eintrag ul.katlist li ul li a.bigger,
.prospektbestellung .smallboxes .eintrag ul.katlist li ul li a.bigger,
.smallboxes .prospektbestellung .legend ul.katlist li ul li a.bigger,
.prospektbestellung .smallboxes .legend ul.katlist li ul li a.bigger,
.smallboxes .greybox ul.katlist li ul li .blaettern .bigger.leer,
.smallboxes .codeboxen .codebox ul.katlist li ul li .blaettern .bigger.leer,
.codeboxen .smallboxes .codebox ul.katlist li ul li .blaettern .bigger.leer,
.smallboxes .prospektbestellung .eintrag ul.katlist li ul li .blaettern .bigger.leer,
.prospektbestellung .smallboxes .eintrag ul.katlist li ul li .blaettern .bigger.leer,
.smallboxes .prospektbestellung .legend ul.katlist li ul li .blaettern .bigger.leer,
.prospektbestellung .smallboxes .legend ul.katlist li ul li .blaettern .bigger.leer,
.blaettern .smallboxes .greybox ul.katlist li ul li .bigger.leer,
.blaettern .smallboxes .codeboxen .codebox ul.katlist li ul li .bigger.leer,
.codeboxen .blaettern .smallboxes .codebox ul.katlist li ul li .bigger.leer,
.blaettern .smallboxes .prospektbestellung .eintrag ul.katlist li ul li .bigger.leer,
.prospektbestellung .blaettern .smallboxes .eintrag ul.katlist li ul li .bigger.leer,
.blaettern .smallboxes .prospektbestellung .legend ul.katlist li ul li .bigger.leer,
.prospektbestellung .blaettern .smallboxes .legend ul.katlist li ul li .bigger.leer,
ul.katlist li ul li .smallboxes .greybox a.bigger,
ul.katlist li ul li .smallboxes .codeboxen .codebox a.bigger,
.codeboxen ul.katlist li ul li .smallboxes .codebox a.bigger,
ul.katlist li ul li .smallboxes .prospektbestellung .eintrag a.bigger,
.prospektbestellung ul.katlist li ul li .smallboxes .eintrag a.bigger,
ul.katlist li ul li .smallboxes .prospektbestellung .legend a.bigger,
.prospektbestellung ul.katlist li ul li .smallboxes .legend a.bigger,
ul.katlist li ul li .smallboxes .greybox .blaettern .bigger.leer,
ul.katlist li ul li .smallboxes .codeboxen .codebox .blaettern .bigger.leer,
.codeboxen ul.katlist li ul li .smallboxes .codebox .blaettern .bigger.leer,
ul.katlist li ul li .smallboxes .prospektbestellung .eintrag .blaettern .bigger.leer,
.prospektbestellung ul.katlist li ul li .smallboxes .eintrag .blaettern .bigger.leer,
ul.katlist li ul li .smallboxes .prospektbestellung .legend .blaettern .bigger.leer,
.prospektbestellung ul.katlist li ul li .smallboxes .legend .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .smallboxes .greybox .bigger.leer,
.blaettern ul.katlist li ul li .smallboxes .codeboxen .codebox .bigger.leer,
.codeboxen .blaettern ul.katlist li ul li .smallboxes .codebox .bigger.leer,
.blaettern ul.katlist li ul li .smallboxes .prospektbestellung .eintrag .bigger.leer,
.prospektbestellung .blaettern ul.katlist li ul li .smallboxes .eintrag .bigger.leer,
.blaettern ul.katlist li ul li .smallboxes .prospektbestellung .legend .bigger.leer,
.prospektbestellung .blaettern ul.katlist li ul li .smallboxes .legend .bigger.leer {
  font-size: 16px;
  line-height: 20px;
}

.smallboxes .greybox .bigger,
.smallboxes .codeboxen .codebox .bigger,
.codeboxen .smallboxes .codebox .bigger,
.smallboxes .prospektbestellung .eintrag .bigger,
.prospektbestellung .smallboxes .eintrag .bigger,
.smallboxes .prospektbestellung .legend .bigger,
.prospektbestellung .smallboxes .legend .bigger {
  font-size: 0.95rem;
}


.smallboxes .greybox input[type=text],
.smallboxes .codeboxen .codebox input[type=text],
.codeboxen .smallboxes .codebox input[type=text],
.smallboxes .prospektbestellung .eintrag input[type=text],
.prospektbestellung .smallboxes .eintrag input[type=text],
.smallboxes .prospektbestellung .legend input[type=text],
.prospektbestellung .smallboxes .legend input[type=text] {
  height: 1.7rem;
}

.smallboxes>.greybox,
.codeboxen .smallboxes>.codebox,
.prospektbestellung .smallboxes>.eintrag,
.prospektbestellung .smallboxes>.legend {
  padding: 0;
}

.schaetzung_komplett .smallboxes .greybox .label,
.schaetzung_komplett .smallboxes .codeboxen .codebox .label,
.codeboxen .schaetzung_komplett .smallboxes .codebox .label,
.schaetzung_komplett .smallboxes .prospektbestellung .eintrag .label,
.prospektbestellung .schaetzung_komplett .smallboxes .eintrag .label,
.schaetzung_komplett .smallboxes .prospektbestellung .legend .label,
.prospektbestellung .schaetzung_komplett .smallboxes .legend .label {
  padding-left: 0 !important;
  padding-right: 0.4rem !important;
}

.schaetzung_komplett .smallboxes>.greybox,
.schaetzung_komplett .codeboxen .smallboxes>.codebox,
.codeboxen .schaetzung_komplett .smallboxes>.codebox,
.schaetzung_komplett .prospektbestellung .smallboxes>.eintrag,
.prospektbestellung .schaetzung_komplett .smallboxes>.eintrag,
.schaetzung_komplett .prospektbestellung .smallboxes>.legend,
.prospektbestellung .schaetzung_komplett .smallboxes>.legend {
  padding: 0 12px !important;
}

.trenner {
  height: 10px;
  border-bottom: 5px solid #DDDDDD;
  margin-bottom: 4px;
}

.mitarbeiter .bild {
  margin: 0 5px 20px 0px;
}

.mitarbeiter .bild .sprachen img {
  margin: 2px;
}

.mitarbeiter .daten {
  padding-left: 5px;
  border-left: 1px solid #DDDDDD;
}

.mitarbeiter .daten .fachbereich .fb_head {
  color: #a6a6a6;
}

.mitarbeiter .daten .fachbereich p {
  font-weight: 400;
  font-size: 1.05rem;
}

.mitarbeiter .daten .daten2 {
  padding-left: 15px;
}

.mitarbeiter .daten .daten2 h2,
.mitarbeiter .daten .daten2 h3.bigger,
.mitarbeiter .daten .daten2 h4.bigger,
.mitarbeiter .daten .daten2 ul.katlist li>a.bigger,
.mitarbeiter .daten .daten2 ul.katlist .blaettern li>.bigger.leer,
.blaettern .mitarbeiter .daten .daten2 ul.katlist li>.bigger.leer,
ul.katlist .mitarbeiter .daten .daten2 li>a.bigger,
ul.katlist .mitarbeiter .daten .daten2 .blaettern li>.bigger.leer,
.blaettern ul.katlist .mitarbeiter .daten .daten2 li>.bigger.leer,
.mitarbeiter .daten .daten2 ul.katlist li ul li a.bigger,
.mitarbeiter .daten .daten2 ul.katlist li ul li .blaettern .bigger.leer,
.blaettern .mitarbeiter .daten .daten2 ul.katlist li ul li .bigger.leer,
ul.katlist li ul li .mitarbeiter .daten .daten2 a.bigger,
ul.katlist li ul li .mitarbeiter .daten .daten2 .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .mitarbeiter .daten .daten2 .bigger.leer {
  font-size: 1.9rem;
}

.mitarbeiter .daten .daten2 .sub {
  margin: -15px 0 35px 0;
}

.mitarbeiter .daten .daten2 .sub p {
  /* font-size: 0.8rem; */
  color: #666666;
}

.mitarbeiter .daten .aufgaben {
  margin-left: -1px;
}

.mitarbeiter .daten .aufgaben ul {
  margin-bottom: 0;
}

.mitarbeiter .daten .aufgaben ul li {
  /* font-size: 0.85rem; */
  padding: 2px 10px 2px 0;
}

.mitarbeiter .kdata {
  font-size: 1.5rem;
}

.mitarbeiter .kdata.kdata1 {
  margin-top: 20px;
}

.mitarbeiter .kdata.kdata2 {
  margin-bottom: 20px;
}

.mitarbeiter .kdata .label {
  padding-right: 20px;
  color: #999999;
}

@media only screen and (min-width: 951px) {
  .mitarbeiter .kdata .label {
    text-align: right;
  }
}

@media only screen and (max-width: 1100px) {
  .mitarbeiter .daten {
    margin-bottom: 30px;
  }

  .mitarbeiter .daten .fachbereich p {
    /* font-size: 0.85rem; */
  }

  .mitarbeiter .daten .daten2 h2,
  .mitarbeiter .daten .daten2 h3.bigger,
  .mitarbeiter .daten .daten2 h4.bigger,
  .mitarbeiter .daten .daten2 ul.katlist li>a.bigger,
  .mitarbeiter .daten .daten2 ul.katlist .blaettern li>.bigger.leer,
  .blaettern .mitarbeiter .daten .daten2 ul.katlist li>.bigger.leer,
  ul.katlist .mitarbeiter .daten .daten2 li>a.bigger,
  ul.katlist .mitarbeiter .daten .daten2 .blaettern li>.bigger.leer,
  .blaettern ul.katlist .mitarbeiter .daten .daten2 li>.bigger.leer,
  .mitarbeiter .daten .daten2 ul.katlist li ul li a.bigger,
  .mitarbeiter .daten .daten2 ul.katlist li ul li .blaettern .bigger.leer,
  .blaettern .mitarbeiter .daten .daten2 ul.katlist li ul li .bigger.leer,
  ul.katlist li ul li .mitarbeiter .daten .daten2 a.bigger,
  ul.katlist li ul li .mitarbeiter .daten .daten2 .blaettern .bigger.leer,
  .blaettern ul.katlist li ul li .mitarbeiter .daten .daten2 .bigger.leer {
    font-size: 1.6rem;
  }

  .mitarbeiter .daten .daten2 .sub p {
    font-size: 0.75rem;
  }

  .mitarbeiter .daten .aufgaben ul li {
    font-size: 0.75rem;
  }

  .mitarbeiter .kdata {
    font-size: 1.2rem;
  }
}

.ma_liste {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-wrap: wrap;
}

.ma_liste .mitarbeiter {
  min-height: 0;
  font-size: 0.85em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  filter: Alpha(opacity=100);
  opacity: 1;
  moz-opacity: 1;
  position: relative;
  width: 20%;
  margin-bottom: 50px;
  padding: 0 5px 0 5px;
  border-left: 1px solid #DDDDDD;
}

@media only screen and (max-width: 1024px) {
  .ma_liste .mitarbeiter {
    width: 25%;
  }
}

@media only screen and (max-width: 800px) {
  .ma_liste .mitarbeiter {
    width: 33.3333333333%;
  }
}

@media only screen and (max-width: 500px) {
  .ma_liste .mitarbeiter {
    width: 50%;
  }
}

@media only screen and (max-width: 340px) {
  .ma_liste .mitarbeiter {
    width: 100%;
  }
}

.ma_liste .mitarbeiter .sparte {
  font-size: 0.95rem;
  line-height: 20px;
  padding: 10px 10px;
}

.ma_liste .mitarbeiter .bild {
  min-height: 0px;
  margin: 0 0 2px 0;
  height: auto !important;
}

@media only screen and (max-width: 1199px) {
  .ma_liste .mitarbeiter .bild {
    height: 183px;
  }
}

@media only screen and (max-width: 500px) {
  .ma_liste .mitarbeiter .bild {
    height: 165px;
  }
}

@media only screen and (max-width: 340px) {
  .ma_liste .mitarbeiter .bild {
    height: auto;
  }
}

.ma_liste .mitarbeiter .bild .sprachen {
  position: relative;
  z-index: 11;
  padding-left: 3px;
}

.ma_liste .mitarbeiter .fachbereich {
  padding-left: 8px;
}

.ma_liste .mitarbeiter .daten {
  padding: 0;
  border: 0;
}

.ma_liste .mitarbeiter .daten .fachbereich {
  min-height: 75px;
  /* font-size: 0.85rem; */
}

.ma_liste .mitarbeiter .daten .fachbereich p {
  /* font-size: 0.8rem; */
  margin-bottom: 5px;
}

.ma_liste .mitarbeiter .daten .daten2 {
  min-height: 90px;
  padding-left: 5px;
}

.ma_liste .mitarbeiter .daten .daten2 h2,
.ma_liste .mitarbeiter .daten .daten2 h3.bigger,
.ma_liste .mitarbeiter .daten .daten2 h4.bigger,
.ma_liste .mitarbeiter .daten .daten2 ul.katlist li>a.bigger,
.ma_liste .mitarbeiter .daten .daten2 ul.katlist .blaettern li>.bigger.leer,
.blaettern .ma_liste .mitarbeiter .daten .daten2 ul.katlist li>.bigger.leer,
ul.katlist .ma_liste .mitarbeiter .daten .daten2 li>a.bigger,
ul.katlist .ma_liste .mitarbeiter .daten .daten2 .blaettern li>.bigger.leer,
.blaettern ul.katlist .ma_liste .mitarbeiter .daten .daten2 li>.bigger.leer,
.ma_liste .mitarbeiter .daten .daten2 ul.katlist li ul li a.bigger,
.ma_liste .mitarbeiter .daten .daten2 ul.katlist li ul li .blaettern .bigger.leer,
.blaettern .ma_liste .mitarbeiter .daten .daten2 ul.katlist li ul li .bigger.leer,
ul.katlist li ul li .ma_liste .mitarbeiter .daten .daten2 a.bigger,
ul.katlist li ul li .ma_liste .mitarbeiter .daten .daten2 .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .ma_liste .mitarbeiter .daten .daten2 .bigger.leer {
  font-size: 1.6rem;
}

.ma_liste .mitarbeiter .daten .daten2 .sub {
  margin: -15px 0 10px 0;
}

.ma_liste .mitarbeiter .daten .daten2 .sub p {
  font-size: 0.75rem;
}

.ma_liste .mitarbeiter .daten .aufgaben ul li {
  font-size: 0.75rem;
}

.ma_liste .mitarbeiter .daten .label {
  font-size: 12px;
}

.ma_liste .mitarbeiter .daten .tel {
  font-size: 16px;
  font-weight: 400;
}

.ma_liste .mitarbeiter .daten .email {
  font-size: 16px;
}

.karte_vertr {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding: 0 12px;
}

.karte_vertr.karte_vertr {
  background: transparent;
}

.karte_vertr.default {
  padding: 0 20px;
}

.karte_vertr .fixed_width1 {
  width: 246px !important;
}

.karte_vertr .fixed_width1 .inner {
  width: 243px !important;
}

.karte_vertr .fixed_width1.legendblock {
  width: 246px !important;
}

.karte_vertr .float_width {
  border-left: 10px solid #FFFFFF;
  width: calc(100% - 738px);
}

.karte_vertr .fixed_height1 {
  height: 285px;
}

.karte_vertr .fixed_height1 .inner {
  height: 285px;
}

.karte_vertr .fixed_height1.ma_first .inner {
  height: 281px;
}

.karte_vertr .fixed_height1.leer .inner {
  height: 295px;
}

.karte_vertr .s_links {
  width: 24%;
  float: left;
  background: #f2f2f2;
}

.karte_vertr .s_rechts {
  width: 76%;
  float: left;
}

@media (max-width: 1339px) {
  .karte_vertr.karte_vertr.all {
    max-width: 1050px;
  }

  .karte_vertr .s_links {
    width: 22%;
  }

  .karte_vertr .s_rechts {
    width: 78%;
  }

  .karte_vertr .fixed_width1 {
    width: 204px !important;
  }

  .karte_vertr .fixed_width1 .inner {
    width: 202px !important;
  }

  .karte_vertr .fixed_width1.legendblock {
    width: 204px !important;
  }

  .karte_vertr .float_width {
    width: calc(100% - 612px);
  }

  .karte_vertr .fixed_height1 {
    height: 265px !important;
  }

  .karte_vertr .fixed_height1 .inner {
    height: 265px !important;
  }

  .karte_vertr .fixed_height1.ma_first .inner {
    height: 261px !important;
  }

  .karte_vertr .fixed_height1.leer .inner {
    height: 275px !important;
  }
}

@media (max-width: 1050px) {
  .karte_vertr .s_links {
    width: 35%;
  }

  .karte_vertr .s_rechts {
    width: 65%;
  }

  .karte_vertr .fixed_width1 {
    width: 33% !important;
  }

  .karte_vertr .fixed_width1 .inner {
    width: 100% !important;
  }

  .karte_vertr .fixed_height1 {
    height: auto !important;
  }

  .karte_vertr .fixed_height1 .inner {
    height: 100% !important;
  }

  .karte_vertr .fixed_height1.ma_first .inner {
    height: auto !important;
  }

  .karte_vertr .fixed_height1.leer .inner {
    height: 100% !important;
  }
}

@media (max-width: 900px) {
  .karte_vertr .fixed_width1 {
    width: 50% !important;
  }
}

@media (max-width: 540px) {

  .karte_vertr .s_links,
  .karte_vertr .s_rechts {
    width: 100%;
  }
}

@media (max-width: 400px) {
  .karte_vertr .fixed_width1 {
    width: 100% !important;
  }
}

.karte_vertr .sticky_legend {
  z-index: 100;
  width: 100%;
  float: left;
}

.karte_vertr .sticky_legend .inner {
  left: auto;
}

.karte_vertr .legende_vertr {
  margin: 0 -12px;
}

@media (max-width: 1050px) {
  .karte_vertr .legende_vertr {
    display: none;
  }
}

.karte_vertr .legendhead {
  font-weight: bold;
  font-size: 15px;
  padding: 5px 3px 2px 8px;
  border-bottom: 3px solid #FFFFFF;
  background: #e0e0e0;
}

.karte_vertr .legendblock {
  float: left;
}

.karte_vertr .legendblock .legendhead,
.karte_vertr .legendblock .legendtext {
  border-left: 3px solid #FFFFFF;
}

.karte_vertr .legendtext {
  border-bottom: 3px solid #FFFFFF;
  background: #999999;
  min-height: 85px;
}

.karte_vertr .legendtext.darker {
  background: #999999;
}

.karte_vertr .legendtext#vg_head {
  color: #FFFFFF;
  font-size: 1.6em;
  text-align: center;
  padding-top: 15px;
}

.karte_vertr .legendtext ul {
  margin: 0;
  padding: 12px 3px 3px 9px;
}

.karte_vertr .legendtext ul li {
  list-style-type: none;
  font-size: 0.9em !important;
  font-weight: 600;
  color: white !important;
  padding: 0 0 4px 0 !important;
  line-height: 1.15em;
}

@media (min-width: 1340px) {
  .karte_vertr .legendtext ul li {
    font-size: 1em !important;
  }
}

.karte_vertr .m_legend {
  display: none;
}

@media (max-width: 1050px) {
  .karte_vertr .m_legend {
    display: block;
  }

  .karte_vertr .m_legend .legendtext ul {
    padding: 7px 3px 3px 8px;
  }

  .karte_vertr .m_legend .legendtext ul li {
    font-size: 0.85em !important;
    font-weight: 600;
  }

  .karte_vertr .s_links {
    padding: 10px 20px 10px 10px !important;
  }

  .karte_vertr .s_links .legendhead {
    background: transparent !important;
    margin: 0 !important;
    padding-left: 0;
  }

  .karte_vertr .s_links .legendtext ul {
    margin-left: 6px !important;
  }
}

.karte_vertr .anspr_group {
  width: 100%;
  float: left;
}

.karte_vertr .contentline {
  padding: 0 7px 0 8px;
}

.karte_vertr .contentline .loaderbox {
  display: none;
  top: 200px;
  margin-left: -10%;
}

@media (max-width: 1050px) {
  .karte_vertr .contentline.multi {
    background: #f2f2f2;
  }

  .karte_vertr .contentline.multi.ks {
    background: #d9d9d9;
  }

  .karte_vertr .contentline.multi.ks .s_links {
    background: #d9d9d9;
  }

  .karte_vertr .contentline.multi.ks .s_links .legendhead {
    font-size: 1.6em;
    margin: 10px;
  }

  .karte_vertr .contentline.multi.ks .s_links ul {
    margin-left: 27px;
  }

  .karte_vertr .contentline.multi.ks .mitarbeiter.ks {
    border-color: #FFFFFF !important;
    margin-bottom: 20px !important;
    float: left;
    width: 33.333333% !important;
  }
}

@media (max-width: 1050px) and (max-width: 900px) {
  .karte_vertr .contentline.multi.ks .mitarbeiter.ks {
    width: 50% !important;
  }
}

.karte_vertr .contentline.multi .loaderbox {
  top: 125px !important;
}

.karte_vertr .contentline.multi .ma_liste.ks_leiste {
  display: none;
  float: right;
  width: calc(100% - 752px);
  background: #d9d9d9;
}

.karte_vertr .contentline.multi .ma_liste.ks_leiste .innerframe {
  position: relative;
  width: 100%;
}

.karte_vertr .contentline.multi .ma_liste.ks_leiste .innerframe .langblock {
  position: absolute;
  width: 100%;
  float: left;
  border-bottom: 3px solid #FFFFFF !important;
}

.karte_vertr .contentline.multi .ma_liste.ks_leiste .innerframe .langblock .scrollblock {
  width: 100%;
  float: left;
  padding: 15px 15px 0 15px;
}

.karte_vertr .contentline.multi .ma_liste.ks_leiste .innerframe .langblock .scrollblock .head {
  display: none;
}

@media (max-width: 1339px) {
  .karte_vertr .contentline.multi .ma_liste.ks_leiste {
    width: calc(100% - 627px);
    margin-right: 1px;
  }
}

.karte_vertr .contentline.multi .ma_liste.ks_leiste .mitarbeiter {
  padding: 0 0 10px 0;
  width: 100%;
  float: left;
  height: auto;
}

.karte_vertr .contentline.multi .ma_liste.ks_leiste .mitarbeiter .inner {
  border: none;
  border-bottom: 2px solid #FFFFFF !important;
  background: transparent;
  padding: 0px;
  height: auto;
}

@media (max-width: 1339px) {
  .karte_vertr .contentline.multi .ma_liste.ks_leiste .mitarbeiter .inner {
    padding: 5px;
  }
}

.karte_vertr .contentline.multi .ma_liste.ks_leiste .mitarbeiter:last-child .inner {
  border-bottom: none !important;
}

.karte_vertr .contentline.multi .ma_liste.ks_leiste.fixed_ks .innerframe {
  position: fixed;
  z-index: 100;
}

@media (min-width: 1051px) {
  .karte_vertr .contentline.multi .ma_liste .mitarbeiter {
    border: none;
    padding: 0 0 0 3px;
  }

  .karte_vertr .contentline.multi .ma_liste .mitarbeiter .inner {
    position: relative;
    z-index: 10;
    padding: 0 5px;
    border: 1px solid #d9d9d9;
    background: #f2f2f2;
  }

  .karte_vertr .contentline.multi .ma_liste .mitarbeiter.leer .inner {
    margin-top: -15px;
    border-top: none;
    border-bottom: none;
    border-color: #b3b3b3;
    background: #e6e6e6;
  }

  .karte_vertr .contentline.multi .ma_liste .mitarbeiter.leer .inner>div {
    visibility: hidden;
  }

  .karte_vertr .contentline.multi .ma_liste .mitarbeiter.fixed_ma .inner {
    position: fixed;
    z-index: 100;
  }

  .karte_vertr .contentline.multi .ma_liste .mitarbeiter.ma_first .inner {
    z-index: 90;
    border-bottom: none;
    border-color: #b3b3b3;
    background: #e6e6e6;
  }

  .karte_vertr .contentline.multi .ma_liste .mitarbeiter.ma_last .inner {
    border-bottom: 1px solid #b3b3b3;
  }
}

.karte_vertr .contentline.solo {
  background: #f2f2f2;
}

.karte_vertr .contentline.solo .s_rechts {
  padding-left: 3px;
  min-height: 425px;
}

@media (min-width: 1340px) {
  .karte_vertr .contentline.solo .s_rechts {
    min-height: 460px;
  }
}

.karte_vertr .contentline.solo .s_links {
  padding-top: 30px;
}

.karte_vertr .contentline.solo .ma_liste .mitarbeiter .aufgaben {
  display: block !important;
}

@media (max-width: 1050px) {
  .karte_vertr .contentline.active {
    background: #d9d9d9;
  }
}

.karte_vertr .contentline.active .karte {
  background: #d9d9d9;
  border-left: 10px solid #5386df;
}

@media (min-width: 1051px) {

  .karte_vertr .contentline.active .karte:before,
  .karte_vertr .contentline.active .karte:after {
    content: "";
    width: 1039px;
    height: 5px;
    background: #d9d9d9;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 95;
  }
}

@media (min-width: 1051px) and (max-width: 1339px) {

  .karte_vertr .contentline.active .karte:before,
  .karte_vertr .contentline.active .karte:after {
    width: 833px;
  }
}

@media (min-width: 1051px) {
  .karte_vertr .contentline.active .karte:after {
    top: 0px;
    bottom: auto;
  }
}

.karte_vertr .contentline.active .mitarbeiter .inner {
  background: #d9d9d9 !important;
}

.karte_vertr .contentline .karte {
  text-align: right;
  padding: 15px 20px;
  position: relative;
}

.karte_vertr .contentline .karte h2,
.karte_vertr .contentline .karte h3.bigger,
.karte_vertr .contentline .karte h4.bigger,
.karte_vertr .contentline .karte ul.katlist li>a.bigger,
.karte_vertr .contentline .karte ul.katlist .blaettern li>.bigger.leer,
.blaettern .karte_vertr .contentline .karte ul.katlist li>.bigger.leer,
ul.katlist .karte_vertr .contentline .karte li>a.bigger,
ul.katlist .karte_vertr .contentline .karte .blaettern li>.bigger.leer,
.blaettern ul.katlist .karte_vertr .contentline .karte li>.bigger.leer,
.karte_vertr .contentline .karte ul.katlist li ul li a.bigger,
.karte_vertr .contentline .karte ul.katlist li ul li .blaettern .bigger.leer,
.blaettern .karte_vertr .contentline .karte ul.katlist li ul li .bigger.leer,
ul.katlist li ul li .karte_vertr .contentline .karte a.bigger,
ul.katlist li ul li .karte_vertr .contentline .karte .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .karte_vertr .contentline .karte .bigger.leer {
  position: absolute;
  left: 5px;
  top: 5px;
  padding: 5px;
  margin: 0px;
  background: inherit;
}

.karte_vertr .contentline .karte h2 img,
.karte_vertr .contentline .karte h3.bigger img,
.karte_vertr .contentline .karte h4.bigger img,
.karte_vertr .contentline .karte ul.katlist li>a.bigger img,
.karte_vertr .contentline .karte ul.katlist .blaettern li>.bigger.leer img,
.blaettern .karte_vertr .contentline .karte ul.katlist li>.bigger.leer img,
ul.katlist .karte_vertr .contentline .karte li>a.bigger img,
ul.katlist .karte_vertr .contentline .karte .blaettern li>.bigger.leer img,
.blaettern ul.katlist .karte_vertr .contentline .karte li>.bigger.leer img,
.karte_vertr .contentline .karte ul.katlist li ul li a.bigger img,
.karte_vertr .contentline .karte ul.katlist li ul li .blaettern .bigger.leer img,
.blaettern .karte_vertr .contentline .karte ul.katlist li ul li .bigger.leer img,
ul.katlist li ul li .karte_vertr .contentline .karte a.bigger img,
ul.katlist li ul li .karte_vertr .contentline .karte .blaettern .bigger.leer img,
.blaettern ul.katlist li ul li .karte_vertr .contentline .karte .bigger.leer img {
  margin: 0px 5px 0 0;
  vertical-align: top;
}

.karte_vertr .contentline .karte img.smaller {
  max-width: 165px;
}

@media (min-width: 1340px) {
  .karte_vertr .contentline .karte img.smaller {
    max-width: 178px;
  }
}

@media (max-width: 1050px) {
  .karte_vertr .contentline .karte {
    text-align: center;
  }

  .karte_vertr .contentline .karte img.smaller {
    max-width: 100%;
  }

  .karte_vertr .contentline .karte h2,
  .karte_vertr .contentline .karte h3.bigger,
  .karte_vertr .contentline .karte h4.bigger,
  .karte_vertr .contentline .karte ul.katlist li>a.bigger,
  .karte_vertr .contentline .karte ul.katlist .blaettern li>.bigger.leer,
  .blaettern .karte_vertr .contentline .karte ul.katlist li>.bigger.leer,
  ul.katlist .karte_vertr .contentline .karte li>a.bigger,
  ul.katlist .karte_vertr .contentline .karte .blaettern li>.bigger.leer,
  .blaettern ul.katlist .karte_vertr .contentline .karte li>.bigger.leer,
  .karte_vertr .contentline .karte ul.katlist li ul li a.bigger,
  .karte_vertr .contentline .karte ul.katlist li ul li .blaettern .bigger.leer,
  .blaettern .karte_vertr .contentline .karte ul.katlist li ul li .bigger.leer,
  ul.katlist li ul li .karte_vertr .contentline .karte a.bigger,
  ul.katlist li ul li .karte_vertr .contentline .karte .blaettern .bigger.leer,
  .blaettern ul.katlist li ul li .karte_vertr .contentline .karte .bigger.leer {
    position: relative;
    left: 0;
    top: 0;
  }
}

.karte_vertr .contentline .contentframe {
  position: relative;
}

.karte_vertr .contentline .contentframe .hinweis_vertr {
  text-align: center;
  font-size: 1.6em;
  padding: 140px 180px 0 120px;
}

@media (max-width: 800px) {
  .karte_vertr .contentline .contentframe .hinweis_vertr {
    font-size: 1em;
    padding: 50px 30px 0 10px;
  }
}

@media (max-width: 540px) {
  .karte_vertr .contentline .contentframe .hinweis_vertr {
    padding: 0px 30px 15px 30px;
  }
}

.karte_vertr .contentline .contentframe .contentbox {
  padding: 10px 0;
  display: none;
}

@media (max-width: 540px) {
  .karte_vertr .contentline .contentframe .contentbox {
    padding: 10px;
  }
}

.karte_vertr .contentline .contentframe .contentbox .plz_closebutt {
  float: right;
  font-size: 24px;
  margin: -12px 14px 0 0;
  display: block;
}

.karte_vertr .contentline .contentframe .contentbox h1,
.karte_vertr .contentline .contentframe .contentbox h2.bigger,
.karte_vertr .contentline .contentframe .contentbox h3.bigger,
.karte_vertr .contentline .contentframe .contentbox h4.bigger,
.karte_vertr .contentline .contentframe .contentbox ul.katlist li>a.bigger,
.karte_vertr .contentline .contentframe .contentbox ul.katlist .blaettern li>.bigger.leer,
.blaettern .karte_vertr .contentline .contentframe .contentbox ul.katlist li>.bigger.leer,
ul.katlist .karte_vertr .contentline .contentframe .contentbox li>a.bigger,
ul.katlist .karte_vertr .contentline .contentframe .contentbox .blaettern li>.bigger.leer,
.blaettern ul.katlist .karte_vertr .contentline .contentframe .contentbox li>.bigger.leer,
.karte_vertr .contentline .contentframe .contentbox ul.katlist li ul li a.bigger,
.karte_vertr .contentline .contentframe .contentbox ul.katlist li ul li .blaettern .bigger.leer,
.blaettern .karte_vertr .contentline .contentframe .contentbox ul.katlist li ul li .bigger.leer,
ul.katlist li ul li .karte_vertr .contentline .contentframe .contentbox a.bigger,
ul.katlist li ul li .karte_vertr .contentline .contentframe .contentbox .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .karte_vertr .contentline .contentframe .contentbox .bigger.leer {
  margin: 5px 0 10px 0px;
  font-size: 21px;
}

.karte_vertr .contentline .contentframe .contentbox.noheadlines .plz_closebutt {
  display: none !important;
}

@media (max-width: 1050px) {
  .karte_vertr .contentline .contentframe .contentbox.noheadlines .ma_liste .mitarbeiter .aufgaben {
    display: block !important;
  }
}

@media (min-width: 1051px) {
  .karte_vertr .contentline .contentframe .contentbox.noheadlines {
    padding: 0;
  }

  .karte_vertr .contentline .contentframe .contentbox.noheadlines .sparte,
  .karte_vertr .contentline .contentframe .contentbox.noheadlines h1,
  .karte_vertr .contentline .contentframe .contentbox.noheadlines h2.bigger,
  .karte_vertr .contentline .contentframe .contentbox.noheadlines h3.bigger,
  .karte_vertr .contentline .contentframe .contentbox.noheadlines h4.bigger,
  .karte_vertr .contentline .contentframe .contentbox.noheadlines ul.katlist li>a.bigger,
  .karte_vertr .contentline .contentframe .contentbox.noheadlines ul.katlist .blaettern li>.bigger.leer,
  .blaettern .karte_vertr .contentline .contentframe .contentbox.noheadlines ul.katlist li>.bigger.leer,
  ul.katlist .karte_vertr .contentline .contentframe .contentbox.noheadlines li>a.bigger,
  ul.katlist .karte_vertr .contentline .contentframe .contentbox.noheadlines .blaettern li>.bigger.leer,
  .blaettern ul.katlist .karte_vertr .contentline .contentframe .contentbox.noheadlines li>.bigger.leer,
  .karte_vertr .contentline .contentframe .contentbox.noheadlines ul.katlist li ul li a.bigger,
  .karte_vertr .contentline .contentframe .contentbox.noheadlines ul.katlist li ul li .blaettern .bigger.leer,
  .blaettern .karte_vertr .contentline .contentframe .contentbox.noheadlines ul.katlist li ul li .bigger.leer,
  ul.katlist li ul li .karte_vertr .contentline .contentframe .contentbox.noheadlines a.bigger,
  ul.katlist li ul li .karte_vertr .contentline .contentframe .contentbox.noheadlines .blaettern .bigger.leer,
  .blaettern ul.katlist li ul li .karte_vertr .contentline .contentframe .contentbox.noheadlines .bigger.leer {
    display: none !important;
  }

  .karte_vertr .contentline .contentframe .contentbox.noheadlines .bild {
    margin-top: 5px !important;
  }
}

.karte_vertr .ma_liste .mitarbeiter {
  width: 25%;
  margin-bottom: 0px;
}

@media (max-width: 1050px) {
  .karte_vertr .ma_liste .mitarbeiter {
    width: 33.333333333%;
  }
}

@media (max-width: 800px) {
  .karte_vertr .ma_liste .mitarbeiter {
    width: 50%;
  }
}

@media (max-width: 540px) {
  .karte_vertr .ma_liste .mitarbeiter {
    width: 100%;
  }
}

.karte_vertr .ma_liste .mitarbeiter .bild {
  height: auto;
}

.karte_vertr .ma_liste .mitarbeiter .bild .sprachen {
  margin-left: -5px;
}

.karte_vertr .ma_liste .mitarbeiter .sparte {
  padding: 6px 10px 3px 10px;
  margin-bottom: 4px;
  background: #e6e6e6;
  min-height: 30px;
  border: none;
}

.karte_vertr .ma_liste .mitarbeiter h2,
.karte_vertr .ma_liste .mitarbeiter h3.bigger,
.karte_vertr .ma_liste .mitarbeiter h4.bigger,
.karte_vertr .ma_liste .mitarbeiter ul.katlist li>a.bigger,
.karte_vertr .ma_liste .mitarbeiter ul.katlist .blaettern li>.bigger.leer,
.blaettern .karte_vertr .ma_liste .mitarbeiter ul.katlist li>.bigger.leer,
ul.katlist .karte_vertr .ma_liste .mitarbeiter li>a.bigger,
ul.katlist .karte_vertr .ma_liste .mitarbeiter .blaettern li>.bigger.leer,
.blaettern ul.katlist .karte_vertr .ma_liste .mitarbeiter li>.bigger.leer,
.karte_vertr .ma_liste .mitarbeiter ul.katlist li ul li a.bigger,
.karte_vertr .ma_liste .mitarbeiter ul.katlist li ul li .blaettern .bigger.leer,
.blaettern .karte_vertr .ma_liste .mitarbeiter ul.katlist li ul li .bigger.leer,
ul.katlist li ul li .karte_vertr .ma_liste .mitarbeiter a.bigger,
ul.katlist li ul li .karte_vertr .ma_liste .mitarbeiter .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .karte_vertr .ma_liste .mitarbeiter .bigger.leer {
  font-size: 1.2rem !important;
  margin: 7px 0 !important;
}

.karte_vertr .ma_liste .mitarbeiter .tel {
  font-size: 15px !important;
}

.karte_vertr .ma_liste .mitarbeiter .email {
  font-size: 14px !important;
}

.karte_vertr .ma_liste .mitarbeiter .daten2 {
  min-height: 70px;
  padding-bottom: 10px;
}

.karte_vertr .ma_liste .mitarbeiter .aufgaben {
  padding-bottom: 10px;
}

.karte_vertr .ma_liste .mitarbeiter .aufgaben ul li {
  font-size: 0.8rem !important;
  color: #4d4d4d !important;
  padding: 1px 10px 1px 5px !important;
}

.karte_vertr .plzleiste {
  position: relative;
  background: #f2f2f2;
  margin: 0 -12px;
  min-height: 10px;
}

.karte_vertr .plzleiste .medium-12.columns {
  padding: 11px 0 5px 15px !important;
}

@media (max-width: 1050px) {
  .karte_vertr .plzleiste .medium-12.columns {
    padding: 11px 0 5px 5px !important;
  }
}

.karte_vertr .plzleiste .plz_closebutt {
  display: none;
  position: absolute;
  z-index: 10;
  margin: 0;
  right: 13px;
  top: 2px;
  font-size: 1.6em;
}

.karte_vertr .plzleiste .plz-form {
  display: flex;
  float: left;
  width: 165px;
  margin: 0 5px 5px 0;
}

.karte_vertr .plzleiste .plz-form .plz-label {
  margin: 0px !important;
  height: 34px;
  padding: 1px 7px;
  background: #ffc42d;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}

.karte_vertr .plzleiste .plz-form .plz-input {
  width: 70px !important;
  text-align: center;
  height: 34px;
  margin: 0 1px 0 1px !important;
}

.karte_vertr .plzleiste .flags {
  float: left;
  margin: 0 18px 5px 0;
  padding: 1px 8px 1px 10px;
  background: #ffc42d;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

@media (max-width: 650px) {
  .karte_vertr .plzleiste .flags {
    margin-right: 0;
  }
}

.karte_vertr .plzleiste .flags .label {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 0.8em;
  float: left;
  padding: 7px 10px 0 10px !important;
}

@media (max-width: 650px) {
  .karte_vertr .plzleiste .flags .label {
    display: none;
  }
}

.karte_vertr .plzleiste .flags .flag {
  cursor: pointer;
  margin: 0 3px 0 0;
}

.karte_vertr .plzleiste p {
  margin: 1px 5px 5px 0 !important;
  max-width: 380px;
  float: left;
}

@media (max-width: 1050px) {
  .karte_vertr .plzleiste p {
    max-width: 100%;
  }
}

@media (max-width: 799px) {
  .karte_vertr .plzleiste p {
    display: none;
  }
}

@media (max-width: 550px) {
  .karte_vertr .plzleiste .medium-12.columns {
    padding: 11px 0 5px 0px !important;
  }

  .karte_vertr .plzleiste .plz-form {
    width: 155px;
  }

  .karte_vertr .plzleiste .plz-form .plz-input {
    width: 55px;
  }

  .karte_vertr .plzleiste .flags {
    padding: 1px 6px 1px 5px;
  }

  .karte_vertr .plzleiste .flags .flag {
    margin-right: -1px;
  }
}

.jobs_liste h4,
.jobs_liste ul.katlist li ul li a,
.jobs_liste ul.katlist li ul li .blaettern .leer,
.blaettern .jobs_liste ul.katlist li ul li .leer,
ul.katlist li ul li .jobs_liste a,
ul.katlist li ul li .jobs_liste .blaettern .leer,
.blaettern ul.katlist li ul li .jobs_liste .leer {
  font-size: 15px;
}

.jobs_liste .list {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.jobs_liste .list .eintrag {
  position: relative;
  float: left;
  width: 100%;
  font-size: 14px;
}

.jobs_liste .list .eintrag a,
.jobs_liste .list .eintrag .blaettern .leer,
.blaettern .jobs_liste .list .eintrag .leer {
  float: left;
  width: 100%;
  margin-bottom: 1px;
  padding: 5px 50px 5px 10px;
  text-decoration: none !important;
  background: #f2f2f2;
}

.jobs_liste .list .eintrag a:hover,
.jobs_liste .list .eintrag .blaettern .leer:hover,
.blaettern .jobs_liste .list .eintrag .leer:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  filter: Alpha(opacity=70);
  opacity: 0.7;
  moz-opacity: 0.7;
}

.jobs_liste .list .eintrag:before {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 30px;
  background-image: url(../pics/linkpfeil1.png);
  background-repeat: no-repeat;
  background-position: right 0px top -410px;
}

.jobs .label {
  font-weight: bold;
  font-size: 14px;
}

.flagbox {
  position: relative;
  float: right;
  width: 40px;
  height: 32px;
  background-color: #f2f2f2;
  border-top: 4px solid #f2f2f2;
  border-bottom: 4px solid #f2f2f2;
  overflow: hidden;
}

.flagbox.hover {
  z-index: 10000;
  overflow: visible;
}

.vertical_slider {
  position: absolute;
  display: none;
  left: -1px;
  top: -1px;
  width: 42px;
  background-color: #f2f2f2;
  border: 1px solid #e6e6e6;
  padding: 5px 0;
}

.vertical_slider div {
  width: 40px;
  height: 24px;
  cursor: pointer;
  padding-left: 7px;
}

.vertical_slider img {
  vertical-align: top;
}

.pm_liste {
  min-height: 435px;
  border-top: 2px solid #DDDDDD;
  padding-top: 20px;
  border-bottom: 2px solid #DDDDDD;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-wrap: wrap;
}

.pm_liste .pressemeldung {
  position: relative;
  float: left;
  width: 25%;
  margin-bottom: 30px;
  padding: 0 5px 0 5px;
  border-left: 1px solid #DDDDDD;
}

@media only screen and (max-width: 1024px) {
  .pm_liste .pressemeldung {
    width: 25%;
  }
}

@media only screen and (max-width: 800px) {
  .pm_liste .pressemeldung {
    width: 33.3333333333%;
  }
}

@media only screen and (max-width: 500px) {
  .pm_liste .pressemeldung {
    width: 50%;
  }
}

@media only screen and (max-width: 340px) {
  .pm_liste .pressemeldung {
    width: 100%;
    border-left: none;
    padding: 0;
  }
}

.pm_liste .pressemeldung .titel {
  min-height: 91px;
}

.pm_liste .pressemeldung .titel h3,
.pm_liste .pressemeldung .titel h4.bigger,
.pm_liste .pressemeldung .titel ul.katlist li>a,
.pm_liste .pressemeldung .titel ul.katlist .blaettern li>.leer,
.blaettern .pm_liste .pressemeldung .titel ul.katlist li>.leer,
ul.katlist .pm_liste .pressemeldung .titel li>a,
ul.katlist .pm_liste .pressemeldung .titel .blaettern li>.leer,
.blaettern ul.katlist .pm_liste .pressemeldung .titel li>.leer,
.pm_liste .pressemeldung .titel ul.katlist li ul li a.bigger,
.pm_liste .pressemeldung .titel ul.katlist li ul li .blaettern .bigger.leer,
.blaettern .pm_liste .pressemeldung .titel ul.katlist li ul li .bigger.leer,
ul.katlist li ul li .pm_liste .pressemeldung .titel a.bigger,
ul.katlist li ul li .pm_liste .pressemeldung .titel .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .pm_liste .pressemeldung .titel .bigger.leer {
  min-height: 45px;
}

.pm_liste .pressemeldung .subline {
  margin: -5px 0px 5px 0px;
  /* font-size: 0.85rem; */
  color: #004c80;
}

.pm_liste .pressemeldung .bild {
  height: 260px;
}

@media only screen and (max-width: 340px) {
  .pm_liste .pressemeldung .bild {
    height: auto;
    margin-bottom: 20px;
  }
}

.pm_liste .pressemeldung .bild .sprachen {
  position: relative;
  z-index: 11;
}

.pm_liste .pressemeldung .link a,
.pm_liste .pressemeldung .link .blaettern .leer,
.blaettern .pm_liste .pressemeldung .link .leer {
  float: right;
  /* font-size: 0.8rem; */
  margin-right: 5px;
}

.blaettern {
  display: block;
  float: right;
  margin: 7px 0;
}

.blaettern select,
.blaettern .label,
.blaettern a,
.blaettern .leer {
  height: 32px !important;
  line-height: 32px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-left: 2px;
  float: right;
}

.blaettern a.vor,
.blaettern a.zurueck,
.blaettern a.vor.doppelt,
.blaettern a.zurueck.doppelt,
.blaettern .leer.vor,
.blaettern .leer.zurueck,
.blaettern .leer.vor.doppelt,
.blaettern .leer.zurueck.doppelt {
  background-image: url(../pics/linkpfeil1.png);
  background-repeat: no-repeat;
}

.blaettern a,
.blaettern .leer {
  display: inline-block;
  text-decoration: none !important;
  font-size: 13px;
  border: 1px solid #e6e6e6;
  background-color: #f6f6f6;
  padding-left: 20px;
  padding-right: 20px;
  width: 30px;
}

.blaettern a:hover,
.blaettern .leer:hover {
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
}

.blaettern a.vor,
.blaettern .vor.leer {
  background-position: center -500px;
}

.blaettern a.zurueck,
.blaettern .zurueck.leer {
  background-position: center -545px;
}

.blaettern a.vor.doppelt,
.blaettern .vor.doppelt.leer {
  background-position: center -410px;
}

.blaettern a.zurueck.doppelt,
.blaettern .zurueck.doppelt.leer {
  background-position: center -455px;
}

.blaettern .leer {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
}

.blaettern .leer:hover {
  background-color: #f2f2f2;
  border: 1px solid #f7f7f7;
  cursor: default;
}

.blaettern .leer.vor {
  background-position: center -680px;
}

.blaettern .leer.zurueck {
  background-position: center -725px;
}

.blaettern .leer.vor.doppelt {
  background-position: center -590px;
}

.blaettern .leer.zurueck.doppelt {
  background-position: center -635px;
}

.blaettern .label {
  display: inline-block;
  text-align: right;
  padding: 10px;
  font-size: 13px;
}

.blaettern select {
  width: 75px;
  margin-bottom: 0;
  border: 1px solid #f2f2f2;
  background-color: #f2f2f2;
}

.blaettern.bmitarb {
  width: 100%;
  border-top: 2px solid #DDDDDD;
  margin-top: 20px;
  padding-top: 7px;
}

.blaettern.bmitarb .zurueck {
  text-align: left;
}

.blaettern.bmitarb .uebersicht {
  text-align: center;
}

.blaettern.bmitarb .uebersicht a,
.blaettern.bmitarb .uebersicht .leer {
  width: auto;
  float: none;
}

.blaettern.bmitarb .vor {
  text-align: right;
}

@media only screen and (max-width: 480px) {

  .blaettern.bmitarb .zurueck,
  .blaettern.bmitarb .uebersicht,
  .blaettern.bmitarb .vor {
    width: 100%;
  }

  .blaettern.bmitarb .zurueck a,
  .blaettern.bmitarb .zurueck .leer,
  .blaettern.bmitarb .uebersicht a,
  .blaettern.bmitarb .uebersicht .leer,
  .blaettern.bmitarb .vor a,
  .blaettern.bmitarb .vor .leer {
    width: 100% !important;
    margin-bottom: 3px;
    margin-left: 0;
  }
}

.blaettern.bmitarb a.links,
.blaettern.bmitarb .links.leer {
  float: left;
  padding-left: 32px;
  background-image: url(../pics/linkpfeil1.png);
  background-repeat: no-repeat;
  background-position: -5px -545px;
  width: auto;
}

.blaettern.bmitarb a.rechts,
.blaettern.bmitarb .rechts.leer {
  float: right;
  padding-right: 32px;
  background-image: url(../pics/linkpfeil1.png);
  background-repeat: no-repeat;
  background-position: right -5px top -500px;
  width: auto;
}

.blaettern.bnews.oben {
  margin-top: 15px;
}

.blaettern.bnewslist.oben {
  margin-top: 15px;
}

.blaettern.bnewslist a.archiv,
.blaettern.bnewslist .archiv.leer {
  width: auto;
}

.blaettern.bpresse.oben {
  margin-top: 13px;
}

@media only screen and (max-width: 400px) {
  .blaettern.bpresse.oben {
    margin-top: 40px;
  }
}

.news {
  padding: 20px 0;
}

.newslist .liste {
  border-top: 2px solid #DDDDDD;
  padding-bottom: 10px;
  border-bottom: 2px solid #DDDDDD;
}

.newslist .startseite:not(.blaettern) {
  float: left;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0px;
}

.newslist .startseite:not(.blaettern) .liste {
  border-top: none;
  border-bottom: 1px solid #DDDDDD;
  padding-top: 0;
}

.newslist .startseite:not(.blaettern) h2,
.newslist .startseite:not(.blaettern) h3.bigger,
.newslist .startseite:not(.blaettern) h4.bigger,
.newslist .startseite:not(.blaettern) ul.katlist li>a.bigger,
ul.katlist .newslist .startseite:not(.blaettern) li>a.bigger,
.newslist .startseite:not(.blaettern) ul.katlist li ul li a.bigger,
ul.katlist li ul li .newslist .startseite:not(.blaettern) a.bigger,
.newslist .startseite:not(.blaettern) ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern .newslist .startseite:not(.blaettern) li>.bigger.leer,
.newslist .startseite:not(.blaettern) .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist .newslist .startseite:not(.blaettern) li>.bigger.leer,
.newslist .startseite:not(.blaettern) ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern .newslist .startseite:not(.blaettern) .bigger.leer,
.newslist .startseite:not(.blaettern) .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li .newslist .startseite:not(.blaettern) .bigger.leer {
  margin: 10px 0 10px 0px;
}

@media only screen and (min-width:59.4375em) {
  .newslist .startseite:not(.blaettern) {
    border-left: 1px solid #dddddd;
    padding-left: 20px;
  }
}

.newslist .startseite:not(.blaettern) .inner {
  min-height: 320px;
}

.newslist .startseite:not(.blaettern) .topnews .item {
  /* font-size: 1rem; */
  padding-bottom: 5px;
  margin-left: 30px;
}

.newslist .startseite:not(.blaettern) .topnews .item:before {
  content: " ";
  float: left;
  width: 25px;
  height: 25px;
  margin: 0 5px 0 -30px;
  background: url(../pics/linkpfeil1.png) no-repeat -12px -191px;
}

.newslist .startseite:not(.blaettern) .item {
  padding-bottom: 5px;
}

.newslist .item {
  /* font-size: 0.8rem; */
  padding-bottom: 10px;
}

.newslist .item.archiv {
  border-top: 1px solid #dddddd;
}

.newslist .item.archiv.item1 {
  border-top: 1px solid #FFFFFF;
}

@media only screen and (min-width:59.4375em) {
  .newslist .item.archiv.item4 {
    border-top: 1px solid #FFFFFF;
  }
}

.newslist .item.archiv .topline {
  margin: 15px 0px -14px 0px;
  /* font-size: 0.8rem; */
  line-height: 1.2;
}

.newslist .item.archiv h2,
.newslist .item.archiv h3.bigger,
.newslist .item.archiv h4.bigger,
.newslist .item.archiv ul.katlist li>a.bigger,
ul.katlist .newslist .item.archiv li>a.bigger,
.newslist .item.archiv ul.katlist li ul li a.bigger,
ul.katlist li ul li .newslist .item.archiv a.bigger,
.newslist .item.archiv ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern .newslist .item.archiv li>.bigger.leer,
.newslist .item.archiv .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist .newslist .item.archiv li>.bigger.leer,
.newslist .item.archiv ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern .newslist .item.archiv .bigger.leer,
.newslist .item.archiv .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li .newslist .item.archiv .bigger.leer {
  margin: 14px 0 7px 0px;
}

.newslist .item.archiv .teaser p {
  margin: 0px 0 6px 0px;
  /* font-size: 0.8rem; */
}

.newslist .item.archiv .teaser img {
  float: left;
  margin: 0 10px 10px 0;
}

#newsfilter {
  margin-bottom: 10px;
}

.nf_head {
  line-height: 2.1rem;
  margin-top: -10px;
  background: #f2f2f2;
  border-top: none;
}

.nf_head .hl_filter {
  float: left;
  /* font-size: 0.85rem; */
  padding-right: 10px;
}

.nf_head .hl_filter_aktiv {
  padding: 0px 15px !important;
  margin: 3px 0;
  line-height: 1.8rem;
  float: left;
  text-transform: uppercase;
}

@media (max-width: 40em) {
  .nf_head .hl_filter_aktiv {
    width: 100%;
    text-align: center;
  }
}

.newsfilter table {
  margin-top: 10px;
}

.newsfilter table td {
  /* font-size: 0.85rem; */
  line-height: 1rem;
  vertical-align: top;
  padding-bottom: 2px;
}

.newsfilter table td input[type=checkbox] {
  margin-top: 3px;
}

.newsfilter .fkat {
  width: 27%;
  float: left;
}

@media (max-width: 950px) {
  .newsfilter .fkat {
    width: 38%;
  }
}

@media (max-width: 480px) {
  .newsfilter .fkat {
    width: 100%;
  }
}

.newsfilter .fherstlist {
  width: 73%;
  float: left;
}

@media (max-width: 950px) {
  .newsfilter .fherstlist {
    width: 62%;
  }
}

@media (max-width: 480px) {
  .newsfilter .fherstlist {
    width: 100%;
  }
}

.newsfilter .fherstlist .fherst {
  padding: 5px 0 0 0 !important;
  min-height: 50px;
  width: 16.66667%;
  float: left;
}

@media (max-width: 950px) {
  .newsfilter .fherstlist .fherst {
    width: 25%;
  }
}

@media (max-width: 480px) {
  .newsfilter .fherstlist .fherst {
    width: 33.3333333333%;
  }
}

@media (max-width: 340px) {
  .newsfilter .fherstlist .fherst {
    width: 50%;
  }
}

.newsfilter .fherstlist .fherst .cb {
  float: left;
  width: 20px;
}

.newsfilter .fherstlist .fherst img {
  max-width: 60%;
}

.gal {
  margin: 20px 0 !important;
  padding-top: 5px;
  border-top: 1px solid #cccccc;
}

.gal p.gal_head {
  font-weight: 400;
  /* font-size: 0.85rem; */
  color: #1b3454;
}

.gal>.row.collapse {
  margin-right: -0.6rem;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-wrap: wrap;
}

.gal>.row.collapse>div {
  padding-bottom: 10px;
}

.gal .klthumb {
  margin: 0 10px 0 0;
  height: 100%;
  background: #e6e6e6;
  padding: 5px !important;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2) !important;
}

.gal .klthumb a img:hover,
.gal .klthumb .blaettern .leer img:hover,
.blaettern .gal .klthumb .leer img:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  filter: Alpha(opacity=80);
  opacity: 0.8;
  moz-opacity: 0.8;
}

@media only screen and (max-width: 640px) {
  .gal>.row.collapse>div {
    width: 50% !important;
  }
}

@media only screen and (max-width: 370px) {
  .gal>.row.collapse>div {
    width: 100% !important;
  }
}

@media only screen and (max-width: 640px) {
  .gal>.row.collapse.count_1>div {
    width: 33.3333333333% !important;
  }
}

@media only screen and (max-width: 370px) {
  .gal>.row.collapse.count_1>div {
    width: 50% !important;
  }
}

.download {
  margin-bottom: 10px;
}

.download .title {
  /* font-size: 0.8rem; */
}

.download .filename {
  /* font-size: 0.8rem; */
  color: gray;
}

.download span.video {
  position: relative;
  top: 2px;
}

/* ### fancybox ############################################################ */
body.lightbox #content {
  background: #f2f2f2;
}

.fancybox-wrap .fancybox-skin {
  -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2) !important;
  border: 6px solid #e6e6e6 !important;
  background: #e6e6e6;
}

.fancybox-wrap .fancybox-skin .fancybox-title {
  /* font-family: "Roboto Condensed", sans-serif; */
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: black;
  padding: 10px 20px 10px 10px;
  background: #e6e6e6;
}

.fancybox-wrap .fancybox-skin .fancybox-title p {
  font-size: 15px;
  margin: 5px 0 5px 0;
}

.fancybox-wrap.fancybox-type-iframe .fancybox-skin {
  border: none !important;
}

.mobiltel {
  display: none;
}

.maintel {
  display: inline;
}

@media only screen and (max-width: 1000px) {
  #editleiste {
    display: none;
  }
}

@media only screen and (max-width: 950px) {
  .main_content .kasten.float4 {
    width: 49%;
  }

  .notmobile {
    display: none;
  }

  .newlinemobile {
    display: block;
  }
}

@media only screen and (max-width: 40em) {
  body:not(.free) .img:not(.drittel):not(.viertel) {
    width: 100% !important;
    margin: 0 0 12px 0 !important;
  }

  .mobiltel {
    display: inline;
  }

  .maintel {
    display: none;
  }

  .fancybox-wrap .fancybox-skin {
    border: none !important;
  }
}

@media only screen and (max-width: 40em) and (max-width: 500px) {
  .main_content .kasten {
    width: 100% !important;
    margin-right: 0;
  }
}

@media only screen and (max-width: 40em) {

  #footer,
  #footer_end,
  .sitemap {
    text-align: center;
  }
}

@media only screen and (max-width: 40em) {

  body .content h1,
  body .content h2.bigger,
  body .content h3.bigger,
  body .content h4.bigger,
  body .content ul.katlist li>a.bigger,
  ul.katlist body .content li>a.bigger,
  body .content ul.katlist li ul li a.bigger,
  ul.katlist li ul li body .content a.bigger,
  body .content ul.katlist .blaettern li>.bigger.leer,
  ul.katlist .blaettern body .content li>.bigger.leer,
  body .content .blaettern ul.katlist li>.bigger.leer,
  .blaettern ul.katlist body .content li>.bigger.leer,
  body .content ul.katlist li ul li .blaettern .bigger.leer,
  ul.katlist li ul li .blaettern body .content .bigger.leer,
  body .content .blaettern ul.katlist li ul li .bigger.leer,
  .blaettern ul.katlist li ul li body .content .bigger.leer {
    font-size: 24px !important;
    line-height: 30px !important;
  }
}

@media only screen and (max-width: 40em) {

  body .content h2,
  body .content h3.bigger,
  body .content h4.bigger,
  body .content ul.katlist li>a.bigger,
  ul.katlist body .content li>a.bigger,
  body .content ul.katlist li ul li a.bigger,
  ul.katlist li ul li body .content a.bigger,
  body .content ul.katlist .blaettern li>.bigger.leer,
  ul.katlist .blaettern body .content li>.bigger.leer,
  body .content .blaettern ul.katlist li>.bigger.leer,
  .blaettern ul.katlist body .content li>.bigger.leer,
  body .content ul.katlist li ul li .blaettern .bigger.leer,
  ul.katlist li ul li .blaettern body .content .bigger.leer,
  body .content .blaettern ul.katlist li ul li .bigger.leer,
  .blaettern ul.katlist li ul li body .content .bigger.leer {
    font-size: 20px !important;
    line-height: 24px !important;
  }
}

@media only screen and (max-width: 1100px) {

  body .content h1,
  body .content h2.bigger,
  body .content h3.bigger,
  body .content h4.bigger,
  body .content ul.katlist li>a.bigger,
  ul.katlist body .content li>a.bigger,
  body .content ul.katlist li ul li a.bigger,
  ul.katlist li ul li body .content a.bigger,
  body .content ul.katlist .blaettern li>.bigger.leer,
  ul.katlist .blaettern body .content li>.bigger.leer,
  body .content .blaettern ul.katlist li>.bigger.leer,
  .blaettern ul.katlist body .content li>.bigger.leer,
  body .content ul.katlist li ul li .blaettern .bigger.leer,
  ul.katlist li ul li .blaettern body .content .bigger.leer,
  body .content .blaettern ul.katlist li ul li .bigger.leer,
  .blaettern ul.katlist li ul li body .content .bigger.leer {
    font-size: 22px !important;
    line-height: 28px !important;
  }

  body .content h2,
  body .content h3.bigger,
  body .content h4.bigger,
  body .content ul.katlist li>a.bigger,
  ul.katlist body .content li>a.bigger,
  body .content ul.katlist li ul li a.bigger,
  ul.katlist li ul li body .content a.bigger,
  body .content ul.katlist .blaettern li>.bigger.leer,
  ul.katlist .blaettern body .content li>.bigger.leer,
  body .content .blaettern ul.katlist li>.bigger.leer,
  .blaettern ul.katlist body .content li>.bigger.leer,
  body .content ul.katlist li ul li .blaettern .bigger.leer,
  ul.katlist li ul li .blaettern body .content .bigger.leer,
  body .content .blaettern ul.katlist li ul li .bigger.leer,
  .blaettern ul.katlist li ul li body .content .bigger.leer {
    font-size: 18px !important;
    line-height: 21px !important;
  }

  body .content h3,
  body .content h4.bigger,
  body .content ul.katlist li>a,
  ul.katlist body .content li>a,
  body .content ul.katlist li ul li a.bigger,
  ul.katlist li ul li body .content a.bigger,
  body .content ul.katlist .blaettern li>.leer,
  ul.katlist .blaettern body .content li>.leer,
  body .content .blaettern ul.katlist li>.leer,
  .blaettern ul.katlist body .content li>.leer,
  body .content ul.katlist li ul li .blaettern .bigger.leer,
  ul.katlist li ul li .blaettern body .content .bigger.leer,
  body .content .blaettern ul.katlist li ul li .bigger.leer,
  .blaettern ul.katlist li ul li body .content .bigger.leer {
    font-size: 16px !important;
    line-height: 19px !important;
  }

  p,
  .main_content ul li {
    /* font-size: 0.8rem; */
    line-height: 1.3;
  }
}

body.free .hline {
  clear: both;
  height: 1px;
  margin: 0px 1.25rem 5px 1.25rem;
}


body.free .topline {
  display: none;
  margin: 13px 0px -23px 0px;
}

body.free .showtopline .topline {
  display: block;
}

body.free .startheader {
  display: block;
  background-color: #ffbb00;
  background-repeat: no-repeat;
  background-position: calc(50% - 333px) bottom;
  height: 300px;
}

body.free .startheader p {
  color: #FFFFFF;
}

body.free .startheader .slogan {
  float: right;
  width: 100%;
  margin: 15px 0 10px 0;
  padding: 10px 19.6% 5px 0;
}

body.free .startheader .slogan img {
  float: right;
}

@media only screen and (max-width: 950px) {
  body.free .startheader {
    background-position: -430px 0;
  }

  body.free .startheader .slogan {
    margin: 15px 0 10px 0;
    padding: 10px 10px 5px 10px;
    max-width: 360px;
  }
}

@media only screen and (max-width: 950px) and (max-width: 600px) {
  body.free .startheader .slogan {
    max-width: 100% !important;
    background: rgba(255, 255, 255, 0.5);
  }

  body.free .startheader .slogan img {
    width: 340px;
    max-width: 100%;
  }
}

@media only screen and (max-width: 950px) and (max-width: 600px) and (max-width: 400px) {
  body.free .startheader .slogan {
    margin-bottom: -5px;
  }
}

body.free .startheader .kaesten {
  margin-right: 10px;
}

body.free .startheader .kaesten .kasten {
  width: 166px;
  position: relative;
  float: right;
  margin-right: 10px;
}

body.free .startheader .kaesten .kasten:hover .link {
  background: #152841;
}

body.free .startheader .kaesten .kasten .aframe {
  position: relative;
}

body.free .startheader .kaesten .kasten a,
body.free .startheader .kaesten .kasten .blaettern .leer,
.blaettern body.free .startheader .kaesten .kasten .leer {
  z-index: 10;
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none !important;
}

body.free .startheader .kaesten .kasten .pic {
  border: 8px solid #FFFFFF;
  background: #f2f2f2;
  position: relative;
  width: 100%;
  overflow: hidden;
}

body.free .startheader .kaesten .kasten .pic img {
  max-width: none;
  width: 100%;
}

body.free .startheader .kaesten .kasten .pic.noborder {
  border: none;
}

body.free .startheader .kaesten .kasten .pic.noborder img {
  width: 106%;
  margin-left: -3%;
}

body.free .startheader .kaesten .kasten .lb_block {
  overflow: hidden;
  height: 115px;
}

body.free .startheader .kaesten .kasten .lb_text {
  background: #4d4d4d;
  padding: 10px;
  min-height: 60px;
}

body.free .startheader .kaesten .kasten .lb_text p {
  margin: 0px 0 5px 0px;
  font-size: 11px;
  line-height: 1.3;
  color: white;
}

body.free .startheader .kaesten .kasten .link {
  display: block;
  /* font-size: 0.8rem; */
  min-height: 34px;
  background: #214067;
  background: linear-gradient(#214067, #152841);
}

body.free .startheader .kaesten .kasten .link span:not(.highlight) {
  background: url(../pics/linkpfeil1.png) no-repeat right -187px;
  display: block;
  float: left;
  width: 100%;
  min-height: 34px;
  color: #FFF;
  padding: 6px 10px;
}

body.free .startheader .kaesten .kasten .lb_text,
body.free .startheader .kaesten .kasten#kasten_is .lb_head {
  background: #152841;
}

body.free .startheader .kaesten .kasten#lb_extern {
  float: left;
  margin-left: 20px;
}

body.free .startheader .kaesten .kasten#lb_extern .pic .lb_head {
  position: absolute;
  top: 0px;
  left: 1px;
}

body.free .startheader .kaesten .kasten#lb_extern .pic .lb_head h3,
body.free .startheader .kaesten .kasten#lb_extern .pic .lb_head h4.bigger,
body.free .startheader .kaesten .kasten#lb_extern .pic .lb_head ul.katlist li>a,
ul.katlist body.free .startheader .kaesten .kasten#lb_extern .pic .lb_head li>a,
body.free .startheader .kaesten .kasten#lb_extern .pic .lb_head ul.katlist li ul li a.bigger,
ul.katlist li ul li body.free .startheader .kaesten .kasten#lb_extern .pic .lb_head a.bigger,
body.free .startheader .kaesten .kasten#lb_extern .pic .lb_head ul.katlist .blaettern li>.leer,
ul.katlist .blaettern body.free .startheader .kaesten .kasten#lb_extern .pic .lb_head li>.leer,
body.free .startheader .kaesten .kasten#lb_extern .pic .lb_head .blaettern ul.katlist li>.leer,
.blaettern ul.katlist body.free .startheader .kaesten .kasten#lb_extern .pic .lb_head li>.leer,
body.free .startheader .kaesten .kasten#lb_extern .pic .lb_head ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body.free .startheader .kaesten .kasten#lb_extern .pic .lb_head .bigger.leer,
body.free .startheader .kaesten .kasten#lb_extern .pic .lb_head .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body.free .startheader .kaesten .kasten#lb_extern .pic .lb_head .bigger.leer {
  margin: 0;
  /* font-size: 0.85rem; */
  line-height: 1.2rem;
  color: #1b3454;
}

body.free .startheader .kaesten .kasten#lb_extern .link {
  /* font-size: 0.8rem; */
  line-height: 22px;
}

@media only screen and (max-width: 860px) {
  body.free .startheader .kaesten {
    width: 260px;
    float: right;
    margin-right: 0px;
  }

  body.free .startheader .kaesten .kasten {
    width: 100%;
  }

  body.free .startheader .kaesten .kasten .lb_block {
    display: none;
  }

  body.free .startheader .kaesten .kasten#lb_extern {
    margin: 0 10px 0 0;
    float: right;
    width: 100%;
  }

  body.free .startheader .kaesten .kasten#lb_extern .lb_block {
    display: block;
    height: 37px !important;
  }

  body.free .startheader .kaesten .kasten#lb_extern .lb_block .pic {
    border: none;
  }

  body.free .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: #4d4d4d;
    padding: 10px 10px 10px 10px;
  }

  body.free .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head h3,
  body.free .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head h4.bigger,
  body.free .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head ul.katlist li>a,
  ul.katlist body.free .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head li>a,
  body.free .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head ul.katlist li ul li a.bigger,
  ul.katlist li ul li body.free .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head a.bigger,
  body.free .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head ul.katlist .blaettern li>.leer,
  ul.katlist .blaettern body.free .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head li>.leer,
  body.free .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head .blaettern ul.katlist li>.leer,
  .blaettern ul.katlist body.free .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head li>.leer,
  body.free .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head ul.katlist li ul li .blaettern .bigger.leer,
  ul.katlist li ul li .blaettern body.free .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head .bigger.leer,
  body.free .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head .blaettern ul.katlist li ul li .bigger.leer,
  .blaettern ul.katlist li ul li body.free .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head .bigger.leer {
    color: #e0a100;
  }
}

@media only screen and (max-width: 400px) {
  body.free .startheader .kaesten {
    width: 100%;
    margin-top: 54px;
  }

  body.free .startheader .kaesten .kasten {
    margin-right: 0 !important;
  }
}

@media only screen and (max-width: 500px) {
  body.free .startheader {
    background-position: -355px 0;
    background-size: cover;
    height: 250px !important;
  }

  body.free .startheader .slogan {
    max-width: 300px;
  }
}

@media only screen and (max-width: 400px) {
  body.free .startheader {
    background-position: -210px 0;
    height: 150px !important;
  }

  body.free .startheader .slogan {
    max-width: 220px;
  }

  body.free .startheader .kaesten {
    margin-top: 50px;
  }
}

body.free #header:not(.nl_header) {
  height: 100px !important;
}

@media only screen and (max-width: 400px) {
  body.free #header:not(.nl_header) {
    height: 132px !important;
  }
}

body.free #header:not(.nl_header) .logo {
  float: none;
}

body.free #header:not(.nl_header) .logo.ews,
body.free #header:not(.nl_header) .logo.is {
  position: absolute;
  width: 155px;
  margin: 0 !important;
  left: 20px;
  top: 22px;
  z-index: 10;
}

@media only screen and (max-width: 950px) {

  body.free #header:not(.nl_header) .logo.ews,
  body.free #header:not(.nl_header) .logo.is {
    left: 12px;
  }
}

@media only screen and (max-width: 400px) {
  body.free #header:not(.nl_header) .logo.ews {
    width: 112px;
    left: 12px;
    top: 114px !important;
  }
}

body.free #header:not(.nl_header) .logo.qc {
  margin: 45px 10px 10px 0;
}

body.free #header:not(.nl_header) .logo.pv_de {
  position: absolute;
  width: 220px;
  margin: 0 !important;
  right: 23px;
  top: 23px;
}

@media only screen and (max-width: 950px) {
  body.free #header:not(.nl_header) .logo.pv_de {
    right: 13px;
  }
}

@media only screen and (max-width: 400px) {
  body.free #header:not(.nl_header) .logo.pv_de {
    right: 11px;
    width: 298px;
    top: 10px;
  }
}

body.free #header:not(.nl_header) .logo.pv_de.dk {
  width: 258px;
  top: 44px;
}

body.free #header:not(.nl_header) .logo.pv_de.en {
  width: 255px;
  top: 51px;
}

body.free #header:not(.nl_header) .logo.pv_de.se {
  width: 255px;
  top: 45px;
}

body.free #header:not(.nl_header) .logo.pv_de.pl {
  width: 255px;
  top: 47px;
}

body.free #header:not(.nl_header) .logo.pv_de.nl {
  width: 255px;
  top: 47px;
}

body.free #header:not(.nl_header) .logo.qp {
  left: 165px;
}

@media only screen and (max-width: 520px) {
  body.free #header:not(.nl_header).jahre {
    height: 132px !important;
  }
}

body.free #header:not(.nl_header).jahre .logo.ews {
  left: 125px;
}

@media only screen and (max-width: 950px) {
  body.free #header:not(.nl_header).jahre .logo.ews {
    left: 117px;
  }
}

@media only screen and (max-width: 520px) {
  body.free #header:not(.nl_header).jahre .logo.ews {
    width: 112px !important;
    left: 80px !important;
    top: 114px !important;
  }
}

@media only screen and (max-width: 420px) {
  body.free #header:not(.nl_header).jahre .logo.ews {
    left: 12px !important;
  }
}

body.free #header:not(.nl_header).jahre .logo.logo35 {
  position: absolute;
  width: 105px;
  margin: 0 !important;
  left: 20px;
  top: 22px;
  z-index: 10;
}

@media only screen and (max-width: 950px) {
  body.free #header:not(.nl_header).jahre .logo.logo35 {
    left: 12px;
  }
}

@media only screen and (max-width: 520px) {
  body.free #header:not(.nl_header).jahre .logo.logo35 {
    left: 7px;
    width: 76px !important;
    top: 114px !important;
  }
}

@media only screen and (max-width: 420px) {
  body.free #header:not(.nl_header).jahre .logo.logo35 {
    display: none;
  }
}

@media only screen and (max-width: 520px) {
  body.free #header:not(.nl_header).jahre .logo.pv_de {
    right: 11px;
    width: 298px;
    top: 10px;
  }
}

@media only screen and (max-width: 520px) {
  body.free #header:not(.nl_header).jahre .lang_switch {
    top: 112px !important;
    right: 3px !important;
    left: auto !important;
  }
}

@media only screen and (max-width: 520px) {
  body.free #header:not(.nl_header).jahre .login {
    top: 131px;
    right: 42px !important;
  }
}

/* body.free p:not(.topline) {
  margin: 0px 0 12px 0px;
  font-size: 0.9em;
} */

/* body.free p:not(.topline):not(.red) {
  color: #4d4d4d;
} */

body.free .main_content ul:not(.katlist):not(.tabs) li,
body.free .main_content ol li {
  /* font-size: 0.8rem; */
  padding: 2px 20px 2px 5px;
}

body.free #footer_end {
  min-height: 200px;
}

body.free #content .content {
  padding-bottom: 30px;
}

body.free #content .content .main_content {
  padding: 10px 0 0 0;
  /* min-height: 300px; */
}

/* body.free #content .content .main_content .kasten:not(.included) {
  margin-bottom: 0;
  margin-top: 20px;
} */

/* body.free #content .content .main_content .kasten.included {
  margin-bottom: 20px;
} */

/* @media only screen and (min-width: 1270px) {
  body.free #content .content .main_content .kasten {
    width: 24%;
  }
} */
/*
@media only screen and (max-width: 760px) {
  body.free #content .content .main_content .kasten {
    width: 49%;
  }
} */

body.free #content .content .main_content .kasten .header {
  display: none;
}

/* body.free #content .content .main_content .kasten .pic {
  height: auto !important;
} */

body.free #content .content .main_content .kasten .link {
  /* font-size: 0.8rem; */
  min-height: 34px;
  background: var(--activ_blue);
}

body.free #content .content .main_content .kasten .link.open {
  min-height: 40px;
  background: #333333;
}

body.free #content .content .main_content .kasten .link.open .linkbox.right a,
body.free #content .content .main_content .kasten .link.open .linkbox.right .blaettern .leer,
.blaettern body.free #content .content .main_content .kasten .link.open .linkbox.right .leer {
  background: url(../pics/linkpfeil1.png) no-repeat -5px -365px !important;
  color: gray !important;
}

body.free #content .content .main_content .kasten .link span:not(.highlight) {
  background: url(../pics/linkpfeil1.png) no-repeat right -187px;
  display: block;
  float: left;
  width: 100%;
  min-height: 34px;
  color: #FFF;
  padding: 6px 9px;
}

body.free #content .content .main_content .kasten .link .linkbox a,
body.free #content .content .main_content .kasten .link .linkbox .blaettern .leer,
.blaettern body.free #content .content .main_content .kasten .link .linkbox .leer {
  height: 34px;
  padding: 1px 12px 0 30px;
  background: url(../pics/linkpfeil1.png) no-repeat -5px -409px !important;
  line-height: 34px;
  /* font-size: 0.8rem; */
}

@media only screen and (max-width: 600px) {
  body.free #content .content .main_content .kasten {
    width: 100%;
    margin: 0;
  }

  body.free #content .content .main_content .kasten:not(.included) .pic:not(.kastenlogo):not(.logo) {
    display: none;
  }

  body.free #content .content .main_content .kasten:not(.included) .aframe a span,
  body.free #content .content .main_content .kasten:not(.included) .aframe .blaettern .leer span,
  .blaettern body.free #content .content .main_content .kasten:not(.included) .aframe .leer span {
    display: none;
  }

  body.free #content .content .main_content .kasten .pic.kastenlogo {
    margin-top: 20px;
  }
}

body.free #content .content .main_content .ajax_box {
  display: none;
  float: left;
  width: 100%;
  padding: 10px 20px 30px 20px;
  height: auto;
  min-height: 150px;
  background: #333333;
  color: #FFFFFF;
}

body.free #content .content .main_content .ajax_box h2,
body.free #content .content .main_content .ajax_box h4.bigger,
body.free #content .content .main_content .ajax_box ul.katlist li ul li a.bigger,
ul.katlist li ul li body.free #content .content .main_content .ajax_box a.bigger,
body.free #content .content .main_content .ajax_box ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body.free #content .content .main_content .ajax_box .bigger.leer,
body.free #content .content .main_content .ajax_box .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body.free #content .content .main_content .ajax_box .bigger.leer,
body.free #content .content .main_content .ajax_box h3,
body.free #content .content .main_content .ajax_box ul.katlist li>a,
ul.katlist body.free #content .content .main_content .ajax_box li>a,
body.free #content .content .main_content .ajax_box ul.katlist .blaettern li>.leer,
ul.katlist .blaettern body.free #content .content .main_content .ajax_box li>.leer,
body.free #content .content .main_content .ajax_box .blaettern ul.katlist li>.leer,
.blaettern ul.katlist body.free #content .content .main_content .ajax_box li>.leer {
  color: #ffc42d;
}

body.free #content .content .main_content .ajax_box a,
body.free #content .content .main_content .ajax_box .blaettern .leer,
.blaettern body.free #content .content .main_content .ajax_box .leer {
  color: #FFFFFF !important;
}

body.free #content .content .main_content .ajax_box a:hover,
body.free #content .content .main_content .ajax_box .blaettern .leer:hover,
.blaettern body.free #content .content .main_content .ajax_box .leer:hover {
  color: #cccccc !important;
}

body.free #content .content .main_content .ajax_box .loading {
  margin-top: 50px;
  text-align: center;
}

body.free.is .startheader {
  background-color: #46a0f8;
  background-position: calc(50% - 33px) 0;
}

@media only screen and (max-width: 950px) {
  body.free.is .startheader {
    background-position: calc(50% + 50px) 0;
  }
}

body.free.is #header {
  height: 80px !important;
}

@media only screen and (max-width: 950px) {
  body.free.is #header {
    height: 60px !important;
  }
}

body.free.is #header .logo.is {
  width: 320px;
}

@media only screen and (max-width: 950px) {
  body.free.is #header .logo.is {
    width: 300px;
    top: 16px;
  }
}

body.free.is .lang_switch {
  top: 80px !important;
  right: 20px !important;
}

@media only screen and (max-width: 59.375em) {
  body.free.is .lang_switch {
    top: 99px;
  }
}

@media only screen and (max-width: 950px) {
  body.free.is .lang_switch {
    top: 70px !important;
    right: auto !important;
  }
}

@media only screen and (max-width: 400px) {
  body.free.is .lang_switch {
    top: 70px !important;
  }
}

@media only screen and (max-width: 400px) {
  body.free.is .lang_switch {
    top: 70px !important;
    right: auto !important;
    left: 10px !important;
  }
}

body.free.is .search {
  top: 118px;
}

@media only screen and (max-width: 40em) {
  body.free .img:not(.drittel) {
    width: 100% !important;
    margin: 0 0 12px 0 !important;
  }

  body.free .img.drittel {
    width: 50% !important;
  }

  body.free .img.viertel {
    width: 50% !important;
  }
}

.layoutswitch {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 200px;
  display: block;
  width: 30px;
}

.layoutswitch a,
.layoutswitch .blaettern .leer,
.blaettern .layoutswitch .leer {
  text-align: center;
  float: left;
  width: 30px;
  height: 30px;
  background: #000;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
}

.layoutswitch a.current,
.layoutswitch .blaettern .current.leer,
.blaettern .layoutswitch .current.leer {
  background: #cc0000;
}

.layoutswitch a:hover,
.layoutswitch .blaettern .leer:hover,
.blaettern .layoutswitch .leer:hover {
  background: #777;
}

.search {
  position: absolute;
  display: none;
  right: 20px;
  top: 138px;
  z-index: 10;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1) !important;
}

.search .search_it-input {
  float: left;
  width: 300px;
  height: 34px;
  margin-bottom: 0;
}

.search .search_it-button {
  float: left;
  line-height: 34px;
  padding: 0 10px;
  font-size: 14px;
  cursor: pointer;
}

.search .search_it-button:hover {
  background: #ffd260;
}

@media only screen and (max-width: 950px) {
  .search {
    top: 145px;
    left: 10px;
    right: auto;
  }
}

@media only screen and (max-width: 400px) {
  .search {
    top: 177px;
    left: 0px;
    width: 100%;
  }

  .search .search_it-input,
  .search .search_it-button {
    width: 100%;
  }
}

/* .highlight {
  background: #f63c3c;
  color: #FFFFFF;
  font-weight: 600;
} */

.search_it-modul .search_it-results {
  padding: 0;
  margin: 0;
}

.search_it-modul .search_it-results .search_it-result {
  padding: 10px 0 0 0 !important;
  list-style-type: none;
  list-style-position: inline;
}

.search_it-modul .search_it-results .search_it-result:not(.search_it-download) {
  border-bottom: 1px solid #DDDDDD;
}

.search_it-modul .search_it-results .search_it-result p.search_it-title {
  /* font-size: 0.85rem; */
  margin-bottom: 3px;
}

.search_it-modul .search_it-results .search_it-result p.search_it-title a.pdf,
.search_it-modul .search_it-results .search_it-result p.search_it-title .blaettern .pdf.leer,
.blaettern .search_it-modul .search_it-results .search_it-result p.search_it-title .pdf.leer,
.search_it-modul .search_it-results .search_it-result p.search_it-title a.zip,
.search_it-modul .search_it-results .search_it-result p.search_it-title .blaettern .zip.leer,
.blaettern .search_it-modul .search_it-results .search_it-result p.search_it-title .zip.leer,
.search_it-modul .search_it-results .search_it-result p.search_it-title a.word,
.search_it-modul .search_it-results .search_it-result p.search_it-title .blaettern .word.leer,
.blaettern .search_it-modul .search_it-results .search_it-result p.search_it-title .word.leer,
.search_it-modul .search_it-results .search_it-result p.search_it-title a.image,
.search_it-modul .search_it-results .search_it-result p.search_it-title .blaettern .image.leer,
.blaettern .search_it-modul .search_it-results .search_it-result p.search_it-title .image.leer,
.search_it-modul .search_it-results .search_it-result p.search_it-title a.eps,
.search_it-modul .search_it-results .search_it-result p.search_it-title .blaettern .eps.leer,
.blaettern .search_it-modul .search_it-results .search_it-result p.search_it-title .eps.leer,
.search_it-modul .search_it-results .search_it-result p.search_it-title a.xml,
.search_it-modul .search_it-results .search_it-result p.search_it-title .blaettern .xml.leer,
.blaettern .search_it-modul .search_it-results .search_it-result p.search_it-title .xml.leer {
  /* font-size: 0.8rem; */
}

.search_it-modul .search_it-results .search_it-result .search_it-url {
  /* font-size: 0.8rem; */
  margin: 0 0 15px 0;
  color: #999999;
}

.search_it-modul .search_it-results .search_it-result .search_it-teaser {
  /* font-size: 0.8rem; */
}

.search_it-modul .search_it-images {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-wrap: wrap;
}

.search_it-modul .search_it-images .search_it-image {
  width: 16.6666666667%;
  border: 2px solid #FFFFFF;
  background: #EEEEEE;
}

.search_it-modul .search_it-images .search_it-image p.search_it-title {
  /* font-size: 0.8rem; */
  line-height: 1rem;
  padding: 5px;
}

.search_it-modul .search_it-request,
.search_it-modul .search_it-type {
  font-weight: bold;
}

.betriebsstruktur {
  margin-top: 20px;
}

.betriebsstruktur .st_kasten {
  border: 1px solid #152841;
  width: 100%;
  float: left;
}

.betriebsstruktur .st_kasten.first {
  text-align: center;
}

.betriebsstruktur .st_kasten>div {
  float: left;
  width: 100%;
}

.betriebsstruktur .st_kasten .kompl {
  background: #152841;
  color: #FFFFFF;
  padding: 5px 10px 0 10px;
  font-size: 12px;
}

.betriebsstruktur .st_kasten .titel {
  background: #152841;
  color: #FFFFFF;
  font-weight: 600;
  padding: 0px 10px 7px 10px;
}

.betriebsstruktur .st_kasten .titel.big {
  padding: 13px 10px 10px 10px;
  font-size: 21px;
}

.betriebsstruktur .st_kasten .titel.small {
  padding: 5px 10px 3px 10px;
  font-size: 12px;
}

.betriebsstruktur .st_kasten .titel:not(.small) {
  min-height: 55px;
}

.betriebsstruktur .st_kasten .geschf {
  background: #e6e6e6;
  padding: 10px;
  font-size: 12px;
}

.betriebsstruktur .st_kasten .geschf span {
  font-weight: 600;
  font-size: 13px;
}

.betriebsstruktur .st_kasten .ziel {
  background: #fafafa;
  padding: 10px;
  font-size: 13px;
  line-height: 15px;
}

.betriebsstruktur .st_kasten .ziel div {
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
}

.betriebsstruktur .st_kasten .hrnr {
  background: #f2f2f2;
  border-top: 1px solid #FFFFFF;
  padding: 3px 10px;
  font-size: 12px;
  text-align: right;
}

.betriebsstruktur .st_kasten .hrnr span {
  float: left;
}

.betriebsstruktur .st_kasten .nummern div:first-child {
  border-right: 1px solid #FFFFFF;
}

.betriebsstruktur .st_kasten .nummern .hrnr {
  width: 50%;
  float: left;
}

@media only screen and (max-width: 950px) {
  .betriebsstruktur .st_kasten {
    margin-bottom: 20px !important;
  }
}

.betriebsstruktur .lines {
  position: relative;
  height: 60px;
}

.betriebsstruktur .lines .line:not(.hori) {
  position: absolute;
  width: 1px;
  height: 30px;
  background: #003d67;
}

.betriebsstruktur .lines .line:not(.hori).left {
  left: 15%;
  top: 30px;
}

.betriebsstruktur .lines .line:not(.hori).tcenter {
  left: 50%;
  top: 0px;
}

.betriebsstruktur .lines .line:not(.hori).center {
  left: 50%;
  top: 30px;
}

.betriebsstruktur .lines .line:not(.hori).right {
  left: 85%;
  top: 30px;
}

.betriebsstruktur .lines .line.hori {
  position: absolute;
  left: 15%;
  top: 30px;
  width: 70%;
  height: 1px;
  border-bottom: 1px solid #003d67;
}

@media only screen and (max-width: 950px) {
  .betriebsstruktur .lines {
    display: none;
  }
}

.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error .radio label,
.has-error .checkbox label,
.has-error .radio-inline label,
.has-error .checkbox-inline label {
  color: #c9302c;
}

.has-error .form-control {
  border-color: #c9302c !important;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3) !important;
}

.load_qp {
  width: 600px;
  max-width: 100%;
}

.load_qp .label {
  font-weight: bold;
  line-height: 2rem;
}

@media only screen and (max-width: 560px) {
  .load_qp .small-6.columns {
    width: 100% !important;
  }
}

.form-group {
  margin-bottom: 15px;
}

.form-group label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

.form-group .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.form-group .input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #324050;
  text-align: center;
  background-color: #eee;
  border: 1px solid #c1c9d4;
  border-right: none;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  display: table-cell;
}

.form-group .form-control {
  display: table-cell;
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #324050;
  background-color: #f3f6fb;
  background-image: none;
  border: 1px solid #c1c9d4;
}

.form-group.form-captcha label {
  margin: 10px 0 !important;
  float: left;
  width: 100%;
}

.form-group.form-captcha .input-group-addon {
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  padding: 1px;
  background: #808080;
  display: block;
  float: left;
  width: 122px;
}

.form-group.form-captcha .input-group-addon img {
  width: 120px;
  max-width: none;
}

.form-group.form-captcha input {
  width: 110px !important;
  font-size: 18px;
  font-weight: bold;
  height: 34px !important;
}

.form-group.form-captcha .input-group-btn {
  display: none;
}

.rex-yform button {
  margin: 20px 0 !important;
}

.rex-yform .alert {
  margin-bottom: 10px !important;
}

.rex-yform .alert ul {
  margin: 5px 0 5px 10px;
}

.rex-yform .alert ul li {
  color: #FFFFFF !important;
}

.prospektbestellung h2,
.prospektbestellung h3.bigger,
.prospektbestellung h4.bigger,
.prospektbestellung ul.katlist li>a.bigger,
ul.katlist .prospektbestellung li>a.bigger,
.prospektbestellung ul.katlist li ul li a.bigger,
ul.katlist li ul li .prospektbestellung a.bigger,
.prospektbestellung ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern .prospektbestellung li>.bigger.leer,
.prospektbestellung .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist .prospektbestellung li>.bigger.leer,
.prospektbestellung ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern .prospektbestellung .bigger.leer,
.prospektbestellung .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li .prospektbestellung .bigger.leer {
  margin-bottom: 10px;
}

.prospektbestellung .legend {
  padding: 0;
  color: #a6a6a6;
  background: #ebebeb;
  font-weight: 300;
}

.prospektbestellung .legend .columns {
  padding-top: 5px;
  padding-bottom: 5px;
}

.prospektbestellung .legend .bez {
  padding-left: 0 !important;
}

.prospektbestellung .eintrag {
  padding: 0;
}

.prospektbestellung .eintrag:hover {
  background: #ebebeb;
}

.prospektbestellung .pright {
  padding-right: 15px !important;
}

@media only screen and (max-width: 950px) {
  .prospektbestellung .mtop20 {
    margin-top: 5px;
  }
}

.prospektbestellung textarea {
  min-height: 165px;
}

.prospektbestellung .firmendaten {
  /* font-size: 0.85rem; */
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.prospektbestellung .firmendaten .columns {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.prospektbestellung .kats {
  /* font-size: 0.8rem; */
  padding-left: 13px !important;
}

.prospektbestellung .preview {
  padding-left: 10px !important;
  padding-right: 20px !important;
}

.prospektbestellung .preview img {
  width: 60px;
}

.prospektbestellung .flag {
  position: relative;
  width: 25%;
  line-height: 2.2rem;
  float: left;
  padding: 0 2px;
}

.prospektbestellung .flag.active {
  background: #b3b3b3;
}

.prospektbestellung .flag.grey {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
  filter: Alpha(opacity=25);
  opacity: 0.25;
  moz-opacity: 0.25;
}

@media only screen and (min-width: 951px) {
  .prospektbestellung .sprachen {
    width: 12.33333% !important;
  }

  .prospektbestellung .format {
    width: 6.33333% !important;
  }

  .prospektbestellung .seiten {
    width: 6.33333% !important;
  }
}

.prospektbestellung .anzahl {
  width: 7.33333% !important;
}

.prospektbestellung .anzahl input[type=text] {
  padding: 0.2rem 0.4rem;
  height: 1.8rem;
  margin: 3px;
  width: 90%;
}

.prospektbestellung .anzahl_out {
  padding: 0.4rem 0.4rem !important;
}

.prospektbestellung .helpicon {
  right: 10px;
  top: 1px;
}

.prospektbestellung .smallflag {
  width: 20px;
  margin: -3px 5px 0 0;
}

.prospektbestellung a.morelang,
.prospektbestellung .blaettern .morelang.leer,
.blaettern .prospektbestellung .morelang.leer {
  /* font-size: 0.8rem; */
  text-decoration: none !important;
}

.prospektbestellung a.morelang:after,
.prospektbestellung .blaettern .morelang.leer:after,
.blaettern .prospektbestellung .morelang.leer:after {
  content: "\f103";
  font-family: "FontAwesome";
  font-size: 17px;
  position: relative;
  right: -5px;
  top: 2px;
}

.prospektbestellung a.morelang.active:after,
.prospektbestellung .blaettern .morelang.active.leer:after,
.blaettern .prospektbestellung .morelang.active.leer:after {
  content: "\f102";
  font-family: "FontAwesome";
  font-size: 17px;
  position: relative;
  right: -5px;
  top: 1px;
}

.prospektbestellung .morelangs {
  border-bottom: 1px solid #FFFFFF;
}

@media only screen and (max-width: 950px) {
  .prospektbestellung .anzahl {
    width: 75px !important;
  }

  .prospektbestellung .bez {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }

  .prospektbestellung .helpicon {
    top: -34px;
  }

  .prospektbestellung .sprachen {
    text-align: left !important;
    padding-left: 13px !important;
  }
}

.langfilter {
  position: relative;
  float: right;
  width: 40px;
  height: 32px;
  margin-left: 2px;
  background-color: #f2f2f2;
}

.langfilter .curlang {
  padding: 3px 8px 2px 8px;
}

.langfilter .zuslangs {
  width: 40px;
  position: absolute;
  top: 32px;
  z-index: 10;
  background-color: #d9d9d9;
  padding: 3px 0;
}

.langfilter .zuslangs div {
  padding: 0 8px;
}

.langfilter .zuslangs div:hover {
  cursor: pointer;
  background-color: #5386df;
}

.formmeldung {
  padding: 10px;
}

.data_form {
  background: #f2f2f2;
  float: left;
  width: 100%;
  padding: 15px;
}

.data_form input:not([type=file]),
.data_form select,
.data_form textarea {
  background: #FFFFFF !important;
}

.data_form textarea {
  min-height: 75px;
}

.data_form .checkbox label {
  line-height: 1.3;
}

.data_form input[type=checkbox] {
  float: left;
  margin-right: 10px;
  margin-top: 2px;
}

.data_form label {
  margin: 6px 0 3px 0;
}

.data_form .btn.btn-primary {
  float: right;
}

@media only screen and (min-width: 500px) {
  .data_form .form-group {
    margin-bottom: 6px;
    float: left;
    width: 100%;
  }

  .data_form .form-group .form-control-static {
    padding: 6px 0 3px 0;
    font-size: 0.875rem;
    color: gray;
  }

  .data_form .form-group label {
    float: left;
    width: 40%;
  }

  .data_form .form-group .form-control {
    float: left;
    width: 60%;
  }

  .data_form .form-group input[type=file] {
    float: left;
    width: 60%;
    padding: 12px 0;
  }

  .data_form .form-group dl dt {
    float: left;
    width: 40%;
  }

  .data_form .form-group dl dd {
    float: left;
    width: 60%;
  }
}

body .content .aftersales {
  margin-top: 1px;
  /* font-family: "Roboto Condensed", sans-serif; */
}

@media (min-width: 951px) {
  body .content .aftersales .lesspright {
    padding-right: 5px;
  }

  body .content .aftersales .lesspleft {
    padding-left: 5px;
  }
}

body .content .aftersales .voll {
  width: 100%;
}

body .content .aftersales .halb {
  width: 50%;
}

body .content .aftersales .viertel {
  width: 25%;
}

body .content .aftersales .einespalte {
  width: 100% !important;
}

body .content .aftersales .einespalte .aftersalesbox {
  min-height: 0 !important;
}

body .content .aftersales .einespalte .aftersalesbox .aftersales_hinweis {
  display: none !important;
}

body .content .aftersales .line {
  width: 100%;
  float: left;
}

body .content .aftersales .line.footerline {
  text-align: center;
  font-size: 0.9em;
  font-style: italic;
  padding: 8px 10px;
  min-height: 60px;
  background: #f2f2f2;
  color: #333333;
}

@media (min-width: 951px) {
  body .content .aftersales .line.footerline {
    padding: 8px 80px;
  }
}


body .content .aftersales .reset_container {
  display: flex;
  justify-content: center;
}

body .content .aftersales .aftersales_box {
  position: relative;
  float: left;
  background: #f2f2f2;
  border: none !important;
  min-height: 85px;
  text-align: center;
  font-size: 0.9em;
  line-height: 1em;
  padding: 10px 0;
}

body .content .aftersales .aftersales_box h2,
body .content .aftersales .aftersales_box h3.bigger,
body .content .aftersales .aftersales_box h4.bigger,
body .content .aftersales .aftersales_box ul.katlist li>a.bigger,
ul.katlist body .content .aftersales .aftersales_box li>a.bigger,
body .content .aftersales .aftersales_box ul.katlist li ul li a.bigger,
ul.katlist li ul li body .content .aftersales .aftersales_box a.bigger,
body .content .aftersales .aftersales_box ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern body .content .aftersales .aftersales_box li>.bigger.leer,
body .content .aftersales .aftersales_box .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist body .content .aftersales .aftersales_box li>.bigger.leer,
body .content .aftersales .aftersales_box ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body .content .aftersales .aftersales_box .bigger.leer,
body .content .aftersales .aftersales_box .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body .content .aftersales .aftersales_box .bigger.leer {
  margin: 0;
  font-size: 27px;
}

body .content .aftersales .aftersales_box.halb {
  width: calc(50% - 2px);
}

body .content .aftersales .aftersales_box.halb.rel1.rel2 {
  margin-right: 2px;
}

body .content .aftersales .aftersales_box.halb.rel3.rel4 {
  margin-left: 2px;
}

body .content .aftersales .aftersales_box.viertel {
  padding-top: 20px;
}

body .content .aftersales .aftersales_box.viertel.rel1,
body .content .aftersales .aftersales_box.viertel.rel2,
body .content .aftersales .aftersales_box.viertel.rel3 {
  padding-right: 4px;
}

body .content .aftersales .aftersales_box.viertel.rel1 a,
body .content .aftersales .aftersales_box.viertel.rel1 .blaettern .leer,
.blaettern body .content .aftersales .aftersales_box.viertel.rel1 .leer,
body .content .aftersales .aftersales_box.viertel.rel2 a,
body .content .aftersales .aftersales_box.viertel.rel2 .blaettern .leer,
.blaettern body .content .aftersales .aftersales_box.viertel.rel2 .leer,
body .content .aftersales .aftersales_box.viertel.rel3 a,
body .content .aftersales .aftersales_box.viertel.rel3 .blaettern .leer,
.blaettern body .content .aftersales .aftersales_box.viertel.rel3 .leer {
  border-right: 4px solid #FFFFFF;
}

body .content .aftersales .aftersales_box.viertel:not(:hover):not(.active) {
  background: #ffc42d;
}

body .content .aftersales .aftersales_box.viertel h2,
body .content .aftersales .aftersales_box.viertel h3.bigger,
body .content .aftersales .aftersales_box.viertel h4.bigger,
body .content .aftersales .aftersales_box.viertel ul.katlist li>a.bigger,
ul.katlist body .content .aftersales .aftersales_box.viertel li>a.bigger,
body .content .aftersales .aftersales_box.viertel ul.katlist li ul li a.bigger,
ul.katlist li ul li body .content .aftersales .aftersales_box.viertel a.bigger,
body .content .aftersales .aftersales_box.viertel ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern body .content .aftersales .aftersales_box.viertel li>.bigger.leer,
body .content .aftersales .aftersales_box.viertel .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist body .content .aftersales .aftersales_box.viertel li>.bigger.leer,
body .content .aftersales .aftersales_box.viertel ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body .content .aftersales .aftersales_box.viertel .bigger.leer,
body .content .aftersales .aftersales_box.viertel .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body .content .aftersales .aftersales_box.viertel .bigger.leer {
  font-size: 15px !important;
  padding-left: 5px;
  padding-right: 5px;
}

body .content .aftersales .aftersales_box.voll {
  padding: 15px 75px 5px 75px;
}

body .content .aftersales .aftersales_box.voll:after {
  content: " ";
  position: absolute;
  right: 5px;
  top: 5px;
  width: 65px;
  height: 65px;
  background: url("../pics/arrows_aftersale.png") no-repeat -150px top;
}

body .content .aftersales .aftersales_box.active,
body .content .aftersales .aftersales_box.hover {
  color: #FFFFFF;
}

body .content .aftersales .aftersales_box.active h2,
body .content .aftersales .aftersales_box.active h3.bigger,
body .content .aftersales .aftersales_box.active h4.bigger,
body .content .aftersales .aftersales_box.active ul.katlist li>a.bigger,
ul.katlist body .content .aftersales .aftersales_box.active li>a.bigger,
body .content .aftersales .aftersales_box.active ul.katlist li ul li a.bigger,
ul.katlist li ul li body .content .aftersales .aftersales_box.active a.bigger,
body .content .aftersales .aftersales_box.active ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern body .content .aftersales .aftersales_box.active li>.bigger.leer,
body .content .aftersales .aftersales_box.active .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist body .content .aftersales .aftersales_box.active li>.bigger.leer,
body .content .aftersales .aftersales_box.active ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body .content .aftersales .aftersales_box.active .bigger.leer,
body .content .aftersales .aftersales_box.active .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body .content .aftersales .aftersales_box.active .bigger.leer,
body .content .aftersales .aftersales_box.hover h2,
body .content .aftersales .aftersales_box.hover h3.bigger,
body .content .aftersales .aftersales_box.hover h4.bigger,
body .content .aftersales .aftersales_box.hover ul.katlist li>a.bigger,
ul.katlist body .content .aftersales .aftersales_box.hover li>a.bigger,
body .content .aftersales .aftersales_box.hover ul.katlist li ul li a.bigger,
ul.katlist li ul li body .content .aftersales .aftersales_box.hover a.bigger,
body .content .aftersales .aftersales_box.hover ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern body .content .aftersales .aftersales_box.hover li>.bigger.leer,
body .content .aftersales .aftersales_box.hover .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist body .content .aftersales .aftersales_box.hover li>.bigger.leer,
body .content .aftersales .aftersales_box.hover ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body .content .aftersales .aftersales_box.hover .bigger.leer,
body .content .aftersales .aftersales_box.hover .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body .content .aftersales .aftersales_box.hover .bigger.leer {
  color: #FFFFFF;
}

body .content .aftersales .aftersales_box.active {
  background: #152841;
}

body .content .aftersales .aftersales_box.hover {
  background: #31699d !important;
}

body .content .aftersales .aftersales_box a,
body .content .aftersales .aftersales_box .blaettern .leer,
.blaettern body .content .aftersales .aftersales_box .leer {
  position: absolute;
  z-index: 1;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

body .content .aftersales .aftersales_box.aftersales_hinweis {
  padding: 160px 30px 0 30px;
  width: 100%;
  border: none;
}

body .content .aftersales .aftersales_box.aftersales_hinweis span {
  width: 78%;
  float: left;
  height: 100px;
  border-right: 4px solid #cccccc;
  border-bottom: 4px solid #cccccc;
}

body .content .aftersales .aftersales_box.aftersales_hinweis span:before {
  content: " ";
  position: absolute;
  left: 10px;
  bottom: -31px;
  width: 65px;
  height: 65px;
  background: url("../pics/arrows_aftersale.png") no-repeat -150px -65px;
}

@media only screen and (max-width: 950px) {
  body .content .aftersales .aftersales_box.aftersales_hinweis {
    display: none;
  }
}

body .content .aftersales .aftersales_box.aftersales_hinweis.ansprechperson {
  padding: 0px;
  display: block;
}

body .content .aftersales .aftersales_box.aftersales_hinweis.ansprechperson .inhalt {
  display: flex;
  margin-top: 5px;
}

body .content .aftersales .aftersales_box.aftersales_hinweis.ansprechperson .inhalt .info_container {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  margin-left: 10px;
  width: 50%;
}

body .content .aftersales .aftersales_box.aftersales_hinweis.ansprechperson .inhalt .info_container a,
body .content .aftersales .aftersales_box.aftersales_hinweis.ansprechperson .inhalt .info_container .blaettern .leer,
.blaettern body .content .aftersales .aftersales_box.aftersales_hinweis.ansprechperson .inhalt .info_container .leer {
  position: unset;
}

body .content .aftersales .aftersales_box.aftersales_hinweis.ansprechperson .inhalt .info_container .info_text {
  text-align: left;
  margin-top: auto;
}

body .content .aftersales .aftersales_box.aftersales_hinweis.ansprechperson .inhalt .img_container {
  width: 240px;
  margin-left: 5px;
}

body .content .aftersales .aftersales_box.aftersales_hinweis.ansprechperson .inhalt .img_container .lang_container {
  display: flex;
  transform: translate(1%, -100%);
  position: absolute;
}

body .content .aftersales .aftersales_box.aftersales_hinweis.ansprechperson .inhalt .img_container .lang_container img {
  margin: 2px;
}

body .content .aftersales .aftersales_box.aftersales_hinweis.ansprechperson span {
  border-right: none;
  height: unset;
  width: 85%;
  margin-left: 25px;
}

@media only screen and (max-width: 950px) {
  body .content .aftersales .aftersales_box.aftersales_hinweis.ansprechperson span {
    display: none;
  }
}

body .content .aftersales .aftersales_box.aftersales_hinweis.ansprechperson .pfeil_hinweis {
  margin-top: 1rem;
  text-align: center;
}

body .content .aftersales .aftersales_tree {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

body .content .aftersales .aftersales_tree .pfeilbox {
  float: left;
  min-height: 56px;
  text-align: center;
}

body .content .aftersales .aftersales_tree .pfeilbox span {
  margin-top: 6px;
}

body .content .aftersales .aftersales_tree .pfeilbox span {
  display: inline-block;
  height: 42px;
  width: 50px;
  background: url("../pics/arrows_aftersale.png");
  background-repeat: no-repeat;
}

body .content .aftersales .aftersales_tree .pfeilbox.halb.links span {
  background-position: -50px 0;
  margin-left: 20px;
}

body .content .aftersales .aftersales_tree .pfeilbox.halb.rechts span {
  background-position: -100px 0;
  margin-right: 20px;
}

body .content .aftersales .aftersales_tree .pfeilbox.viertel span {
  background-position: 0 0;
}

body .content .aftersales .aftersales_tree .pfeilbox.active.halb.links span {
  background-position: -50px -84px;
}

body .content .aftersales .aftersales_tree .pfeilbox.active.halb.rechts span {
  background-position: -100px -84px;
}

body .content .aftersales .aftersales_tree .pfeilbox.active.viertel span {
  background-position: 0 -84px;
}

body .content .aftersales .aftersales_tree .pfeilbox.hover.halb.links span {
  background-position: -50px -42px;
}

body .content .aftersales .aftersales_tree .pfeilbox.hover.halb.rechts span {
  background-position: -100px -42px;
}

body .content .aftersales .aftersales_tree .pfeilbox.hover.viertel span {
  background-position: 0 -42px;
}

body .content .aftersales .aftersalesbox {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 20px;
  background: #f2f2f2;
  border: none;
  padding: 0;
  min-height: 367px;
}

body .content .aftersales .aftersalesbox .tel,
body .content .aftersales .aftersalesbox .plz_closebutt,
body .content .aftersales .aftersalesbox .greybox.sparte,
body .content .aftersales .aftersalesbox .codeboxen .sparte.codebox,
.codeboxen body .content .aftersales .aftersalesbox .sparte.codebox,
body .content .aftersales .aftersalesbox .prospektbestellung .sparte.legend,
.prospektbestellung body .content .aftersales .aftersalesbox .sparte.legend,
body .content .aftersales .aftersalesbox .prospektbestellung .sparte.eintrag,
.prospektbestellung body .content .aftersales .aftersalesbox .sparte.eintrag {
  display: none;
}

body .content .aftersales .aftersalesbox h1,
body .content .aftersales .aftersalesbox h2.bigger,
body .content .aftersales .aftersalesbox h3.bigger,
body .content .aftersales .aftersalesbox h4.bigger,
body .content .aftersales .aftersalesbox ul.katlist li>a.bigger,
ul.katlist body .content .aftersales .aftersalesbox li>a.bigger,
body .content .aftersales .aftersalesbox ul.katlist li ul li a.bigger,
ul.katlist li ul li body .content .aftersales .aftersalesbox a.bigger,
body .content .aftersales .aftersalesbox ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern body .content .aftersales .aftersalesbox li>.bigger.leer,
body .content .aftersales .aftersalesbox .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist body .content .aftersales .aftersalesbox li>.bigger.leer,
body .content .aftersales .aftersalesbox ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body .content .aftersales .aftersalesbox .bigger.leer,
body .content .aftersales .aftersalesbox .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body .content .aftersales .aftersalesbox .bigger.leer {
  text-align: center;
  min-height: 35px;
  padding: 10px 0 0 0;
  font-size: 18px;
  background: #e6e6e6;
  margin: 5px 5px 0 5px;
}

body .content .aftersales .aftersalesbox h2.h2top,
body .content .aftersales .aftersalesbox h3.h2top.bigger,
body .content .aftersales .aftersalesbox h4.h2top.bigger,
body .content .aftersales .aftersalesbox ul.katlist li>a.h2top.bigger,
ul.katlist body .content .aftersales .aftersalesbox li>a.h2top.bigger,
body .content .aftersales .aftersalesbox ul.katlist li ul li a.h2top.bigger,
ul.katlist li ul li body .content .aftersales .aftersalesbox a.h2top.bigger,
body .content .aftersales .aftersalesbox ul.katlist .blaettern li>.h2top.bigger.leer,
ul.katlist .blaettern body .content .aftersales .aftersalesbox li>.h2top.bigger.leer,
body .content .aftersales .aftersalesbox .blaettern ul.katlist li>.h2top.bigger.leer,
.blaettern ul.katlist body .content .aftersales .aftersalesbox li>.h2top.bigger.leer,
body .content .aftersales .aftersalesbox ul.katlist li ul li .blaettern .h2top.bigger.leer,
ul.katlist li ul li .blaettern body .content .aftersales .aftersalesbox .h2top.bigger.leer,
body .content .aftersales .aftersalesbox .blaettern ul.katlist li ul li .h2top.bigger.leer,
.blaettern ul.katlist li ul li body .content .aftersales .aftersalesbox .h2top.bigger.leer {
  margin: 0 5px 5px 5px;
  min-height: 42px;
  background: #e6e6e6;
  text-align: center;
  font-size: 32px !important;
  line-height: 1.2 !important;
}

body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter {
  width: 50%;
}

body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter .bild .sprachen {
  margin: -27px 0 0 0;
}

body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .greybox.vertrgeb,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .codeboxen .vertrgeb.codebox,
.codeboxen body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .vertrgeb.codebox,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .prospektbestellung .vertrgeb.legend,
.prospektbestellung body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .vertrgeb.legend,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .prospektbestellung .vertrgeb.eintrag,
.prospektbestellung body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .vertrgeb.eintrag {
  display: block !important;
  padding: 7px;
  min-height: 70px;
  line-height: 1.1em;
}

body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .greybox.vertrgeb .fb_head,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .codeboxen .vertrgeb.codebox .fb_head,
.codeboxen body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .vertrgeb.codebox .fb_head,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .prospektbestellung .vertrgeb.legend .fb_head,
.prospektbestellung body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .vertrgeb.legend .fb_head,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .prospektbestellung .vertrgeb.eintrag .fb_head,
.prospektbestellung body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .vertrgeb.eintrag .fb_head {
  padding-bottom: 5px;
}

body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .daten2 {
  padding-bottom: 10px;
}

body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .daten2 .tel {
  display: block;
}

body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .daten2 h2,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .daten2 h3.bigger,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .daten2 h4.bigger,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .daten2 ul.katlist li>a.bigger,
ul.katlist body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .daten2 li>a.bigger,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .daten2 ul.katlist li ul li a.bigger,
ul.katlist li ul li body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .daten2 a.bigger,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .daten2 ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .daten2 li>.bigger.leer,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .daten2 .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .daten2 li>.bigger.leer,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .daten2 ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .daten2 .bigger.leer,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .daten2 .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter.anz4 .daten2 .bigger.leer {
  margin-bottom: 5px !important;
}

body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter:first-child,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter:nth-child(3) {
  border: none;
}

body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter .daten2 {
  min-height: 0 !important;
}

body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter .daten2 h2,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter .daten2 h3.bigger,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter .daten2 h4.bigger,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter .daten2 ul.katlist li>a.bigger,
ul.katlist body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter .daten2 li>a.bigger,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter .daten2 ul.katlist li ul li a.bigger,
ul.katlist li ul li body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter .daten2 a.bigger,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter .daten2 ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter .daten2 li>.bigger.leer,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter .daten2 .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter .daten2 li>.bigger.leer,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter .daten2 ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter .daten2 .bigger.leer,
body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter .daten2 .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body .content .aftersales .aftersalesbox .ma_liste.vertr .mitarbeiter .daten2 .bigger.leer {
  margin-bottom: 10px !important;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  filter: Alpha(opacity=100);
  opacity: 1;
  moz-opacity: 1;
  width: auto;
  max-width: 33.3333333333%;
  margin-bottom: 10px;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter:first-child {
  border-left: none;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.anz1:first-child {
  border-right: 1px solid #dddddd;
}

@media only screen and (max-width: 500px) {
  body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter {
    width: 100%;
  }
}

@media (max-width: 540px) {
  body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter {
    max-width: 50% !important;
    width: 50% !important;
  }
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .email {
  display: flex;
  font-size: 14px !important;
  align-items: center;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .email a:not(:hover),
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .email .blaettern .leer:not(:hover),
.blaettern body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .email .leer:not(:hover) {
  overflow: hidden;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .email a:hover,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .email .blaettern .leer:hover,
.blaettern body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .email .leer:hover {
  z-index: 1;
  background: #f2f2f2;
  padding-right: 7px;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .bild {
  min-height: 0px;
  margin: 0 0 2px 0;
  height: auto;
  height: auto;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .bild .sprachen {
  margin-left: -5px;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .daten .daten2 {
  min-height: 30x;
  padding-left: 2px;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .daten .daten2 h2,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .daten .daten2 h3.bigger,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .daten .daten2 h4.bigger,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .daten .daten2 ul.katlist li>a.bigger,
ul.katlist body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .daten .daten2 li>a.bigger,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .daten .daten2 ul.katlist li ul li a.bigger,
ul.katlist li ul li body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .daten .daten2 a.bigger,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .daten .daten2 ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .daten .daten2 li>.bigger.leer,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .daten .daten2 .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .daten .daten2 li>.bigger.leer,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .daten .daten2 ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .daten .daten2 .bigger.leer,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .daten .daten2 .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .daten .daten2 .bigger.leer {
  font-size: 1.2rem;
  margin: 7px 0;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter .aufgaben {
  display: none !important;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma {
  max-width: 100% !important;
  width: 100% !important;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .bild {
  width: 45%;
  float: left;
  padding-right: 15px;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten {
  width: 45%;
  float: left;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten h2,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten h3.bigger,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten h4.bigger,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten ul.katlist li>a.bigger,
ul.katlist body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten li>a.bigger,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten ul.katlist li ul li a.bigger,
ul.katlist li ul li body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten a.bigger,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten li>.bigger.leer,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten li>.bigger.leer,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten .bigger.leer,
body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten .bigger.leer {
  font-size: 1.6rem !important;
  margin: 12px 0 7px 0 !important;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten p {
  margin: 15px 0 10px 0px;
  color: #333333;
  font-size: 1.1em;
}

body .content .aftersales .aftersalesbox .ma_liste .mitarbeiter.first_ma .daten .sprachen img {
  margin-right: 3px;
}

body .content .aftersales .aftersalesbox span.as_pfeil {
  width: 78%;
  float: left;
  height: 100px;
  border-right: 4px solid #cccccc;
  border-bottom: 4px solid #cccccc;
}

body .content .aftersales .aftersalesbox span.as_pfeil:before {
  content: " ";
  position: absolute;
  left: 10px;
  bottom: -31px;
  width: 65px;
  height: 65px;
  background: url("../pics/arrows_aftersale.png") no-repeat -150px -65px;
}

body .content .aftersales .aftersalesbox span.as_pfeil.firstc {
  position: absolute;
  bottom: 40px;
  left: 7%;
  width: 86%;
  border-right: none;
  height: 48px;
  padding-top: 20px;
  text-align: center;
  color: gray;
  font-size: 0.8em;
}

body .content .aftersales .aftersalesbox span.as_pfeil.firstc:before {
  bottom: -35px;
  left: -20px;
}

.included.b_bottom {
  border-bottom: 1px solid #DDDDDD;
}

body.newsletter .hline {
  margin-bottom: 0px !important;
}

body.newsletter .topline {
  display: none !important;
}

body.newsletter #header .logo.ews img {
  max-height: 72px;
}

body.newsletter #header .logo.ews.de {
  margin: 22px 10px 10px 0px;
}

body.newsletter #header .logo.ews.dk {
  width: 280px;
  margin: 33px 10px 10px 0px;
}

body.newsletter #header .logo.ews.se {
  width: 280px;
  margin: 33px 10px 10px 0px;
}

body.newsletter #header .logo.ews.en {
  width: 280px;
  margin: 33px 10px 10px 0px;
}

body.newsletter #header .logo.profinews {
  float: right;
  width: 445px;
  max-width: 100%;
  margin-top: 25px;
}

body.newsletter .nl_head {
  float: left;
  width: 100%;
  background: #f2f2f2;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 10px 0 5px 0;
  color: #b3b3b3;
}

body.newsletter .main_content .blaettern {
  display: none;
}

body.newsletter .main_content .nl_trenner {
  background: #f2f2f2;
  padding: 10px 10px;
  margin-top: 20px;
  margin-bottom: 10px;
}

body.newsletter .main_content .nl_trenner h2,
body.newsletter .main_content .nl_trenner h3.bigger,
body.newsletter .main_content .nl_trenner h4.bigger,
body.newsletter .main_content .nl_trenner ul.katlist li>a.bigger,
ul.katlist body.newsletter .main_content .nl_trenner li>a.bigger,
body.newsletter .main_content .nl_trenner ul.katlist li ul li a.bigger,
ul.katlist li ul li body.newsletter .main_content .nl_trenner a.bigger,
body.newsletter .main_content .nl_trenner ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern body.newsletter .main_content .nl_trenner li>.bigger.leer,
body.newsletter .main_content .nl_trenner .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist body.newsletter .main_content .nl_trenner li>.bigger.leer,
body.newsletter .main_content .nl_trenner ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body.newsletter .main_content .nl_trenner .bigger.leer,
body.newsletter .main_content .nl_trenner .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body.newsletter .main_content .nl_trenner .bigger.leer {
  color: #004c80 !important;
  margin: 0 !important;
  font-size: 18px !important;
}

body.newsletter .navcol {
  padding: 0;
}

body.newsletter .navcol .nl_nav {
  width: 100%;
  float: left;
  background: #f2f2f2;
}

body.newsletter .navcol .nl_nav .head {
  padding: 10px 10px 0 10px;
  font-weight: 600;
  color: #b3b3b3;
}

body.newsletter .navcol .nl_nav .navbody h2,
body.newsletter .navcol .nl_nav .navbody h3.bigger,
body.newsletter .navcol .nl_nav .navbody h4.bigger,
body.newsletter .navcol .nl_nav .navbody ul.katlist li>a.bigger,
ul.katlist body.newsletter .navcol .nl_nav .navbody li>a.bigger,
body.newsletter .navcol .nl_nav .navbody ul.katlist li ul li a.bigger,
ul.katlist li ul li body.newsletter .navcol .nl_nav .navbody a.bigger,
body.newsletter .navcol .nl_nav .navbody ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern body.newsletter .navcol .nl_nav .navbody li>.bigger.leer,
body.newsletter .navcol .nl_nav .navbody .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist body.newsletter .navcol .nl_nav .navbody li>.bigger.leer,
body.newsletter .navcol .nl_nav .navbody ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body.newsletter .navcol .nl_nav .navbody .bigger.leer,
body.newsletter .navcol .nl_nav .navbody .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body.newsletter .navcol .nl_nav .navbody .bigger.leer {
  border-bottom: 2px solid #d9d9d9;
  font-size: 1rem !important;
  padding: 5px 0 5px 0;
  margin: 10px 10px 10px 10px;
}

body.newsletter .navcol .nl_nav .navbody p.nl_link {
  margin-bottom: 0;
  padding: 5px 0 5px 10px;
}

body.newsletter .navcol .nl_nav .navbody p.nl_link.active {
  background: #FFFFFF;
}

body.newsletter .navcol .nl_nav .navbody p.nl_link.active a,
body.newsletter .navcol .nl_nav .navbody p.nl_link.active .blaettern .leer,
.blaettern body.newsletter .navcol .nl_nav .navbody p.nl_link.active .leer {
  color: #333333 !important;
  text-decoration: none !important;
}

body.newsletter .navcol .nl_nav .navbody p.nl_link a,
body.newsletter .navcol .nl_nav .navbody p.nl_link .blaettern .leer,
.blaettern body.newsletter .navcol .nl_nav .navbody p.nl_link .leer {
  /* font-size: 0.8rem; */
  line-height: 1.4;
}

body.newsletter .navcol .nl_nav .navbody p.nl_link a:hover,
body.newsletter .navcol .nl_nav .navbody p.nl_link .blaettern .leer:hover,
.blaettern body.newsletter .navcol .nl_nav .navbody p.nl_link .leer:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 1024px) {
  body.newsletter .navcol .nl_nav {
    margin: 1px 0 0 0;
    padding: 10px 10px;
  }
}

@media only screen and (min-width: 1025px) {
  body.newsletter .navcol .nl_nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 17%;
    height: 100%;
    overflow: auto;
  }
}

@media only screen and (min-width: 1025px) and (min-width: 1600px) {
  body.newsletter .navcol .nl_nav {
    width: 22%;
  }
}

@media only screen and (min-width: 1025px) {

  body.newsletter .logoleiste,
  body.newsletter .sitemap {
    padding-left: 17%;
  }
}

@media only screen and (min-width: 1600px) {

  body.newsletter .logoleiste,
  body.newsletter .sitemap {
    padding-left: 22%;
  }
}

body.newsletter .lang_switch_nl {
  display: none;
  position: absolute;
  z-index: 110;
  line-height: 38px;
  bottom: -45px;
  right: 20px;
}

body.newsletter .lang_switch_nl>div {
  float: left;
  padding: 0px 3px;
}

body.newsletter .lang_switch_nl>div.current {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  filter: Alpha(opacity=40);
  opacity: 0.4;
  moz-opacity: 0.4;
  background: transparent;
}

body.newsletter .lang_switch_nl>div a:hover,
body.newsletter .lang_switch_nl>div .blaettern .leer:hover,
.blaettern body.newsletter .lang_switch_nl>div .leer:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  filter: Alpha(opacity=70);
  opacity: 0.7;
  moz-opacity: 0.7;
}

@media only screen and (max-width: 740px) {
  body.newsletter #header {
    height: auto;
  }

  body.newsletter #header .logo.ews {
    margin-top: 15px;
  }

  body.newsletter #header .logo.profinews {
    float: left;
    margin: 0 0 5px 0;
  }

  body.newsletter .lang_switch_nl {
    bottom: 0;
  }
}

/* -------- Quickplan Teilnahmebed. (Parnerbereich) ------------ */
.teilnahmebed {
  height: auto;
  max-height: 100%;
  overflow: auto;
  border-top: 30px solid #8AADE0;
  padding-top: 0;
  max-width: 80%;
  left: 10%;
}

@media (max-width: 1400px) {
  .teilnahmebed {
    max-width: 90%;
    left: 5%;
  }
}

@media (max-width: 1050px) {
  .teilnahmebed {
    max-width: 100%;
    left: 0%;
  }
}

.teilnahmebed .row {
  margin: 0 auto;
  max-width: 83.75rem;
  width: 100%;
}

.teilnahmebed .row .lines {
  padding: 20px;
}

.teilnahmebed .row .lines .line {
  position: relative;
  width: 100%;
  float: left;
  font-size: 14px;
  padding: 5px 0px;
}

.teilnahmebed .row .lines .line .deckel {
  position: absolute;
  width: 100%;
  background: #fafafa;
  left: 0;
  top: 0;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  filter: Alpha(opacity=70);
  opacity: 0.7;
  moz-opacity: 0.7;
}

.teilnahmebed .row .lines .line p {
  margin: 20px 0;
}

@media (max-width: 500px) {
  .teilnahmebed .row .lines .line#line_interesse {
    height: 95px;
  }
}

@media (min-width: 600px) {
  .teilnahmebed .row .lines .line.einzug {
    width: 90%;
    margin-left: 20px;
  }
}

.teilnahmebed .row .lines .line span {
  position: relative;
  z-index: 10;
}

.teilnahmebed .row .lines a.checkbutt,
.teilnahmebed .row .lines .blaettern .checkbutt.leer,
.blaettern .teilnahmebed .row .lines .checkbutt.leer {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 0 10px 50px;
  text-decoration: none !important;
}

.teilnahmebed .row .lines a.checkbutt.underline,
.teilnahmebed .row .lines .blaettern .checkbutt.underline.leer,
.blaettern .teilnahmebed .row .lines .checkbutt.underline.leer {
  text-decoration: underline !important;
  padding: 3px 0 10px 60px;
}

.teilnahmebed .row .lines .check {
  float: left;
  width: 30px;
  height: 30px;
  margin: -4px 10px 5px 10px;
  background-image: url(../pics/haken.png);
  background-position: 0 0;
  background-color: #f2f2f2;
  border: 2px solid #cccccc;
  -webkit-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
}

.teilnahmebed .row .lines .check.on {
  background-position: -32px -3px;
}

.teilnahmebed .footer {
  width: 100%;
  float: left;
  background: #8AADE0;
  padding: 20px;
  margin-top: 30px;
  font-size: 12px;
  color: #FFF;
}

/* QP Status Mein Quickplan */
.qp_status button {
  margin: 20px 0 0 0 !important;
}

.qp_status .header {
  float: left;
  width: 100%;
  background: #8aade0;
  padding: 10px 10px 7px 10px;
  border: 2px solid #8aade0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.qp_status .header h3,
.qp_status .header h4.bigger,
.qp_status .header ul.katlist li>a,
ul.katlist .qp_status .header li>a,
.qp_status .header ul.katlist li ul li a.bigger,
ul.katlist li ul li .qp_status .header a.bigger,
.qp_status .header ul.katlist .blaettern li>.leer,
ul.katlist .blaettern .qp_status .header li>.leer,
.qp_status .header .blaettern ul.katlist li>.leer,
.blaettern ul.katlist .qp_status .header li>.leer,
.qp_status .header ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern .qp_status .header .bigger.leer,
.qp_status .header .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li .qp_status .header .bigger.leer {
  color: #FFFFFF;
  margin: 4px 0 11px 0px;
  float: left;
}

.qp_status .lines {
  float: left;
  width: 100%;
  padding: 20px 10px;
  margin-bottom: 20px;
  border: 2px solid #8AADE0;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.qp_status .lines .line {
  float: left;
  width: 100%;
  padding: 5px 0 5px 30px;
  background-color: #FFFFFF;
  font-size: 14px;
  background-image: url(../pics/haken.png);
  line-height: 16px;
  background-repeat: no-repeat;
  background-position: -30px -5px;
}

.qp_status .lines .line.gruen {
  color: #32b026;
  background-position: -30px -5px;
}

.qp_status .lines .line.rot {
  color: #f63c3c;
  background-position: -37px -86px;
}

.qp_status.anlagenvorg {
  margin-top: 20px;
}

.qp_status.anlagenvorg .header {
  padding: 10px 10px 3px 10px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

.qp_status.anlagenvorg .header.openend {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.qp_status.anlagenvorg .footer {
  float: left;
  width: 100%;
  background: #8aade0;
  padding: 10px 10px;
  border: 2px solid #8aade0;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.qp_status.anlagenvorg .lines {
  padding: 10px 10px;
  margin-bottom: 0px;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}

select.smaller {
  background-color: #f2f2f2;
  /* font-size: 0.8rem; */
  padding: 0.3rem 0.5rem;
  height: 2rem;
}

.anlagenvorg {
  max-width: 670px;
  margin: 0 auto;
}

.anlagenvorg select.smaller {
  background-color: #f7f7f7;
  font-size: 0.84rem;
  padding: 0.2rem 0.5rem;
}

/* -------- Quickplan include (Parnerbereich) ------------ */
.minicolors-theme-default .minicolors-input {
  width: 105px !important;
  padding-left: 35px !important;
}

.minicolors-theme-default .minicolors-swatch {
  border-color: #FFF;
  top: 3px !important;
  left: 2px !important;
  height: 28px !important;
  width: 28px !important;
  cursor: pointer;
}

a.refresh,
.blaettern .refresh.leer {
  position: relative;
  display: inline-block;
  left: -2px;
  top: 2px;
  width: 34px;
  height: 32px;
  text-decoration: none !important;
  background: #d9d9d9;
  color: #b3b3b3 !important;
}

a.refresh:hover,
.blaettern .refresh.leer:hover {
  color: gray !important;
}

a.refresh:before,
.blaettern .refresh.leer:before {
  content: "\f021";
  font-family: "FontAwesome";
  padding-left: 7px;
  font-size: 21px;
  line-height: 32px;
}

.codeboxen {
  clear: both;
  padding: 20px 0 0 0;
}

.codeboxen .codebox {
  /* font-family: Arial, Helvetica, sans-serif; */
  padding-bottom: 5px;
  margin-bottom: 20px;
}

.codeboxen .codebox p {
  font-size: 0.8rem !important;
}

.codeboxen .codebox textarea {
  background: #e0e0e0;
  border-top: none !important;
  min-height: 56px;
  /* font-size: 0.8rem; */
  color: #26861d;
}

.codeboxen .codebox #qp_logowahl {
  width: 141px !important;
}

body.free.pl #content .content .main_content .kasten .link {
  min-height: 56px;
}

.clearfix:before,
#calctool .linkbox:before,
.clearfix:after,
#calctool .linkbox:after {
  content: " ";
  display: table;
}

.clearfix:after,
#calctool .linkbox:after {
  clear: both;
}

.clearfix,
#calctool .linkbox {
  *zoom: 1;
}

input[type=text][readonly]:not(.hasDatepicker),
input[type=text].readonly {
  background: transparent;
  border-color: transparent;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}


::-webkit-input-placeholder {
  color: #888888 !important;
}

:-moz-placeholder {
  color: #888888 !important;
}

::-moz-placeholder {
  color: #888888 !important;
}

:-ms-input-placeholder {
  color: #888888 !important;
}

::placeholder {
  color: #888888 !important;
}

:focus::-webkit-input-placeholder {
  color: transparent !important;
}

:focus:-moz-placeholder {
  color: transparent !important;
}

:focus::-moz-placeholder {
  color: transparent !important;
}

:focus:-ms-input-placeholder {
  color: transparent !important;
}

:focus::placeholder {
  color: transparent !important;
}

.tright {
  text-align: right;
}

.tright input {
  text-align: right;
}

.tleft {
  text-align: left;
}

.tcenter {
  text-align: center;
}

.tcenter input {
  text-align: center;
}

.blass {
  color: gray;
}

.pflicht:not(.pflichtbox),
.Feld_rot,
input[type=text].Feld_rot,
.pflichtbox:after,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline input[type=text][readonly].pflicht {
  /* border: 1px solid #FF7E00 !important;
  background: #ffe193 !important; */

  border: 1px solid var(--highlight_dark);
  background: var(--highlight_hover_dark);
}

.nomargin {
  margin: 0 !important;
}

.row.red div,
.row.red input {
  color: #f63c3c !important;
}

.columns.checkbox {
  width: 25px;
  padding-right: 0;
  z-index: 10;
}

@media only screen and (min-width: 951px) {
  .h2_shift {
    padding-top: 59px;
  }
}

@media only screen and (max-width: 950px) {
  .fmobile {
    float: left !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
  }

  .fmobile.nopleftmobile {
    padding-left: 0 !important;
  }

  .fmobile input {
    max-width: 85px !important;
  }

  .fmobile input.size0 {
    max-width: 30px !important;
  }

  .leftonmobile {
    text-align: left !important;
  }

  input.mleft {
    text-align: left;
  }

  input.mleft.readonly {
    padding-left: 0;
    padding-right: 0;
  }

  .mhalf {
    width: 50%;
    float: left;
  }

  .mhalf .columns {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .mhalf .columns.nopleft {
    padding-left: 5px !important;
  }

  .mhalf .columns.darkgreen input.readonly {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .mhalf .columns.small-7 {
    width: 41.66667%;
  }

  .mhalf .columns.small-5 {
    width: 58.33333%;
  }
}

input.size1 {
  text-align: right;
  float: left;
  max-width: 80px;
}

a.toggle.blocked,
.blaettern .toggle.blocked.leer,
a.toggle.blocked:hover {
  cursor: default;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  filter: Alpha(opacity=40);
  opacity: 0.4;
  moz-opacity: 0.4;
  text-decoration: underline !important;
}

.abs_right {
  float: right;
}

@mediaonly screen and (min-width:59.4375em) {
  .abs_right {
    position: absolute;
    right: 0;
  }
}


.darkgreen input[type=text][readonly],
.darkgreen input[type=text].readonly {
  color: #0e9700;
}

.biggest .helpicon {
  top: -6px !important;
}

.biggest .smaller {
  font-size: 0.95rem;
}

.standort_einstr {
  padding-bottom: 10px;
}

.empf {
  float: right;
  align-items: baseline;
  justify-content: center;
}

.empf .iconbox {
  display: inline-block;
  position: relative;
  width: 30px;
}

.empf .iconbox .modulicon {
  position: absolute;
  background: #004c80;
  border: 1px solid #FFFFFF;
  left: 5px;
  top: -12px;
  width: 25px;
  height: 14px;
}

.empf .iconbox .modulicon.senkr {
  top: -17px;
  width: 14px;
  height: 25px;
}


.schaetzung_komplett #ergebnisse.limitiert {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  filter: Alpha(opacity=30);
  opacity: 0.3;
  moz-opacity: 0.3;
}

.schaetzung_komplett h1,
.schaetzung_komplett h2.bigger,
.schaetzung_komplett h3.bigger,
.schaetzung_komplett h4.bigger,
.schaetzung_komplett ul.katlist li>a.bigger,
ul.katlist .schaetzung_komplett li>a.bigger,
.schaetzung_komplett ul.katlist li ul li a.bigger,
ul.katlist li ul li .schaetzung_komplett a.bigger,
.schaetzung_komplett ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern .schaetzung_komplett li>.bigger.leer,
.schaetzung_komplett .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist .schaetzung_komplett li>.bigger.leer,
.schaetzung_komplett ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern .schaetzung_komplett .bigger.leer,
.schaetzung_komplett .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li .schaetzung_komplett .bigger.leer {
  padding: 5px 22px 5px 12px;
  line-height: 1.1em;
}

.schaetzung_komplett.schaetz_extra.head {
  background: #e6e6e6;
}

.schaetzung_komplett .br_n .greybox,
.schaetzung_komplett .br_n .prospektbestellung .legend,
.prospektbestellung .schaetzung_komplett .br_n .legend,
.schaetzung_komplett .br_n .prospektbestellung .eintrag,
.prospektbestellung .schaetzung_komplett .br_n .eintrag,
.schaetzung_komplett .br_n .codeboxen .codebox,
.codeboxen .schaetzung_komplett .br_n .codebox {
  background: transparent;
  border: none !important;
  padding: 0;
}

.schaetzung_komplett .br_n .greybox .label,
.schaetzung_komplett .br_n .prospektbestellung .legend .label,
.prospektbestellung .schaetzung_komplett .br_n .legend .label,
.schaetzung_komplett .br_n .prospektbestellung .eintrag .label,
.prospektbestellung .schaetzung_komplett .br_n .eintrag .label,
.schaetzung_komplett .br_n .codeboxen .codebox .label,
.codeboxen .schaetzung_komplett .br_n .codebox .label {
  padding-left: 0;
}


.greybox.greenbox.darker.ptop,
.prospektbestellung .greenbox.darker.ptop.legend,
.prospektbestellung .greenbox.darker.ptop.eintrag,
.codeboxen .greenbox.darker.ptop.codebox {
  padding-top: 7px;
}

.greybox.greenbox.darker.pbottom,
.prospektbestellung .greenbox.darker.pbottom.legend,
.prospektbestellung .greenbox.darker.pbottom.eintrag,
.codeboxen .greenbox.darker.pbottom.codebox {
  padding-bottom: 12px;
}

.greybox.ptop,
.prospektbestellung .ptop.legend,
.prospektbestellung .ptop.eintrag,
.codeboxen .ptop.codebox {
  padding-top: 7px;
}


.sp_data>.row {
  max-width: 300px !important;
}

.sp_data>.row>.columns {
  padding-top: 0 !important;
  padding-bottom: 2px !important;
}

#loaderdeckel,
.loaderdeckel,
body.free #content .main_content .qc_shop .shop_output .shoploader,
#dialog,
#dialog_adresse,
.mks_sperre,
.mks_deckel,
#warnung_layer {
  z-index: 100;
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

#loaderdeckel.hell,
.loaderdeckel.hell,
body.free #content .main_content .qc_shop .shop_output .hell.shoploader,
.hell#dialog,
.hell#dialog_adresse,
.hell.mks_sperre,
.hell.mks_deckel,
#warnung_layer.hell {
  background: rgba(255, 255, 255, 0.5);
}

#loaderdeckel.full,
.loaderdeckel.full,
body.free #content .main_content .qc_shop .shop_output .full.shoploader,
.full#dialog,
.full#dialog_adresse,
.full.mks_sperre,
.full.mks_deckel,
#warnung_layer.full {
  background: #e6e6e6;
  position: fixed;
  z-index: 10000;
}

#loaderdeckel.full .loaderbox,
.loaderdeckel.full .loaderbox,
body.free #content .main_content .qc_shop .shop_output .full.shoploader .loaderbox,
.full#dialog .loaderbox,
.full#dialog_adresse .loaderbox,
.full.mks_sperre .loaderbox,
.full.mks_deckel .loaderbox,
#warnung_layer.full .loaderbox {
  margin-top: -4em;
}

#loaderdeckel.full .loaderbox .loader,
.loaderdeckel.full .loaderbox .loader,
body.free #content .main_content .qc_shop .shop_output .full.shoploader .loaderbox .loader,
.full#dialog .loaderbox .loader,
.full#dialog_adresse .loaderbox .loader,
.full.mks_sperre .loaderbox .loader,
.full.mks_deckel .loaderbox .loader,
#warnung_layer.full .loaderbox .loader {
  border-left: 0.8em solid #1b3454;
}

#warnung_layer {
  position: fixed;
  z-index: 10000;
  overflow: auto;
}

#warnung_layer span {
  display: block;
  text-align: center;
  background: white;
  max-width: 700px;
  margin: 100px auto;
  padding: 40px 50px 20px 50px;
}

#warnung_layer span.yellow {
  background: #ffc42d;
  padding-top: 20px;
  max-width: 800px;
  text-align: left;
}

#warnung_layer span.yellow p,
#warnung_layer span.yellow li {
  color: #000000;
}

#warnung_layer span.yellow li {
  padding-bottom: 7px;
}


#warnung_layer span.yellow img {
  width: 443px;
  float: right;
  margin: 0 0 10px 10px;
}

#warnung_layer span.yellow em {
  font-size: 0.9em;
}

.loaderbox {
  position: relative;
  overflow: hidden;
  top: 50%;
  margin-top: -2em;
  text-align: center;
}

.loaderbox .loaderlogo {
  width: 200px;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 6em;
  height: 6em;
}

.loader {
  margin: auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border: 0.8em solid #FFFFFF;
  border-left: 0.8em solid #5386df;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#box_speichervergleich,
#box_speicherauslegung,
#box_speicherempfehlung {
  position: relative;
}

#box_speichervergleich .reload_schaetzung,
#box_speicherauslegung .reload_schaetzung,
#box_speicherempfehlung .reload_schaetzung {
  z-index: 100;
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
}


#box_speichervergleich .firstcall_label,
#box_speicherauslegung .firstcall_label,
#box_speicherempfehlung .firstcall_label {
  z-index: 20;
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  font-size: 0.9em;
  color: #FFFFFF;
  text-align: center;
  padding: 141px 50px 50px 50px;
  cursor: default;
}

.weiterbutt_sp {
  padding: 10px;
  margin-top: 5px;
  text-align: center;
}


#sp_confirm {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(0, 0, 0, 0.5);
}

#sp_confirm .inner {
  display: block;
  margin: 15% auto;
  width: 300px;
  height: 164px;
  padding: 20px;
  background: #EEE;
}

#sp_confirm .inner a,
#sp_confirm .inner .blaettern .leer,
.blaettern #sp_confirm .inner .leer {
  margin-top: 30px;
  float: left;
  width: 120px;
  background: #AAA;
  color: white !important;
  text-decoration: none !important;
  text-align: center;
  padding: 10px;
}

#sp_confirm .inner a.nein,
#sp_confirm .inner .blaettern .nein.leer,
.blaettern #sp_confirm .inner .nein.leer {
  float: right;
}

#sp_confirm .inner a:hover,
#sp_confirm .inner .blaettern .leer:hover,
.blaettern #sp_confirm .inner .leer:hover {
  background: #BBB !important;
}

@media only screen and (max-width: 480px) {

  #sp_confirm .inner a,
  #sp_confirm .inner .blaettern .leer,
  .blaettern #sp_confirm .inner .leer {
    margin-top: 10px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 480px) {
  #sp_confirm .inner {
    width: 100%;
  }
}

.bigbox {
  padding: 20px 40px;
}

.bigbox .label {
  font-size: 1.2em;
  font-weight: 400;
}

#schieber_lp {
  margin-bottom: 5px;
}

.greenbox.head.empty {
  min-height: 20px !important;
  background: #FFFFFF !important;
}

.greenbox.head.empty h2,
.greenbox.head.empty h3.bigger,
.greenbox.head.empty h4.bigger,
.greenbox.head.empty ul.katlist li>a.bigger,
ul.katlist .greenbox.head.empty li>a.bigger,
.greenbox.head.empty ul.katlist li ul li a.bigger,
ul.katlist li ul li .greenbox.head.empty a.bigger,
.greenbox.head.empty ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern .greenbox.head.empty li>.bigger.leer,
.greenbox.head.empty .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist .greenbox.head.empty li>.bigger.leer,
.greenbox.head.empty ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern .greenbox.head.empty .bigger.leer,
.greenbox.head.empty .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li .greenbox.head.empty .bigger.leer {
  display: none;
}

.margin_s_top {
  margin-top: 25px;
  margin-bottom: -10px;
  float: left;
  width: 100%;
}

.margin_s_bottom {
  margin-bottom: -10px;
  float: left;
  width: 100%;
}

@media only screen and (max-width: 340px) {
  p img {
    width: 100% !important;
    margin: 0 0 15px 0 !important;
  }
}

.blassgruen {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
}

.autarkie {
  /* border-collapse: collapse; */
  width: 100%;

  width: calc(100% + 4px);
  border: none;
  margin-left: -2px;
  margin-bottom: -2px;
  table-layout: fixed;
}

.autarkie>.row>.columns.hidden {
  display: none;
}

.sp_red {
  color: #f63c3c !important;
  font-weight: 400;
}

.ui-tooltip {
  max-width: 800px !important;
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18) !important;
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18) !important;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18) !important;
  padding: 8px;
}

.ui-tooltip.ui-widget-content.ui-corner-all {
  border: 2px solid var(--grey);
  background: #fff;
  /* color */
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 1em;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}

.ui-tooltip p {
  text-transform: none !important;
  max-width: 350px;
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 0.9rem !important;
}

.ui-tooltip p.tt_head {
  margin: 5px 10px 10px 0 !important;
  /* font-size: 1.2em !important; */
  font-size: 18px;
  /* color: #ff8400 !important; */
  color: black !important;
  font-weight: bold !important;
}

.ui-tooltip p.tt_head.red {
  color: #f63c3c;
}

.ui-tooltip li {
  /* font-size: 0.8em; */
  line-height: 1.2em;
  padding: 2px 0;
  max-width: 310px;
}

.ui-tooltip table {
  font-size: 12px;
  margin-bottom: 10px;
}

.ui-tooltip table td {
  padding-right: 10px;
}

.table_tt td {
  line-height: 1.1;
  padding: 2px;
  vertical-align: top;
}

.tt_static {
  position: relative;
  /* background: #fafafa;
  background: #fafafa; */
  padding: 20px;
  margin: 10px 0;
  background: var(--light_red);
}

.tt_static.tt_border {
  /* border: 5px solid #e6e6e6; */
  border: 3px solid var(--dark_red);
}

.tt_static_close,
body.free #content .main_content .qc_shop .shoplist .pb_container h3.pb_head .close_pb,
body.free #content .main_content .qc_shop .shoplist .pb_container h4.pb_head.bigger .close_pb,
body.free #content .main_content .qc_shop .shoplist .pb_container ul.katlist li>a.pb_head .close_pb,
ul.katlist body.free #content .main_content .qc_shop .shoplist .pb_container li>a.pb_head .close_pb,
body.free #content .main_content .qc_shop .shoplist .pb_container ul.katlist li ul li a.pb_head.bigger .close_pb,
ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .pb_container a.pb_head.bigger .close_pb,
body.free #content .main_content .qc_shop .shoplist .pb_container ul.katlist .blaettern li>.pb_head.leer .close_pb,
ul.katlist .blaettern body.free #content .main_content .qc_shop .shoplist .pb_container li>.pb_head.leer .close_pb,
body.free #content .main_content .qc_shop .shoplist .pb_container .blaettern ul.katlist li>.pb_head.leer .close_pb,
.blaettern ul.katlist body.free #content .main_content .qc_shop .shoplist .pb_container li>.pb_head.leer .close_pb,
body.free #content .main_content .qc_shop .shoplist .pb_container ul.katlist li ul li .blaettern .pb_head.bigger.leer .close_pb,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shoplist .pb_container .pb_head.bigger.leer .close_pb,
body.free #content .main_content .qc_shop .shoplist .pb_container .blaettern ul.katlist li ul li .pb_head.bigger.leer .close_pb,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .pb_container .pb_head.bigger.leer .close_pb {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 24px;
  line-height: 24px;
  color: var(--black);
}

.tt_static_close:hover,
body.free #content .main_content .qc_shop .shoplist .pb_container h3.pb_head .close_pb:hover,
body.free #content .main_content .qc_shop .shoplist .pb_container h4.pb_head.bigger .close_pb:hover,
body.free #content .main_content .qc_shop .shoplist .pb_container ul.katlist li>a.pb_head .close_pb:hover,
ul.katlist body.free #content .main_content .qc_shop .shoplist .pb_container li>a.pb_head .close_pb:hover,
body.free #content .main_content .qc_shop .shoplist .pb_container ul.katlist li ul li a.pb_head.bigger .close_pb:hover,
ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .pb_container a.pb_head.bigger .close_pb:hover,
body.free #content .main_content .qc_shop .shoplist .pb_container ul.katlist .blaettern li>.pb_head.leer .close_pb:hover,
ul.katlist .blaettern body.free #content .main_content .qc_shop .shoplist .pb_container li>.pb_head.leer .close_pb:hover,
body.free #content .main_content .qc_shop .shoplist .pb_container .blaettern ul.katlist li>.pb_head.leer .close_pb:hover,
.blaettern ul.katlist body.free #content .main_content .qc_shop .shoplist .pb_container li>.pb_head.leer .close_pb:hover,
body.free #content .main_content .qc_shop .shoplist .pb_container ul.katlist li ul li .blaettern .pb_head.bigger.leer .close_pb:hover,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shoplist .pb_container .pb_head.bigger.leer .close_pb:hover,
body.free #content .main_content .qc_shop .shoplist .pb_container .blaettern ul.katlist li ul li .pb_head.bigger.leer .close_pb:hover,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .pb_container .pb_head.bigger.leer .close_pb:hover {
  color: var(--dark_grey) !important;
}

.weiterbutts:not(.greybox):not(#komplett) {
  padding: 10px 0 70px 0;
}

.weiterbutts.left {
  float: left !important;
  display: flex;
  gap: 20px;
}

.weiterbutts .floatbox {
  display: inline-block;
  float: right;
  font-size: 14px;
  padding: 11px 10px;
  text-align: center;
}

@media only screen and (max-width: 640px) {
  .weiterbutts .floatbox {
    width: 100%;
  }
}

.weiterbutts a:not(.center),
.weiterbutts .blaettern .leer:not(.center),
.blaettern .weiterbutts .leer:not(.center) {
  float: right !important;
}

.weiterbutts a.center,
.weiterbutts .blaettern .center.leer,
.blaettern .weiterbutts .center.leer {
  margin: 0 auto;
}

.weiterbutts .pfeilnavi_hinweis {
  float: left;
}

@media only screen and (max-width: 950px) {
  .weiterbutts .pfeilnavi_hinweis {
    width: 100%;
    margin-bottom: 20px;
  }
}

.weiterbutts .newline {
  width: 100%;
  float: left;
  padding-bottom: 5px;
}

.hinweis_demo {
  display: block;
  width: 100%;
  background: var(--light_red);
  border: 2px solid var(--dark_red);
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;

  position: absolute;
  z-index: 100;
  top: 10px;
}

.calendaricon {
  /* pointer-events: none; */
  margin-bottom: 4px;
}

.calendaricon[data-active="false"]:before {
  color: #ddd;
}

.calendaricon:before {
  content: "\f073";
  font-family: "FontAwesome";
  font-size: 17px;
  padding: 1px 5px;
  font-weight: normal !important;
  color: var(--black);
}

.helpicon {
  z-index: 10;
  text-decoration: none !important;
  position: absolute;
  right: 0;
  top: -4px;
}

.helpicon:before {
  content: "\f128";
  font-family: "FontAwesome";
  font-size: 15px;
  padding: 1px 5px;
  font-weight: normal !important;
  background: var(--light_blue);
  color: #FFFFFF;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.helpicon.red:before {
  content: "\f12a";
  padding: 1px 7px;
  background: #f63c3c;
}

.helpicon.shiftleft {
  right: 22px !important;
}

.helpicon.lower {
  top: 5px !important;
}

.helpicon.leftcorner {
  padding: 0;
  right: auto;
  left: 0px;
  top: -3px;
  width: 100px;
  height: 40px;
}

.helpicon.leftcorner.shift4 {
  left: -4px;
  top: -7px;
}

.helpicon.leftcorner:before {
  color: #FFFFFF;
  background: transparent;
  font-size: 14px;
  padding: 2px 4px 0 3px;
}

.helpicon,
.prospektbestellung .legend>.helpicon,
.prospektbestellung .eintrag>.helpicon,
.codeboxen .codebox>.helpicon {
  top: -3px;
}

.helpicon:before,
.prospektbestellung .legend>.helpicon:before,
.prospektbestellung .eintrag>.helpicon:before,
.codeboxen .codebox>.helpicon:before {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}

.helpicon.right,
.prospektbestellung .legend>.helpicon.right,
.prospektbestellung .eintrag>.helpicon.right,
.codeboxen .codebox>.helpicon.right {
  right: -19px !important;
}

.helpicon.right:before,
.prospektbestellung .legend>.helpicon.right:before,
.prospektbestellung .eintrag>.helpicon.right:before,
.codeboxen .codebox>.helpicon.right:before {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  padding: 1px 6px 1px 4px !important;
}

.collapse:not(div.bright) .helpicon {
  right: 0px;
}

.bg_grey {
  background: #e6e6e6;
  padding-bottom: 0 !important;
}

.greybox.bbottom_white,
.prospektbestellung .bbottom_white.legend,
.prospektbestellung .bbottom_white.eintrag,
.codeboxen .bbottom_white.codebox {
  border-bottom: 1px solid #FFFFFF !important;
}

.box_reload {
  position: relative;
}

#neuladen {
  z-index: 100;
  display: block;
  position: absolute;
  left: -10000px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

#neuladen .neuladen_maske_o {
  z-index: 2;
  position: absolute;
  display: block;
  height: 49px;
  width: 100%;
  text-align: right;
  padding: 7px 10px;
}

#neuladen.neu {
  height: 100%;
}

#neuladen.neu .neuladen_maske_o {
  height: 55px;
  padding: 10px 10px;
}

.funktionsbuttons {
  width: calc(100% - 10px);
  margin-top: 20px;
  border-top: 2px solid var(--dark_grey);
}

@media only screen and (max-width: 950px) and (min-width: 481px) {
  .medium-6.xsmallbreak {
    width: 50% !important;
  }
}

@media only screen and (min-width: 951px) {
  .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

#fortschritt_qp {
  position: relative;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -1px;
}

@media (max-width: 600px) {

  #fortschritt_qp {
    width: 105.4%;
  }
}

#fortschritt_qp .fortschr:not(.shortcut_wkb):not(:first-child):before {
  position: absolute;
  left: 2px;
  top: 10px;
  content: "\f04b";
  font-family: "FontAwesome";
  font-size: 12px;
  color: #ffc42d;
}

#fortschritt_qp .fortschr:not(.shortcut_wkb) a,
#fortschritt_qp .fortschr:not(.shortcut_wkb) .blaettern .leer,
.blaettern #fortschritt_qp .fortschr:not(.shortcut_wkb) .leer,
#fortschritt_qp .fortschr:not(.shortcut_wkb) a:link,
#fortschritt_qp .fortschr:not(.shortcut_wkb) span {
  /* font-family: "Roboto Condensed", sans-serif; */
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18) !important;
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18) !important;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18) !important;
  display: block;
  color: #FFFFFF !important;
  font-size: 12px;
  line-height: 29px;
  height: 30px;
  text-decoration: none !important;
  padding: 0 4px 0 3px;
  overflow: hidden;
  background: #214067;
}

#fortschritt_qp .fortschr:not(.shortcut_wkb) a:hover,

#fortschritt_qp .fortschr:not(.shortcut_wkb) .blaettern .leer:hover,
.blaettern #fortschritt_qp .fortschr:not(.shortcut_wkb) .leer:hover {
  background: #006ab3 !important;
}

#fortschritt_qp .fortschr:not(.shortcut_wkb) span:hover {
  cursor: default;
}

#fortschritt_qp .fortschr:not(.shortcut_wkb):not(:first-child) a.inactive,
#fortschritt_qp .fortschr:not(.shortcut_wkb):not(:first-child) .blaettern .inactive.leer,
.blaettern #fortschritt_qp .fortschr:not(.shortcut_wkb):not(:first-child) .inactive.leer {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
  background: #b3b3b3 !important;
}

#fortschritt_qp .fortschr:not(.shortcut_wkb).weg a,
#fortschritt_qp .fortschr:not(.shortcut_wkb).weg .blaettern .leer,
.blaettern #fortschritt_qp .fortschr:not(.shortcut_wkb).weg .leer,
#fortschritt_qp .fortschr:not(.shortcut_wkb).weg span {
  border: 1px solid #f63c3c;
  line-height: 25px;
  border-bottom: 5px solid #f63c3c;
}

#fortschritt_qp .fortschr:not(.shortcut_wkb).blass1 a,

#fortschritt_qp .fortschr:not(.shortcut_wkb).blass1 .blaettern .leer,
.blaettern #fortschritt_qp .fortschr:not(.shortcut_wkb).blass1 .leer {
  background: #007fd7;
}

#fortschritt_qp .fortschr:not(.shortcut_wkb).blass2 span {
  background: #f2f2f2;
  color: #cccccc !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

#fortschritt_qp .fortschr:not(.shortcut_wkb).blass2:not(:first-child):before {
  color: #e6e6e6;
}

#fortschritt_qp .fortschr:not(.shortcut_wkb).f_start a,
#fortschritt_qp .fortschr:not(.shortcut_wkb).f_start .blaettern .leer,
.blaettern #fortschritt_qp .fortschr:not(.shortcut_wkb).f_start .leer,
#fortschritt_qp .fortschr:not(.shortcut_wkb).f_start a:hover {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background: #FFF url(../include/quickplan_flaechen/pics/logo_qp_mini.png) no-repeat 2px 6px !important;
  width: 115px;
}

.ani_frame {
  width: 100%;
  border: 1px solid #DDDDDD;
  margin: 2px 0 2px 0;
  padding: 10px 0 20px 0;
  position: relative;
}

.ani_frame.googleframe {
  padding: 2px;
}

.ani_frame .ani_headline {
  position: absolute;
  z-index: 10;
  left: 10px;
  top: 8px;
  font-size: 0.95rem;
  /* font-family: "Roboto Condensed", sans-serif; */
  font-weight: 600;
}

.animation {
  position: relative;
  width: 300px;
  height: 230px;
  margin: 0 auto;
  overflow: hidden;
}

@media only screen and (max-width: 340px) {
  .animation {
    margin-left: -15px;
  }
}

.animation img {
  max-width: none;
}

.animation #tabs1,
.animation .tab_neigung {
  position: absolute;
  width: 300px;
  height: 230px;
  background: none;
}

.animation #tabs1,
.animation .tab_neigung {
  z-index: 10;
}

.animation #tabs2,
.animation .tab_ausr {
  z-index: 9;
}

.animation .ui-widget-content {
  border: none;
}

.animation .ui-tabs .ui-tabs-panel {
  padding: 0;
}

.slider {
  margin: 12px 0 0 0;
  height: 12px !important;
  border: 1px solid #ccc;
  background: #FFF;
  border-radius: 0 !important;
}

.slider a,
.slider .blaettern .leer,
.blaettern .slider .leer {
  border: 1px solid #FFFFFF !important;
  border-radius: 0 !important;
  background: gray !important;
  height: 12px;
  width: 12px;
  margin-top: 0px;
}

.slider#slider_sp_evo a,
.slider#slider_sp_evo .blaettern .leer,
.blaettern .slider#slider_sp_evo .leer {
  margin-top: 1px;
}

.slidermark {
  position: absolute;
  height: 26px;
  top: -8px;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  background: #ff8400;
  background: var(--activ_blue);
}

.bigger .input_pre {
  float: right;
  padding: 4px 0px;
  font-size: 1.15rem !important;
}

.bigger input.nopadding {
  float: right;
  width: 20px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.row div.nopadding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.row div.nopaddingtop {
  padding-top: 0 !important;
}

.row div.nopaddingbottom {
  padding-bottom: 0 !important;
}

.row div.nopaddingleft {
  padding-left: 0 !important;
}

.row div.nopaddingright {
  padding-right: 0 !important;
}

@media only screen and (max-width: 950px) {
  .row div.nopaddingright {
    padding-left: 0 !important;
  }
}

.pleft20 {
  padding-left: 20px;
}

.row div.lesspadding {
  padding-top: 5px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.row div.lesspadding2 {
  padding-left: 10px !important;
  padding-right: 17px !important;
}

.row.checkboxframe {
  margin: 0 !important;
}

.row.checkboxframe .label {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.row.checkboxframe:not(.pflicht) {
  margin: 1px !important;
}

.columns.checkboxframe {
  min-width: 31px;
}

.columns.checkboxframe:not(.pflicht) {
  border: 1px solid #f2f2f2;
}

.lp_frame {
  position: relative;
}

.lastenprofil {
  position: relative;
  z-index: 11;
  width: 100%;
  background: #FFFFFF;
  padding-bottom: 200px;
}

.lastenprofil.zeichnung {
  position: relative;
}

.lastenprofil .inner .weiterbutts {
  background: #5386df;
}

.output_green {
  width: 50px;
  display: inline-block;
  text-align: center;
  font-weight: bold;
}

.hinweis_phasen {
  margin: 0 -12px 5px -12px;
  padding: 4px;
  background: var(--light_red);
  border: 2px solid var(--dark_red);
  text-align: center;
}

.hinweis_phasen:before {
  content: "\f175";
  font-family: "FontAwesome";
  padding: 0 20px;
  font-size: 13px;
}

.hinweis_phasen:after {
  content: "\f175";
  font-family: "FontAwesome";
  padding: 0 20px;
  font-size: 13px;
}


/* Registerkarte 2. Ranges */
/* ####### TABS Dachflaechen  ############################################################# */
.tabs li:not(.weitere_df) {
  margin-top: 6px;
  padding: 5px 10px;
  background: var(--not_activ_grey);
}

.tabs li:not(.weitere_df):not(.active):hover {
  filter: brightness(90%);
}

.tabs .active a {
  color: white;
  text-decoration: none;
}

.main_content .tabs#daecher-tabs li.weitere_df {
  padding-left: 17px;
  position: relative;
  list-style-type: none;
  padding: 8px;
  cursor: pointer;
  margin-top: 6px;
}

.delete_df {
  position: absolute;
  right: 15%;
  top: 20%;
  /* background: #f63c3c; */
  /* padding: 7px 10px 6px 10px; */
  /* font-size: 12px; */
  /* color: #FFFFFF !important; */
  /* text-decoration: none !important; */
}

@media screen and (max-width: 1500px) {
  .delete_df {
    right: 3%;
  }
}

@media screen and (max-width: 1000px) {
  .delete_df {
    top: 11%;
  }
}

@media screen and (max-width: 800px) {
  .delete_df {
    top: 12%;
  }
}

/* 
.delete_df:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  filter: Alpha(opacity=70);
  opacity: 0.7;
  moz-opacity: 0.7;
} */

/* ####### TABS WKB  ############################################################# */
/* #direkt1,
#direkt2,
.btop {
  border-top: 2px solid #FFFFFF;
} */

/* #direkt2,
.bbottom {
  border-bottom: 2px solid #FFFFFF;
} */

.main_content .tabs li.active {
  margin-top: 0px;
  background: var(--activ_blue);
  margin-right: -5px;
}


.main_content .tabs:not(#wkb-tabs) li.active:not(#df0) {
  margin-left: -5px;
}


#content .tabs-content>.content {
  padding-top: 0.625rem;
  padding-bottom: 10px !important;
}


/* ####### TABS LASTENPROFIL  ############################################################# */
#tabs_lastprofile,
#tabs_lastprofile_wp,
#tabs_lastprofile_wp_anteil {
  position: relative;
  float: left;
  width: 100%;
  min-width: 340px;
  margin-top: 40px;
}

#tabs_lastprofile #tablinks,
#tabs_lastprofile #tablinks_wp,
#tabs_lastprofile #tablinks_wp_anteil,
#tabs_lastprofile_wp #tablinks,
#tabs_lastprofile_wp #tablinks_wp,
#tabs_lastprofile_wp #tablinks_wp_anteil,
#tabs_lastprofile_wp_anteil #tablinks,
#tabs_lastprofile_wp_anteil #tablinks_wp,
#tabs_lastprofile_wp_anteil #tablinks_wp_anteil {
  position: absolute;
  width: 100%;
  top: -30px;
}

#tabs_lastprofile #tablinks_wp ul li,
#tabs_lastprofile #tablinks_wp_anteil ul li,
#tabs_lastprofile_wp #tablinks ul li,
#tabs_lastprofile_wp #tablinks_wp ul li,
#tabs_lastprofile_wp #tablinks_wp_anteil ul li,
#tabs_lastprofile_wp_anteil #tablinks ul li,
#tabs_lastprofile_wp_anteil #tablinks_wp ul li,
#tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li {
  display: block;
  float: left;
  padding: 0 !important;
  margin: 2px;
  background: none;
}

#tabs_lastprofile #tablinks ul li.tabs_reset,
#tabs_lastprofile #tablinks_wp ul li.tabs_reset,
#tabs_lastprofile #tablinks_wp_anteil ul li.tabs_reset,
#tabs_lastprofile_wp #tablinks ul li.tabs_reset,
#tabs_lastprofile_wp #tablinks_wp ul li.tabs_reset,
#tabs_lastprofile_wp #tablinks_wp_anteil ul li.tabs_reset,
#tabs_lastprofile_wp_anteil #tablinks ul li.tabs_reset,
#tabs_lastprofile_wp_anteil #tablinks_wp ul li.tabs_reset,
#tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li.tabs_reset {
  float: right;
  margin-right: 0;
}

#tabs_lastprofile #tablinks ul li a,
#tabs_lastprofile #tablinks ul li .blaettern .leer,
.blaettern #tabs_lastprofile #tablinks ul li .leer,
#tabs_lastprofile #tablinks ul li a:link,
#tabs_lastprofile #tablinks_wp ul li a,
#tabs_lastprofile #tablinks_wp ul li .blaettern .leer,
.blaettern #tabs_lastprofile #tablinks_wp ul li .leer,
#tabs_lastprofile #tablinks_wp ul li a:link,
#tabs_lastprofile #tablinks_wp_anteil ul li a,
#tabs_lastprofile #tablinks_wp_anteil ul li .blaettern .leer,
.blaettern #tabs_lastprofile #tablinks_wp_anteil ul li .leer,
#tabs_lastprofile #tablinks_wp_anteil ul li a:link,
#tabs_lastprofile_wp #tablinks ul li a,
#tabs_lastprofile_wp #tablinks ul li .blaettern .leer,
.blaettern #tabs_lastprofile_wp #tablinks ul li .leer,
#tabs_lastprofile_wp #tablinks ul li a:link,
#tabs_lastprofile_wp #tablinks_wp ul li a,
#tabs_lastprofile_wp #tablinks_wp ul li .blaettern .leer,
.blaettern #tabs_lastprofile_wp #tablinks_wp ul li .leer,
#tabs_lastprofile_wp #tablinks_wp ul li a:link,
#tabs_lastprofile_wp #tablinks_wp_anteil ul li a,
#tabs_lastprofile_wp #tablinks_wp_anteil ul li .blaettern .leer,
.blaettern #tabs_lastprofile_wp #tablinks_wp_anteil ul li .leer,
#tabs_lastprofile_wp #tablinks_wp_anteil ul li a:link,
#tabs_lastprofile_wp_anteil #tablinks ul li a,
#tabs_lastprofile_wp_anteil #tablinks ul li .blaettern .leer,
.blaettern #tabs_lastprofile_wp_anteil #tablinks ul li .leer,
#tabs_lastprofile_wp_anteil #tablinks ul li a:link,
#tabs_lastprofile_wp_anteil #tablinks_wp ul li a,
#tabs_lastprofile_wp_anteil #tablinks_wp ul li .blaettern .leer,
.blaettern #tabs_lastprofile_wp_anteil #tablinks_wp ul li .leer,
#tabs_lastprofile_wp_anteil #tablinks_wp ul li a:link,
#tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li a,
#tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li .blaettern .leer,
.blaettern #tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li .leer,
#tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li a:link {
  display: block;
  float: left;
  padding: 0 15px;
  text-decoration: none;
  font-size: 13px;
  line-height: 27px;
  font-weight: bold;
  /* border-top: 1px solid ;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF; */
}

#tabs_lastprofile #tablinks ul li a.tablink_open,
#tabs_lastprofile #tablinks ul li .blaettern .tablink_open.leer,
.blaettern #tabs_lastprofile #tablinks ul li .tablink_open.leer,
#tabs_lastprofile #tablinks ul li a.tablink_open:link,
#tabs_lastprofile #tablinks_wp ul li a.tablink_open,
#tabs_lastprofile #tablinks_wp ul li .blaettern .tablink_open.leer,
.blaettern #tabs_lastprofile #tablinks_wp ul li .tablink_open.leer,
#tabs_lastprofile #tablinks_wp ul li a.tablink_open:link,
#tabs_lastprofile #tablinks_wp_anteil ul li a.tablink_open,
#tabs_lastprofile #tablinks_wp_anteil ul li .blaettern .tablink_open.leer,
.blaettern #tabs_lastprofile #tablinks_wp_anteil ul li .tablink_open.leer,
#tabs_lastprofile #tablinks_wp_anteil ul li a.tablink_open:link,
#tabs_lastprofile_wp #tablinks ul li a.tablink_open,
#tabs_lastprofile_wp #tablinks ul li .blaettern .tablink_open.leer,
.blaettern #tabs_lastprofile_wp #tablinks ul li .tablink_open.leer,
#tabs_lastprofile_wp #tablinks ul li a.tablink_open:link,
#tabs_lastprofile_wp #tablinks_wp ul li a.tablink_open,
#tabs_lastprofile_wp #tablinks_wp ul li .blaettern .tablink_open.leer,
.blaettern #tabs_lastprofile_wp #tablinks_wp ul li .tablink_open.leer,
#tabs_lastprofile_wp #tablinks_wp ul li a.tablink_open:link,
#tabs_lastprofile_wp #tablinks_wp_anteil ul li a.tablink_open,
#tabs_lastprofile_wp #tablinks_wp_anteil ul li .blaettern .tablink_open.leer,
.blaettern #tabs_lastprofile_wp #tablinks_wp_anteil ul li .tablink_open.leer,
#tabs_lastprofile_wp #tablinks_wp_anteil ul li a.tablink_open:link,
#tabs_lastprofile_wp_anteil #tablinks ul li a.tablink_open,
#tabs_lastprofile_wp_anteil #tablinks ul li .blaettern .tablink_open.leer,
.blaettern #tabs_lastprofile_wp_anteil #tablinks ul li .tablink_open.leer,
#tabs_lastprofile_wp_anteil #tablinks ul li a.tablink_open:link,
#tabs_lastprofile_wp_anteil #tablinks_wp ul li a.tablink_open,
#tabs_lastprofile_wp_anteil #tablinks_wp ul li .blaettern .tablink_open.leer,
.blaettern #tabs_lastprofile_wp_anteil #tablinks_wp ul li .tablink_open.leer,
#tabs_lastprofile_wp_anteil #tablinks_wp ul li a.tablink_open:link,
#tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li a.tablink_open,
#tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li .blaettern .tablink_open.leer,
.blaettern #tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li .tablink_open.leer,
#tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li a.tablink_open:link {
  color: white;
  background: var(--activ_blue);
  border-bottom: 1px solid var(--activ_blue);
}


#tabs_lastprofile_wp #tablinks_wp ul li a.tablink_open:hover {
  background: var(--activ_blue);
}

#tabs_lastprofile #tablinks ul li a.tablink_closed,
#tabs_lastprofile #tablinks ul li .blaettern .tablink_closed.leer,
.blaettern #tabs_lastprofile #tablinks ul li .tablink_closed.leer,
#tabs_lastprofile #tablinks ul li a.tablink_closed:link,
#tabs_lastprofile #tablinks_wp ul li a.tablink_closed,
#tabs_lastprofile #tablinks_wp ul li .blaettern .tablink_closed.leer,
.blaettern #tabs_lastprofile #tablinks_wp ul li .tablink_closed.leer,
#tabs_lastprofile #tablinks_wp ul li a.tablink_closed:link,
#tabs_lastprofile #tablinks_wp_anteil ul li a.tablink_closed,
#tabs_lastprofile #tablinks_wp_anteil ul li .blaettern .tablink_closed.leer,
.blaettern #tabs_lastprofile #tablinks_wp_anteil ul li .tablink_closed.leer,
#tabs_lastprofile #tablinks_wp_anteil ul li a.tablink_closed:link,
#tabs_lastprofile_wp #tablinks ul li a.tablink_closed,
#tabs_lastprofile_wp #tablinks ul li .blaettern .tablink_closed.leer,
.blaettern #tabs_lastprofile_wp #tablinks ul li .tablink_closed.leer,
#tabs_lastprofile_wp #tablinks ul li a.tablink_closed:link,
#tabs_lastprofile_wp #tablinks_wp ul li a.tablink_closed,
#tabs_lastprofile_wp #tablinks_wp ul li .blaettern .tablink_closed.leer,
.blaettern #tabs_lastprofile_wp #tablinks_wp ul li .tablink_closed.leer,
#tabs_lastprofile_wp #tablinks_wp ul li a.tablink_closed:link,
#tabs_lastprofile_wp #tablinks_wp_anteil ul li a.tablink_closed,
#tabs_lastprofile_wp #tablinks_wp_anteil ul li .blaettern .tablink_closed.leer,
.blaettern #tabs_lastprofile_wp #tablinks_wp_anteil ul li .tablink_closed.leer,
#tabs_lastprofile_wp #tablinks_wp_anteil ul li a.tablink_closed:link,
#tabs_lastprofile_wp_anteil #tablinks ul li a.tablink_closed,
#tabs_lastprofile_wp_anteil #tablinks ul li .blaettern .tablink_closed.leer,
.blaettern #tabs_lastprofile_wp_anteil #tablinks ul li .tablink_closed.leer,
#tabs_lastprofile_wp_anteil #tablinks ul li a.tablink_closed:link,
#tabs_lastprofile_wp_anteil #tablinks_wp ul li a.tablink_closed,
#tabs_lastprofile_wp_anteil #tablinks_wp ul li .blaettern .tablink_closed.leer,
.blaettern #tabs_lastprofile_wp_anteil #tablinks_wp ul li .tablink_closed.leer,
#tabs_lastprofile_wp_anteil #tablinks_wp ul li a.tablink_closed:link,
#tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li a.tablink_closed,
#tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li .blaettern .tablink_closed.leer,
.blaettern #tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li .tablink_closed.leer,
#tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li a.tablink_closed:link {
  background: var(--not_activ_grey);
  color: black;
  border-bottom: 1px solid var(--not_activ_grey);
}

#tabs_lastprofile #tablinks ul li a.tablink_open:hover,
#tabs_lastprofile #tablinks ul li .blaettern .tablink_open.leer:hover,
.blaettern #tabs_lastprofile #tablinks ul li .tablink_open.leer:hover,
#tabs_lastprofile #tablinks ul li a.tablink_closed:hover,
#tabs_lastprofile #tablinks ul li .blaettern .tablink_closed.leer:hover,
.blaettern #tabs_lastprofile #tablinks ul li .tablink_closed.leer:hover,
#tabs_lastprofile #tablinks_wp ul li a.tablink_open:hover,
#tabs_lastprofile #tablinks_wp ul li .blaettern .tablink_open.leer:hover,
.blaettern #tabs_lastprofile #tablinks_wp ul li .tablink_open.leer:hover,
#tabs_lastprofile #tablinks_wp ul li a.tablink_closed:hover,
#tabs_lastprofile #tablinks_wp ul li .blaettern .tablink_closed.leer:hover,
.blaettern #tabs_lastprofile #tablinks_wp ul li .tablink_closed.leer:hover,
#tabs_lastprofile #tablinks_wp_anteil ul li a.tablink_open:hover,
#tabs_lastprofile #tablinks_wp_anteil ul li .blaettern .tablink_open.leer:hover,
.blaettern #tabs_lastprofile #tablinks_wp_anteil ul li .tablink_open.leer:hover,
#tabs_lastprofile #tablinks_wp_anteil ul li a.tablink_closed:hover,
#tabs_lastprofile #tablinks_wp_anteil ul li .blaettern .tablink_closed.leer:hover,
.blaettern #tabs_lastprofile #tablinks_wp_anteil ul li .tablink_closed.leer:hover,
#tabs_lastprofile_wp #tablinks ul li a.tablink_open:hover,
#tabs_lastprofile_wp #tablinks ul li .blaettern .tablink_open.leer:hover,
.blaettern #tabs_lastprofile_wp #tablinks ul li .tablink_open.leer:hover,
#tabs_lastprofile_wp #tablinks ul li a.tablink_closed:hover,
#tabs_lastprofile_wp #tablinks ul li .blaettern .tablink_closed.leer:hover,
.blaettern #tabs_lastprofile_wp #tablinks ul li .tablink_closed.leer:hover,
#tabs_lastprofile_wp #tablinks_wp ul li a.tablink_open:hover,
#tabs_lastprofile_wp #tablinks_wp ul li .blaettern .tablink_open.leer:hover,
.blaettern #tabs_lastprofile_wp #tablinks_wp ul li .tablink_open.leer:hover,
#tabs_lastprofile_wp #tablinks_wp ul li a.tablink_closed:hover,
#tabs_lastprofile_wp #tablinks_wp ul li .blaettern .tablink_closed.leer:hover,
.blaettern #tabs_lastprofile_wp #tablinks_wp ul li .tablink_closed.leer:hover,
#tabs_lastprofile_wp #tablinks_wp_anteil ul li a.tablink_open:hover,
#tabs_lastprofile_wp #tablinks_wp_anteil ul li .blaettern .tablink_open.leer:hover,
.blaettern #tabs_lastprofile_wp #tablinks_wp_anteil ul li .tablink_open.leer:hover,
#tabs_lastprofile_wp #tablinks_wp_anteil ul li a.tablink_closed:hover,
#tabs_lastprofile_wp #tablinks_wp_anteil ul li .blaettern .tablink_closed.leer:hover,
.blaettern #tabs_lastprofile_wp #tablinks_wp_anteil ul li .tablink_closed.leer:hover,
#tabs_lastprofile_wp_anteil #tablinks ul li a.tablink_open:hover,
#tabs_lastprofile_wp_anteil #tablinks ul li .blaettern .tablink_open.leer:hover,
.blaettern #tabs_lastprofile_wp_anteil #tablinks ul li .tablink_open.leer:hover,
#tabs_lastprofile_wp_anteil #tablinks ul li a.tablink_closed:hover,
#tabs_lastprofile_wp_anteil #tablinks ul li .blaettern .tablink_closed.leer:hover,
.blaettern #tabs_lastprofile_wp_anteil #tablinks ul li .tablink_closed.leer:hover,
#tabs_lastprofile_wp_anteil #tablinks_wp ul li a.tablink_open:hover,
#tabs_lastprofile_wp_anteil #tablinks_wp ul li .blaettern .tablink_open.leer:hover,
.blaettern #tabs_lastprofile_wp_anteil #tablinks_wp ul li .tablink_open.leer:hover,
#tabs_lastprofile_wp_anteil #tablinks_wp ul li a.tablink_closed:hover,
#tabs_lastprofile_wp_anteil #tablinks_wp ul li .blaettern .tablink_closed.leer:hover,
.blaettern #tabs_lastprofile_wp_anteil #tablinks_wp ul li .tablink_closed.leer:hover,
#tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li a.tablink_open:hover,
#tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li .blaettern .tablink_open.leer:hover,
.blaettern #tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li .tablink_open.leer:hover,
#tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li a.tablink_closed:hover,
#tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li .blaettern .tablink_closed.leer:hover,
.blaettern #tabs_lastprofile_wp_anteil #tablinks_wp_anteil ul li .tablink_closed.leer:hover {
  background: var(--grey);
  border-bottom: 1px solid var(--grey);
  color: black;
}

#tabs_lastprofile .lp_rahmen,
#tabs_lastprofile_wp .lp_rahmen,
#tabs_lastprofile_wp_anteil .lp_rahmen {
  float: left;
  width: 100%;
  border: 1px solid #FFFFFF;
  margin: 10px 0 0 0px;
  padding: 10px 3px 7px 3px;
  background: #FFF;
}

#tabs_lastprofile .lp_rahmen .schiebergruppe,
#tabs_lastprofile_wp .lp_rahmen .schiebergruppe,
#tabs_lastprofile_wp_anteil .lp_rahmen .schiebergruppe {
  float: left;
  height: 101px;
  width: 100%;
}

#tabs_lastprofile .lp_rahmen .schiebergruppe span,
#tabs_lastprofile_wp .lp_rahmen .schiebergruppe span,
#tabs_lastprofile_wp_anteil .lp_rahmen .schiebergruppe span {
  height: 170px;
  float: left;
}

#tabs_lastprofile .lp_rahmen .schiebergruppe .ui-slider,
#tabs_lastprofile_wp .lp_rahmen .schiebergruppe .ui-slider,
#tabs_lastprofile_wp_anteil .lp_rahmen .schiebergruppe .ui-slider {
  display: block;
  float: left;
  width: 4.1666666666%;
  height: 100px;
  border: 1px solid var(--dark_grey);
  background: var(--light_grey);
}

#tabs_lastprofile .lp_rahmen .schiebergruppe .ui-slider a,
#tabs_lastprofile .lp_rahmen .schiebergruppe .ui-slider .blaettern .leer,
.blaettern #tabs_lastprofile .lp_rahmen .schiebergruppe .ui-slider .leer,
#tabs_lastprofile_wp .lp_rahmen .schiebergruppe .ui-slider a,
#tabs_lastprofile_wp .lp_rahmen .schiebergruppe .ui-slider .blaettern .leer,
.blaettern #tabs_lastprofile_wp .lp_rahmen .schiebergruppe .ui-slider .leer,
#tabs_lastprofile_wp_anteil .lp_rahmen .schiebergruppe .ui-slider a,
#tabs_lastprofile_wp_anteil .lp_rahmen .schiebergruppe .ui-slider .blaettern .leer,
.blaettern #tabs_lastprofile_wp_anteil .lp_rahmen .schiebergruppe .ui-slider .leer {
  height: 1px;
  width: 105%;
  margin: -12px 0 0 4px;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  border-color: var(--activ_blue);
}

#tabs_lastprofile .lp_rahmen .schiebergruppe .ui-slider-range-min,
#tabs_lastprofile_wp .lp_rahmen .schiebergruppe .ui-slider-range-min,
#tabs_lastprofile_wp_anteil .lp_rahmen .schiebergruppe .ui-slider-range-min {
  background: #FFFFFF;
}

#tabs_lastprofile .lp_rahmen .lp_label,
#tabs_lastprofile_wp .lp_rahmen .lp_label,
#tabs_lastprofile_wp_anteil .lp_rahmen .lp_label {
  float: left;
  height: 19px;
  width: 100%;
}

#tabs_lastprofile .lp_rahmen .lp_label .lp_l,
#tabs_lastprofile_wp .lp_rahmen .lp_label .lp_l,
#tabs_lastprofile_wp_anteil .lp_rahmen .lp_label .lp_l {
  background: #CCCCCC;
  width: 4.1666666666%;
  font-size: 10px;
  padding: 1px 0;
  float: left;
  border-left: 1px solid #F4F5F6;
  text-align: center;
}

#tabs_lastprofile .lp_rahmen .hinweis_lp,
#tabs_lastprofile_wp .lp_rahmen .hinweis_lp,
#tabs_lastprofile_wp_anteil .lp_rahmen .hinweis_lp {
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 11px;
}

#tabs_lastprofile .lp_rahmen .lp_werte,
#tabs_lastprofile_wp .lp_rahmen .lp_werte,
#tabs_lastprofile_wp_anteil .lp_rahmen .lp_werte {
  display: none;
}

#tabs_lastprofile_wp_anteil .lp_rahmen .schiebergruppe .ui-slider,
#tabs_lastprofile_wp_anteil .lp_rahmen .lp_label .lp_l {
  width: 8.3%;
}

#tabs_lastprofile_wp_anteil .lp_rahmen .schiebergruppe .ui-slider a,
#tabs_lastprofile_wp_anteil .lp_rahmen .schiebergruppe .ui-slider .blaettern .leer,
.blaettern #tabs_lastprofile_wp_anteil .lp_rahmen .schiebergruppe .ui-slider .leer {
  width: 103%;
}

#sp_werte {
  position: relative;
}

#sp_werte.sp_nein {
  border: 2px solid var(--dark_red);
}

#sp_werte.sp_nein .sp_werte_hinweis {
  display: block;
}

.sp_werte_hinweis {
  display: none;
  background: var(--light_red);
  border: 2px solid var(--dark_red);
  text-align: center;
  padding: 5px 10px;
}

.sp_werte_hinweis.spqc {
  display: block !important;
  padding: 3px 10px;
}

.sp_aus_qc_container {
  position: relative;
}

.sp_aus_qc_container .sp_aus_qc_deckel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(255, 255, 255, 0.6);
}

#lastenprofil .bigbox select {
  height: 2.5rem;
  font-size: 1.1em;
  width: 85px;
  margin-top: 8px;
  padding: 0px 16px;
}

#lastenprofil .schaetzung_komplett h2,
#lastenprofil .schaetzung_komplett h3.bigger,
#lastenprofil .schaetzung_komplett h4.bigger,
#lastenprofil .schaetzung_komplett ul.katlist li>a.bigger,
ul.katlist #lastenprofil .schaetzung_komplett li>a.bigger,
#lastenprofil .schaetzung_komplett ul.katlist li ul li a.bigger,
ul.katlist li ul li #lastenprofil .schaetzung_komplett a.bigger,
#lastenprofil .schaetzung_komplett ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern #lastenprofil .schaetzung_komplett li>.bigger.leer,
#lastenprofil .schaetzung_komplett .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist #lastenprofil .schaetzung_komplett li>.bigger.leer,
#lastenprofil .schaetzung_komplett ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern #lastenprofil .schaetzung_komplett .bigger.leer,
#lastenprofil .schaetzung_komplett .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li #lastenprofil .schaetzung_komplett .bigger.leer {
  padding: 8px 10px 0px 10px;
  font-size: 15px;
}

#lastenprofil .grafik_frame.spvergl .grafik .raster .legende {
  bottom: -29px;
}

#lastenprofil .grafik_frame.spvergl .tooltip {
  margin-right: 0px;
}

#lastenprofil .grafik_frame.spvergl .grafik .raster .zahlenleiste .label_zl {
  font-size: 1.1em;
}

/* #lastenprofil .grafik_frame.spvergl .grafik .balkenlabel {
  font-size: 0.85em;
} */

#lastenprofil .grafik_frame.spvergl .grafik .balken,
#lastenprofil .grafik_frame.spvergl .grafik .balkenlabel {
  width: 42%;
}

#lastenprofil .grafik_frame.spvergl .grafik .balken.mit,
#lastenprofil .grafik_frame.spvergl .grafik .balkenlabel.mit {
  left: 7%;
}

#lastenprofil .grafik_frame.spvergl .grafik .balken.ohne,
#lastenprofil .grafik_frame.spvergl .grafik .balkenlabel.ohne {
  left: 51%;
}

/*emobil*/
.emob_rahmen {
  position: relative;
  float: left;
  width: 100%;
  /* height: 55px;
  border: 1px solid #FFFFFF;
  background: #F4F5F6; */
  padding: 30px 3px 7px 3px;
  margin-bottom: 7px;
}

.emob_rahmen .lpfeil {
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 100%;
  height: 21px;
  background: #F4F5F6 url(../include/quickplan_flaechen/pics/lpfeil.png) no-repeat center top;
}

.emob_rahmen .lpfeil.negp {
  background: #F4F5F6 url(../include/quickplan_flaechen/pics/lpfeil.png) no-repeat center -21px;
}

.emob_rahmen .emob_time {
  background: var(--not_activ_grey);
  width: 4%;
  padding: 1px 0;
  float: left;
  border-right: 1px solid white;
  text-align: center;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}

.emob_rahmen .emob_time.emob_yellow {
  background: var(--not_activ_grey);
}

.emob_rahmen .emob_time:not(.first) {
  cursor: pointer;
}

.emob_rahmen .emob_time.first {
  background: #EEE;
}

.emob_rahmen .emob_time:not(.first):hover {
  background: var(--light_grey);
}

.emob_rahmen .emob_time:not(.first).active {
  background: var(--activ_blue);
  color: #FFF;
}

#content table.wkb {
  width: 100%;
  font-size: 11px;
  line-height: 12px;
  border: 1px solid #DDDDDD;
}

#content table.wkb .grey1,
#content table.wkb th {
  background: #EEEEEE;
}

#content table.wkb .grey2 {
  background: #DDDDDD;
}

#content table.wkb .pright {
  padding-right: 5px;
}

#content table.wkb .tcenter {
  text-align: center;
}

#content table.wkb .bold {
  font-weight: bold;
}

@media only screen and (max-width: 40em) {
  #content table.wkb {
    min-width: 500px;
  }

  #content table.wkb.wide {
    min-width: 800px;
  }
}

#content table.wkb td,
#content table.wkb th {
  border-bottom: 1px solid #EEEEEE;
}

#content table.wkb th {
  padding: 8px 0 5px 0;
  text-align: center;
}

#content table.wkb td {
  padding: 3px 2px 2px 2px;
  text-align: right;
}

#content table.wkb td.final_pos {
  color: #0e9700;
  background: #DDDDDD;
}

#content table.wkb td.final_neg {
  color: #f63c3c;
  background: #DDDDDD;
}

.erg {
  margin-top: 5px;
}

.balance {
  position: relative;
  float: right;
  width: 93px;
  height: 13px;
  margin: 3px 0 0 7px;
  background: #FFFFFF;
  border: 1px solid #DDD;
}

.balance .balance_center {
  position: absolute;
  top: -1px;
  left: 45px;
  background: #aaa;
  height: 13px;
  width: 1px;
}

.balance .balance_marker {
  position: absolute;
  top: 1px;
  background: #999999;
  background: #ff8400;
  height: 9px;
  width: 5px;
}

.bluemark {
  display: inline-block;
  color: #FFFFFF;
  width: 19px;
  height: 19px;
  line-height: 1em;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  background: var(--light_blue);
  margin: 5px 7px 0 0;
}

.grafik_frame {
  /* border: 1px solid #e2e2e2; */
  padding-bottom: 30px;
  background: var(--grey);
}

.grafik_frame.annahmen {
  padding-bottom: 0px;
}

.grafik_frame.annahmen .hinweis,
.grafik_frame.annahmen .form-group.form-captcha label,
.form-group.form-captcha .grafik_frame.annahmen label,
.grafik_frame.annahmen .weiterbutts .pfeilnavi_hinweis,
.weiterbutts .grafik_frame.annahmen .pfeilnavi_hinweis {
  padding: 10px 25px 15px 5px !important;
}

.grafik_frame.annahmen .greybox,
.grafik_frame.annahmen .prospektbestellung .legend,
.prospektbestellung .grafik_frame.annahmen .legend,
.grafik_frame.annahmen .prospektbestellung .eintrag,
.prospektbestellung .grafik_frame.annahmen .eintrag,
.grafik_frame.annahmen .codeboxen .codebox,
.codeboxen .grafik_frame.annahmen .codebox {
  /* font-size: 0.85em; */
  padding: 0px 15px 0px 8px;
}

.grafik_frame.annahmen .greybox .bigger,
.grafik_frame.annahmen .prospektbestellung .legend .bigger,
.prospektbestellung .grafik_frame.annahmen .legend .bigger,
.grafik_frame.annahmen .prospektbestellung .eintrag .bigger,
.prospektbestellung .grafik_frame.annahmen .eintrag .bigger,
.grafik_frame.annahmen .codeboxen .codebox .bigger,
.codeboxen .grafik_frame.annahmen .codebox .bigger {
  /* font-size: 1.05em; */
}

.grafik_frame.annahmen .greybox .label,
.grafik_frame.annahmen .prospektbestellung .legend .label,
.prospektbestellung .grafik_frame.annahmen .legend .label,
.grafik_frame.annahmen .prospektbestellung .eintrag .label,
.prospektbestellung .grafik_frame.annahmen .eintrag .label,
.grafik_frame.annahmen .codeboxen .codebox .label,
.codeboxen .grafik_frame.annahmen .codebox .label {
  padding-left: 0 !important;
}

.grafik_frame.spvergl {
  padding-bottom: 50px;
  margin: 0 0 5px 0;
}

.grafik_frame.spvergl .tooltip {
  margin-right: 10px;
}

.grafik_frame.spvergl .grafik {
  height: 250px;
}

.grafik_frame.spvergl .grafik .raster .legende {
  bottom: -35px;
  max-width: none;
}

.grafik_frame.spvergl .grafik .raster .linie {
  left: 5%;
  width: 90%;
}

.grafik_frame.spvergl .grafik .raster .linie.null {
  background: url(../include/quickplan_flaechen/pics/linie_null.gif) repeat-x left center;
}

.grafik_frame.spvergl .grafik .raster .zahlenleiste {
  bottom: 15px;
}

.grafik_frame.spvergl .grafik .raster .zahlenleiste .label_zl {
  width: 50%;
  float: left;
  text-align: center;
  /* font-size: 1.4em; */
}

.grafik_frame.spvergl .grafik .balken,
.grafik_frame.spvergl .grafik .balkenlabel {
  width: 25%;
}

.grafik_frame.spvergl .grafik .balken.mit,
.grafik_frame.spvergl .grafik .balkenlabel.mit {
  left: 12.5%;
}

.grafik_frame.spvergl .grafik .balken.ohne,
.grafik_frame.spvergl .grafik .balkenlabel.ohne {
  left: 62.5%;
}

.grafik_frame.spvergl .grafik .balken .keine_rendite,
.grafik_frame.spvergl .grafik .balkenlabel .keine_rendite {
  color: #d13c44;
  line-height: 1em;
  margin-bottom: 10px;
}

.grafik_frame.spvergl .grafik .balkenlabel {
  position: absolute;
  /* color: #FFFFFF;
  font-size: 1.1em; */
  font-weight: bold;
  text-align: center;
  bottom: 50px;
}


.grafik_frame.spvergl .grafik .balkenlabel.ohne {
  color: var(--black);
}

.grafik_frame.spvergl .grafik .balkenlabel.dark {
  color: #000000;
}

.grafik {
  position: relative;
  height: 330px;
  width: 100%;
  background: var(--light_grey);
}

.grafik .raster {
  z-index: 1;
  /* font-size: 11px; */
  line-height: 11px;
}

.grafik .raster .linie {
  position: absolute;
  left: 0;
  width: 95%;
  height: 9px;
  background: url(../include/quickplan_flaechen/pics/linie_wkb.gif) repeat-x left center;
  /* color: #444444; */
}

.grafik .raster .linie .label {
  display: block;
  float: left;
  width: 15%;
  height: 15px;
  text-align: right;
  overflow: hidden;
  padding-right: 10px;
  /* line-height: 0.8em; */
  background: var(--light_grey);
  /* font-size: 0.7rem; */
}

.grafik .raster .str_senkr {
  position: absolute;
  bottom: 12px;
  width: 1px;
  height: 250px;
  border-left: 1px solid #ddd;
}

.grafik .raster .zahlenleiste {
  position: absolute;
  z-index: 1;
  bottom: 25px;
  left: 0;
  width: 100%;
  /* color: #444444; */
}

.grafik .raster .zahlenleiste .zahl {
  display: block;
  position: absolute;
  width: 30px;
  margin-left: -15px;
  bottom: 0;
  text-align: center;
}

.grafik .raster .zahlenleiste.wide12 .zahl {
  width: 5%;
  margin-left: -13px;
  min-width: 33px;
}

@media only screen and (max-width: 40em) {
  .grafik .raster .zahlenleiste.wide12 .zahl:nth-child(2n) {
    display: none;
  }
}

.grafik .raster .zahlenleiste.wide30 .zahl {
  width: 2%;
  min-width: 12px;
  margin-left: -2px;
}

@media only screen and (max-width: 40em) {
  .grafik .raster .zahlenleiste.wide30 .zahl:nth-child(2n) {
    display: none;
  }
}

@media only screen and (min-width:59.4375em) {
  .grafik .raster .zahlenleiste.wide30.double .zahl {
    margin-left: 5px;
  }
}

.grafik .raster .legende {
  position: absolute;
  bottom: -27px;
  width: 100%;
  padding: 5px 12px;
  /* max-width: 370px; */
  /* right: 0; */
}

.grafik .raster .legende.wide {
  max-width: 100%;
}

.grafik .raster .legende.wide .item {
  width: 16%;
  overflow: hidden;
  float: right;
}

.grafik .raster .legende img {
  margin: 2px 5px 3px 5px;
}

.balken {
  display: block;
  position: absolute;
  width: 1.2%;
}

.balken.wide {
  width: 2%;
}

.balken.b1 {
  z-index: 5;
}

.balken.b2 {
  z-index: 10;
}

.balken.b3 {
  z-index: 15;
}

.balken.zusbalken {
  z-index: 20;
  cursor: default;
}

.balken.zusbalken.dark1,
.balken.zusbalken .dark1 {
  background: #69c504;
  color: #FFFFFF;
}

.balken.zusbalken.dark2,
.balken.zusbalken .dark2 {
  background: #7cd800;
  color: #FFFFFF;
}

.balken.zusbalken.light1,
.balken.zusbalken .light1 {
  background: #d4f7a5;
  color: #000000;
}

.balken.zusbalken.light2,
.balken.zusbalken .light2 {
  background: #b9f567;
  color: #000000;
}

.balken.zusbalken .hovertitle {
  display: none;
  position: absolute;
  right: -70px;
  top: 0;
  padding: 5px 5px;
  width: 70px;
}

.balken.zusbalken>span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -11px;
}

.balken.zusbalken.small>span {
  display: none;
}

.balken.zusbalken.small:hover .hovertitle {
  display: block;
}

.punkt {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  z-index: 5;
}

.zusdata {
  padding: 0;
}

.zusdata.quickplan {
  display: none !important;
}

.zusdata .pflicht {
  border: none !important;
  background: transparent !important;
  border-bottom: 2px solid #FFFFFF !important;
}

.zusdata h1:not(.zus_head),
.zusdata h3.bigger:not(.zus_head),
.zusdata h4.bigger:not(.zus_head),
.zusdata ul.katlist li>a.bigger:not(.zus_head),
ul.katlist .zusdata li>a.bigger:not(.zus_head),
.zusdata ul.katlist li ul li a.bigger:not(.zus_head),
ul.katlist li ul li .zusdata a.bigger:not(.zus_head),
.zusdata ul.katlist .blaettern li>.bigger.leer:not(.zus_head),
ul.katlist .blaettern .zusdata li>.bigger.leer:not(.zus_head),
.zusdata .blaettern ul.katlist li>.bigger.leer:not(.zus_head),
.blaettern ul.katlist .zusdata li>.bigger.leer:not(.zus_head),
.zusdata ul.katlist li ul li .blaettern .bigger.leer:not(.zus_head),
ul.katlist li ul li .blaettern .zusdata .bigger.leer:not(.zus_head),
.zusdata .blaettern ul.katlist li ul li .bigger.leer:not(.zus_head),
.blaettern ul.katlist li ul li .zusdata .bigger.leer:not(.zus_head),
.zusdata h2:not(.zus_head),
.zusdata .headl_kd:not(.zus_head) {
  margin: 0 !important;
  font-size: 21px;
  background: #e6e6e6;
  padding: 5px 12px;
  border-bottom: 2px solid #FFFFFF;
  line-height: 35px;
}

.zusdata h1 b,
.zusdata h3.bigger b,
.zusdata h4.bigger b,
.zusdata ul.katlist li>a.bigger b,
ul.katlist .zusdata li>a.bigger b,
.zusdata ul.katlist li ul li a.bigger b,
ul.katlist li ul li .zusdata a.bigger b,
.zusdata ul.katlist .blaettern li>.bigger.leer b,
ul.katlist .blaettern .zusdata li>.bigger.leer b,
.zusdata .blaettern ul.katlist li>.bigger.leer b,
.blaettern ul.katlist .zusdata li>.bigger.leer b,
.zusdata ul.katlist li ul li .blaettern .bigger.leer b,
ul.katlist li ul li .blaettern .zusdata .bigger.leer b,
.zusdata .blaettern ul.katlist li ul li .bigger.leer b,
.blaettern ul.katlist li ul li .zusdata .bigger.leer b,
.zusdata h2 b,
.zusdata .headl_kd b {
  font-weight: normal;
}

.zusdata h1.hl_sc,
.zusdata h3.hl_sc.bigger,
.zusdata h4.hl_sc.bigger,
.zusdata ul.katlist li>a.hl_sc.bigger,
ul.katlist .zusdata li>a.hl_sc.bigger,
.zusdata ul.katlist li ul li a.hl_sc.bigger,
ul.katlist li ul li .zusdata a.hl_sc.bigger,
.zusdata ul.katlist .blaettern li>.hl_sc.bigger.leer,
ul.katlist .blaettern .zusdata li>.hl_sc.bigger.leer,
.zusdata .blaettern ul.katlist li>.hl_sc.bigger.leer,
.blaettern ul.katlist .zusdata li>.hl_sc.bigger.leer,
.zusdata ul.katlist li ul li .blaettern .hl_sc.bigger.leer,
ul.katlist li ul li .blaettern .zusdata .hl_sc.bigger.leer,
.zusdata .blaettern ul.katlist li ul li .hl_sc.bigger.leer,
.blaettern ul.katlist li ul li .zusdata .hl_sc.bigger.leer,
.zusdata h2.hl_sc,
.zusdata .headl_kd.hl_sc {
  float: left;
  width: 100%;
  padding: 0;
}

.zusdata h1.hl_sc span,
.zusdata h3.hl_sc.bigger span,
.zusdata h4.hl_sc.bigger span,
.zusdata ul.katlist li>a.hl_sc.bigger span,
ul.katlist .zusdata li>a.hl_sc.bigger span,
.zusdata ul.katlist li ul li a.hl_sc.bigger span,
ul.katlist li ul li .zusdata a.hl_sc.bigger span,
.zusdata ul.katlist .blaettern li>.hl_sc.bigger.leer span,
ul.katlist .blaettern .zusdata li>.hl_sc.bigger.leer span,
.zusdata .blaettern ul.katlist li>.hl_sc.bigger.leer span,
.blaettern ul.katlist .zusdata li>.hl_sc.bigger.leer span,
.zusdata ul.katlist li ul li .blaettern .hl_sc.bigger.leer span,
ul.katlist li ul li .blaettern .zusdata .hl_sc.bigger.leer span,
.zusdata .blaettern ul.katlist li ul li .hl_sc.bigger.leer span,
.blaettern ul.katlist li ul li .zusdata .hl_sc.bigger.leer span,
.zusdata h2.hl_sc span,
.zusdata .headl_kd.hl_sc span {
  /* float: left;
  padding: 12px; */
}

.zusdata .spaceline,
.zusdata .leer {
  display: none;
}

.zusdata table {
  width: 100%;
  border-spacing: 0;
}

.zusdata table td {
  padding-right: 12px;
  vertical-align: top;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  line-height: 1.2rem;
  /* font-size: 0.8rem; */
  border-bottom: 2px solid #FFFFFF !important;
}

.zusdata table td.zeilenbez {
  width: 50%;
  min-width: 137px;
  padding-left: 12px;
  font-weight: 300 !important;
}

.zusdata .zus_erg {
  background: #e0f8dd;
}

.zusdata .zus_erg.label {
  color: #1a1a1a;
  font-weight: 400;
  padding-left: 12px;
  font-size: 0.9rem;
}

.zusdata .zus_erg.ergebn {
  padding-top: 8px;
  color: #0e9700;
  font-weight: 400;
  font-size: 0.9rem;
}

.zusdata .zus_erg.gesamt {
  border-top: 2px solid #0e9700;
}

.zusdata .zus_erg.gesamt.label {
  font-size: 0.95rem !important;
}

.zusdata .zus_erg.gesamt.ergebn {
  font-size: 1.05rem !important;
}

.zusdata .row {
  padding-left: 12px;
  padding-right: 12px;
}

.number {
  display: block;
  float: left;
  background: #004c80;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0px 5px 0 0;
}

.headline {
  position: relative;
  background: white;
  border-top: 2px solid #FFFFFF;
  border-bottom: 3px solid #999999;
  margin-bottom: 3px;
  font-weight: 400;
  font-size: 1.4rem;
  padding: 1rem 1.25rem 0.3rem 1.25rem;
}

.headline .hinweis,
.headline .form-group.form-captcha label,
.form-group.form-captcha .headline label,
.headline .weiterbutts .pfeilnavi_hinweis,
.weiterbutts .headline .pfeilnavi_hinweis {
  font-size: 0.85rem !important;
}

@media only screen and (max-width: 950px) {
  .headline {
    /* font-size: 0.85rem; */
    padding: 1rem 0 0.3rem 0;
  }
}

.mks_deckel {
  display: none;
}

.mks_sperre {
  background: rgba(0, 0, 0, 0.12);
  display: none;
  cursor: default;
}

.mks_sperre .hinweisbox {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5px 10px;
  font-size: 0.75em;
  text-align: center;
  background: #e6e6e6;
}

.mks_sperre .hinweisbox .hinweis,
.mks_sperre .hinweisbox .form-group.form-captcha label,
.form-group.form-captcha .mks_sperre .hinweisbox label,
.mks_sperre .hinweisbox .weiterbutts .pfeilnavi_hinweis,
.weiterbutts .mks_sperre .hinweisbox .pfeilnavi_hinweis {
  color: rgba(255, 255, 255, 0.8) !important;
}

.mks_sperre .hinweisbox.green {
  background: #32b026;
  color: #FFFFFF;
}

.mks_sperre.sperre_wr {
  height: 266px;
}

.mks_sperre.sperre_wr .hinweisbox {
  padding: 50px;
}

.mks_sperre.sperre_wr .hinweisbox a.wechsel_manuell,
.mks_sperre.sperre_wr .hinweisbox .blaettern .wechsel_manuell.leer,
.blaettern .mks_sperre.sperre_wr .hinweisbox .wechsel_manuell.leer {
  margin-top: 30px;
  display: block;
  color: #000000 !important;
  line-height: 1.2em !important;
}

.mks_sperre.sperre_modulfeld .hinweisbox {
  font-size: 0.85em;
  padding: 30px 50px;
  font-family: arial, sans;
}

.mks_sperre.sperre_modulfeld .hinweisbox a.wechsel_manuell,
.mks_sperre.sperre_modulfeld .hinweisbox .blaettern .wechsel_manuell.leer,
.blaettern .mks_sperre.sperre_modulfeld .hinweisbox .wechsel_manuell.leer {
  max-width: 300px;
  margin: 20px auto;
  display: block;
  color: #000000 !important;
  line-height: 1.2em !important;
}

.mks_sperre.sperre_module {
  height: 90px;
}

.mks_sperre.sperre_module .hinweisbox {
  padding: 10px;
}

.mks_sperre.sperre_module .hinweisbox a.wechsel_manuell,
.mks_sperre.sperre_module .hinweisbox .blaettern .wechsel_manuell.leer,
.blaettern .mks_sperre.sperre_module .hinweisbox .wechsel_manuell.leer {
  margin: 10px auto 0 auto;
  max-width: 220px;
  display: block;
  color: #000000 !important;
  line-height: 1.2em !important;
}

.confirmbox {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.5);
}

.confirmbox .inner {
  position: relative;
  display: block;
  margin: 15% auto;
  width: 100%;
  max-width: 560px;
  padding: 40px 20px 80px 20px;
  background: #FFFFFF;
  -webkit-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5) !important;
  -moz-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5) !important;
  text-align: center;
}

.confirmbox .inner .confirmline {
  display: none;
}

.confirmbox .inner p.confirmline.big {
  font-weight: 600;
}

.confirmbox .inner .hinweis,
.confirmbox .inner .form-group.form-captcha label,
.form-group.form-captcha .confirmbox .inner label,
.confirmbox .inner .weiterbutts .pfeilnavi_hinweis,
.weiterbutts .confirmbox .inner .pfeilnavi_hinweis {
  font-size: 0.9rem !important;
}

.confirmbox .inner a.yellowbutt,
.confirmbox .inner a#choose,
.confirmbox .inner .blaettern .yellowbutt.leer,
.confirmbox .inner .blaettern .leer#choose,
.blaettern .confirmbox .inner .yellowbutt.leer,
.blaettern .confirmbox .inner .leer#choose {
  position: absolute;
  min-width: 120px;
  left: 20px;
  bottom: 20px;
}

.confirmbox .inner a.yellowbutt.nein,
.confirmbox .inner a.nein#choose,
.confirmbox .inner .blaettern .yellowbutt.nein.leer,
.confirmbox .inner .blaettern .nein.leer#choose,
.blaettern .confirmbox .inner .yellowbutt.nein.leer,
.blaettern .confirmbox .inner .nein.leer#choose {
  left: auto;
  right: 20px;
}

.mleistung.erwartung {
  background: #EEE !important;
}

.mleistung.erwartung .label,
.mleistung.erwartung .darkgreen,
.mleistung.erwartung input {
  color: gray !important;
  font-style: italic;
  font-weight: 300 !important;
}

.mleistung.erwartung .smaller {
  font-size: 0.9em;
  padding-left: 5px;
}

a.applybutt,
.blaettern .applybutt.leer {
  position: absolute;
  display: none;
  width: 160px;
  top: -2px;
  z-index: 10;
  -webkit-box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.3) !important;
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}

a.applybutt:hover,
.blaettern .applybutt.leer:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  filter: Alpha(opacity=100);
  opacity: 1;
  moz-opacity: 1;
}

a.applybutt span.text,
.blaettern .applybutt.leer span.text {
  display: block;
}

a.applybutt span.wait,
.blaettern .applybutt.leer span.wait {
  display: none;
}

a.applybutt.progress,
.blaettern .applybutt.progress.leer {
  background: #4d4d4d;
}

a.applybutt.progress span.text,
.blaettern .applybutt.progress.leer span.text {
  display: none;
}

a.applybutt.progress span.wait,
.blaettern .applybutt.progress.leer span.wait {
  display: block;
}

a.applybutt.applymfelder,
.blaettern .applybutt.applymfelder.leer {
  left: 60px;
}

input.mfelder {
  max-width: 60px;
}

.alertbox,
#warnung_stringberechnung,
.hinweis_manueller_modus {
  width: 100%;
  padding: 15px 20px;
  font-weight: bold;
  font-size: 0.8em;
  text-align: center;
  background: #f63c3c;
  color: #FFFFFF;
}

.alertbox.green,
.green#warnung_stringberechnung,
.green.hinweis_manueller_modus {
  padding: 5px 20px;
  font-weight: normal;
  background: #32b026;
}

.alertbox.orange,
.orange#warnung_stringberechnung,
.orange.hinweis_manueller_modus {
  background: #ff8400;
}

#warnung_stringberechnung,
.hinweis_manueller_modus {
  position: fixed;
  z-index: 110;
  bottom: 0;
  left: 0;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5) !important;
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5) !important;
}

.hinweis_manueller_modus {
  font-weight: normal;
  padding: 8px 20px 5px 20px;
  position: relative;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background: #f63c3c;
}

/* #speicherdaten,
.speicherdaten {
  font-size: 0.95em;
} */

/* #speicherdaten td.data,
.speicherdaten td.data {
  color: #0e9700;
} */

#speicherdaten .fa,
.speicherdaten .fa {
  font-size: 1.25em;
}

#speicherdaten .fa.fa-check,
.speicherdaten .fa.fa-check {
  color: var(--dark_green);
  text-shadow: 0px 1px 0px black, 0px -1px black, 1px 0px black, -1px 0px black;
}

#speicherdaten .fa.fa-ban,
.speicherdaten .fa.fa-ban {
  color: red;
}

#speicherdaten .balance,
.speicherdaten .balance {
  cursor: pointer;
}

.linkbox #speicherdaten {
  padding-top: 15px;
}

.blue_headline {
  position: relative;
}

.blue_headline span {
  float: left;
}

.blue_headline.qc span {
  float: left;
}

.blue_headline a,
.blue_headline .blaettern .leer,
.blaettern .blue_headline .leer {
  padding: 7px 11px 5px 11px;
  margin: 4px;
  float: right;
  min-width: 250px;
}

.blue_headline a.ohnebutt,
.blue_headline .blaettern .ohnebutt.leer,
.blaettern .blue_headline .ohnebutt.leer {
  display: block;
}

.blue_headline a.mitbutt,
.blue_headline .blaettern .mitbutt.leer,
.blaettern .blue_headline .mitbutt.leer {
  display: none;
}

.blue_subline {
  border-bottom: 2px solid #5386df;
  padding-top: 10px;
}

#calctool .linkbox {
  padding: 17px;
  margin-top: 3px;
}

@media only screen and (min-width: 951px) {
  #calctool .linkbox.rightbox {
    margin-left: 5px;
  }
}

#calctool .linkbox .hl {
  font-size: 0.9em;
  font-weight: 600;
  margin-bottom: 10px;
  padding: 9px 12px 3px 12px;
  margin-top: 0;
  display: inline-block;
  width: auto;
}

#calctool .linkbox .hl img {
  padding: 0 5px 5px 7px;
}

#calctool .linkbox ul {
  margin-bottom: 0;
}

#calctool .linkbox ul li {
  color: #000000 !important;
}

#calctool .linkbox .screenshot {
  float: right;
  height: 112px;
}

#calctool .linkbox.empty {
  background: #e6e6e6;
}

.qc_element {
  position: relative;
}

.qc_element.closed .qc_entries {
  display: none;
}

.qc_element.closed .blue_headline a.ohnebutt,
.qc_element.closed .blue_headline .blaettern .ohnebutt.leer,
.blaettern .qc_element.closed .blue_headline .ohnebutt.leer {
  display: none;
}

.qc_element.closed .blue_headline a.mitbutt,
.qc_element.closed .blue_headline .blaettern .mitbutt.leer,
.blaettern .qc_element.closed .blue_headline .mitbutt.leer {
  display: block;
}

.gesamtpreis_label {
  position: absolute;
  z-index: 10;
  top: -37px;
  left: 0;
  /* font-size: 0.85rem; */
  background: #696a6c;
  color: #A2A2A2;
  padding: 9px 25px 9px 14px;
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}

.preis_headline {
  margin-top: 20px;
}

.gesamtpreis_label.bigger {
  top: -60px;
  padding: 12px 30px 30px 14px;
  width: 100%;
  -webkit-border-radius: 0 25px 0 0;
  -moz-border-radius: 0 25px 0 0;
  border-radius: 0 25px 0 0;
}

.maigruen {
  background: #8af000;
  color: #FFFFFF !important;
}

.maigruen input.readonly,
.maigruen .hinweis,
.maigruen .form-group.form-captcha label,
.form-group.form-captcha .maigruen label,
.maigruen .weiterbutts .pfeilnavi_hinweis,
.weiterbutts .maigruen .pfeilnavi_hinweis {
  color: #FFFFFF !important;
}

.darkerboxes .greenbox.darker {
  background: #c0f0bc;
}

.darkerboxes .greenbox.darkest {
  background: #a5ea9e;
}

/*********************************************************************************

	Project		:	EWS.sh / PV.de Kalkulationstool
	Copyright	:	°° zweikreis.de :: mediendesign - www.zweikreis.de

**********************************************************************************/
.messages {
  z-index: 1011;
  position: fixed;
  right: 0;
  top: 0;
  background: #FFFFFF;
  border: 1px solid #f40b0b;
  width: 350px;
  max-height: 100%;
  overflow: auto;
  -webkit-box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.7) !important;
  -moz-box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.7) !important;
  box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.7) !important;
}

.messages .head {
  /* color: #FFFFFF;
  background: #f40b0b; */
  /* font-weight: bold; */
  padding: 12px 8px 8px 26px;
  /* font-size: 13px; */
  text-transform: uppercase;
}

.messages .head2 {
  /* color: #999999;
  background: #f0f0f0; */
  font-weight: bold;
  padding: 10px 8px 5px 26px;
  font-size: 12px;
  /* text-transform: uppercase; */
}

/* .messages .messagelist {
  border-top: 1px solid #f40b0b;
  min-height: 20px;
  background: url(../include/quickcalc/pics/bg_messagelist.png) no-repeat left bottom;
} */

.messages .messagelist.dk {
  background: url(../include/quickcalc/pics/bg_messagelist_dk.png) no-repeat left bottom;
}

.messages .messagelist.se {
  background: url(../include/quickcalc/pics/bg_messagelist_se.png) no-repeat left bottom;
}

.messages .messagelist.en {
  background: url(../include/quickcalc/pics/bg_messagelist_en.png) no-repeat left bottom;
}

.messages .messagelist .message {
  position: relative;
  text-align: left;
  position: relative;
  font-size: 12px;
  line-height: 1.2;
}

.messages .messagelist .message.mhead {
  color: #999999;
  background: #f0f0f0;
  border-top: 1px solid white;
  font-weight: bold;
  padding: 7px 8px 6px 26px;
  font-size: 12px;
}

.messages .messagelist .message.mhead span {
  font-weight: normal;
}

.messages .messagelist .message.rot {
  background: #db0a0a;
  border-bottom: 1px solid #920707;
  color: #FFF;
  padding: 5px 33px 5px 26px;
}

.messages .messagelist .message.rot:before {
  position: absolute;
  left: 5px;
  top: 2px;
  content: "\f06a";
  font-family: "FontAwesome";
  font-size: 17px;
  color: white;
}

.messages .messagelist .message.gelb2 {
  font-weight: normal;
  background: #ffc42d;
  border-bottom: 1px solid #604500;
  color: #000;
  padding: 5px 33px 5px 26px;
}

.messages .messagelist .message.gelb2:before {
  position: absolute;
  left: 5px;
  top: 2px;
  content: "\f06a";
  font-family: "FontAwesome";
  font-size: 17px;
  color: white;
}

.messages .messagelist .message.gelb {
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  color: #E69200;
  padding: 5px 40px 3px 26px;
  background: url(../include/quickcalc/pics/messmarker.png) no-repeat left 0px;
  cursor: pointer;
}

.messages .messagelist .message.gelb.marked {
  background-position: left -100px;
  color: #ccc;
}

.messages #close_mess {
  opacity: 0.7;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 31px;
  height: 31px;
  background: url(../include/quickcalc/pics/close_mess.png) no-repeat right top;
  cursor: pointer;
}

.messages #close_mess.opened {
  background-position: left top;
}

.messages #close_mess:hover {
  opacity: 0.5;
}

/* Zeilen markieren */
#modulmarker,
#wrmarker,
#gestellmarker,
.gestellmarker {
  position: relative;
}

#modulmarker.rot,
#wrmarker.rot,
#gestellmarker.rot,
.gestellmarker.rot {
  background: #f63c3c !important;
  border-bottom: #f63c3c !important;
  color: #FFFFFF !important;
}

#modulmarker.rot input,
#wrmarker.rot input,
#gestellmarker.rot input,
.gestellmarker.rot input {
  color: #FFFFFF !important;
}

#modulmarker.rot:after,
#wrmarker.rot:after,
#gestellmarker.rot:after,
.gestellmarker.rot:after {
  position: absolute;
  right: 12px;
  top: 1px;
  content: "\f06a";
  font-family: "FontAwesome";
  font-size: 28px;
  color: #FFFFFF;
}

#modulmarker.gelb2,
#wrmarker.gelb2,
#gestellmarker.gelb2,
.gestellmarker.gelb2 {
  background: #ffc42d !important;
  border-bottom: #ffc42d !important;
  color: #000000 !important;
}

#modulmarker.gelb2 input,
#wrmarker.gelb2 input,
#gestellmarker.gelb2 input,
.gestellmarker.gelb2 input {
  color: #000000 !important;
}

#modulmarker.gelb2:after,
#wrmarker.gelb2:after,
#gestellmarker.gelb2:after,
.gestellmarker.gelb2:after {
  position: absolute;
  right: 12px;
  top: 1px;
  content: "\f06a";
  font-family: "FontAwesome";
  font-size: 28px;
  color: white;
}

/* Mustersystem */
.blatt {
  position: relative;
  display: block;
  width: 670px;
  padding: 20px;
  min-height: 880px;
  margin: 10px auto;
  border: 1px dotted #aaa;
  background: #FFFFFF;
  line-height: 1.3;
  -webkit-box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.4) !important;
  -moz-box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.4) !important;
  box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.4) !important;
}

.blatt h1,
.blatt h2.bigger,
.blatt h3.bigger,
.blatt h4.bigger,
.blatt ul.katlist li>a.bigger,
ul.katlist .blatt li>a.bigger,
.blatt ul.katlist li ul li a.bigger,
ul.katlist li ul li .blatt a.bigger,
.blatt ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern .blatt li>.bigger.leer,
.blatt .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist .blatt li>.bigger.leer,
.blatt ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern .blatt .bigger.leer,
.blatt .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li .blatt .bigger.leer {
  font-size: 18px;
  margin: 10px 0 10px 20px;
  font-family: arial, sans;
}

.blatt .header {
  position: relative;
  display: block;
  width: 100%;
  height: 128px;
  background: #606060 url(../include/quickcalc/pics/header_calcprint.png);
  border-bottom: 1px dotted #aaa;
}

.blatt .header .hinweis,
.blatt .header .form-group.form-captcha label,
.form-group.form-captcha .blatt .header label,
.blatt .header .weiterbutts .pfeilnavi_hinweis,
.weiterbutts .blatt .header .pfeilnavi_hinweis {
  font-size: 11px;
  position: absolute;
  right: 30px;
  bottom: 20px;
  font-style: italic;
  font-weight: bold;
  color: #bbb;
  background: #606060;
  padding: 3px 8px;
}

.blatt .header .seitenabstand {
  border: 1px solid #868686;
  width: 210px;
  font-size: 13px;
  position: absolute;
  left: 215px;
  top: 30px;
  font-weight: bold;
  color: #bbb;
  background: #606060;
  padding: 3px 12px;
}

.blatt .header .seitenabstand .abstandsbutts {
  position: absolute;
  right: 3px;
  top: 3px;
}

.blatt .header .seitenabstand .abstandsbutts a,
.blatt .header .seitenabstand .abstandsbutts .blaettern .leer,
.blaettern .blatt .header .seitenabstand .abstandsbutts .leer,
.blatt .header .seitenabstand .abstandsbutts a:link {
  text-decoration: none !important;
  font-size: 17px;
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #CECECE;
  margin-left: 3px;
}

.blatt .header .seitenabstand .abstandsbutts a.minus:link,
.blatt .header .seitenabstand .abstandsbutts .blaettern .minus.leer:link,
.blaettern .blatt .header .seitenabstand .abstandsbutts .minus.leer:link {
  font-size: 20px;
  line-height: 17px;
}

.blatt .header .seitenabstand input.abst {
  color: #bbb;
  font-weight: bold;
  background: transparent;
  border: none;
  width: 20px;
  padding: 2px 0px;
  text-align: right;
  display: inline;
  height: 20px;
  margin: 0;
}

.blatt .header_profil {
  position: relative;
  display: block;
  width: 100%;
  height: 140px;
}

.blatt .header_profil .logo {
  display: block;
  float: left;
  width: 250px;
  height: 100px;
  margin: 25px 0 20px 20px;
}

.blatt .header_profil img {
  max-width: 100%;
  max-height: 100%;
}

.blatt .header_schmal {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  padding-top: 8px;
}

.blatt .header_schmal img {
  position: absolute;
  right: 25px;
  top: 21px;
  width: 120px;
}

#content div:not(#mitarbeiter_detail) .kontaktdaten {
  display: block;
  float: right;
  width: 290px;
  margin: 25px 25px 20px 0;
}

#content .kontaktdaten table {
  width: auto;
  float: right;
}

#content .kontaktdaten table td {
  padding-bottom: 0px;
  font-size: 11px;
}

#content .kontaktdaten table td.pu {
  padding-bottom: 3px;
}

#content .kontaktdaten table td.label {
  width: 40px;
}

#liefertermin {
  text-align: center;
  margin-top: 2px !important;
}

#liefertermin.readonly {
  cursor: pointer;
  font-weight: bold;
}

.greybox .label.schnellst,
.prospektbestellung .legend .label.schnellst,
.prospektbestellung .eintrag .label.schnellst,
.codeboxen .codebox .label.schnellst {
  margin-top: 1px !important;
}

.mustercalc_print {
  padding: 0 20px 20px 20px;
}

.mustercalc_print .standard {
  background: none;
  pointer-events: none;
}

.mustercalc_print table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.mustercalc_print table.breit {
  width: 100%;
  margin: 0 0 10px 0px;
}

.mustercalc_print table td {
  border-bottom: 1px solid #cccccc;
  padding: 4px 10px 2px 0px;
}

.mustercalc_print table td .smaller {
  font-size: 0.7em;
}

.mustercalc_print table td.anzahl {
  width: 60px;
  text-align: right;
}

.mustercalc_print table td.bez {
  text-align: left;
}

.mustercalc_print table td.stueckpr {
  width: 125px;
  text-align: right;
}

.mustercalc_print table td.stueckpr.pro {
  width: 85px;
  font-size: 11px !important;
  font-weight: normal !important;
  color: #666 !important;
}

.mustercalc_print table tr.big td.breiter {
  padding-top: 13px;
}

.mustercalc_print table td.summe {
  width: 115px;
  text-align: right;
  padding-right: 15px;
}

.mustercalc_print table td.summe.breiter {
  width: 140px;
  font-weight: bold;
}

.mustercalc_print table td.head {
  padding-bottom: 10px;
  padding-top: 0px !important;
  border: none;
}

.mustercalc_print table td.datum {
  text-align: right;
  border: none;
  padding-top: 55px !important;
  line-height: 0.8em;
}

.mustercalc_print table td.datum .irrtum {
  font-weight: normal;
  font-size: 0.7rem !important;
  color: gray;
}

.mustercalc_print table td.rechts {
  text-align: right;
}

.mustercalc_print table td div.unit {
  display: block;
  float: left;
  width: 200px;
}

.mustercalc_print table td div.unit.mitte {
  width: 180px;
}

.mustercalc_print table td div.unit.schmal {
  width: 175px;
}

.mustercalc_print table td.einheit {
  width: 5%;
}

.mustercalc_print table td.preis {
  width: 5%;
  border: 1px solid #cc0000;
}

.mustercalc_print table tr.standard td {
  font-size: 12px;
}

.mustercalc_print table tr.standard.abstand td {
  padding-top: 10px;
}

.mustercalc_print table tr.standard td.rechts {
  font-weight: bold;
}

.mustercalc_print table tr.borderoben td {
  border-top: 1px solid #CCC !important;
}

.mustercalc_print table.rabatte {
  width: 83%;
  margin: 25px 0px 15px 47px;
}

.mustercalc_print table.rabatte tr.standard td {
  text-align: center;
  border: none;
  padding: 5px 5px 5px 5px;
  font-weight: bold;
  color: #cc0000;
}

.mustercalc_print table tr.small td {
  font-size: 11px;
  font-style: italic;
  border: none;
  padding-top: 2px;
  color: #444;
}

.mustercalc_print table tr.small td.links {
  text-align: right;
}

.mustercalc_print table tr.big td {
  font-size: 15px;
  font-weight: bold;
}

.mustercalc_print table tr.big td em {
  font-size: 13px;
}

.mustercalc_print table tr.fettborder td {
  border-bottom: 2px solid #000 !important;
}

.mustercalc_print table tr.big.abstand td {
  padding-top: 20px;
}

.mustercalc_print table tr td.leg {
  padding-top: 16px;
}

.mustercalc_print table tr td.legende {
  font-weight: normal !important;
  font-size: 11px;
  line-height: 12px;
  color: #888;
}

.mustercalc_print .logos_ausdruck {
  position: relative;
  float: left;
  margin: 40px 0 0 0;
}

.mustercalc_print .logos_ausdruck p {
  font-size: 10px;
  text-align: left;
  margin: 0 0 0 0;
}

.mustercalc_print .listenlogo {
  float: left;
  margin: 10px 10px 10px 0px;
}

.mustercalc_print .listenlogo img {
  width: 100px;
}

.mustercalc_print .gestellteile td {
  font-size: 11px;
  padding: 2px 10px 2px 0px;
}

.mustercalc_print.endkunde table td.stueckpr {
  display: none;
}

@media (min-width: 1025px) {
  .einzelk.wide .calcnavi {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

@media (min-width: 1025px) {
  .einzelk.wide .calcnavi {
    width: 24.667%;
    margin-left: -8%;
  }
}

@media (max-width: 1024px) {
  .einzelk.wide .calcnavi {
    padding-right: 0;
  }
}

table.artlist_pdf {
  width: 100% !important;
}

table.artlist_pdf td {
  border: 1px solid #cc0000 !important;
}

p.lessmargin {
  margin: 0px 0 12px 0 !important;
}

#confirm_article {
  text-align: center;
  color: #32b026;
  min-height: 205px;
}

#dialog,
#dialog_adresse {
  z-index: 10000000;
  position: fixed;
}

#dialog:not(.ask),
#dialog_adresse:not(.ask) {
  top: auto;
  height: auto;
  bottom: 0;
}

#dialog .cbutts,
#dialog_adresse .cbutts {
  display: none;
}

#dialog .dialog_close,
#dialog_adresse .dialog_close {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px 10px;
}

#dialog.unten .dialog_close,
#dialog_adresse.unten .dialog_close {
  display: block;
}

#dialog.ok>span,
#dialog_adresse.ok>span {
  border-color: #32b026;
  background: white;
}

#dialog.unten.yellow>span,
#dialog_adresse.unten.yellow>span {
  border-color: #ffc42d;
  background: #ffefc6;
  color: #000000 !important;
}

#dialog.unten.yellow>span a,
#dialog.unten.yellow>span .blaettern .leer,
.blaettern #dialog.unten.yellow>span .leer,
#dialog.unten.yellow>span .dialog_close,
#dialog_adresse.unten.yellow>span a,
#dialog_adresse.unten.yellow>span .blaettern .leer,
.blaettern #dialog_adresse.unten.yellow>span .leer,
#dialog_adresse.unten.yellow>span .dialog_close {
  color: #000000 !important;
}

#dialog.unten.yellow>span a:hover,
#dialog.unten.yellow>span .blaettern .leer:hover,
.blaettern #dialog.unten.yellow>span .leer:hover,
#dialog.unten.yellow>span .dialog_close:hover,
#dialog_adresse.unten.yellow>span a:hover,
#dialog_adresse.unten.yellow>span .blaettern .leer:hover,
.blaettern #dialog_adresse.unten.yellow>span .leer:hover,
#dialog_adresse.unten.yellow>span .dialog_close:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  filter: Alpha(opacity=70);
  opacity: 0.7;
  moz-opacity: 0.7;
}

#dialog.unten.yellow.small>span,
#dialog_adresse.unten.yellow.small>span {
  padding: 15px 20px;
}

#dialog.unten.yellow.small .dmessage,
#dialog_adresse.unten.yellow.small .dmessage {
  display: block;
  max-width: 710px;
  margin: 0 auto;
}

#dialog.unten>span,
#dialog_adresse.unten>span {
  padding: 30px 20px;
  border-color: #f63c3c;
  background: #f63c3c;
  color: #FFFFFF;
}

#dialog.unten>span a,
#dialog.unten>span .blaettern .leer,
.blaettern #dialog.unten>span .leer,
#dialog.unten>span .dialog_close,
#dialog_adresse.unten>span a,
#dialog_adresse.unten>span .blaettern .leer,
.blaettern #dialog_adresse.unten>span .leer,
#dialog_adresse.unten>span .dialog_close {
  color: #FFFFFF !important;
}

#dialog.unten>span a:hover,
#dialog.unten>span .blaettern .leer:hover,
.blaettern #dialog.unten>span .leer:hover,
#dialog.unten>span .dialog_close:hover,
#dialog_adresse.unten>span a:hover,
#dialog_adresse.unten>span .blaettern .leer:hover,
.blaettern #dialog_adresse.unten>span .leer:hover,
#dialog_adresse.unten>span .dialog_close:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  filter: Alpha(opacity=70);
  opacity: 0.7;
  moz-opacity: 0.7;
}

#dialog.dwarning>span,
#dialog_adresse.dwarning>span {
  border-color: #f63c3c;
  background: #fef0f0;
}

#dialog.ask>span .cbutts,
#dialog_adresse.ask>span .cbutts {
  display: block;
  margin-top: 20px;
}

#dialog.off,
#dialog_adresse.off {
  display: none;
}

.ek_suchbox,
.show_all_suche {
  display: block;
  float: left;
  width: 100%;
  background: #5f82b6;
  padding: 3px;
  margin-bottom: 3px;
}

.ek_suchbox input.calc_ek_suche,
.show_all_suche input.calc_ek_suche {
  float: left;
  width: 100%;
  height: 1.8rem;
  padding: 0 5px;
  margin: 0 0 2px 0;
  /* font-size: 0.85rem; */
}

.ek_suchbox a.ek_suchbutt,
.show_all_suche a.ek_suchbutt,
.ek_suchbox .blaettern .ek_suchbutt.leer,
.show_all_suche .blaettern .ek_suchbutt.leer,
.blaettern .ek_suchbox .ek_suchbutt.leer,
.blaettern .show_all_suche .ek_suchbutt.leer,
.ek_suchbox a.showall,
.show_all_suche a.showall,
.ek_suchbox .blaettern .showall.leer,
.show_all_suche .blaettern .showall.leer,
.blaettern .ek_suchbox .showall.leer,
.blaettern .show_all_suche .showall.leer {
  display: block;
  float: left;
  width: 100%;
  text-align: right;
  line-height: 1.8rem;
  color: #FFF !important;
  font-size: 13px;
  padding: 0 5px;
}

.ek_suchbox a.ek_suchbutt,
.show_all_suche a.ek_suchbutt,
.ek_suchbox .blaettern .ek_suchbutt.leer,
.show_all_suche .blaettern .ek_suchbutt.leer,
.blaettern .ek_suchbox .ek_suchbutt.leer,
.blaettern .show_all_suche .ek_suchbutt.leer {
  background: #426395;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
}

.ek_suchbox a.ek_suchbutt:hover,
.show_all_suche a.ek_suchbutt:hover,
.ek_suchbox .blaettern .ek_suchbutt.leer:hover,
.show_all_suche .blaettern .ek_suchbutt.leer:hover,
.blaettern .ek_suchbox .ek_suchbutt.leer:hover,
.blaettern .show_all_suche .ek_suchbutt.leer:hover {
  color: #bfd0e9 !important;
}

.show_all_suche {
  z-index: 10;
  margin-top: -29px;
}

#calcnavi {
  z-index: 100;
  background: #FFFFFF;
}

#calcnavi:not(.new) select,
#calcnavi:not(.new) a.ddlink,
#calcnavi:not(.new) .blaettern .ddlink.leer,
.blaettern #calcnavi:not(.new) .ddlink.leer {
  background: #FFFFFF;
  /* font-family: "Roboto Condensed", sans-serif; */
  margin: 0 0 0.2rem 0;
  padding: 0.2rem;
  height: auto;
  font-size: 14px;
}

#calcnavi:not(.new) select:hover,
#calcnavi:not(.new) select.aktiv,
#calcnavi:not(.new) a.ddlink:hover,
#calcnavi:not(.new) .blaettern .ddlink.leer:hover,
.blaettern #calcnavi:not(.new) .ddlink.leer:hover,
#calcnavi:not(.new) a.ddlink.aktiv,
#calcnavi:not(.new) .blaettern .ddlink.aktiv.leer,
.blaettern #calcnavi:not(.new) .ddlink.aktiv.leer {
  cursor: pointer;
  background-color: #e6e6e6 !important;
  color: #000 !important;
}

#calcnavi:not(.new) a.ddlink,
#calcnavi:not(.new) .blaettern .ddlink.leer,
.blaettern #calcnavi:not(.new) .ddlink.leer {
  border: 1px solid #cccccc;
  float: left;
  padding: 0.2rem 0.4rem;
  width: 100%;
  text-decoration: none !important;
  color: rgba(0, 0, 0, 0.75) !important;
}

#calcnavi.new .hl_selectbox {
  font-size: 0.9em;
}

#wkbutt {
  float: right;
  z-index: 102;
}

#wkbutt.fixed {
  margin-left: 452px;
  padding-right: 14px;
  -webkit-box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.3);
}

.artlist {
  /* font-family: "Roboto Condensed", sans-serif; */
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.artlist .legende {
  /* font-size: 0.8rem; */
  color: #999999;
  float: left;
  width: 100%;
  padding: 3px 5px;
}

.artlist .legende>div {
  float: left;
  padding: 0px 5px;
}

.artlist .legende .lherst {
  width: 15%;
}

.artlist .legende .lart {
  width: 46%;
}

.artlist .legende .lpreis_wp {
  width: 11%;
  text-align: right;
}

.artlist .legende .lpreis {
  width: 26%;
  margin-left: 2%;
}

@media only screen and (max-width: 950px) {
  .artlist .legende .lherst {
    display: none;
  }

  .artlist .legende .lart {
    display: none;
  }

  .artlist .legende .lpreis_wp {
    width: 28%;
    text-align: left;
  }

  .artlist .legende .lpreis {
    width: 70%;
    text-align: left;
  }
}

.artlist .artikel {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ccc;
  background: #f2f2f2;
  /* font-size: 0.8rem; */
  line-height: 1rem;
  padding: 3px 5px;
  margin-bottom: 2px;
}

.artlist .artikel:hover {
  background: #f3f4f6;
}

.artlist .artikel>div {
  float: left;
}

.artlist .artikel>div:not(.anz_art) {
  padding: 3px 5px;
}

.artlist .artikel .herst {
  width: 15%;
}

.artlist .artikel .name {
  width: 46%;
}

.artlist .artikel .preis_wp {
  width: 11%;
  text-align: right;
}

.artlist .artikel .preis {
  width: 12%;
  text-align: right;
}

.artlist .artikel .stueck {
  width: 6%;
}

.artlist .artikel .anz_art {
  text-align: right;
  float: left;
  width: 5%;
  height: 1.5rem;
  padding: 0 5px;
  margin: 0 0 0 1%;
  /* font-size: 0.8rem; */
}

.artlist .artikel a.add,
.artlist .artikel .blaettern .add.leer,
.blaettern .artlist .artikel .add.leer,
.artlist .artikel a.add:link,
.artlist .artikel a.add_zus,
.artlist .artikel .blaettern .add_zus.leer,
.blaettern .artlist .artikel .add_zus.leer,
.artlist .artikel a.add_zus:link {
  text-decoration: none !important;
  display: block;
  float: right;
  width: 4%;
  height: 24px;
  margin: 0 0 0 0;
  background: url(../include/quickcalc/pics/wkorb.png) no-repeat right top;
}

@media only screen and (max-width: 950px) {
  .artlist .artikel {
    padding: 5px 5px 5px 2px;
  }

  .artlist .artikel .herst {
    display: none;
  }

  .artlist .artikel .name {
    width: 100%;
    padding-bottom: 10px !important;
  }

  .artlist .artikel .preis_wp {
    width: 31%;
    text-align: left;
    padding: 3px 5px 3px 0px;
  }

  .artlist .artikel .preis {
    width: 31%;
    text-align: left;
    padding: 3px 5px 3px 0px;
  }

  .artlist .artikel .stueck {
    width: 13%;
  }

  .artlist .artikel .anz_art {
    width: 13%;
  }

  .artlist .artikel a.add,
  .artlist .artikel .blaettern .add.leer,
  .blaettern .artlist .artikel .add.leer,
  .artlist .artikel a.add:link,
  .artlist .artikel a.add_zus,
  .artlist .artikel .blaettern .add_zus.leer,
  .blaettern .artlist .artikel .add_zus.leer,
  .artlist .artikel a.add_zus:link {
    width: 10%;
  }
}

.hinweis_pdf {
  position: absolute;
  z-index: 100;
  float: left;
  padding: 8px;
  background: #444 none repeat scroll 0% 0%;
  color: #FFF;
  font-size: 11px;
}

#warenkorb_box {
  position: relative;
  z-index: 100;
  top: 0;
  width: 100%;
  height: 116px;
}

@media only screen and (max-width: 950px) {
  #warenkorb_box {
    height: 60px;
  }
}

#warenkorb,
#wkbutt {
  position: relative;
  float: left;
  width: 80%;
  height: 116px;
  background: #f2f2f2;
  border: 1px solid #FFFFFF;
  padding: 2px 5px;
  overflow: auto;
}

@media only screen and (max-width: 950px) {

  #warenkorb,
  #wkbutt {
    display: none;
    border: none;
  }
}

#wkbutt {
  width: 20%;
  padding: 10px 10px 0 10px;
  text-align: center;
  overflow: hidden;
}

@media only screen and (max-width: 950px) {
  #wkbutt {
    display: block;
    width: 100%;
    height: 60px;
  }

  #wkbutt a,
  #wkbutt .blaettern .leer,
  .blaettern #wkbutt .leer {
    margin: 0 !important;
  }
}

.warenkorb {
  display: block;
  width: 100%;
  padding: 0 5px;
  /* font-family: "Roboto Condensed", sans-serif; */
}

.warenkorb .wk_head {
  display: block;
  border-bottom: 1px solid #ccc;
  margin-bottom: 3px;
}

.warenkorb .artlist_wk {
  display: block;
  float: left;
  width: 100%;
  padding-bottom: 5px;
}

.warenkorb .artlist_wk .artikel {
  cursor: default;
  display: block;
  float: left;
  width: 100%;
  padding: 0 0 0 5px;
  background: #FFF;
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 1px;
}

.warenkorb .artlist_wk .artikel:not(.wk_summe):hover {
  background: #e6e6e6;
}

.warenkorb .artlist_wk .artikel .anzahl {
  display: block;
  float: left;
  width: 27px;
  text-align: right;
  padding-right: 3px;
}

.warenkorb .artlist_wk .artikel .stueck {
  display: block;
  float: left;
  width: 18px;
}

.warenkorb .artlist_wk .artikel .name {
  display: block;
  float: left;
  width: 350px;
}

.warenkorb .artlist_wk .artikel .anz_art {
  display: block;
  float: left;
  width: 30px;
  padding: 1px 4px;
  text-align: right;
  border: 1px solid #ccc;
}

.warenkorb .artlist_wk .artikel a.delete,
.warenkorb .artlist_wk .artikel .blaettern .delete.leer,
.blaettern .warenkorb .artlist_wk .artikel .delete.leer,
.warenkorb .artlist_wk .artikel a.delete:link {
  text-decoration: none !important;
  display: block;
  float: right;
  width: 19px;
  height: 19px;
  margin: 0 0 0 0;
  background: #f2f2f2 url(../include/quickcalc/pics/muell.png) no-repeat left top;
}

.warenkorb .artlist_wk .artikel.gesthead,
.warenkorb .artlist_wk .artikel.smaller {
  margin-bottom: 0px;
}

.warenkorb .keine_auswahl {
  font-size: 13px;
}

/* Ausgabe Warenkorb Lightbox */
#lightbox.lb_wk {
  display: block;
  float: left;
  width: 100%;
  margin: 0 auto;
  background: #f2f2f2;
}

#lightbox.lb_wk #content {
  background: transparent;
  padding: 15px;
}

#lightbox.lb_wk .wkheader {
  height: 87px !important;
  background-image: none !important;
  background: #f2f2f2 !important;
}

#lightbox.lb_wk .warenkorb .wk_head .hdl {
  font-size: 32px;
  padding-top: 20px;
}

#lightbox.lb_wk .warenkorb .artlist_wk {
  width: 100%;
}

#lightbox.lb_wk .warenkorb .artlist_wk .legende {
  /* font-size: 0.8rem; */
  color: #999999;
  float: left;
  width: 100%;
  padding: 3px 0 3px 5px;
}

#lightbox.lb_wk .warenkorb .artlist_wk .legende>div {
  float: left;
  padding: 0px 5px;
}

#lightbox.lb_wk .warenkorb .artlist_wk .legende .lanz {
  width: 10%;
  text-align: center;
}

#lightbox.lb_wk .warenkorb .artlist_wk .legende .lart {
  width: 50%;
}

#lightbox.lb_wk .warenkorb .artlist_wk .legende .lpreis {
  width: 20%;
  text-align: right;
}

#lightbox.lb_wk .warenkorb .artlist_wk .legende .lsumme {
  width: 16%;
  text-align: right;
}

@media only screen and (max-width: 950px) {
  #lightbox.lb_wk .warenkorb .artlist_wk .legende .lanz {
    display: none;
  }

  #lightbox.lb_wk .warenkorb .artlist_wk .legende .lart {
    display: none;
  }

  #lightbox.lb_wk .warenkorb .artlist_wk .legende .lpreis {
    width: 50%;
    text-align: left;
    padding: 0px;
  }

  #lightbox.lb_wk .warenkorb .artlist_wk .legende .lsumme {
    width: 50%;
    text-align: left;
    padding: 0px;
  }
}

#lightbox.lb_wk .warenkorb .artlist_wk .artikel {
  font-size: 14px;
  line-height: 25px;
}

#lightbox.lb_wk .warenkorb .artlist_wk .artikel>div {
  float: left;
  padding: 0px 5px;
}

#lightbox.lb_wk .warenkorb .artlist_wk .artikel .anzahl {
  width: 5%;
  text-align: right;
}

#lightbox.lb_wk .warenkorb .artlist_wk .artikel .stueck {
  width: 5%;
}

#lightbox.lb_wk .warenkorb .artlist_wk .artikel .name {
  width: 50%;
}

#lightbox.lb_wk .warenkorb .artlist_wk .artikel .name_lang {
  width: 70%;
}

#lightbox.lb_wk .warenkorb .artlist_wk .artikel .stpr {
  width: 20%;
  text-align: right;
}

#lightbox.lb_wk .warenkorb .artlist_wk .artikel .summe {
  width: 16%;
  text-align: right;
}

#lightbox.lb_wk .warenkorb .artlist_wk .artikel a.delete,
#lightbox.lb_wk .warenkorb .artlist_wk .artikel .blaettern .delete.leer,
.blaettern #lightbox.lb_wk .warenkorb .artlist_wk .artikel .delete.leer,
#lightbox.lb_wk .warenkorb .artlist_wk .artikel a.delete:link {
  text-decoration: none !important;
  display: block;
  float: right;
  width: 19px;
  height: 19px;
  margin: 3px;
  background: #f2f2f2 url(../include/quickcalc/pics/muell.png) no-repeat left top;
}

@media only screen and (max-width: 950px) {
  #lightbox.lb_wk .warenkorb .artlist_wk .artikel {
    padding: 5px 5px 5px 2px;
  }

  #lightbox.lb_wk .warenkorb .artlist_wk .artikel .herst {
    display: none;
  }

  #lightbox.lb_wk .warenkorb .artlist_wk .artikel .name {
    width: 74%;
    padding-bottom: 10px !important;
    line-height: 1rem;
    padding-top: 5px;
  }

  #lightbox.lb_wk .warenkorb .artlist_wk .artikel .stpr {
    width: 40%;
    text-align: left;
  }

  #lightbox.lb_wk .warenkorb .artlist_wk .artikel .summe {
    width: 40%;
    text-align: left;
  }

  #lightbox.lb_wk .warenkorb .artlist_wk .artikel .stueck {
    width: 13%;
  }

  #lightbox.lb_wk .warenkorb .artlist_wk .artikel .anzahl {
    width: 13%;
  }
}

#lightbox.lb_wk .warenkorb .artlist_wk .artikel.wk_summe {
  font-size: 16px;
  line-height: 24px;
  padding: 10px 5px;
  border-top: 2px solid #000000;
}

#lightbox.lb_wk .warenkorb .artlist_wk .artikel.wk_summe.bigger {
  font-size: 18px;
}

@media only screen and (max-width: 950px) {

  #lightbox.lb_wk .warenkorb .artlist_wk .artikel.wk_summe .anzahl,
  #lightbox.lb_wk .warenkorb .artlist_wk .artikel.wk_summe .stueck {
    display: none;
  }

  #lightbox.lb_wk .warenkorb .artlist_wk .artikel.wk_summe .name_lang {
    width: 100%;
  }
}

#lightbox.lb_wk .warenkorb .artlist_wk .artikel.smaller {
  line-height: 17px;
  font-size: 13px;
}

#lightbox.lb_wk .rabatte {
  font-size: 13px;
  color: #4d4d4d;
}

#lightbox.lb_wk .firmendaten {
  text-align: right;
  font-size: 13px;
  color: #4d4d4d;
}

@media only screen and (max-width: 950px) {
  #lightbox.lb_wk .firmendaten {
    text-align: left;
  }

  #lightbox.lb_wk .firmendaten .row div {
    padding: 0;
  }
}

/* Einzelkomponenten */
.hl_selectbox {
  background: #999999;
  color: #FFFFFF;
  width: 100%;
  padding: 4px 10px 2px 10px;
  font-size: 0.8em;
}

/* zus. Einzelkomponenten  */
#zuskomp {
  background: #e6e6e6;
  padding: 1rem 1.25rem 0.3rem 1.25rem;
}

#zuskomp .hl_zuskomp {
  background: #999999;
  color: #FFFFFF;
  width: 100%;
  padding: 4px 10px 2px 10px;
  font-size: 0.8em;
}

@media only screen and (min-width: 951px) {
  #zuskomp .artikellisten {
    padding-left: 0;
  }
}

#zuskomp .artikellisten .hl_zuskomp {
  display: none;
  font-size: 1.2em;
}

#zuskomp .artikellisten .hl_zuskomp #reset_zuskomp {
  float: right;
  color: #FFFFFF;
}

#zuskomp .artikellisten .hl_zuskomp.closebutt {
  background: transparent;
  position: absolute;
  right: 20px;
  top: 0px;
  width: 35px;
}

#zuskomp .artikellisten .hl_zuskomp.closebutt #reset_zuskomp {
  color: #999999;
}

#zuskomp .artikellisten .artlist {
  border: 1px solid #b3b3b3;
  background: white;
  padding: 10px;
}

#zuskomp .artikellisten .artlist h2,
#zuskomp .artikellisten .artlist h3.bigger,
#zuskomp .artikellisten .artlist h4.bigger,
#zuskomp .artikellisten .artlist ul.katlist li>a.bigger,
ul.katlist #zuskomp .artikellisten .artlist li>a.bigger,
#zuskomp .artikellisten .artlist ul.katlist li ul li a.bigger,
ul.katlist li ul li #zuskomp .artikellisten .artlist a.bigger,
#zuskomp .artikellisten .artlist ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern #zuskomp .artikellisten .artlist li>.bigger.leer,
#zuskomp .artikellisten .artlist .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist #zuskomp .artikellisten .artlist li>.bigger.leer,
#zuskomp .artikellisten .artlist ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern #zuskomp .artikellisten .artlist .bigger.leer,
#zuskomp .artikellisten .artlist .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li #zuskomp .artikellisten .artlist .bigger.leer {
  margin: 0;
  color: #999999;
  font-size: 1.2em;
}

#zuskomp.brighter {
  background: #f2f2f2;
}

#zuskomp.brighter .artlist .artikel {
  background: #f2f2f2;
  border-bottom: 1px solid #d9d9d9;
}

#zuskomp.brighter .artlist .artikel:hover {
  background: #ededed;
  cursor: default;
}

#zuskomp select {
  /* font-family: "Roboto Condensed", sans-serif; */
}

#zuskomp select#firstselect:not(.new) {
  margin-top: 24px;
}

#zuskomp .zus_artlist {
  position: relative;
  /* font-family: "Roboto Condensed", sans-serif; */
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

#zuskomp .zus_artlist h3,
#zuskomp .zus_artlist h4.bigger,
#zuskomp .zus_artlist ul.katlist li>a,
ul.katlist #zuskomp .zus_artlist li>a,
#zuskomp .zus_artlist ul.katlist li ul li a.bigger,
ul.katlist li ul li #zuskomp .zus_artlist a.bigger,
#zuskomp .zus_artlist ul.katlist .blaettern li>.leer,
ul.katlist .blaettern #zuskomp .zus_artlist li>.leer,
#zuskomp .zus_artlist .blaettern ul.katlist li>.leer,
.blaettern ul.katlist #zuskomp .zus_artlist li>.leer,
#zuskomp .zus_artlist ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern #zuskomp .zus_artlist .bigger.leer,
#zuskomp .zus_artlist .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li #zuskomp .zus_artlist .bigger.leer {
  margin: 0;
  border-bottom: 2px solid #cccccc;
}

#zuskomp .zus_artlist .legende {
  /* font-size: 0.8rem; */
  color: #999999;
  float: left;
  width: 100%;
  padding: 3px 0 3px 5px;
}

#zuskomp .zus_artlist .legende>div {
  float: left;
  padding: 0px 5px;
}

#zuskomp .zus_artlist .legende .lpreis {
  width: 80%;
  text-align: right;
}

#zuskomp .zus_artlist .legende .lsumme {
  width: 16%;
  text-align: right;
}

@media only screen and (max-width: 950px) {
  #zuskomp .zus_artlist .legende .lanz {
    display: none;
  }

  #zuskomp .zus_artlist .legende .lart {
    display: none;
  }

  #zuskomp .zus_artlist .legende .lpreis {
    width: 45%;
    text-align: left;
    padding: 0px;
  }

  #zuskomp .zus_artlist .legende .lsumme {
    width: 55%;
    text-align: left;
    padding: 0px;
  }
}

#zuskomp .zus_artlist .artikel {
  font-size: 14px;
  line-height: 25px;
  background: #FFF;
  width: 100%;
  float: left;
  margin-bottom: 1px;
}

#zuskomp .zus_artlist .artikel>div {
  float: left;
  padding: 0px 5px;
}

#zuskomp .zus_artlist .artikel .anzahl {
  width: 5%;
  text-align: right;
}

#zuskomp .zus_artlist .artikel .stueck {
  width: 5%;
}

#zuskomp .zus_artlist .artikel .name {
  width: 50%;
}

#zuskomp .zus_artlist .artikel .name_lang {
  width: 70%;
}

#zuskomp .zus_artlist .artikel .stpr {
  width: 20%;
  text-align: right;
}

#zuskomp .zus_artlist .artikel .summe {
  width: 16%;
  text-align: right;
}

@media only screen and (max-width: 950px) {
  #zuskomp .zus_artlist .artikel {
    padding: 5px 5px 5px 2px;
  }

  #zuskomp .zus_artlist .artikel .herst {
    display: none;
  }

  #zuskomp .zus_artlist .artikel .name {
    width: 74%;
    padding-bottom: 10px !important;
    line-height: 1rem;
    padding-top: 5px;
  }

  #zuskomp .zus_artlist .artikel .stpr {
    width: 45%;
    text-align: left;
  }

  #zuskomp .zus_artlist .artikel .summe {
    width: 40%;
    text-align: left;
  }

  #zuskomp .zus_artlist .artikel .stueck {
    width: 13%;
  }

  #zuskomp .zus_artlist .artikel .anzahl {
    width: 13%;
  }
}

#zuskomp .zus_artlist .artikel a.delete,
#zuskomp .zus_artlist .artikel .blaettern .delete.leer,
.blaettern #zuskomp .zus_artlist .artikel .delete.leer,
#zuskomp .zus_artlist .artikel a.delete:link {
  text-decoration: none !important;
  display: block;
  float: right;
  width: 19px;
  height: 19px;
  margin: 3px;
  background: #f2f2f2 url(../include/quickcalc/pics/muell.png) no-repeat left top;
}

#zuskomp .zus_artlist .artikel.hl {
  display: none;
}

#zuskomp .zus_artlist #loeschdeckel {
  z-index: 10;
  background: #fff;
  padding: 20px 0;
  position: absolute;
  left: 50%;
  top: 5px;
  border: 1px solid #cccccc;
  width: 120px;
  text-align: center;
  margin-left: -60px;
}

.rahmen_embed {
  background: #FFF;
  display: block;
  float: left;
  width: 100%;
}

.rahmen_embed .rahmenheader {
  width: 100%;
  float: left;
  min-height: 80px;
}

.rahmen_embed .rahmenheader.bottom {
  margin-top: 20px;
  min-height: 20px;
}

.rahmen_embed .rahmenheader .logo_qp_embedded {
  margin: 10px 0;
  max-height: 100px;
  max-width: 350px;
}

@media only screen and (max-width: 500px) {
  .rahmen_embed .rahmenheader .logo_qp_embedded {
    max-width: 100%;
  }
}

.ui-datepicker .ui-datepicker-title select {
  padding: 0 !important;
  background-color: rgb(98, 98, 98);
  border-color: rgb(116, 116, 116);
  color: rgba(255, 255, 255, 0.9);
}

.ui-datepicker table {
  background: white;
  border: solid 1px #dddddd;
  table-layout: auto;
}

.ui-datepicker table thead tr th,
.ui-datepicker table table thead tr td {
  color: #222222;
  font-size: 0.875rem;
  font-weight: bold;
}

.ui-datepicker table tbody tr td,
.ui-datepicker table tr td {
  display: table-cell;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.canvasbox {
  background: #f3f3f3;
  border: 1px solid #DDDDDD;
  padding-top: 20px;
  padding-bottom: 10px;
}

.chartlinks {
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
  font-size: 13px;
}

.chartlinks .monatslink:not(.standard) {
  float: left;
  padding: 4px 10px 2px 10px;
  margin-right: 1px;
}

.chartlinks .monatslink.active {
  background: #FFFFFF;
  text-decoration: none;
}

.chartlinks .monatslink.autorun {
  float: right;
}

/* .chartlinks .monatslink.autorun.stop {
  background: #f63c3c;
} */

.chartlinks .monatslink.inactive:not(.active) {
  color: rgba(255, 255, 255, 0.5) !important;
  cursor: default;
}

.tselect {
  display: inline;
  width: 100px;
  height: 1.8em !important;
  padding: 2px;
}

#content_gtool {
  height: 500px;
}

#content_gtool .row {
  margin-top: 150px;
}

.orange_border {
  border: 5px solid orange;
}

.greybox.google {
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.google input[type="text"] {
  width: 400px;
}

.greybox.google,
.prospektbestellung .google.legend,
.prospektbestellung .google.eintrag,
.codeboxen .google.codebox {
  background-image: url(/include/quickplan_flaechen/_gtool/img/europa.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}

.gmorph_anchor {
  height: 10px;
}

a.morph_gtool,
.blaettern .morph_gtool.leer {
  position: absolute;
  right: 12px;
  bottom: 112px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) !important;
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) !important;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) !important;
  background: #FFF;
  color: #444 !important;
  text-align: center;
  font-size: 22px;
  line-height: 30px;
  z-index: 100;
}

a.morph_gtool:hover,
.blaettern .morph_gtool.leer:hover {
  background: #ccc;
}

@media only screen and (max-width: 480px) {

  a.morph_gtool,
  .blaettern .morph_gtool.leer {
    display: none;
  }
}

.gtool_morph {
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
}

.gtool_morph.big {
  width: 100%;
  margin-right: 0 !important;
  grid-column: span 2;
}


.gtool_screenshot_all img {
  width: auto;
  max-width: 100%;
}

.gtool_screenshot_all:not(.big) img {
  max-height: 200px;
}

.gtool_morph .gtool.blocked img {
  width: 100%;
}

.gtool_screenshot_all:before {
  position: absolute;
  left: 20px;
  top: 20px;
  color: #FFFFFF;
  content: "\f065";
  font-family: "FontAwesome";
  font-size: 19px;
  line-height: 19px;
}

.gtool_screenshot_all.big {
  margin-right: 0;
  margin-bottom: 10px;
}

.gtool_screenshot_all.big:before {
  content: "\f066";
}

.gtool_screenshot_all.sc_zus {
  float: right;
  margin-right: 0;
}

.gtool_screenshot_all.sc_zus.big {
  margin-bottom: 0px;
}

.gtool {
  position: relative;
  width: 100%;
  height: 500px;
  /* font-family: "Roboto Condensed", sans-serif; */
}

.gtool .block_layer {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.gtool #gtool_confirm {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background: rgba(0, 0, 0, 0.5);
}

.gtool #gtool_confirm .inner {
  display: block;
  margin: 15% auto;
  width: 70%;
  height: 185px;
  padding: 20px;
  background: #DDD;
}

.gtool #gtool_confirm .inner a,
.gtool #gtool_confirm .inner .blaettern .leer,
.blaettern .gtool #gtool_confirm .inner .leer {
  margin-top: 30px;
  float: left;
  background: #AAA;
  color: white !important;
  text-decoration: none;
  padding: 10px;
}

.gtool #gtool_confirm .inner a.zuruecksetzen,
.gtool #gtool_confirm .inner .blaettern .zuruecksetzen.leer,
.blaettern .gtool #gtool_confirm .inner .zuruecksetzen.leer {
  float: right;
}

.gtool #gtool_confirm .inner a:hover,
.gtool #gtool_confirm .inner .blaettern .leer:hover,
.blaettern .gtool #gtool_confirm .inner .leer:hover {
  background: #BBB !important;
}

@media only screen and (max-width: 480px) {

  .gtool #gtool_confirm .inner a,
  .gtool #gtool_confirm .inner .blaettern .leer,
  .blaettern .gtool #gtool_confirm .inner .leer {
    margin-top: 10px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 480px) {
  .gtool #gtool_confirm .inner {
    width: 100%;
  }
}

.gtool .tab {
  display: none;
  visibility: hidden;
  width: 100%;
  transition: opacity 0.5s, display 0s 5s;
}

.gtool .tab.active {
  display: block;
  visibility: visible;
}

.gtool .tab.map {
  position: absolute;
  top: 52px;
  bottom: 0;
  z-index: -100;
  display: block;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

.gtool .tab.map.active {
  z-index: auto;
}

.tab.location {
  background: unset;
  padding: 0;
}

.gtool .tab.location h2,
.gtool .tab.location h3.bigger,
.gtool .tab.location h4.bigger,
.gtool .tab.location ul.katlist li>a.bigger,
ul.katlist .gtool .tab.location li>a.bigger,
.gtool .tab.location ul.katlist li ul li a.bigger,
ul.katlist li ul li .gtool .tab.location a.bigger,
.gtool .tab.location ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern .gtool .tab.location li>.bigger.leer,
.gtool .tab.location .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist .gtool .tab.location li>.bigger.leer,
.gtool .tab.location ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern .gtool .tab.location .bigger.leer,
.gtool .tab.location .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li .gtool .tab.location .bigger.leer {
  margin: 0 1em;
}

.gtool .tab.location .greybox,
.gtool .tab.location .prospektbestellung .legend,
.prospektbestellung .gtool .tab.location .legend,
.gtool .tab.location .prospektbestellung .eintrag,
.prospektbestellung .gtool .tab.location .eintrag,
.gtool .tab.location .codeboxen .codebox,
.codeboxen .gtool .tab.location .codebox {
  min-height: 459px;
}

.gtool.blocked {
  height: 500px;
}

.gtool.blocked .block_layer {
  display: block;
}

.gtool.blocked .tab {
  top: 0;
}

.gtool.blocked #steps,
.gtool.blocked .leaflet-bottom.leaflet-right {
  display: none;
}

.gtool.blocked a.morph_gtool,
.gtool.blocked .blaettern .morph_gtool.leer,
.blaettern .gtool.blocked .morph_gtool.leer {
  bottom: 25px;
}

.group {
  padding: 1em 0;
  clear: both;
}

.group h2,
.group h3.bigger,
.group h4.bigger,
.group ul.katlist li>a.bigger,
ul.katlist .group li>a.bigger,
.group ul.katlist li ul li a.bigger,
ul.katlist li ul li .group a.bigger,
.group ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern .group li>.bigger.leer,
.group .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist .group li>.bigger.leer,
.group ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern .group .bigger.leer,
.group .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li .group .bigger.leer {
  padding-left: 0.5em;
  float: left;
}

.group .value {
  float: right;
  text-align: right;
  padding: 0 0.2em;
  border: 1px solid #ddd;
  margin: 0.2em 0.5em 0.8em 0;
  width: 6em;
  height: 1.8em;
}

.group .value:first-child {
  margin-right: 1.2em;
}

.group .value.wider {
  width: 8em;
}

.group .value.extrawide {
  width: 13em;
}

.group .value input {
  border: none;
  text-align: right;
  padding: 0;
  width: 5em;
  color: inherit;
}

.group .value span {
  text-align: left;
  padding-left: 0.5em;
}

.group .value .slider {
  float: none;
  clear: both;
  margin-bottom: 3em;
}

.ui-menu {
  border: 1px solid #ccc;
  list-style: outside none none;
  display: block;
  background: #fff;
  overflow: hidden;
  text-align: left;
  position: absolute;
  cursor: pointer;
}

.ui-front {
  z-index: 100;
}

.ui-helper-hidden-accessible {
  display: none;
}

.ui-menu .ui-menu-item {
  position: relative;
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper {
  padding: 0.4em;
}

.ui-menu .ui-menu-item:nth-child(even)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.1;
  z-index: -1;
}

.ui-menu .ui-menu-item.ui-state-focus .ui-menu-item-wrapper,
.ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active,
.ui-menu .ui-menu-item:hover .ui-menu-item-wrapper {
  background: #fff;
  color: #000;
  font-weight: 600;
}

.ui-menu .ui-menu-item:hover::before {
  content: none;
  background: #ff0;
}

/* #choose {
  margin-top: 40px;
} */

.MapPushpinBase img {
  cursor: move;
}

#map {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: 0;
}

#map a,
#map .blaettern .leer,
.blaettern #map .leer {
  text-decoration: none !important;
}

.arrow.enabled,
.arrow.previous {
  cursor: pointer;
}

.arrow:not(.enabled):not(.previous) {
  cursor: default;
}

.maparrows .arrow {
  position: absolute;
  top: 10px;
  z-index: 5;
  font-size: 14px;
  text-align: center;
  color: #999;
}

.maparrows .arrow i:before {
  font-size: 23px;
  line-height: 27px;
}

.maparrows .arrow .right {
  float: none !important;
}

.maparrows .arrow.enabled,
.maparrows .arrow.previous {
  color: #000;
}

@media only screen and (max-width: 480px) {
  .maparrows .arrow {
    font-size: 12px;
  }
}

.maparrows .previous {
  left: 10px;
}

@media only screen and (max-width: 480px) {
  .maparrows .previous {
    left: 5px;
  }
}

.maparrows .next {
  right: 10px;
}

@media only screen and (max-width: 480px) {
  .maparrows .next {
    right: 5px;
  }
}

.maparrows .fertig {
  right: 10px;
  width: 50px;
  line-height: 40px;
  color: #000;
}

.maparrows .fertig:hover {
  cursor: pointer;
}

@media only screen and (max-width: 480px) {
  .maparrows .fertig {
    right: 5px;
  }
}

#steps .step {
  position: absolute;
  z-index: 100;
  top: 0em;
  left: 0em;
  display: none;
  background: var(--light_grey);
  overflow: hidden;
  width: 100%;
  min-height: 5em;
  transition: all 1s, opacity 0.85s;
}

#steps .step:hover {
  opacity: 1;
}

#steps .step .expand {
  position: relative;
  width: 100%;
  float: left;
  display: none;
  padding: 10px 0px;
}

@media only screen and (max-width: 480px) {
  #steps .step .expand {
    padding-bottom: 10px;
  }
}

#steps .step .expand span {
  position: relative;
  transition: all 0.3s;
  left: 100%;
  width: 74%;
  margin: 10px auto 0 auto;
  /* display: block; */
  /* font-size: 0.83rem; */
  line-height: 1rem;
  text-align: left;
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: flex-start;
}

#steps .step .expand span.slide_in {
  left: 0;
}

#steps .step .expand span.slide_out {
  left: -100%;
}

#steps .step .expand span input[type=checkbox] {
  margin: 10px;
}

@media only screen and (max-width: 480px) {
  #steps .step .expand span {
    width: 70%;
  }
}

#steps .step .expand .slider.noUi-target {
  width: 74%;
  margin: 5px auto 40px auto;
}

#steps .step .expand .slider.noUi-target .noUi-handle.noUi-handle {
  width: 20px !important;
  height: 20px !important;
  right: -10px !important;
  top: -5px !important;
}

#steps .step .expand .slider.noUi-target .noUi-handle.noUi-handle:before,
#steps .step .expand .slider.noUi-target .noUi-handle.noUi-handle :after {
  display: none !important;
}

#steps .step .expand .slider.noUi-target .noUi-marker-horizontal.noUi-marker-large {
  height: 8px;
}

#steps .step .expand .slider.noUi-target .noUi-pips-horizontal {
  padding: 5px 0;
}

#steps .step .expand .slider.noUi-target .noUi-value-horizontal {
  margin-top: 5px;
}

#steps .step.enabled,
#steps .step.active .expand {
  display: block;
}

#steps .group {
  padding: 0;
}

/* 
#steps label {
  clear: both;
  color: #000;
} */

.flat_blocker {
  display: none;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.flat_blocker.flat_blocker_od {
  background: #f2f2f2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
}

#angledBox div.blass {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
}

.gtool_morph.big #steps .step .expand span {
  font-size: 0.93rem;
  line-height: 1.1rem;
}

#steps .expand>p {
  padding-top: 0.5em;
}

#steps .expand>p:first-child {
  padding-top: 0;
}

/* Leaflet */
.add-mode {
  cursor: copy;
}

.pointer-mode {
  cursor: pointer;
}

/* SLIDER */
.noUi-connect {
  background: #002f60;
  border-radius: 0;
}

.noUi-target {
  background: #fff;
  margin: 1em 20px 3em;
  box-shadow: none;
}

.noUi-target,
.noUi-handle {
  border-radius: 0;
}

.noUi-value-horizontal {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 1rem;
}

.noUi-pips-horizontal {
  height: auto;
}

.noUi-pips,
.noUi-value-sub {
  font-size: 0.9em;
  color: inherit;
}

.noUi-value {
  opacity: 0.8;
  max-width: 3em;
  white-space: normal;
}

.noUi-value-sub {
  opacity: 0.7;
  font-size: 0.75em;
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  padding-right: 0.125em;
}

.screenshot_meldung {
  position: relative;
  z-index: 1;
  display: none;
  background: var(--light_red);
  border: 2px solid var(--dark_red);
  padding: 10px;
  width: 100%;
  float: left;
}

.screenshot_meldung .loaderbox {
  float: left;
  margin: -1px 10px 0 0;
}

.screenshot_meldung .loaderbox .loader {
  font-size: 4px;
}

#timer,
#logout_timer {
  position: fixed;
  z-index: 1000000;
  left: 50%;
  top: 5px;
  margin-left: -150px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  width: 300px;
  font-size: 0.9em;
  text-align: center;
  background: #ff8400;
  color: white;
  line-height: 1.7em;
}

#timer span,
#logout_timer {
  color: white;
  font-size: 1.2em;
  font-weight: 600;
}

#wakeup {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000000;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}

#wakeup h2,
#wakeup h3.bigger,
#wakeup h4.bigger,
#wakeup ul.katlist li>a.bigger,
ul.katlist #wakeup li>a.bigger,
#wakeup ul.katlist li ul li a.bigger,
ul.katlist li ul li #wakeup a.bigger,
#wakeup ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern #wakeup li>.bigger.leer,
#wakeup .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist #wakeup li>.bigger.leer,
#wakeup ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern #wakeup .bigger.leer,
#wakeup .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li #wakeup .bigger.leer {
  color: #FFFFFF;
  font-size: 5em;
}

#wakeup a,
#wakeup .blaettern .leer,
.blaettern #wakeup .leer {
  font-size: 1.2em;
  padding: 20px 30px;
}

#wakeup .loaderbox {
  margin: 0 auto;
}

.abs,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .antwort {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.qc_weiche {
  cursor: pointer;
}

.qc_weiche:hover img,
.blaettern .qc_weiche.leer:hover img,
.qc_weiche:hover,
.blaettern .qc_weiche.leer:hover .fakebutton {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  filter: Alpha(opacity=70);
  opacity: 0.7;
  moz-opacity: 0.7;
}

.qc_weiche:hover button:not(.inactive) {
  background: linear-gradient(var(--highlight_hover_light), var(--highlight_hover_dark));
}

#warenkorb #return_mail,
#wkbutt #return_mail {
  background: white;
}

#warenkorb #return_mail h2,
#wkbutt #return_mail h2,
#warenkorb #return_mail h3.bigger,
#wkbutt #return_mail h3.bigger,
#warenkorb #return_mail h4.bigger,
#wkbutt #return_mail h4.bigger,
#warenkorb #return_mail ul.katlist li>a.bigger,
ul.katlist #warenkorb #return_mail li>a.bigger,
#wkbutt #return_mail ul.katlist li>a.bigger,
ul.katlist #wkbutt #return_mail li>a.bigger,
#warenkorb #return_mail ul.katlist li ul li a.bigger,
ul.katlist li ul li #warenkorb #return_mail a.bigger,
#wkbutt #return_mail ul.katlist li ul li a.bigger,
ul.katlist li ul li #wkbutt #return_mail a.bigger,
#warenkorb #return_mail ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern #warenkorb #return_mail li>.bigger.leer,
#wkbutt #return_mail ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern #wkbutt #return_mail li>.bigger.leer,
#warenkorb #return_mail .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist #warenkorb #return_mail li>.bigger.leer,
#wkbutt #return_mail .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist #wkbutt #return_mail li>.bigger.leer,
#warenkorb #return_mail ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern #warenkorb #return_mail .bigger.leer,
#wkbutt #return_mail ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern #wkbutt #return_mail .bigger.leer,
#warenkorb #return_mail .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li #warenkorb #return_mail .bigger.leer,
#wkbutt #return_mail .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li #wkbutt #return_mail .bigger.leer {
  margin: 20px 0 !important;
  font-size: 1.5em !important;
}

#warenkorb #return_mail h3,
#wkbutt #return_mail h3,
#warenkorb #return_mail h4.bigger,
#wkbutt #return_mail h4.bigger,
#warenkorb #return_mail ul.katlist li>a,
ul.katlist #warenkorb #return_mail li>a,
#wkbutt #return_mail ul.katlist li>a,
ul.katlist #wkbutt #return_mail li>a,
#warenkorb #return_mail ul.katlist li ul li a.bigger,
ul.katlist li ul li #warenkorb #return_mail a.bigger,
#wkbutt #return_mail ul.katlist li ul li a.bigger,
ul.katlist li ul li #wkbutt #return_mail a.bigger,
#warenkorb #return_mail ul.katlist .blaettern li>.leer,
ul.katlist .blaettern #warenkorb #return_mail li>.leer,
#wkbutt #return_mail ul.katlist .blaettern li>.leer,
ul.katlist .blaettern #wkbutt #return_mail li>.leer,
#warenkorb #return_mail .blaettern ul.katlist li>.leer,
.blaettern ul.katlist #warenkorb #return_mail li>.leer,
#wkbutt #return_mail .blaettern ul.katlist li>.leer,
.blaettern ul.katlist #wkbutt #return_mail li>.leer,
#warenkorb #return_mail ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern #warenkorb #return_mail .bigger.leer,
#wkbutt #return_mail ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern #wkbutt #return_mail .bigger.leer,
#warenkorb #return_mail .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li #warenkorb #return_mail .bigger.leer,
#wkbutt #return_mail .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li #wkbutt #return_mail .bigger.leer {
  margin: 15px 0 !important;
  border: none !important;
  font-size: 1.35em !important;
  color: var(--black) !important;
}

.headerframe {
  transition: all 0.4s ease-in-out;
  width: 100%;
  display: block;
  float: left;
  margin-top: 0;
}

.headerframe .columns,
.sitemap .columns {
  position: relative;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  float: left;
  width: 100%;
}

.sitemap .medium-4 {
  width: 33%;
}

.sitemap .small-6 {
  width: 50%;
}

.headerframe.tiny {
  margin-top: -220px;
  margin-top: -16rem;
}

.headerframe img {
  max-width: 100%;
  height: auto;
}

.headerframe a {
  text-decoration: none;
}

#header_toggle .title {
  line-height: 25px;
}

#header_toggle .barlines {
  float: right;
  width: 25%;
}

#header_toggle .barlines .icon-bar {
  display: none;
}

#header_toggle .barlines::before {
  content: "\f0de";
  font-size: 26px;
  line-height: 34px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  filter: Alpha(opacity=70);
  opacity: 0.7;
  moz-opacity: 0.7;
  font-family: FontAwesome;
}

#header_toggle.tiny .barlines::before {
  display: none;
}

#header_toggle.tiny .barlines .icon-bar {
  display: block;
  float: left;
  width: 100%;
  height: 2px;
  margin: 4px 0 0 0;
  background: white;
  -webkit-border-radius: 1px 1px 1px 1px;
  -moz-border-radius: 1px 1px 1px 1px;
  border-radius: 1px 1px 1px 1px;
}


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

/* #header_toggle:hover {
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  filter: Alpha(opacity=100);
  opacity: 1;
  moz-opacity: 1;
} */

.tt_wrap,
.has_tt.wk_title div.tt,
.has_tt#fl_verf div.tt {
  white-space: normal;
  max-width: 330px;
}

.title_on_hover,
.has_tt div.tt,
.title_on_hover_big,
.has_tt.optik_icon div.tt,
.title_on_hover_left,
.has_tt.tnachl_5 div.tt,
.has_tt.tnachl_4 div.tt,
.has_tt.tnachl_3 div.tt,
.has_tt.tnachl_2 div.tt,
.has_tt.tnachl_1 div.tt,
.has_tt.bestand div.tt,
.has_tt.add_art div.tt,
.title_on_hover_right,
.has_tt.icon div.tt,
.has_tt div.tt.right {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.1s linear;
  position: absolute;
  left: -13px;
  top: -31px;
  padding: 5px 8px;
  /* font-family: "Roboto Condensed", sans-serif; */
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #666666;
  background: #fcfcfc;
  white-space: nowrap;
  text-align: left;
  z-index: 10000;
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2) !important;
}

.title_on_hover span,
.has_tt div.tt span,
.title_on_hover_big span,
.has_tt.optik_icon div.tt span,
.title_on_hover_left span,
.has_tt.tnachl_5 div.tt span,
.has_tt.tnachl_4 div.tt span,
.has_tt.tnachl_3 div.tt span,
.has_tt.tnachl_2 div.tt span,
.has_tt.tnachl_1 div.tt span,
.has_tt.bestand div.tt span,
.has_tt.add_art div.tt span,
.title_on_hover_right span,
.has_tt.icon div.tt span,
.has_tt div.tt.right span {
  color: #4d4d4d;
  font-weight: bold;
}

.title_on_hover_right,
.has_tt.icon div.tt,
.has_tt div.tt.right {
  left: auto;
  right: 2px;
  top: -25px;
}

.title_on_hover_left,
.has_tt.tnachl_5 div.tt,
.has_tt.tnachl_4 div.tt,
.has_tt.tnachl_3 div.tt,
.has_tt.tnachl_2 div.tt,
.has_tt.tnachl_1 div.tt,
.has_tt.bestand div.tt,
.has_tt.add_art div.tt {
  left: auto;
  right: 90px;
  top: 2px;
}

.title_on_hover_big,
.has_tt.optik_icon div.tt {
  top: -8px;
  left: 32px;
}

.warenkorb .title_on_hover_big,
.warenkorb .has_tt.optik_icon div.tt,
.has_tt.optik_icon .warenkorb div.tt {
  top: -34px;
}

.title_on_hover_small,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .tag>div {
  position: absolute;
  left: -19px;
  top: -31px;
  padding: 5px 8px;
  /* font-size: 13px; */
  line-height: 16px;
  /* color: #666666;
  background: #fcfcfc; */
  white-space: nowrap;
  text-align: left;
  z-index: 10000;
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2) !important;
}

.title_on_hover_small:after,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .tag>div:after {
  content: " ";
  position: absolute;
  left: 16px;
  bottom: -8px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #FFF transparent transparent transparent;
}

.title_on_hover_small span,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .tag>div span {
  color: #4d4d4d;
  font-weight: bold;
}

.has_tt.no_tt div.tt {
  display: none;
}

.has_tt div.tt .sc {
  display: none;
}

.has_tt.icon div.tt {
  right: -2px;
  top: -35px;
}

.has_tt.info_icon div.tt {
  left: 0;
  top: -33px;
}

.has_tt.bestand div.tt {
  right: 81px;
  top: 7px;
}

.has_tt.tnachl_1 div.tt {
  right: 125px;
  top: 7px;
}

.has_tt.tnachl_2 div.tt {
  right: 125px;
  top: 7px;
}

.has_tt.tnachl_3 div.tt {
  right: 125px;
  top: 7px;
}

.has_tt.tnachl_4 div.tt {
  right: 125px;
  top: 7px;
}

.has_tt.tnachl_5 div.tt {
  right: 125px;
  top: 7px;
}

.has_tt.abschluss_butt div.tt {
  top: auto;
  bottom: 50px;
}

.has_tt#fl_verf div.tt {
  top: auto;
  bottom: 50px;
}

.has_tt.wk_title div.tt {
  max-width: 385px;
  left: 170px;
  top: 0;
}

.has_tt.change_compare div.tt {
  left: 195px;
  top: 0;
}

.has_tt div.tt.shopwarnung {
  max-width: 300px !important;
  white-space: unset !important;
}

.has_tt:hover div.tt,
.has_tt div.tt.firstshow {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.3s;
}

.has_tt div.tt.firstshow {
  color: #FFFFFF;
  background: #5386df;
  padding: 15px 20px 10px 20px;
  top: 67px;
  right: 13px;
  width: 640px;
  font-size: 18px;
  white-space: unset;
  line-height: 22px;
  text-align: center;
}

.has_tt div.tt.firstshow .sc {
  display: block;
  margin-top: 10px;
}

.has_tt div.tt.firstshow:after {
  content: " ";
  position: absolute;
  left: auto;
  right: 0px;
  top: -48px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 0 50px 40px;
  border-color: transparent transparent #5386df transparent;
}

body.noscroll {
  overflow: hidden;
}

#nutzungsbox .row.row_100 {
  display: flex;
}

#nutzungsbox {
  padding: 15px 10px;
  z-index: 1010;
}

#nutzungsbox .eine_spalte {
  gap: 20px;
  justify-content: flex-start;
}

#nutzungsbox.Feld_rot,
#nutzungsbox.pflicht {
  z-index: 3001;
}

.buttleiste {
  position: relative;
  background: var(--light_grey);
  /* padding: 10px 0; */
  margin-bottom: 20px;
}

.buttleiste #wkbutt {
  border: none !important;
  background: transparent !important;
}


.buttleiste button {
  margin-left: 10px;
  margin-right: 10px;
}

.header.dark {
  background: var(--activ_blue);
  height: 45px;
}

body.free #content .main_content .qc_shop {
  /* font-family: "Roboto Condensed", sans-serif; */
  width: 100%;
  float: left;
  min-height: 800px;
}

body.free #content .main_content .qc_shop #tt_shop p {
  max-width: 904px;
}

body.free #content .main_content .qc_shop .debug_out {
  background: #444;
  border: 1px solid #ccc;
  color: #FFFFFF;
  font-size: 11px;
  padding: 2px 5px 1px 5px;
  text-align: center;
}

body.free #content .main_content .qc_shop .debug_out.red {
  background: #cc0000;
}

body.free #content .main_content .qc_shop .debug_out.hl {
  background: #a84f00;
}

body.free #content .main_content .qc_shop .loaderdeckel,
body.free #content .main_content .qc_shop .shop_output .shoploader,
body.free #content .main_content .qc_shop .mks_deckel,
body.free #content .main_content .qc_shop .mks_sperre,
body.free #content .main_content .qc_shop #dialog,
body.free #content .main_content .qc_shop #dialog_adresse {
  cursor: default;
}

body.free #content .main_content .qc_shop .loaderdeckel.warenkorb_toggle,
body.free #content .main_content .qc_shop .shop_output .warenkorb_toggle.shoploader,
body.free #content .main_content .qc_shop .warenkorb_toggle.mks_deckel,
body.free #content .main_content .qc_shop .warenkorb_toggle.mks_sperre,
body.free #content .main_content .qc_shop .warenkorb_toggle#dialog,
body.free #content .main_content .qc_shop .warenkorb_toggle#dialog_adresse {
  position: fixed;
  background: #f2f2f2;
  z-index: 1056;
}

body.free #content .main_content .qc_shop .loaderdeckel.comparedeckel,
body.free #content .main_content .qc_shop .shop_output .comparedeckel.shoploader,
body.free #content .main_content .qc_shop .comparedeckel.mks_deckel,
body.free #content .main_content .qc_shop .comparedeckel.mks_sperre,
body.free #content .main_content .qc_shop .comparedeckel#dialog,
body.free #content .main_content .qc_shop .comparedeckel#dialog_adresse {
  position: fixed;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1056;
}

body.free #content .main_content .qc_shop .blue_headline {
  /* margin: 0; */
  border-top: none;
  width: 100%;
  float: left;
  /* background: transparent; */
}

body.free #content .main_content .qc_shop .blue_headline .tab_header {
  display: flex;
  gap: 10px;
  cursor: default;
}

/* body.free #content .main_content .qc_shop .blue_headline .tab_header .active,
body.free #content .main_content .qc_shop .blue_headline .tab_header .active * {
  background: var(--darkblue);
} */

body.free #content .main_content .qc_shop .blue_headline .tab_header .tab * {
  pointer-events: none;
}

body.free #content .main_content .qc_shop .blue_headline .tab {
  cursor: pointer;
}

body.free #content .main_content .qc_shop .blue_headline_small {
  width: calc(100% - 2px);
  padding: 5px 2px 0 2px;
  margin: 2px 0 2px 1px;
  min-height: 27px;
  line-height: 27px;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #5386df;
  font-size: 0.9em;
  font-weight: 600;
  color: #2868d7;
}

body.free #content .main_content .qc_shop .blue_headline_small.qc {
  /* color: var(--light_blue); */
  /* border-bottom: 2px solid var(--light_blue); */
}

body.free #content .main_content .qc_shop #show_filter {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  position: fixed;
  z-index: 99;
  top: -80px;
  left: calc(30% - 220px);
  height: 70px;
  width: 200px;
  text-align: center;
  background: #5386df;
  padding: 10px;
  color: #FFFFFF;
  cursor: pointer;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15) !important;
  -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15) !important;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15) !important;
}

body.free #content .main_content .qc_shop #show_filter.fixed {
  top: 10px;
}

body.free #content .main_content .qc_shop #show_filter span {
  font-size: 0.9em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  filter: Alpha(opacity=70);
  opacity: 0.7;
  moz-opacity: 0.7;
}

body.free #content .main_content .qc_shop #show_filter:before,
body.free #content .main_content .qc_shop #show_filter:after {
  content: "\f102";
  font-family: "FontAwesome";
  font-size: 24px;
  position: absolute;
  left: 15px;
  top: 2px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
}

body.free #content .main_content .qc_shop #show_filter:after {
  left: 170px;
}

body.free #content .main_content .qc_shop #show_filter:hover:before,
body.free #content .main_content .qc_shop #show_filter:hover:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  filter: Alpha(opacity=100);
  opacity: 1;
  moz-opacity: 1;
}

body.free #content .main_content .qc_shop .shop_output {
  width: 100%;
  float: left;
}

body.free #content .main_content .qc_shop .shop_output .headline_shop {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  padding: 20px;
  background: transparent;
}

.headline_shop h1 {
  float: left;
  display: flex;
  align-items: center;
}

body.free #content .main_content .qc_shop .shop_output .headline_shop h1 img,
body.free #content .main_content .qc_shop .shop_output .headline_shop h2.bigger img,
body.free #content .main_content .qc_shop .shop_output .headline_shop h3.bigger img,
body.free #content .main_content .qc_shop .shop_output .headline_shop h4.bigger img,
body.free #content .main_content .qc_shop .shop_output .headline_shop ul.katlist li>a.bigger img,
ul.katlist body.free #content .main_content .qc_shop .shop_output .headline_shop li>a.bigger img,
body.free #content .main_content .qc_shop .shop_output .headline_shop ul.katlist li ul li a.bigger img,
ul.katlist li ul li body.free #content .main_content .qc_shop .shop_output .headline_shop a.bigger img,
body.free #content .main_content .qc_shop .shop_output .headline_shop ul.katlist .blaettern li>.bigger.leer img,
ul.katlist .blaettern body.free #content .main_content .qc_shop .shop_output .headline_shop li>.bigger.leer img,
body.free #content .main_content .qc_shop .shop_output .headline_shop .blaettern ul.katlist li>.bigger.leer img,
.blaettern ul.katlist body.free #content .main_content .qc_shop .shop_output .headline_shop li>.bigger.leer img,
body.free #content .main_content .qc_shop .shop_output .headline_shop ul.katlist li ul li .blaettern .bigger.leer img,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shop_output .headline_shop .bigger.leer img,
body.free #content .main_content .qc_shop .shop_output .headline_shop .blaettern ul.katlist li ul li .bigger.leer img,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shop_output .headline_shop .bigger.leer img {
  width: 164px;
  margin: 2px 10px 0 0;
  float: left;
}

/* body.free #content .main_content .qc_shop .shop_output .headline_shop h1 span,
body.free #content .main_content .qc_shop .shop_output .headline_shop h2.bigger span,
body.free #content .main_content .qc_shop .shop_output .headline_shop h3.bigger span,
body.free #content .main_content .qc_shop .shop_output .headline_shop h4.bigger span,
body.free #content .main_content .qc_shop .shop_output .headline_shop ul.katlist li>a.bigger span,
ul.katlist body.free #content .main_content .qc_shop .shop_output .headline_shop li>a.bigger span,
body.free #content .main_content .qc_shop .shop_output .headline_shop ul.katlist li ul li a.bigger span,
ul.katlist li ul li body.free #content .main_content .qc_shop .shop_output .headline_shop a.bigger span,
body.free #content .main_content .qc_shop .shop_output .headline_shop ul.katlist .blaettern li>.bigger.leer span,
ul.katlist .blaettern body.free #content .main_content .qc_shop .shop_output .headline_shop li>.bigger.leer span,
body.free #content .main_content .qc_shop .shop_output .headline_shop .blaettern ul.katlist li>.bigger.leer span,
.blaettern ul.katlist body.free #content .main_content .qc_shop .shop_output .headline_shop li>.bigger.leer span,
body.free #content .main_content .qc_shop .shop_output .headline_shop ul.katlist li ul li .blaettern .bigger.leer span,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shop_output .headline_shop .bigger.leer span,
body.free #content .main_content .qc_shop .shop_output .headline_shop .blaettern ul.katlist li ul li .bigger.leer span,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shop_output .headline_shop .bigger.leer span {
  font-size: 0.9em;
  white-space: nowrap;
} */

@media (max-width: 1800px) {

  body.free #content .main_content .qc_shop .shop_output .headline_shop h1 span,
  body.free #content .main_content .qc_shop .shop_output .headline_shop h2.bigger span,
  body.free #content .main_content .qc_shop .shop_output .headline_shop h3.bigger span,
  body.free #content .main_content .qc_shop .shop_output .headline_shop h4.bigger span,
  body.free #content .main_content .qc_shop .shop_output .headline_shop ul.katlist li>a.bigger span,
  ul.katlist body.free #content .main_content .qc_shop .shop_output .headline_shop li>a.bigger span,
  body.free #content .main_content .qc_shop .shop_output .headline_shop ul.katlist li ul li a.bigger span,
  ul.katlist li ul li body.free #content .main_content .qc_shop .shop_output .headline_shop a.bigger span,
  body.free #content .main_content .qc_shop .shop_output .headline_shop ul.katlist .blaettern li>.bigger.leer span,
  ul.katlist .blaettern body.free #content .main_content .qc_shop .shop_output .headline_shop li>.bigger.leer span,
  body.free #content .main_content .qc_shop .shop_output .headline_shop .blaettern ul.katlist li>.bigger.leer span,
  .blaettern ul.katlist body.free #content .main_content .qc_shop .shop_output .headline_shop li>.bigger.leer span,
  body.free #content .main_content .qc_shop .shop_output .headline_shop ul.katlist li ul li .blaettern .bigger.leer span,
  ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shop_output .headline_shop .bigger.leer span,
  body.free #content .main_content .qc_shop .shop_output .headline_shop .blaettern ul.katlist li ul li .bigger.leer span,
  .blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shop_output .headline_shop .bigger.leer span {
    font-size: 0.8em;
  }
}

body.free #content .main_content .qc_shop .shop_output .headline_shop .hinweis.rabatte,
body.free #content .main_content .qc_shop .shop_output .headline_shop .form-group.form-captcha label.rabatte,
.form-group.form-captcha body.free #content .main_content .qc_shop .shop_output .headline_shop label.rabatte,
body.free #content .main_content .qc_shop .shop_output .headline_shop .weiterbutts .rabatte.pfeilnavi_hinweis,
.weiterbutts body.free #content .main_content .qc_shop .shop_output .headline_shop .rabatte.pfeilnavi_hinweis {
  float: right;
  width: 250px;
  text-align: right;
  padding: 5px 23px 5px 0;
  margin-bottom: 5px;
}

body.free #content .main_content .qc_shop .shop_output .headline_shop .hinweis.rabatte.r2,
body.free #content .main_content .qc_shop .shop_output .headline_shop .form-group.form-captcha label.rabatte.r2,
.form-group.form-captcha body.free #content .main_content .qc_shop .shop_output .headline_shop label.rabatte.r2,
body.free #content .main_content .qc_shop .shop_output .headline_shop .weiterbutts .rabatte.r2.pfeilnavi_hinweis,
.weiterbutts body.free #content .main_content .qc_shop .shop_output .headline_shop .rabatte.r2.pfeilnavi_hinweis {
  float: left;
  text-align: left;
  width: calc(63% - 250px);
  max-width: 890px;
}

body.free #content .main_content .qc_shop .shop_output .shop_filter {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  width: 30%;
  float: left;
  padding: 0 20px;
}

body.free #content .main_content .qc_shop .shop_output .shop_filter.qc {
  width: 25%;
}

body.free #content .main_content .qc_shop .shop_output .inner_shop_output {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  width: 70%;
  float: right;
  padding: 0 0px 20px 0px;
}

body.free #content .main_content .qc_shop .shop_output .inner_shop_output.qc {
  width: 75%;
}

body.free #content .main_content .qc_shop .shop_output #ausgabe_filter {
  position: relative;
  margin-top: 3px;
  width: 100%;
  min-height: 560px;
  float: left;
  z-index: 1055;
}

body.free #content .main_content .qc_shop .shop_output .shoploader {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  background: var(--light_grey);
  opacity: 0.8;
  /* background: rgba(255, 255, 255, 0.8) !important; */
}

body.free #content .main_content .qc_shop .shop_output .shoploader:not(.small):not(.blocker):not(.abschlussloader) {
  min-height: 500px;
}

body.free #content .main_content .qc_shop .shop_output .shoploader.abschlussloader {
  height: 223px;
}

body.free #content .main_content .qc_shop .shop_output .shoploader.blocker {
  display: none;
  /* background: whitesmoke !important; */
  background: var(--light_grey);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  filter: Alpha(opacity=60);
  opacity: 0.6;
  moz-opacity: 0.6;
}

body.free #content .main_content .qc_shop .shop_output .shoploader.small {
  top: 2px;
  height: 34px;
  width: calc(100% - 82px);
}

body.free #content .main_content .qc_shop .shop_output .shoploader.small .loaderbox {
  margin-top: -0.7em;
}

body.free #content .main_content .qc_shop .shop_output .shoploader.small .loader,
body.free #content .main_content .qc_shop .shop_output .shoploader.small .loader:after {
  width: 2em;
  height: 2em;
}

body.free #content .main_content .qc_shop .shop_output .shoploader.small .loader {
  border: 0.4em solid #cccccc;
  border-left: 0.4em solid #5386df;
}

body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop {
  width: 78%;
  margin-left: 22%;
}

.bigfilter .kastengroup.drei_spalten {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop h1,
body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop h2.bigger,
body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop h3.bigger,
body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop h4.bigger,
body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop ul.katlist li>a.bigger,
ul.katlist body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop li>a.bigger,
body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop ul.katlist li ul li a.bigger,
ul.katlist li ul li body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop a.bigger,
body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop li>.bigger.leer,
body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop li>.bigger.leer,
body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop .bigger.leer,
body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop .bigger.leer {
  width: 100%;
  margin-top: 30px;
}

body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop h3,
body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop h4.bigger,
body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop ul.katlist li>a,
ul.katlist body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop li>a,
body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop ul.katlist li ul li a.bigger,
ul.katlist li ul li body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop a.bigger,
body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop ul.katlist .blaettern li>.leer,
ul.katlist .blaettern body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop li>.leer,
body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop .blaettern ul.katlist li>.leer,
.blaettern ul.katlist body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop li>.leer,
body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop .bigger.leer,
body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop .bigger.leer {
  display: block;
}

body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop .hinweis.rabatte,
body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop .form-group.form-captcha label.rabatte,
.form-group.form-captcha body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop label.rabatte,
body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop .weiterbutts .rabatte.pfeilnavi_hinweis,
.weiterbutts body.free #content .main_content .qc_shop .shop_output.bigfilter .headline_shop .rabatte.pfeilnavi_hinweis {
  display: none;
}

body.free #content .main_content .qc_shop .shop_output.bigfilter .shop_filter {
  width: 56%;
  margin-left: 22%;
}

body.free #content .main_content .qc_shop .shop_output.bigfilter .shop_filter .blue_headline {
  /* border-bottom: 1px solid #ddd; */
  width: calc(100% - 5px);
  margin-bottom: 15px;
}

body.free #content .main_content .qc_shop .shop_output.bigfilter .shop_filter .blue_headline span {
  display: none;
}

body.free #content .main_content .qc_shop .shop_output.bigfilter .shop_filter .complete_reset {
  display: none;
}

body.free #content .main_content .qc_shop .shop_output.bigfilter .shop_filter .kastengroup .kasten {
  border-right: 7px solid #FFFFFF;
  border-bottom: 7px solid #FFFFFF;
  border-left: none;
  border-top: none;
}

body.free #content .main_content .qc_shop .shop_output.bigfilter .shop_filter .kastengroup .kasten .link {
  /* font-family: Arial, Helvetica, sans-serif; */
}

body.free #content .main_content .qc_shop .shop_output.bigfilter .inner_shop_output {
  width: 0%;
  overflow: hidden;
  padding: 0;
}

body.free #content .main_content .qc_shop .shop_output.bigfilter .inner_shop_output h1,
body.free #content .main_content .qc_shop .shop_output.bigfilter .inner_shop_output h2.bigger,
body.free #content .main_content .qc_shop .shop_output.bigfilter .inner_shop_output h3.bigger,
body.free #content .main_content .qc_shop .shop_output.bigfilter .inner_shop_output h4.bigger,
body.free #content .main_content .qc_shop .shop_output.bigfilter .inner_shop_output ul.katlist li>a.bigger,
ul.katlist body.free #content .main_content .qc_shop .shop_output.bigfilter .inner_shop_output li>a.bigger,
body.free #content .main_content .qc_shop .shop_output.bigfilter .inner_shop_output ul.katlist li ul li a.bigger,
ul.katlist li ul li body.free #content .main_content .qc_shop .shop_output.bigfilter .inner_shop_output a.bigger,
body.free #content .main_content .qc_shop .shop_output.bigfilter .inner_shop_output ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern body.free #content .main_content .qc_shop .shop_output.bigfilter .inner_shop_output li>.bigger.leer,
body.free #content .main_content .qc_shop .shop_output.bigfilter .inner_shop_output .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist body.free #content .main_content .qc_shop .shop_output.bigfilter .inner_shop_output li>.bigger.leer,
body.free #content .main_content .qc_shop .shop_output.bigfilter .inner_shop_output ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shop_output.bigfilter .inner_shop_output .bigger.leer,
body.free #content .main_content .qc_shop .shop_output.bigfilter .inner_shop_output .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shop_output.bigfilter .inner_shop_output .bigger.leer,
body.free #content .main_content .qc_shop .shop_output.bigfilter .inner_shop_output #ausgabe_filter {
  display: none;
}

body.free #content .main_content .qc_shop .shop_output:not(.bigfilter) .shop_filter .kastengroup .kasten .link {
  font-size: 0.75em;
  min-height: 29px;
  background: #e0e0e0;
}

body.free #content .main_content .qc_shop .shop_output:not(.bigfilter) .shop_filter .kastengroup .kasten .link span {
  min-height: 29px;
  background: none;
  padding: 6px 4px 3px 4px;
  text-align: center;
  color: #333333;
}

body.free #content .main_content .qc_shop .rabattcheck {
  position: fixed;
  z-index: 10000;
  top: -1px;
  left: 35%;
  width: 30%;
  min-width: 650px;
  -webkit-box-shadow: 3px 5px 15px rgba(0, 0, 0, 0.4) !important;
  -moz-box-shadow: 3px 5px 15px rgba(0, 0, 0, 0.4) !important;
  box-shadow: 3px 5px 15px rgba(0, 0, 0, 0.4) !important;
}

body.free #content .main_content .qc_shop .rabattcheck .greybox,
body.free #content .main_content .qc_shop .rabattcheck .prospektbestellung .legend,
.prospektbestellung body.free #content .main_content .qc_shop .rabattcheck .legend,
body.free #content .main_content .qc_shop .rabattcheck .prospektbestellung .eintrag,
.prospektbestellung body.free #content .main_content .qc_shop .rabattcheck .eintrag,
body.free #content .main_content .qc_shop .rabattcheck .codeboxen .codebox,
.codeboxen body.free #content .main_content .qc_shop .rabattcheck .codebox,
body.free #content .main_content .qc_shop .rabattcheck .label {
  padding: 1px !important;
}

body.free #content .main_content .qc_shop .rabattcheck span {
  display: inline-block;
}

body.free #content .main_content .qc_shop .rabattcheck span input {
  width: 45px;
  /* font-size: 1.2em; */
  padding-right: 2px;
}

body.free #content .main_content .qc_shop .rabattcheck span a,
body.free #content .main_content .qc_shop .rabattcheck span .blaettern .leer,
.blaettern body.free #content .main_content .qc_shop .rabattcheck span .leer {
  margin-left: 50px;
}

body.free #content .main_content .qc_shop .filternavi {
  position: relative;
  width: 100%;
  float: left;
  margin-bottom: 5px;
  background: white;
}

body.free #content .main_content .qc_shop .filternavi .naviboxframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: calc(100% - 105px);
}

body.free #content .main_content .qc_shop .filternavi .tt_static {
  width: calc(100% - 104px);
  margin: 6px 0 6px 98px;
}

body.free #content .main_content .qc_shop .filternavi .navibox {
  position: relative;
  float: left;
  padding: 6px 5px 0 0;
  min-height: 38px;
  line-height: 26px;
  /* font-size: 0.9em;
  color: #999999; */
}


.navibox.no_sort .schaltflaeche {
  pointer-events: none;
  background: var(--light_grey);
}

body.free #content .main_content .qc_shop .filternavi .navibox.sort,
body.free #content .main_content .qc_shop .filternavi .navibox.no_sort {
  display: none;
}

body.free #content .main_content .qc_shop .filternavi .navibox .treffer {
  display: inline;
  padding-left: 5px !important;
  /* color: black; */
}

body.free #content .main_content .qc_shop .filternavi .navibox .treffer:before {
  content: "(";
  padding-right: 2px;
}

body.free #content .main_content .qc_shop .filternavi .navibox .treffer:after {
  content: ")";
  padding-left: 2px;
}

body.free #content .main_content .qc_shop .filternavi .navibox.artname span {
  padding-left: 10px;
  text-align: left;
}

body.free #content .main_content .qc_shop .filternavi .navibox.iconbox {
  border: 1px solid #e6e6e6;
  float: right;
  padding: 10px 12px 0 0;
  width: 96px;
  margin-left: 5px;
}

body.free #content .main_content .qc_shop .filternavi .navibox.iconbox .ansicht {
  float: right;
  margin-top: -2px;
}

body.free #content .main_content .qc_shop .filternavi .navibox.iconbox .ansicht.detail {
  margin-left: 10px;
}

/* body.free #content .main_content .qc_shop .filternavi .navibox.iconbox .ansicht.active .icon .iconline {
  background: #5386df;
} */

/* body.free #content .main_content .qc_shop .filternavi .navibox.iconbox .ansicht:not(.active):hover .icon .iconline {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  filter: Alpha(opacity=70);
  opacity: 0.7;
  moz-opacity: 0.7;
} */

body.free #content .main_content .qc_shop .filternavi .navibox.iconbox .label {
  display: none;
}

body.free #content .main_content .qc_shop .filternavi .navibox.iconbox .icon {
  position: relative;
  float: left;
  width: 30px;
  height: 25px;
  padding: 0 0;
  cursor: pointer;
}

body.free #content .main_content .qc_shop .filternavi .navibox.iconbox .icon .iconline {
  width: 100%;
  float: left;
  margin: 0 0 3px 0;
  /* background: #cccccc; */
  height: 5px;
}

body.free #content .main_content .qc_shop .filternavi .navibox.iconbox .icon .iconline.big {
  height: 13px;
}

body.free #content .main_content .qc_shop .filternavi .navibox .helpicon::before {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  height: 26px;
  width: 26px;
  line-height: 26px;
  position: absolute;
  right: 6px;
  top: 10px;
  padding: 0 0 0 7px;
}

body.free #content .main_content .qc_shop .filternavi .navibox.bestand {
  margin-right: 12px;
  width: 112px;
}

body.free #content .main_content .qc_shop .scrollbox {
  position: static;
  width: 100%;
  float: left;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk {
  width: calc(100% + 10px);
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

/* body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .filternavi {
  background: #FFFFFF;
} */

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame {
  position: relative;
  width: 100%;
  float: left;
  margin: 0px 0 5px 0;
  /* border-bottom: 3px solid #5386df; */
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop {
  height: 107px;
  overflow: hidden;
  position: relative;
  z-index: 1060;
  width: 100%;
  background: white;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop .warenkorb_toggle {
  position: absolute;
  z-index: 10;
  right: 10px;
  top: 15px;
  padding-right: 35px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop .warenkorb_toggle:after {
  position: absolute;
  top: 0px;
  right: 8px;
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 27px;
  color: inherit;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop .warenkorb_toggle span.open {
  display: inline;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop .warenkorb_toggle span.close {
  display: none;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop #warenkorb,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop #wkbutt {
  width: 100%;
  height: auto;
  padding: 0;
  border: none;
  background: transparent;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop #warenkorb .warenkorb,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop #wkbutt .warenkorb {
  padding: 0;
  overflow: auto;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop #warenkorb .warenkorb .hinweis_rabatt,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop #wkbutt .warenkorb .hinweis_rabatt {
  float: right;
  padding: 5px 15px 0 0;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop #warenkorb .blue_headline>.row,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop #wkbutt .blue_headline>.row {
  margin: 0;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop #warenkorb .blue_headline span.wk_title,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop #wkbutt .blue_headline span.wk_title {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background-image: url(/include/quickcalc/pics/wkorb_white.png);
  background-repeat: no-repeat;
  background-size: 29px;
  padding-left: 40px;
  background-position-y: 0px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop #warenkorb .blue_headline span.wk_title .wk_anzahl,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop #wkbutt .blue_headline span.wk_title .wk_anzahl {
  display: inline;
  padding-left: 5px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop #warenkorb .blue_headline span.wk_title .wk_anzahl:before,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop #wkbutt .blue_headline span.wk_title .wk_anzahl:before {
  content: "(";
  padding-right: 2px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop #warenkorb .blue_headline span.wk_title .wk_anzahl:after,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop #wkbutt .blue_headline span.wk_title .wk_anzahl:after {
  content: ")";
  padding-left: 2px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .wk_footer {
  display: none;
  position: fixed;
  overflow: auto;
  left: 0;
  top: 0;
  width: calc(30% - 10px);
  height: 100%;
  padding: 30px 45px 20px 20px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .wk_footer .warenkorb_toggle_footer {
  padding: 10px 56px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .wk_footer h3,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .wk_footer h4.bigger,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .wk_footer ul.katlist li>a,
ul.katlist body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .wk_footer li>a,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .wk_footer ul.katlist li ul li a.bigger,
ul.katlist li ul li body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .wk_footer a.bigger,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .wk_footer ul.katlist .blaettern li>.leer,
ul.katlist .blaettern body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .wk_footer li>.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .wk_footer .blaettern ul.katlist li>.leer,
.blaettern ul.katlist body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .wk_footer li>.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .wk_footer ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .wk_footer .bigger.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .wk_footer .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .wk_footer .bigger.leer {
  font-size: 2.4em !important;
  line-height: 1.2em !important;
  font-weight: 600;
  margin-bottom: 15px;
  color: #6f7072;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .wk_footer p {
  color: #FFFFFF;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .antwort {
  overflow: auto;
  background: whitesmoke;
  border-left: 5px solid #FFFFFF;
  border-right: 5px solid #FFFFFF;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .antwort .tcenter {
  font-size: 1.2em;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame .antwort .tcenter img {
  margin-bottom: 20px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.fixed {
  position: fixed;
  top: -5px;
  margin-left: 0px;
  left: 30%;
  float: none;
  z-index: 1060;
  -webkit-box-shadow: 3px 5px 15px rgba(0, 0, 0, 0.4) !important;
  -moz-box-shadow: 3px 5px 15px rgba(0, 0, 0, 0.4) !important;
  box-shadow: 3px 5px 15px rgba(0, 0, 0, 0.4) !important;
  border-top: 5px solid #5386df;
  border-right: 5px solid #FFFFFF;
  border-left: 5px solid #FFFFFF;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.fixed .wk_frame {
  margin-bottom: -1px;
  /* border-bottom: 2px solid #5386df; */
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.fixed .wk_frame #warenkorb_shop #warenkorb .blue_headline span,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.fixed .wk_frame #warenkorb_shop #wkbutt .blue_headline span {
  width: 100%;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.fixed .wk_frame #warenkorb_shop .warenkorb_toggle {
  right: 4px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.fixed .filternavi {
  z-index: 1060;
  margin-bottom: 0px;
  padding-left: 0;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.fixed .filternavi .navibox,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.fixed .filternavi .naviboxframe {
  border: none !important;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.opened {
  height: calc(100% - 45px);
  top: 35px;
  border-top: 5px solid #FFFFFF;
  border-bottom: 5px solid #FFFFFF;
  border-left: none !important;
  border-right: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.opened .wk_frame {
  height: 100%;
  border-bottom: none;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.opened .wk_frame #warenkorb_shop {
  height: 100%;
  overflow: auto;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.opened .wk_frame #warenkorb_shop #warenkorb,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.opened .wk_frame #warenkorb_shop #wkbutt {
  height: 100%;
  padding: 0 5px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.opened .wk_frame #warenkorb_shop #warenkorb .blue_headline span,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.opened .wk_frame #warenkorb_shop #wkbutt .blue_headline span {
  width: 100%;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.opened .wk_frame #warenkorb_shop .warenkorb_toggle {
  position: fixed;
  top: 0;
  right: 40px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.opened .wk_frame #warenkorb_shop .warenkorb_toggle:after {
  content: "\f106";
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.opened .wk_frame #warenkorb_shop .warenkorb_toggle span.open {
  display: none;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.opened .wk_frame #warenkorb_shop .warenkorb_toggle span.close {
  display: inline;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.opened .wk_frame .wk_footer {
  display: block;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.opened .filternavi {
  display: none;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk:not(.opened) .frachtkosten,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk:not(.opened) .abschluss,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk:not(.opened) .hinweis_rabatt {
  display: none !important;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.compare .wk_frame #warenkorb_shop {
  height: 307px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.compare .wk_frame #warenkorb_shop #warenkorb .warenkorb,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.compare .wk_frame #warenkorb_shop #wkbutt .warenkorb {
  height: 266px;
  overflow: hidden;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .hinweisleiste {
  display: none !important;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop {
  height: 600px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .hl_narrow,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .hl_narrow {
  border: 1px solid #666666;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .hl_narrow .change_compare,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .hl_narrow .change_compare {
  display: none !important;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb {
  height: 555px;
  overflow: auto;
  background: #666666;
  padding: 10px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .entry,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .entry {
  border: 1px solid #666666;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .entry:not(#last_clone):hover,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .entry:not(#last_clone):hover {
  border: 1px solid #f63c3c;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .entry#last_clone .data_main,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .entry#last_clone .data_main {
  cursor: default !important;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .entry:nth-of-type(2),
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .entry:nth-of-type(2) {
  margin-bottom: 10px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .entry:not(:nth-of-type(2)),
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .entry:not(:nth-of-type(2)) {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
  margin-left: 10px;
  width: calc(100% - 20px);
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .entry:not(:nth-of-type(2)):hover,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .entry:not(:nth-of-type(2)):hover {
  border: 1px solid #f63c3c;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  filter: Alpha(opacity=100);
  opacity: 1;
  moz-opacity: 1;
  background: #FFFFFF !important;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .anz,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .anz {
  background: inherit;
  cursor: inherit;
  border: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  caret-color: transparent;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist h3,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist h3,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist h4.bigger,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist h4.bigger,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist ul.katlist li>a,
ul.katlist body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist li>a,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist ul.katlist li>a,
ul.katlist body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist li>a,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist ul.katlist li ul li a.bigger,
ul.katlist li ul li body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist a.bigger,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist ul.katlist li ul li a.bigger,
ul.katlist li ul li body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist a.bigger,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist ul.katlist .blaettern li>.leer,
ul.katlist .blaettern body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist li>.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist ul.katlist .blaettern li>.leer,
ul.katlist .blaettern body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist li>.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist .blaettern ul.katlist li>.leer,
.blaettern ul.katlist body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist li>.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist .blaettern ul.katlist li>.leer,
.blaettern ul.katlist body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist li>.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist .bigger.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist .bigger.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist .bigger.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist .bigger.leer {
  color: #FFFFFF;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist h3.summe,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist h3.summe,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist h4.summe.bigger,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist h4.summe.bigger,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist ul.katlist li>a.summe,
ul.katlist body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist li>a.summe,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist ul.katlist li>a.summe,
ul.katlist body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist li>a.summe,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist ul.katlist li ul li a.summe.bigger,
ul.katlist li ul li body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist a.summe.bigger,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist ul.katlist li ul li a.summe.bigger,
ul.katlist li ul li body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist a.summe.bigger,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist ul.katlist .blaettern li>.summe.leer,
ul.katlist .blaettern body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist li>.summe.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist ul.katlist .blaettern li>.summe.leer,
ul.katlist .blaettern body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist li>.summe.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist .blaettern ul.katlist li>.summe.leer,
.blaettern ul.katlist body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist li>.summe.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist .blaettern ul.katlist li>.summe.leer,
.blaettern ul.katlist body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist li>.summe.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist ul.katlist li ul li .blaettern .summe.bigger.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist .summe.bigger.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist ul.katlist li ul li .blaettern .summe.bigger.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist .summe.bigger.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist .blaettern ul.katlist li ul li .summe.bigger.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #warenkorb .warenkorb .shoplist .summe.bigger.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist .blaettern ul.katlist li ul li .summe.bigger.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop #wkbutt .warenkorb .shoplist .summe.bigger.leer {
  display: none;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .wk_frame #warenkorb_shop .warenkorb_toggle {
  display: none;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.select_compare .filternavi {
  display: none;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss {
  position: relative;
  width: 100%;
  float: left;
  border-bottom: 5px solid #FFFFFF;
  margin-top: 20px !important;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner {
  width: 100%;
  float: left;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner.size1,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner.size1 {
  width: 30%;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner.size2,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner.size2 {
  width: calc(70% - 370px);
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner.size3,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner.size3 {
  width: 370px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner.size4,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner.size4 {
  width: 30%;
  min-height: 185px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner.size5,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner.size5 {
  width: 40%;
  min-height: 185px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner.bleft,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner.bleft {
  border-left: 5px solid #FFFFFF;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .spacer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .spacer {
  position: relative;
  float: left;
  width: 100%;
  min-height: 30px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline {
  position: relative;
  width: 100%;
  float: left;
  padding: 10px 10px 5px 10px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline.half,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline.half {
  width: 50%;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline.part1,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline.part1 {
  width: 47%;
  padding: 7px 20px 0 20px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline.part2,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline.part2 {
  width: 6%;
  text-align: center;
  padding: 13px 0 0 0;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline.btop,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline.btop {
  border-top: 2px solid #FFFFFF;
  margin-top: 5px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline.ptop,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline.ptop {
  padding-top: 15px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline.pright,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline.pright {
  padding-right: 30px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline.pflicht,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline.pflicht {
  position: relative;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline.pflicht::after,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline.pflicht::after {
  content: " ";
  position: absolute;
  z-index: 1;
  width: 24px;
  height: 24px;
  left: 5px;
  top: 11px;
  border-radius: 50%;
  display: inline-block;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline.pflicht.nopaddingtop::after,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline.pflicht.nopaddingtop::after {
  top: 0px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline input[type=checkbox],
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline input[type=radio],
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline input[type=checkbox],
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline input[type=radio] {
  /* margin: 0 0 0.5rem 0;
  position: relative;
  z-index: 2; */
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline input[type=text],
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline select,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline input[type=text],
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline select {
  width: 70%;
  float: right;
  margin: -4px 0 0 0 !important;
  height: 1.8rem;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline input[type=text]#liefertermin,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline select#liefertermin,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline input[type=text]#liefertermin,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline select#liefertermin {
  width: 90px;
  float: right;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline textarea,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline textarea {
  height: 115px;
  margin-bottom: 0;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline select,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline select {
  height: 1.8rem;
  padding: 0.33rem;
  margin: -4px 0 0 0 !important;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline select#terminart,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline select#terminart {
  width: 70%;
  float: right;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline select#tel_avis,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline select#tel_avis {
  width: 70%;
  float: right;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline#terminbox label,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline#terminbox label {
  float: right;
  padding-right: 10px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline#terminbox #liefertermin,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline#terminbox #liefertermin {
  width: 85px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline#terminbox label.t_abhol,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline#terminbox label.t_abhol {
  display: none;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline#terminbox label.t_liefer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline#terminbox label.t_liefer {
  display: block;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline#terminbox.selbst label.t_abhol,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline#terminbox.selbst label.t_abhol {
  display: block;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline#terminbox.selbst label.t_liefer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline#terminbox.selbst label.t_liefer {
  display: none;
}

/* body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline input[type=text][readonly],
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline input[type=text][readonly] {
  background: white !important;
  border-color: #cccccc !important;
} */

/* body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline input[type=text][readonly].pflicht,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline input[type=text][readonly].pflicht {
  border: 1px solid #FF7E00 !important;
  background: #ffe193 !important;
} */

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline.avis_unter label,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline.avis_unter label {
  float: right;
  margin-right: 10px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline.preisbox.mbottom,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline.preisbox.mbottom {
  margin-bottom: 10px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline.preisbox .kosten,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline.preisbox .kosten {
  /* font-size: 1.1em; */
  /* float: right;
  width: 163px;
  padding-right: 40px; */
  color: black;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline.preisbox.blocked,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline.preisbox.blocked {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline.preisbox.red,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline.preisbox.red {
  color: #f63c3c;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline.preisbox.red .kosten,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline.preisbox.red .kosten {
  color: #f63c3c;
}

.frachtkosten .inner .inputline.preisbox {
  display: grid;
  grid-template-columns: 2fr 1fr;
}

.frachtkosten .inner .preisbox .ergebnis_wert {
  padding: 0;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .inputline .zahlungsart,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .inputline .zahlungsart {
  /* padding: 3px 0 0 10px; */
  /* border: 1px solid whitesmoke; */
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .adressen,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .adressen {
  position: absolute;
  z-index: 1000;
  background: whitesmoke;
  overflow-y: scroll;
  height: 210px;
  height: 410px;
  width: 98.5%;
  margin-top: 35px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .adressen::-webkit-scrollbar,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .adressen::-webkit-scrollbar {
  width: 12px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .adressen::-webkit-scrollbar-track,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .adressen::-webkit-scrollbar-track {
  background: rgb(179, 177, 177);
  border-radius: 10px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .adressen::-webkit-scrollbar-thumb,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .adressen::-webkit-scrollbar-thumb {
  background: rgb(136, 136, 136);
  border-radius: 10px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .adressen::-webkit-scrollbar-thumb:hover,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .adressen::-webkit-scrollbar-thumb:hover {
  background: rgb(100, 100, 100);
  border-radius: 10px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .adressen::-webkit-scrollbar-thumb:active,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .adressen::-webkit-scrollbar-thumb:active {
  background: rgb(68, 68, 68);
  border-radius: 10px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .adresse_bearbeiten,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .adresse_bearbeiten {
  display: none;
  overflow: hidden;
  position: absolute;
  z-index: 1000;
  background: whitesmoke;
  height: 245px;
  width: 98.5%;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .adresse_bearbeiten input[type=text][readonly],
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .adresse_bearbeiten input[type=text][readonly] {
  border: none;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .adressen_title,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .adressen_title {
  /* border: none; */
  /* background: #5386df; */
  /* color: #FFFFFF; */
  /* font-weight: 400 !important; */
  /* padding: 9px 0px 8px 9px; */
  /* font-size: 0.9em; */
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .adress,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .adress {
  display: grid;
  padding: 0.33rem;
  padding-top: 0rem;
  width: 100%;
  align-items: center;
  display: grid;
  grid-template-columns: 2.5fr 2fr 1fr 1.5fr 1.5fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
  grid-template-areas: ". . . . . ." "Buttons Buttons Buttons Buttons Buttons Buttons";
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .adress input[type=text][readonly],
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .adress input[type=text][readonly] {
  border: none;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .adress input[type=text],
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .adress select,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .adress input[type=text],
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .adress select {
  width: 100% !important;
  height: 2rem !important;
  padding-top: 4px;
  padding-bottom: 4px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .adress select:disabled,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .adress select:disabled {
  background-color: white;
  color: #000;
  border: none;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner h4.summe,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner ul.katlist li ul li a.summe,
ul.katlist li ul li body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner a.summe,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner ul.katlist li ul li .blaettern .summe.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .summe.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .blaettern ul.katlist li ul li .summe.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten .inner .summe.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner h4.summe,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner ul.katlist li ul li a.summe,
ul.katlist li ul li body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner a.summe,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner ul.katlist li ul li .blaettern .summe.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .summe.leer,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .blaettern ul.katlist li ul li .summe.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss .inner .summe.leer {
  font-size: 24px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten #speicher_adresse,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss #speicher_adresse {
  display: none;
  z-index: 1600;
  float: right;
  /* margin-right: 9px !important; */
  position: absolute;
  bottom: -30px;
  right: 20px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten #neue_adresse,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss #neue_adresse {
  float: right;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten #adress_list_menu,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss #adress_list_menu {
  float: left;
  z-index: 1000;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten #adress_list_close,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss #adress_list_close {
  z-index: 1001;
  float: left;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten #fk_butt,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss #fk_butt {
  margin: 10px auto;
  width: 400px;
  max-width: 100%;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten #frachttool_hinweis,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten #frachttool_hinweis_bis_termin,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss #frachttool_hinweis,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss #frachttool_hinweis_bis_termin {
  /* width: 95%; */
  text-align: center;
  /* font-size: 0.8em; */
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten #frachttool_hinweis::before,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .frachtkosten #frachttool_hinweis_bis_termin::before,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss #frachttool_hinweis::before,
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss #frachttool_hinweis_bis_termin::before {
  content: attr(data-hinweis_symbol);
  margin: 0 5px 0 1px;
  font-weight: bold;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .blocked .blocker {
  display: block !important;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .abschluss {
  min-height: 700px;
}

body.free #content .main_content .qc_shop .wk_debug {
  display: none;
  font-size: 12px;
  position: fixed;
  z-index: 1000;
  overflow: auto;
  left: 0;
  top: 0;
  width: 28%;
  height: 100%;
  padding: 20px;
  background: #FFFFFF;
}

body.free #content .main_content .qc_shop #freitexterror {
  display: none;
}

body.free #content .main_content .qc_shop #freitexterror.active {
  display: block;
}

body.free #content .main_content .qc_shop .shop_filter .ibox {
  position: relative;
  /* padding: 0; */
  /* float: left; */
}


body.free #content .main_content .qc_shop .shop_filter .ibox.size_3 {
  width: 33.33333%;
}

body.free #content .main_content .qc_shop .shop_filter .ibox.size_3minus {
  width: 28.33333%;
}

body.free #content .main_content .qc_shop .shop_filter .ibox.size_3plus {
  width: 38.33333%;
}

body.free #content .main_content .qc_shop .shop_filter .ibox.subcat input[type=checkbox]+label {
  width: 100%;
}

body.free #content .main_content .qc_shop .shop_filter .ibox.subcat input[type=checkbox]+label::before,
body.free #content .main_content .qc_shop .shop_filter .ibox.subcat input[type=checkbox]+label::after {
  display: none !important;
}

body.free #content .main_content .qc_shop .shop_filter .ibox input[type=checkbox] {
  display: none;
}

body.free #content .main_content .qc_shop .shop_filter .whiteframe {
  width: 100%;
  float: left;
  margin: 1px;
  margin-bottom: 2px;
}

body.free #content .main_content .qc_shop .shop_filter .blue_headline.wide span {
  width: 100%;
}

body.free #content .main_content .qc_shop .shop_filter .blue_headline.lighter {
  border-bottom: 3px solid #6995e3;
}

body.free #content .main_content .qc_shop .shop_filter .blue_headline.lighter span {
  background: #6995e3;
}

body.free #content .main_content .qc_shop .shop_filter .blue_headline.grey {
  border-bottom: 3px solid gray;
}

body.free #content .main_content .qc_shop .shop_filter .blue_headline.grey span {
  background: gray;
}

body.free #content .main_content .qc_shop .shop_filter .blue_headline.darker {
  border-bottom: 3px solid #3e77db;
}

body.free #content .main_content .qc_shop .shop_filter .blue_headline.darker span {
  background: #3e77db;
}

body.free #content .main_content .qc_shop .shop_filter .blue_headline a,
body.free #content .main_content .qc_shop .shop_filter .blue_headline .blaettern .leer,
.blaettern body.free #content .main_content .qc_shop .shop_filter .blue_headline .leer {
  margin: 0;
  min-width: 0;
}

body.free #content .main_content .qc_shop .shop_filter .meldung {
  float: right;
  padding: 6px 2px 0 0;
  color: #999999;
  font-size: 0.8em;
}

body.free #content .main_content .qc_shop .shop_filter .all_options .t_alle {
  display: block;
}

body.free #content .main_content .qc_shop .shop_filter .all_options .t_auswahl {
  display: none;
}

body.free #content .main_content .qc_shop .shop_filter .all_options.auswahl .t_alle {
  display: none;
}

body.free #content .main_content .qc_shop .shop_filter .all_options.auswahl .t_auswahl {
  display: block;
}


body.free #content .main_content .qc_shop .shop_filter .filtergroup,
body.free #content .main_content .qc_shop .shop_filter .optiongroup {
  width: 100%;
  float: left;
}

body.free #content .main_content .qc_shop .shop_filter .filtergroup {
  margin-bottom: 10px;
}

body.free #content .main_content .qc_shop .shop_filter span.no_logo {
  position: absolute;
  top: 33%;
  left: 0;
  width: 100%;
  text-align: center;
}

body.free #content .main_content .qc_shop .shop_filter #fl_allfreitext {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

body.free #content .main_content .qc_shop .shop_filter #fl_allfreitext #search_for_all_groups {
  margin-bottom: 20px;
  float: left;
  max-width: 450px;
  margin-right: 20px;
}

body.free #content .main_content .qc_shop .shop_filter #fl_allfreitext #search_product_all {
  margin-bottom: 20px;
}

body.free #content .main_content .qc_shop .shop_filter .menuegroup {
  position: relative;
  width: 100%;
  float: left;
}

body.free #content .main_content .qc_shop .shop_filter .menuegroup .warengruppen {
  width: 100%;
}

body.free #content .main_content .qc_shop .shop_filter .menuegroup .warengruppen .warengruppe_wahl {
  font-weight: 400;
  font-size: 1.13em;
  line-height: 1.2em;
  margin-bottom: 5px;
}

body.free #content .main_content .qc_shop .shop_filter .menuegroup .warengruppen .warengruppe_wahl.qc {
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

body.free #content .main_content .qc_shop .shop_filter .menuegroup .hersteller {
  float: right;
  width: 100%;
}

body.free #content .main_content .qc_shop .shop_filter .menuegroup .hersteller .kastengroup .kasten {
  width: 25%;
}

body.free #content .main_content .qc_shop .shop_filter .menuegroup .hersteller .kastengroup .kasten:not(.active):not(.standard) {
  border-color: #cccccc;
}

body.free #content .main_content .qc_shop .shop_filter .menuegroup .hersteller .kastengroup .kasten:not(.active):not(.standard) .pic.logo {
  background: #b3b3b3;
}

body.free #content .main_content .qc_shop .shop_filter .menuegroup .warengruppen .kastengroup .kasten.active .link span {
  background: #ff8400;
  color: white;
}

body.free #content .main_content .qc_shop .shop_filter #fl_freitext,
body.free #content .main_content .qc_shop .shop_filter #fl_verf {
  position: relative;
  width: 100%;
  float: left;
  margin-bottom: 10px;
  z-index: 10;
}


body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline span,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline span {
  transition: none !important;
  width: 113px;
}

body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline input[type=text],
body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline input[type=text] {
  height: 1.95rem;
  margin: 0 0 0 0;
  padding: 0.5rem 0.5rem 0.3rem 0.5rem;
}

body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline input#search_for,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline input#search_for {
  width: calc(100% - 183px);
}

body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline input#search_for_all_groups,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline input#search_for_all_groups {
  width: calc(100% - 183px);
}

body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline a#reset_filter_freitext,
body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline .blaettern #reset_filter_freitext.leer,
.blaettern body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline #reset_filter_freitext.leer,
body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline a#reset_filter_verf,
body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline .blaettern #reset_filter_verf.leer,
.blaettern body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline #reset_filter_verf.leer,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline a#reset_filter_freitext,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline .blaettern #reset_filter_freitext.leer,
.blaettern body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline #reset_filter_freitext.leer,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline a#reset_filter_verf,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline .blaettern #reset_filter_verf.leer,
.blaettern body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline #reset_filter_verf.leer {
  position: absolute;
  right: 36px;
  top: 0px;
  padding: 15px;
}

body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline a#reset_filter_freitext::after,
body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline .blaettern #reset_filter_freitext.leer::after,
.blaettern body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline #reset_filter_freitext.leer::after,
body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline a#reset_filter_verf::after,
body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline .blaettern #reset_filter_verf.leer::after,
.blaettern body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline #reset_filter_verf.leer::after,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline a#reset_filter_freitext::after,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline .blaettern #reset_filter_freitext.leer::after,
.blaettern body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline #reset_filter_freitext.leer::after,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline a#reset_filter_verf::after,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline .blaettern #reset_filter_verf.leer::after,
.blaettern body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline #reset_filter_verf.leer::after {
  top: 2px;
  right: 10px;
  font-size: 18px;
  color: white;
}

body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline a#reset_filter_freitext:hover::after,
body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline .blaettern #reset_filter_freitext.leer:hover::after,
.blaettern body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline #reset_filter_freitext.leer:hover::after,
body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline a#reset_filter_verf:hover::after,
body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline .blaettern #reset_filter_verf.leer:hover::after,
.blaettern body.free #content .main_content .qc_shop .shop_filter #fl_freitext .blue_headline #reset_filter_verf.leer:hover::after,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline a#reset_filter_freitext:hover::after,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline .blaettern #reset_filter_freitext.leer:hover::after,
.blaettern body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline #reset_filter_freitext.leer:hover::after,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline a#reset_filter_verf:hover::after,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline .blaettern #reset_filter_verf.leer:hover::after,
.blaettern body.free #content .main_content .qc_shop .shop_filter #fl_verf .blue_headline #reset_filter_verf.leer:hover::after {
  top: 2px;
  right: 10px;
  font-size: 18px;
  color: #e6e6e6;
}

#reset_filter_verf {
  grid-column: 3;
  z-index: 100000;
}

body.free #content .main_content .qc_shop .shop_filter #fl_freitext .ibox.box_verf_st.qc input#verf_st,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .ibox.box_verf_st.qc input#verf_st {
  width: 50px;
  float: left;
  text-align: center;
}

body.free #content .main_content .qc_shop .shop_filter #fl_freitext .ibox.box_verf_st:not(.qc),
body.free #content .main_content .qc_shop .shop_filter #fl_verf .ibox.box_verf_st:not(.qc) {
  width: calc(100% - 363px);
}

body.free #content .main_content .qc_shop .shop_filter #fl_freitext .ibox.box_verf_st:not(.qc) input#verf_st,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .ibox.box_verf_st:not(.qc) input#verf_st {
  width: 50px;
  float: left;
  text-align: center;
}

body.free #content .main_content .qc_shop .shop_filter #fl_freitext .ibox.box_verf_date,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .ibox.box_verf_date {
  width: 141px;
}

body.free #content .main_content .qc_shop .shop_filter #fl_freitext .ibox.box_verf_date input#verf_date,
body.free #content .main_content .qc_shop .shop_filter #fl_verf .ibox.box_verf_date input#verf_date {
  width: 83px;
  position: relative;
  z-index: 100000;
}

body.free #content .main_content .qc_shop .shop_filter #fl_freitext.active .ibox.box_verf_heute:not(.ative) input[type=checkbox]+label:hover,
body.free #content .main_content .qc_shop .shop_filter #fl_verf.active .ibox.box_verf_heute:not(.ative) input[type=checkbox]+label:hover {
  background: #eb7900;
  color: white;
}

/* body.free #content .main_content .qc_shop .shop_filter #fl_freitext.active .ibox.box_verf_heute:not(.ative) input[type=checkbox]:checked+label,
body.free #content .main_content .qc_shop .shop_filter #fl_verf.active .ibox.box_verf_heute:not(.ative) input[type=checkbox]:checked+label {
  background: #eb7900;
  color: white;
} */

body.free #content .main_content .qc_shop .shop_filter .kastengroup {
  width: 100%;
  float: left;
}

/* body.free #content .main_content .qc_shop .shop_filter .kastengroup .kasten {
  margin: 0;
  border: 1px solid transparent;
  width: 25%;
} */

body.free #content .main_content .qc_shop .shop_filter .kastengroup .kasten.qc_wg_add {
  border: 5px solid transparent;
}

body.free #content .main_content .qc_shop .shop_filter .kastengroup .kasten input[type=checkbox] {
  display: none;
}

body.free #content .main_content .qc_shop .shop_filter .kastengroup .kasten input[type=checkbox]+label {
  margin: 0 !important;
  display: block !important;
  font-size: 1em;
}

body.free #content .main_content .qc_shop .shop_filter .kastengroup .kasten .aframe {
  cursor: pointer !important;
}

body.free #content .main_content .qc_shop .shop_filter .kastengroup .kasten.qc {
  width: 33.33%;
}

body.free #content .main_content .qc_shop .shop_filter .kastengroup .kasten .pic.logo:before {
  position: absolute;
  bottom: 0px;
  right: 8px;
  font-family: "FontAwesome";
  font-size: 16px;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .blue_headline {
  margin-bottom: 3px;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline {
  position: relative;
  width: 100%;
  min-height: 33px;
  float: left;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 2px;
  background: var(--light_grey);
  min-height: 42px;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.paketsuche .ibox {
  /* display: flex; */
}

.auswahlfeld.kasten.fundgrube_artikel,
.auswahlfeld.kasten.sonderangebot {
  height: 100%;
  padding: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
}


.auswahlfeld.kasten.fundgrube_artikel .aframe,
.auswahlfeld.kasten.sonderangebot .aframe {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.auswahlfeld.kasten.fundgrube_artikel label,
.auswahlfeld.kasten.sonderangebot label {
  width: 100%;
}

.kasten.sonderangebot img,
.kasten.fundgrube_artikel img {
  height: 5rem;
}


body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.fundgrube,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.fundgrube.active,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.fundgrube input[type=checkbox]+label {
  background: #e4c6c6;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.fundgrube:hover {
  background: #d4a3a3;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.fundgrube:hover input[type=checkbox]+label,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.fundgrube:hover input[type=checkbox]:not(:checked)+label:hover {
  background: #e4c6c6;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.fundgrube h4.medium,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.fundgrube ul.katlist li ul li a.medium,
ul.katlist li ul li body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.fundgrube a.medium,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.fundgrube ul.katlist li ul li .blaettern .medium.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.fundgrube .medium.leer,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.fundgrube .blaettern ul.katlist li ul li .medium.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.fundgrube .medium.leer {
  width: 80% !important;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.fundgrube .eingaben.medium {
  width: 20% !important;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.fundgrube .eingaben.medium .ibox {
  height: 29px;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.fundgrube .eingaben.medium .ibox label {
  height: 27px;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.angebot,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.angebot.active,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.angebot input[type=checkbox]+label {
  background: #ECF8D2;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.angebot:hover {
  background: #d9f1a6;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.angebot:hover input[type=checkbox]+label,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.angebot:hover input[type=checkbox]:not(:checked)+label:hover {
  background: #ECF8D2;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.angebot .ibox {
  height: 29px;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.angebot h4.medium,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.angebot ul.katlist li ul li a.medium,
ul.katlist li ul li body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.angebot a.medium,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.angebot ul.katlist li ul li .blaettern .medium.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.angebot .medium.leer,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.angebot .blaettern ul.katlist li ul li .medium.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.angebot .medium.leer {
  width: 80% !important;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.angebot .eingaben.medium {
  width: 20% !important;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.angebot .eingaben.medium .ibox {
  height: 29px;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.angebot .eingaben.medium .ibox label {
  height: 27px;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.box {
  width: 100%;
  /* border: 1px solid #FFFFFF;
  background: whitesmoke; */
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.box input[type=checkbox] {
  display: none;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.box .ibox {
  display: table;
  width: 100%;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.box .ibox.subcat {
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.box label {
  /* display: table-cell;
  height: 30px;
  width: 100%;
  vertical-align: middle;
  padding: 3px 12px;
  font-size: 0.8em;
  line-height: 1.2em;
  text-align: center; */
}

/* body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.box.active {
  background: whitesmoke;
} */

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.box.active:before {
  position: absolute;
  content: "\f00c";
  bottom: 0px;
  right: 8px;
  font-family: "FontAwesome";
  font-size: 16px;
  color: #43d336;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline .filter_title,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline ul.katlist li ul li a,
ul.katlist li ul li body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline a,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline ul.katlist li ul li .blaettern .leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline .leer,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline .blaettern ul.katlist li ul li .leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline .leer {
  float: left;
  /* width: 35%; */
  margin: 0;
  padding: 8px 10px 5px 10px;
  /* font-size: 13px; */
  line-height: 15px;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline h4.full,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline ul.katlist li ul li a.full,
ul.katlist li ul li body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline a.full,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline ul.katlist li ul li .blaettern .full.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline .full.leer,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline .blaettern ul.katlist li ul li .full.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline .full.leer {
  width: 100%;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline .eingaben {
  /* float: left;
  width: calc(65% - 25px); */
  padding: 2px 0 0 2px;
  background: transparent;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline .eingaben.text {
  padding: 5px 10px 0px 0px;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline .slideroutput {
  font-size: 13px;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline .slideroutput span {
  cursor: pointer;
  padding: 5px;
  text-align: right;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline .range-slider {
  width: 50%;
  float: left;
  padding: 7px 6px 0px 20px;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline .range-slider .ui-slider-handle:hover {
  cursor: pointer !important;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline .reset_line,
.reset_line {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline .reset_line .tt {
  left: auto;
  right: 2px;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline .reset_line:after,
.reset_line:after {
  position: absolute;
  left: 4px;
  top: 2px;
  content: "\f00d";
  font-family: "FontAwesome";
  /* font-weight: bold; */
  /* background: linear-gradient(var(--button_grey_light), var(--button_grey_dark)); */
  padding: 5px;
  border-radius: 5px;
  /* font-size: 12px;
  color: #b3b3b3; */
}

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

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

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline .reset_line:hover {
  cursor: pointer;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.active .reset_line {
  display: block;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline:not(.active):not(:hover):not(.show_options) .eingaben {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  filter: Alpha(opacity=30);
  opacity: 0.3;
  moz-opacity: 0.3;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline:not(.active):not(.show_options) .eingaben {
  display: none;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline:not(.active):not(:hover):not(.show_options) h4,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline:not(.active):not(:hover):not(.show_options) ul.katlist li ul li a,
ul.katlist li ul li body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline:not(.active):not(:hover):not(.show_options) a,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline:not(.active):not(:hover):not(.show_options) ul.katlist li ul li .blaettern .leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline:not(.active):not(:hover):not(.show_options) .leer,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline:not(.active):not(:hover):not(.show_options) .blaettern ul.katlist li ul li .leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline:not(.active):not(:hover):not(.show_options) .leer {
  width: 100%;
  font-size: 15px;
  padding-top: 8px;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline:not(.active):not(:hover):not(.show_options) h4.qc,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline:not(.active):not(:hover):not(.show_options) ul.katlist li ul li a.qc,
ul.katlist li ul li body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline:not(.active):not(:hover):not(.show_options) a.qc,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline:not(.active):not(:hover):not(.show_options) ul.katlist li ul li .blaettern .qc.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline:not(.active):not(:hover):not(.show_options) .qc.leer,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline:not(.active):not(:hover):not(.show_options) .blaettern ul.katlist li ul li .qc.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline:not(.active):not(:hover):not(.show_options) .qc.leer {
  font-size: 13px;
}

body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.active.angebot input[type=checkbox]+label,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline.active.fundgrube input[type=checkbox]+label,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline:hover.angebot input[type=checkbox]+label,
body.free #content .main_content .qc_shop .shop_filter .optiongroup .filterline:hover.fundgrube input[type=checkbox]+label {
  width: 27px;
  height: 27px;
  padding: 0;
}

body.free #content .main_content .qc_shop .optik_icon {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid;
}

body.free #content .main_content .qc_shop .optik_icon.rEV000206 {
  border-color: #000000;
}

body.free #content .main_content .qc_shop .optik_icon.rEV000205 {
  border-color: #b3b3b3;
}

body.free #content .main_content .qc_shop .optik_icon.mEV000206 {
  background: #333333;
}

body.free #content .main_content .qc_shop .optik_icon.mEV000080 {
  background: #005b9a;
}

body.free #content .main_content .qc_shop .optik_icon .folie {
  position: absolute;
  top: 0;
  left: 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 0 18px 18px;
  border-color: transparent transparent white transparent;
}

body.free #content .main_content .qc_shop .optik_icon .folie.fEV000206 {
  border-color: transparent transparent black transparent;
}

body.free #content .main_content .qc_shop .optik_icon .folie.fEV000202 {
  border-color: transparent transparent white transparent;
}

body.free #content .main_content .qc_shop .optik_icon .folie.fEV000184 {
  border-color: transparent transparent white transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
}

body.free #content .main_content .qc_shop .info_icon {
  display: inline-block;
  position: relative;
  min-width: 30px;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  text-align: center;
  margin-left: 5px;
  /* background: #dedede; */
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}

body.free #content .main_content .qc_shop .info_icon.true:after {
  content: "\f00c";
  font-family: "FontAwesome";
}

body.free #content .main_content .qc_shop .info_icon.icons {
  text-align: left;
  background: gray;
  background: transparent;
  width: 100%;
}

body.free #content .main_content .qc_shop .info_icon.icons .fa {
  margin: 0 1px;
}

body.free #content .main_content .qc_shop .info_icon.icons>div.tt {
  left: -5px;
}

body.free #content .main_content .qc_shop .shoplist {
  position: relative;
  display: block;
  float: left;
  width: 100%;
}

body.free #content .main_content .qc_shop .shoplist.smooth {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

body.free #content .main_content .qc_shop .shoplist .no_result {
  width: 100%;
  height: 540px;
  float: left;
  background: url("/include/quickcalc/pics/hint_no_result.jpg") no-repeat left top;
  background-size: 100%;
  padding: 50px 0 0 50px;
}

body.free #content .main_content .qc_shop .shoplist .demo_hinweis_container {
  display: flex;
  flex-direction: column;
  background: #ff9903;
  height: 67px;
  padding: 9px 10px 5px 10px;
  text-align: center;
}

body.free #content .main_content .qc_shop .shoplist h3.summe,
body.free #content .main_content .qc_shop .shoplist h4.summe.bigger,
body.free #content .main_content .qc_shop .shoplist ul.katlist li>a.summe,
ul.katlist body.free #content .main_content .qc_shop .shoplist li>a.summe,
body.free #content .main_content .qc_shop .shoplist ul.katlist li ul li a.summe.bigger,
ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist a.summe.bigger,
body.free #content .main_content .qc_shop .shoplist ul.katlist .blaettern li>.summe.leer,
ul.katlist .blaettern body.free #content .main_content .qc_shop .shoplist li>.summe.leer,
body.free #content .main_content .qc_shop .shoplist .blaettern ul.katlist li>.summe.leer,
.blaettern ul.katlist body.free #content .main_content .qc_shop .shoplist li>.summe.leer,
body.free #content .main_content .qc_shop .shoplist ul.katlist li ul li .blaettern .summe.bigger.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shoplist .summe.bigger.leer,
body.free #content .main_content .qc_shop .shoplist .blaettern ul.katlist li ul li .summe.bigger.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .summe.bigger.leer {
  padding-bottom: 0px;
  margin: 0;
  border-bottom: none;
}

body.free #content .main_content .qc_shop .shoplist h3.summe div,
body.free #content .main_content .qc_shop .shoplist h4.summe.bigger div,
body.free #content .main_content .qc_shop .shoplist ul.katlist li>a.summe div,
ul.katlist body.free #content .main_content .qc_shop .shoplist li>a.summe div,
body.free #content .main_content .qc_shop .shoplist ul.katlist li ul li a.summe.bigger div,
ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist a.summe.bigger div,
body.free #content .main_content .qc_shop .shoplist ul.katlist .blaettern li>.summe.leer div,
ul.katlist .blaettern body.free #content .main_content .qc_shop .shoplist li>.summe.leer div,
body.free #content .main_content .qc_shop .shoplist .blaettern ul.katlist li>.summe.leer div,
.blaettern ul.katlist body.free #content .main_content .qc_shop .shoplist li>.summe.leer div,
body.free #content .main_content .qc_shop .shoplist ul.katlist li ul li .blaettern .summe.bigger.leer div,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shoplist .summe.bigger.leer div,
body.free #content .main_content .qc_shop .shoplist .blaettern ul.katlist li ul li .summe.bigger.leer div,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .summe.bigger.leer div {
  background: #ebebeb;
  width: 160px;
  padding: 3px 48px 4px 0px;
  color: #000000;
}

body.free #content .main_content .qc_shop .shoplist h3.summe.bigger div,
body.free #content .main_content .qc_shop .shoplist h4.summe.bigger div,
body.free #content .main_content .qc_shop .shoplist ul.katlist li>a.summe.bigger div,
ul.katlist body.free #content .main_content .qc_shop .shoplist li>a.summe.bigger div,
body.free #content .main_content .qc_shop .shoplist ul.katlist li ul li a.summe.bigger div,
ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist a.summe.bigger div,
body.free #content .main_content .qc_shop .shoplist ul.katlist .blaettern li>.summe.bigger.leer div,
ul.katlist .blaettern body.free #content .main_content .qc_shop .shoplist li>.summe.bigger.leer div,
body.free #content .main_content .qc_shop .shoplist .blaettern ul.katlist li>.summe.bigger.leer div,
.blaettern ul.katlist body.free #content .main_content .qc_shop .shoplist li>.summe.bigger.leer div,
body.free #content .main_content .qc_shop .shoplist ul.katlist li ul li .blaettern .summe.bigger.leer div,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shoplist .summe.bigger.leer div,
body.free #content .main_content .qc_shop .shoplist .blaettern ul.katlist li ul li .summe.bigger.leer div,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .summe.bigger.leer div {
  padding: 7px 48px 6px 0px;
}

body.free #content .main_content .qc_shop .shoplist h3.summe span,
body.free #content .main_content .qc_shop .shoplist h4.summe.bigger span,
body.free #content .main_content .qc_shop .shoplist ul.katlist li>a.summe span,
ul.katlist body.free #content .main_content .qc_shop .shoplist li>a.summe span,
body.free #content .main_content .qc_shop .shoplist ul.katlist li ul li a.summe.bigger span,
ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist a.summe.bigger span,
body.free #content .main_content .qc_shop .shoplist ul.katlist .blaettern li>.summe.leer span,
ul.katlist .blaettern body.free #content .main_content .qc_shop .shoplist li>.summe.leer span,
body.free #content .main_content .qc_shop .shoplist .blaettern ul.katlist li>.summe.leer span,
.blaettern ul.katlist body.free #content .main_content .qc_shop .shoplist li>.summe.leer span,
body.free #content .main_content .qc_shop .shoplist ul.katlist li ul li .blaettern .summe.bigger.leer span,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shoplist .summe.bigger.leer span,
body.free #content .main_content .qc_shop .shoplist .blaettern ul.katlist li ul li .summe.bigger.leer span,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .summe.bigger.leer span {
  padding: 4px 0px 3px 10px;
  /* font-size: 0.9em; */
}

body.free #content .main_content .qc_shop .shoplist h3.summe span:not(.info),
body.free #content .main_content .qc_shop .shoplist h4.summe.bigger span:not(.info),
body.free #content .main_content .qc_shop .shoplist ul.katlist li>a.summe span:not(.info),
ul.katlist body.free #content .main_content .qc_shop .shoplist li>a.summe span:not(.info),
body.free #content .main_content .qc_shop .shoplist ul.katlist li ul li a.summe.bigger span:not(.info),
ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist a.summe.bigger span:not(.info),
body.free #content .main_content .qc_shop .shoplist ul.katlist .blaettern li>.summe.leer span:not(.info),
ul.katlist .blaettern body.free #content .main_content .qc_shop .shoplist li>.summe.leer span:not(.info),
body.free #content .main_content .qc_shop .shoplist .blaettern ul.katlist li>.summe.leer span:not(.info),
.blaettern ul.katlist body.free #content .main_content .qc_shop .shoplist li>.summe.leer span:not(.info),
body.free #content .main_content .qc_shop .shoplist ul.katlist li ul li .blaettern .summe.bigger.leer span:not(.info),
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shoplist .summe.bigger.leer span:not(.info),
body.free #content .main_content .qc_shop .shoplist .blaettern ul.katlist li ul li .summe.bigger.leer span:not(.info),
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .summe.bigger.leer span:not(.info) {
  width: 205px;
  background: #ebebeb;
}

body.free #content .main_content .qc_shop .shoplist h3.bigger,
body.free #content .main_content .qc_shop .shoplist h4.bigger,
body.free #content .main_content .qc_shop .shoplist ul.katlist li>a.bigger,
ul.katlist body.free #content .main_content .qc_shop .shoplist li>a.bigger,
body.free #content .main_content .qc_shop .shoplist ul.katlist li ul li a.bigger,
ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist a.bigger,
body.free #content .main_content .qc_shop .shoplist ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern body.free #content .main_content .qc_shop .shoplist li>.bigger.leer,
body.free #content .main_content .qc_shop .shoplist .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist body.free #content .main_content .qc_shop .shoplist li>.bigger.leer,
body.free #content .main_content .qc_shop .shoplist ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shoplist .bigger.leer,
body.free #content .main_content .qc_shop .shoplist .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .bigger.leer {
  margin-top: 20px;
}

body.free #content .main_content .qc_shop .shoplist h3.bigger span,
body.free #content .main_content .qc_shop .shoplist h4.bigger span,
body.free #content .main_content .qc_shop .shoplist ul.katlist li>a.bigger span,
ul.katlist body.free #content .main_content .qc_shop .shoplist li>a.bigger span,
body.free #content .main_content .qc_shop .shoplist ul.katlist li ul li a.bigger span,
ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist a.bigger span,
body.free #content .main_content .qc_shop .shoplist ul.katlist .blaettern li>.bigger.leer span,
ul.katlist .blaettern body.free #content .main_content .qc_shop .shoplist li>.bigger.leer span,
body.free #content .main_content .qc_shop .shoplist .blaettern ul.katlist li>.bigger.leer span,
.blaettern ul.katlist body.free #content .main_content .qc_shop .shoplist li>.bigger.leer span,
body.free #content .main_content .qc_shop .shoplist ul.katlist li ul li .blaettern .bigger.leer span,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shoplist .bigger.leer span,
body.free #content .main_content .qc_shop .shoplist .blaettern ul.katlist li ul li .bigger.leer span,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .bigger.leer span {
  padding: 8px 0px 5px 10px;
  color: #1a1a1a;
}

body.free #content .main_content .qc_shop .shoplist .keine_auswahl {
  background: var(--light_grey);
  line-height: 66px;
  padding: 0 20px;
  font-size: 13px;
}

body.free #content .main_content .qc_shop .shoplist .hl_narrow {
  width: 100%;
  float: left;
  border-bottom: 1px solid #FFFFFF;
  padding: 0 10px;
  background: #d9d9d9;
  color: #666666;
  font-size: 0.8em;
  line-height: 25px;
}

body.free #content .main_content .qc_shop .shoplist .hl_narrow.last_added {
  display: none;
}

body.free #content .main_content .qc_shop .shoplist .hl_narrow .change_compare {
  position: relative;
  -webkit-border-radius: 3x 3px 3px 3px;
  -moz-border-radius: 3x 3px 3px 3px;
  border-radius: 3x 3px 3px 3px;
  background: #ffc42d;
  color: #7a5700;
  text-decoration: none;
  padding: 0 10px;
  margin-left: 10px;
  line-height: 19px;
  display: none;
}

body.free #content .main_content .qc_shop .shoplist .hl_narrow .change_compare:hover {
  background: #ffd260;
}

body.free #content .main_content .qc_shop .shoplist .entry {
  width: 100%;
  float: left;
  margin-bottom: 3px;
  /* background: whitesmoke;
  font-size: 0.85em; */
}

/* body.free #content .main_content .qc_shop .shoplist .entry:not(.no_detail) .data_main:hover {
  background: #f0f0f0;
  cursor: pointer;
} */

body.free #content .main_content .qc_shop .shoplist .entry.no_detail .data_main .bestand span,
body.free #content .main_content .qc_shop .shoplist .entry.no_detail .data_main .bestand .tt,
body.free #content .main_content .qc_shop .shoplist .entry.no_detail .data_main .nachl span,
body.free #content .main_content .qc_shop .shoplist .entry.no_detail .data_main .nachl .tt {
  visibility: hidden;
}

body.free #content .main_content .qc_shop .shoplist .entry .demo_field {
  padding: 5px 0px 3px 0px !important;
  text-align: center;
  margin-right: 5px;
}


body.free #content .main_content .qc_shop .shoplist .entry.offen .data_sub {
  display: block;
}

body.free #content .main_content .qc_shop .shoplist .entry.angebot .demo_field {
  border-color: #ECF8D2;
}

body.free #content .main_content .qc_shop .shoplist .entry.angebot.fundgrube .data_main,
body.free #content .main_content .qc_shop .shoplist .entry.angebot.fundgrube .data_main>div:not(.order):not(.demo_field) {
  background-color: var(--light_red);
}

body.free #content .main_content .qc_shop .shoplist .entry.angebot .data_main,
body.free #content .main_content .qc_shop .shoplist .entry.angebot .data_main>div:not(.order):not(.demo_field) {
  background-color: var(--light_green);
}

body.free #content .main_content .qc_shop .shoplist .entry.angebot.fundgrube .demo_field {
  border-color: var(--light_red);
}

body.free #content .main_content .qc_shop .shoplist .entry.angebot .demo_field {
  border-color: var(--light_green);
}

body.free #content .main_content .qc_shop .shoplist .entry.angebot.fundgrube .data_sub .prodimg .sticker {
  background-color: var(--light_red);
}

body.free #content .main_content .qc_shop .shoplist .entry.angebot.fundgrube .data_sub .prodimg .sticker,
body.free #content .main_content .qc_shop .shoplist .entry.angebot.fundgrube .data_sub .prodimg .sticker::before {
  border-color: var(--light_red);
}


body.free #content .main_content .qc_shop .shoplist .entry.with_hinweis .hinweisleiste.small {
  display: block !important;
  border-top: 3px solid white;
}

body.free #content .main_content .qc_shop .shoplist .entry:not(.dummy_article).offen .artnr {
  position: absolute;
}

body.free #content .main_content .qc_shop .shoplist .entry .artnr {
  padding-left: 5px;
  /* background: inherit;
  font-size: 0.75em;
  color: gray; */
}

body.free #content .main_content .qc_shop .shoplist .entry .artnr:before {
  content: "Art.-Nr. ";
  /* font-size: 0.9em;
  color: gray; */
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main {
  width: 100%;
  float: left;
  background: inherit;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main>div {
  position: relative;
  background: inherit;
  float: left;
  line-height: 1.05;
  /* margin-top: 10px; */
  padding: 4px 0;
}

/* body.free #content .main_content .qc_shop .shoplist .entry .data_main>div.bigger {
  margin-top: 9px;
} */

/* body.free #content .main_content .qc_shop .shoplist .entry .data_main>div.lessmargintop {
  margin-top: 7px;
} */

body.free #content .main_content .qc_shop .shoplist .entry .data_main>div.bright {
  border-right: 1px solid #CCC;
  padding-right: 10px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main>div.pright {
  padding-right: 10px;
}

/* body.free #content .main_content .qc_shop .shoplist .entry .data_main>div span {
  color: gray;
  font-size: 0.9em;
} */

body.free #content .main_content .qc_shop .shoplist .entry .data_main>div .pr_aa {
  position: absolute;
  width: calc(100% - 5px);
  right: 5px;
  top: -3px;
  background: inherit;
  color: #999999;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  white-space: nowrap;
  text-align: center;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .logo {
  margin: 0;
  /* padding: 4px 0 0 3px;
  text-align: center;
  font-size: 1.6em;
  line-height: 1.4em; */
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .optik {
  margin-top: 6px;
  padding-right: 5px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .bez {
  background: inherit;
  position: relative;
  /* margin-top: 2px !important; */
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .bez>div:not(.artnr):not(.name_hover) {
  width: 100%;
  padding: 0 0 5px 5px;
  overflow-x: hidden;
  white-space: nowrap;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .bez .name_hover {
  position: absolute;
  z-index: 20;
  padding: 4px 5px;
  background: inherit;
  width: auto;
  top: 0;
  display: none;
  white-space: nowrap;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .bez:hover .name_hover {
  display: block;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .bestand {
  /* background: #ededed; */
  margin-top: 0;
  width: 107px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .bestand span {
  display: table-cell;
  vertical-align: middle;
  height: 32px;
  padding-top: 3px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .order {
  margin-top: 0;
  padding: 5px 0 3px 0;
  float: right;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .order input.anz_art {
  width: 59px;
  float: right;
  text-align: center;
  height: 1.95rem;
  margin: 0 0 0 0;
  padding: 0.3rem;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .order button.add_art,
body.free #content .main_content .qc_shop .shoplist .entry .data_main .order .blaettern .add_art.leer,
.blaettern body.free #content .main_content .qc_shop .shoplist .entry .data_main .order .add_art.leer {
  position: relative;
  width: 43px;
  height: 40px;
  float: right;
  text-decoration: none !important;
  margin: -5px 3px -3px 8px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone {
  width: 225px;
  min-height: 39px;
  margin-top: 0;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone>div {
  float: left;
  width: 60px;
  text-align: right;
  padding: 8px 0px 0px 5px;
  /* font-size: 1.22em; */
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone>div:last-child {
  width: 105px;
  float: right;
  margin-right: 15px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone .anz_container {
  display: flex;
  padding: 0 !important;
  position: relative;
  margin-left: 5px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone input.anz {
  display: inline-block;
  width: 50px;
  height: 30px;
  text-align: end;
  /* font-size: 1em; */
  margin: 2px 0 0 0;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone span {
  float: left;
  padding: 12px 5px 0 5px;
  width: 70px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone .artsumme span {
  float: right;
  padding: 1px 5px;
  width: auto;
  font-size: 0.9em;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone a.delete_art,
body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone .blaettern .delete_art.leer,
.blaettern body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone .delete_art.leer {
  position: relative;
  width: 32px;
  height: 32px;
  float: right;
  text-decoration: none !important;
  margin: 0 0 0 0;
  padding-left: 4px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone a.delete_art span,
body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone .blaettern .delete_art.leer span,
.blaettern body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone .delete_art.leer span {
  display: none;
  width: 100px;
  font-size: 1.22em;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone a.delete_art::before,
body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone .blaettern .delete_art.leer::before,
.blaettern body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone .delete_art.leer::before {
  content: "\f1f8";
  font-size: 21px;
  line-height: 31px;
  font-family: FontAwesome;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone a.delete_art:hover::before,
body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone .blaettern .delete_art.leer:hover::before,
.blaettern body.free #content .main_content .qc_shop .shoplist .entry .data_main .wk_group_clone .delete_art.leer:hover::before {
  color: #f63c3c;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub {
  display: none;
  position: relative;
  width: 100%;
  float: left;
  /* background: #ebebeb; */
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub>div {
  position: relative;
  float: left;
  height: 200px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .einzelartikel {
  width: 100%;
  height: auto;
  margin-top: 5px;
  justify-content: center;
  clear: left;
  pointer-events: none;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .einzelartikel .entry {
  margin-bottom: 3px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodimg,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink {
  padding: 5px 0 5px 5px;
  width: 14%;
  text-align: center;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodimg span,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink span {
  float: left;
  height: 100%;
  width: 100%;
  background: #FFFFFF;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodimg img,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink img {
  max-height: 100%;
  width: 100%;
  max-height: 150px;
  /* Kleinere Höhe wegen Sticker bei Fundggrube und Sonderangeboten */
  max-height: 125px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodimg span {
  border: 10px solid #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodimg .sticker {
  position: absolute;
  font-weight: bold;
  width: 87%;
  max-width: 132px;
  height: 22px;
  bottom: 8px;
  right: 3px;
  background: var(--dark_green);
  border: 1px solid var(--dark_green);
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodimg .sticker:hover {
  z-index: 1;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodimg .sticker::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 17px;
  background: white;
  border-right: 1px solid #ECF8D2;
  transform: rotateZ(45deg);
  bottom: 11px;
  right: 93.5%;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodimg .sticker::after {
  content: "";
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 13px solid white;
  border-right: 13px solid transparent;
  bottom: 7.8px;
  right: 91%;
}

/* body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodimg .sticker~img {
  max-height: 85%;
} */

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink {
  width: calc(31% - 5px);
  text-align: left;
  position: relative;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink span {
  padding: 15px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink .artnr {
  right: 20px;
  top: 20px;
  padding-left: 15px;
  /* font-size: 0.95em;
  color: #4d4d4d; */
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink h3,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink h4.bigger,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink ul.katlist li>a,
ul.katlist body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink li>a,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink ul.katlist li ul li a.bigger,
ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink a.bigger,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink ul.katlist .blaettern li>.leer,
ul.katlist .blaettern body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink li>.leer,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink .blaettern ul.katlist li>.leer,
.blaettern ul.katlist body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink li>.leer,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink .bigger.leer,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink .bigger.leer {
  padding-left: 0;
  margin: 0px 0 10px 0px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink a,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink .blaettern .leer,
.blaettern body.free #content .main_content .qc_shop .shoplist .entry .data_sub .prodlink .leer {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager {
  width: 55%;
  padding: 5px 0 5px 5px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik {
  position: relative;
  background: #FFFFFF;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: row-reverse;
  padding: 10px 15px 30px 35px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .title_small {
  position: absolute;
  left: 15px;
  top: 12px;
  width: calc(100% - 30px);
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .title h3,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .title h4.bigger,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .title ul.katlist li>a,
ul.katlist body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .title li>a,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .title ul.katlist li ul li a.bigger,
ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .title a.bigger,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .title ul.katlist .blaettern li>.leer,
ul.katlist .blaettern body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .title li>.leer,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .title .blaettern ul.katlist li>.leer,
.blaettern ul.katlist body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .title li>.leer,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .title ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .title .bigger.leer,
body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .title .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .title .bigger.leer {
  margin: 0;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .raster {
  position: absolute;
  left: 35px;
  bottom: 30px;
  width: calc(100% - 50px);
  height: calc(100% - 40px);
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .raster .scala {
  position: absolute;
  left: 0;
  bottom: -30px;
  height: 29px;
  width: 100%;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .raster .scala .date {
  position: relative;
  float: left;
  width: 7.6923%;
  transform: rotate(29deg);
  left: -3px;
  top: 13px;
}

@media (min-width: 1800px) {
  body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .raster .scala .date {
    top: 17px;
  }
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .raster .linie {
  width: 100%;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .raster .linie .label {
  width: 35px;
  margin-left: -35px;
  padding-right: 5px;
  background: #FFFFFF;
  font-size: 11px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .tag {
  z-index: 2;
  position: relative;
  width: 0.552%;
  height: 50%;
  background: var(--dark_grey);
  border-left: 1px solid var(--light_grey);
  border-top: 1px solid var(--grey);
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .tag>div {
  left: -20px;
  display: none;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .tag:hover {
  z-index: 4;
  background: var(--light_blue);
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .tag:hover>div {
  display: block;
  background: var(--light_blue);
  color: white;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .tag:hover>div span {
  color: #FFFFFF !important;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .tag:hover>div::after {
  border-color: var(--light_blue) transparent transparent transparent !important;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .tag.marked {
  z-index: 3;
  background: #ffb566 !important;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .tag.marked>div {
  display: block !important;
  background: #ff8400 !important;
  color: #FFFFFF !important;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .tag.marked>div span {
  color: #FFFFFF !important;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .tag.marked>div::after {
  border-color: #ff8400 transparent transparent transparent !important;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .lager .v_grafik .hinweis_graph {
  position: absolute;
  z-index: 2;
  width: 480px;
  padding: 7px;
  background: #FFFFFF;
  color: #4d4d4d;
  left: 50%;
  margin-left: -235px;
  top: 63px;
  font-size: 0.95em;
  text-align: center;
  line-height: 1.25em;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .table {
  display: table;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .table-row {
  display: table-row;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .table-cell {
  display: table-cell;
  line-height: 1.2em;
  /* font-size: 0.95em; */
  padding: 2px 5px 2px 2px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .subdata {
  width: 100%;
  /* margin-bottom: 10px; */
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .subdata .fa {
  margin-right: 3px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .subdata .label {
  width: 40%;
  padding-right: 10px;
  /* color: #333333; */
  white-space: nowrap;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .subdata .label.wide {
  width: 100%;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .subdata .label:not(.wide):after {
  content: ":";
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .subdata .data {
  color: var(--black);
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .nachl {
  width: fit-content;
  position: absolute;
  bottom: 16px;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .nachl span {
  display: none;
  height: 32px;
  /* padding: 0 !important; */

}


@media screen and (max-width: 1300px) {
  body.free #content .main_content .qc_shop .shoplist .entry .data_sub .nachl span {
    height: fit-content;
    padding: 3px 5px;
    width: 80%;
  }
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .nachl.nachl_1 span.tnachl_1 {
  background: var(--dark_green);
  display: flex;
  align-items: center;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .nachl.nachl_2 span.tnachl_2 {
  background: var(--highlight_light);
  display: flex;
  align-items: center;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .nachl.nachl_3 span.tnachl_3 {
  /* color: var(--dark_red); */
  background: var(--light_red);
  display: flex;
  align-items: center;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .nachl.nachl_4 span.tnachl_4 {
  color: #f63c3c;
  display: table-cell;
}

body.free #content .main_content .qc_shop .shoplist .entry .data_sub .nachl.nachl_5 span.tnachl_5 {
  color: #f63c3c;
  display: table-cell;
}

body.free #content .main_content .qc_shop .shoplist .hinweisleiste {
  display: none;
  /* background: #ffefc6 !important; */
  float: left;
  width: 100%;
  /* font-size: 0.9em;*/
  text-align: center;
  padding: 5px 0;
}

body.free #content .main_content .qc_shop .shoplist .hinweisleiste.small {
  /* background: #ffe193 !important; */
}

body.free #content .main_content .qc_shop .shoplist .hinweisleiste[data-type=gestell_limit] {
  padding: 5px 50px;
}

body.free #content .main_content .qc_shop .shoplist .hinweisleiste#hinweis_aa {
  width: calc(100% - 363px);
  margin-left: -2px;
  padding: 7px 0 6px 0;
  font-size: 0.82em;
}

body.free #content .main_content .qc_shop .shoplist .pb_container {
  position: fixed;
  overflow: auto;
  z-index: 3000;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #FFFFFF;
  padding-bottom: 100px;
}

.pb_container>div {
  border-right: 2px solid var(--black);
  height: fit-content;
  padding: 0px 20px;
  border-left: 2px solid var(--black);
}

body.free #content .main_content .qc_shop .shoplist .pb_container .entry:not(.clone) {
  background: #FFFFFF;
  width: 1280px;
  margin: 0px auto;
  float: none;

  border-top: 2px solid var(--black);
  margin-top: 10px;
  height: 100%;
  max-height: 650px;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .entry:not(.clone)[data-warengruppe="4"] {
  height: 130%;
  max-height: 850px;
}

.pb_head {
  padding-top: 20px;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .entry:not(.clone):not(.angebot)>.data_main,
body.free #content .main_content .qc_shop .shoplist .pb_container .entry:not(.clone):not(.angebot)>.data_main:hover,
body.free #content .main_content .qc_shop .shoplist .pb_container .entry:not(.clone):not(.angebot)>.data_main .bestand,
body.free #content .main_content .qc_shop .shoplist .pb_container .entry:not(.clone):not(.angebot)>.data_main .nachl,
body.free #content .main_content .qc_shop .shoplist .pb_container .entry:not(.clone)>.data_sub {
  background: #FFFFFF !important;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .entry:not(.clone) .data_sub .prodlink .nachl {
  width: auto;
  top: 200px;
  bottom: initial;
  left: -350px;
  transform: translateX(-50%);
  z-index: 1;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .entry:not(.clone) .data_sub .prodlink .nachl .produktblatt {
  display: none;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .entry:not(.clone) .prodlink {
  height: 40%;
  padding: 5px 0 0 5px !important;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .prodlink .subdata.table {
  margin-bottom: 0px !important;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .prodlink h3.hidden,
body.free #content .main_content .qc_shop .shoplist .pb_container .prodlink h4.hidden.bigger,
body.free #content .main_content .qc_shop .shoplist .pb_container .prodlink ul.katlist li>a.hidden,
ul.katlist body.free #content .main_content .qc_shop .shoplist .pb_container .prodlink li>a.hidden,
body.free #content .main_content .qc_shop .shoplist .pb_container .prodlink ul.katlist li ul li a.hidden.bigger,
ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .pb_container .prodlink a.hidden.bigger,
body.free #content .main_content .qc_shop .shoplist .pb_container .prodlink ul.katlist .blaettern li>.hidden.leer,
ul.katlist .blaettern body.free #content .main_content .qc_shop .shoplist .pb_container .prodlink li>.hidden.leer,
body.free #content .main_content .qc_shop .shoplist .pb_container .prodlink .blaettern ul.katlist li>.hidden.leer,
.blaettern ul.katlist body.free #content .main_content .qc_shop .shoplist .pb_container .prodlink li>.hidden.leer,
body.free #content .main_content .qc_shop .shoplist .pb_container .prodlink ul.katlist li ul li .blaettern .hidden.bigger.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shoplist .pb_container .prodlink .hidden.bigger.leer,
body.free #content .main_content .qc_shop .shoplist .pb_container .prodlink .blaettern ul.katlist li ul li .hidden.bigger.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .pb_container .prodlink .hidden.bigger.leer {
  display: block !important;
}

body.free #content .main_content .qc_shop .shoplist .pb_container h3.pb_head,
body.free #content .main_content .qc_shop .shoplist .pb_container h4.pb_head.bigger,
body.free #content .main_content .qc_shop .shoplist .pb_container ul.katlist li>a.pb_head,
ul.katlist body.free #content .main_content .qc_shop .shoplist .pb_container li>a.pb_head,
body.free #content .main_content .qc_shop .shoplist .pb_container ul.katlist li ul li a.pb_head.bigger,
ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .pb_container a.pb_head.bigger,
body.free #content .main_content .qc_shop .shoplist .pb_container ul.katlist .blaettern li>.pb_head.leer,
ul.katlist .blaettern body.free #content .main_content .qc_shop .shoplist .pb_container li>.pb_head.leer,
body.free #content .main_content .qc_shop .shoplist .pb_container .blaettern ul.katlist li>.pb_head.leer,
.blaettern ul.katlist body.free #content .main_content .qc_shop .shoplist .pb_container li>.pb_head.leer,
body.free #content .main_content .qc_shop .shoplist .pb_container ul.katlist li ul li .blaettern .pb_head.bigger.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shoplist .pb_container .pb_head.bigger.leer,
body.free #content .main_content .qc_shop .shoplist .pb_container .blaettern ul.katlist li ul li .pb_head.bigger.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .pb_container .pb_head.bigger.leer {
  margin: 40px 0 0 0;
  font-size: 2.4em !important;
  /* border-bottom: 3px solid #5386df; */
}

body.free #content .main_content .qc_shop .shoplist .pb_container h3.pb_head .close_pb,
body.free #content .main_content .qc_shop .shoplist .pb_container h4.pb_head.bigger .close_pb,
body.free #content .main_content .qc_shop .shoplist .pb_container ul.katlist li>a.pb_head .close_pb,
ul.katlist body.free #content .main_content .qc_shop .shoplist .pb_container li>a.pb_head .close_pb,
body.free #content .main_content .qc_shop .shoplist .pb_container ul.katlist li ul li a.pb_head.bigger .close_pb,
ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .pb_container a.pb_head.bigger .close_pb,
body.free #content .main_content .qc_shop .shoplist .pb_container ul.katlist .blaettern li>.pb_head.leer .close_pb,
ul.katlist .blaettern body.free #content .main_content .qc_shop .shoplist .pb_container li>.pb_head.leer .close_pb,
body.free #content .main_content .qc_shop .shoplist .pb_container .blaettern ul.katlist li>.pb_head.leer .close_pb,
.blaettern ul.katlist body.free #content .main_content .qc_shop .shoplist .pb_container li>.pb_head.leer .close_pb,
body.free #content .main_content .qc_shop .shoplist .pb_container ul.katlist li ul li .blaettern .pb_head.bigger.leer .close_pb,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shoplist .pb_container .pb_head.bigger.leer .close_pb,
body.free #content .main_content .qc_shop .shoplist .pb_container .blaettern ul.katlist li ul li .pb_head.bigger.leer .close_pb,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shoplist .pb_container .pb_head.bigger.leer .close_pb {
  font-size: 1em;
  right: 0;
  top: 0;
}


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

body.free #content .main_content .qc_shop .shoplist .pb_container .av_head {
  padding-top: 20px;
  margin-bottom: 5px;
  /* font-size: 1.2em !important; */
}

body.free #content .main_content .qc_shop .shoplist .pb_container .pb_legende {
  position: relative;
  width: 100%;
  float: left;
  margin: 20px 0 10px 0;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .pb_legende .naviboxframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  /* border-bottom: 1px solid #e6e6e6; */
}

body.free #content .main_content .qc_shop .shoplist .pb_container .pb_legende .navibox {
  position: relative;
  /* float: left; */
  /* color: #999999; */
}

body.free #content .main_content .qc_shop .shoplist .pb_container .pb_legende .navibox .treffer {
  display: inline;
  padding-left: 5px !important;
  font-weight: bold;
  /* font-size: 0.9em;
  color: #999999; */
}

body.free #content .main_content .qc_shop .shoplist .pb_container .pb_legende .navibox .treffer:before {
  content: "(";
  padding-right: 2px;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .pb_legende .navibox .treffer:after {
  content: ")";
  padding-left: 2px;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .pb_legende .navibox.iconbox {
  float: right;
  width: 120px;
  margin-left: 24px;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .pb_legende .navibox.bestand {
  margin-right: unset;
  width: auto;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .pb_legende .naviboxframe {
  width: 100%;
  border-top: none;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .pb_legende .iconbox {
  visibility: hidden;
  padding: 0;
  height: 27px;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .pb_legende .navibox.artname,
body.free #content .main_content .qc_shop .shoplist .pb_container .pb_legende .navibox.widthA,
body.free #content .main_content .qc_shop .shoplist .pb_container .pb_legende .personal {
  visibility: hidden;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .pb_legende .navibox {
  text-align: center;
  min-height: 20px;
  line-height: 20px;
  padding: 0;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .produktblatt {
  width: 100%;
  height: auto;
  float: left;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .clone_art {
  width: 1280px;
  margin: 0 auto;
  min-height: 50%;
  border-bottom: 2px solid var(--black);
}

body.free #content .main_content .qc_shop .shoplist .pb_container .clone_art .pb_legende .navibox {
  font-size: 0.8em;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .clone_art .hinweis,
body.free #content .main_content .qc_shop .shoplist .pb_container .clone_art .form-group.form-captcha label,
.form-group.form-captcha body.free #content .main_content .qc_shop .shoplist .pb_container .clone_art label,
body.free #content .main_content .qc_shop .shoplist .pb_container .clone_art .weiterbutts .pfeilnavi_hinweis,
.weiterbutts body.free #content .main_content .qc_shop .shoplist .pb_container .clone_art .pfeilnavi_hinweis {
  font-size: 0.9em !important;
  width: 100%;
  float: left;
  line-height: 1.4em !important;
  max-width: 850px;
  margin-top: 10px;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .art_downloads {
  width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .art_downloads .hinweis,
body.free #content .main_content .qc_shop .shoplist .pb_container .art_downloads .form-group.form-captcha label,
.form-group.form-captcha body.free #content .main_content .qc_shop .shoplist .pb_container .art_downloads label,
body.free #content .main_content .qc_shop .shoplist .pb_container .art_downloads .weiterbutts .pfeilnavi_hinweis,
.weiterbutts body.free #content .main_content .qc_shop .shoplist .pb_container .art_downloads .pfeilnavi_hinweis {
  font-size: 0.9em !important;
  width: 100%;
  float: left;
  line-height: 1.4em !important;
  max-width: 850px;
  margin-top: 10px;
}

body.free #content .main_content .qc_shop .slidergroup {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 10px;
  /* background: #5386df; */
}


.slidergroup .flex_end {
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  align-items: flex-end;
}

body.free #content .main_content .qc_shop .slidergroup .inner.block2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 5px;
}

body.free #content .main_content .qc_shop .slidergroup .inner.block2 .ibox {
  width: 100%;
  float: left;
}

body.free #content .main_content .qc_shop .slidergroup .inner.block2 .ibox h4,
body.free #content .main_content .qc_shop .slidergroup .inner.block2 .ibox ul.katlist li ul li a,
ul.katlist li ul li body.free #content .main_content .qc_shop .slidergroup .inner.block2 .ibox a,
body.free #content .main_content .qc_shop .slidergroup .inner.block2 .ibox ul.katlist li ul li .blaettern .leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .slidergroup .inner.block2 .ibox .leer,
body.free #content .main_content .qc_shop .slidergroup .inner.block2 .ibox .blaettern ul.katlist li ul li .leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .slidergroup .inner.block2 .ibox .leer {
  width: 50%;
  float: left;
  text-align: right;
  margin: 0;
  padding-right: 20px;
  font-size: 0.9em;
  color: #FFFFFF;
}

body.free #content .main_content .qc_shop .slidergroup .inner.block2 .ibox .range-slider {
  width: 100%;
  float: left;
  height: 20px;
  margin-top: 3px;
}

.slidergroup .inner.block2 .space_between {
  margin-left: 150px;
}

body.free #content .main_content .qc_shop .slidergroup .inner.block2 .ibox .range-slider .ui-slider-handle:hover {
  cursor: pointer !important;
}

body.free #content .main_content .qc_shop .slidergroup .inner.block2 .ibox .range-slider .ui-widget-content {
  background: white;
  border: 1px solid var(--dark_grey);
}

body.free #content .main_content .qc_shop .slidergroup .priofilter.inactive:hover {
  background: #e6e6e6;
}

body.free #content .main_content .qc_shop .widthA {
  width: 83px;
}

body.free #content .main_content .qc_shop .widthA2 {
  width: 118px;
}

body.free #content .main_content .qc_shop .widthA3 {
  width: 125px;
  padding-right: 1px !important;
}

body.free #content .main_content .qc_shop .widthA4 {
  width: 75px;
}

body.free #content .main_content .qc_shop .widthB1 {
  width: calc(66% - 308px);
}

body.free #content .main_content .qc_shop .widthB1short {
  width: calc(53% - 308px);
}

body.free #content .main_content .qc_shop .widthB2 {
  width: calc(63% - 308px);
}

body.free #content .main_content .qc_shop .widthB2short {
  width: calc(50% - 308px);
}

body.free #content .main_content .qc_shop .widthB3 {
  width: calc(70% - 308px);
}

body.free #content .main_content .qc_shop .widthB3short {
  width: calc(57% - 308px);
}

body.free #content .main_content .qc_shop .widthB4 {
  width: calc(72% - 308px);
}

body.free #content .main_content .qc_shop .widthB4short {
  width: calc(59% - 308px);
}

body.free #content .main_content .qc_shop .widthB5 {
  width: calc(66% - 308px);
}

body.free #content .main_content .qc_shop .widthB5short {
  width: calc(53% - 308px);
}

body.free #content .main_content .qc_shop .widthB6 {
  width: calc(91% - 308px);
}

body.free #content .main_content .qc_shop .widthB7 {
  width: calc(91% - 308px);
}

body.free #content .main_content .qc_shop .widthB8 {
  width: calc(74% - 308px);
}

body.free #content .main_content .qc_shop .widthB10 {
  width: calc(91% - 308px);
}

body.free #content .main_content .qc_shop .widthB11 {
  width: calc(91% - 308px);
}

body.free #content .main_content .qc_shop .widthBgestellsystem {
  width: calc(100% - 85px - 9% - 9% - 105px - 25px);
}

body.free #content .main_content .qc_shop .width3 {
  width: 2%;
}

body.free #content .main_content .qc_shop .width4 {
  width: 3%;
}

body.free #content .main_content .qc_shop .width5 {
  width: 4%;
}

body.free #content .main_content .qc_shop .width6 {
  width: 5%;
}

body.free #content .main_content .qc_shop .width7 {
  width: 6%;
}

body.free #content .main_content .qc_shop .width8 {
  width: 7%;
}

body.free #content .main_content .qc_shop .width9 {
  width: 8%;
}

body.free #content .main_content .qc_shop .width10 {
  width: 9%;
}

body.free #content .main_content .qc_shop .width11 {
  width: 10%;
}

body.free #content .main_content .qc_shop .width12 {
  width: 11%;
}

body.free #content .main_content .qc_shop .width13 {
  width: 12%;
}

body.free #content .main_content .qc_shop .width14 {
  width: 13%;
}

body.free #content .main_content .qc_shop .width15 {
  width: 14%;
}

body.free #content .main_content .qc_shop .width16 {
  width: 15%;
}

body.free #content .main_content .qc_shop .width17 {
  width: 16%;
}

body.free #content .main_content .qc_shop .width18 {
  width: 17%;
}

body.free #content .main_content .qc_shop .width19 {
  width: 18%;
}

body.free #content .main_content .qc_shop .width20 {
  width: 19%;
}

body.free #content .main_content .qc_shop .width21 {
  width: 20%;
}

body.free #content .main_content .qc_shop .width22 {
  width: 21%;
}

body.free #content .main_content .qc_shop .width25 {
  width: 24%;
}

body.free #content .main_content .qc_shop .width31 {
  width: 30%;
}

body.free #content .main_content .qc_shop .width37 {
  width: 36%;
}

body.free #content .main_content .qc_shop .sort:not(.wgr_all),
body.free #content .main_content .qc_shop .no_sort:not(.wgr_all) {
  display: none;
}

body.free #content .main_content .qc_shop .sort span,
body.free #content .main_content .qc_shop .no_sort span {
  display: block;
  /* background: #f0f0f0;
  color: #404040; */
  padding: 0px 5px;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  /* font-size: 0.9em; */
}

body.free #content .main_content .qc_shop .sort {
  cursor: pointer;
}


body.free #content .main_content .qc_shop .sort.active:not(.hideactive)[rel~=ASC]::after,
body.free #content .main_content .qc_shop .sort.active:not(.hideactive)[rel~=DESC]::after {
  content: " ";
  position: absolute;
  right: 9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 4px 4px;
  border-color: transparent transparent #FFFFFF transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
}

body.free #content .main_content .qc_shop .sort.active:not(.hideactive)[rel~=ASC]::after {
  top: 10px;
  bottom: auto;
}

body.free #content .main_content .qc_shop .sort.active:not(.hideactive)[rel~=DESC]::after {
  top: auto;
  bottom: 10px;
  transform: rotate(180deg);
}

body.free #content .main_content .qc_shop .sort.personal span {
  line-height: 24px;
}

body.free #content .main_content .qc_shop .no_sort {
  cursor: default;
}

body.free #content .main_content .qc_shop.schmal .shop_output:not(.bigfilter) .shop_filter {
  width: calc(22% - 5px);
  padding: 0 5px 100px 20px;
  overflow-y: scroll;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  height: 80vh;
  /*Scrollbar Firefox*/
  scrollbar-width: thin;
  scrollbar-color: rgb(136, 136, 136) rgb(179, 177, 177);
  scrollbar-highlight-color: rgb(68, 68, 68);
}

body.free #content .main_content .qc_shop.schmal .shop_output:not(.bigfilter) .shop_filter .fixed {
  background: #FFFFFF;
  padding: 5px 5px 100px 20px;
}

body.free #content .main_content .qc_shop.schmal .shop_output:not(.bigfilter) .shop_filter::-webkit-scrollbar {
  width: 12px;
}

body.free #content .main_content .qc_shop.schmal .shop_output:not(.bigfilter) .shop_filter::-webkit-scrollbar-track {
  background: rgb(179, 177, 177);
  border-radius: 10px;
}

body.free #content .main_content .qc_shop.schmal .shop_output:not(.bigfilter) .shop_filter::-webkit-scrollbar-thumb {
  background: rgb(136, 136, 136);
  border-radius: 10px;
}

body.free #content .main_content .qc_shop.schmal .shop_output:not(.bigfilter) .shop_filter::-webkit-scrollbar-thumb:hover {
  background: rgb(100, 100, 100);
  border-radius: 10px;
}

body.free #content .main_content .qc_shop.schmal .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.schmal .shop_output:not(.bigfilter) .shop_filter .scrollbox .menuegroup .warengruppe_wahl {
  display: none;
}

body.free #content .main_content .qc_shop.schmal .shop_output:not(.bigfilter) .inner_shop_output {
  width: 78%;
}

body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline ul.katlist li ul li a,
ul.katlist li ul li body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline a,
body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline ul.katlist li ul li .blaettern .leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .leer,
body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .blaettern ul.katlist li ul li .leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .leer {
  width: 30%;
  padding: 8px 0px 5px 5px;
}

body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline h4.narrow,
body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline ul.katlist li ul li a.narrow,
ul.katlist li ul li body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline a.narrow,
body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline ul.katlist li ul li .blaettern .narrow.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .narrow.leer,
body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .blaettern ul.katlist li ul li .narrow.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .narrow.leer {
  width: 22%;
}

body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline h4.medium,
body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline ul.katlist li ul li a.medium,
ul.katlist li ul li body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline a.medium,
body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline ul.katlist li ul li .blaettern .medium.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .medium.leer,
body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .blaettern ul.katlist li ul li .medium.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .medium.leer {
  width: 40%;
}

body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline h4.half,
body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline ul.katlist li ul li a.half,
ul.katlist li ul li body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline a.half,
body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline ul.katlist li ul li .blaettern .half.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .half.leer,
body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .blaettern ul.katlist li ul li .half.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .half.leer {
  width: 50%;
}

body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline h4.wide,
body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline ul.katlist li ul li a.wide,
ul.katlist li ul li body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline a.wide,
body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline ul.katlist li ul li .blaettern .wide.leer,
ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .wide.leer,
body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .blaettern ul.katlist li ul li .wide.leer,
.blaettern ul.katlist li ul li body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .wide.leer {
  width: 60%;
}

body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .eingaben.wide {
  width: calc(40% - 16px);
}

body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .eingaben.sliderbox {
  padding-right: 4px;
}

body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .reset_line::after {
  left: 6px;
}

body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .range-slider {
  width: 40%;
  padding: 7px 6px 0px 15px;
}

/* body.free #content .main_content .qc_shop.schmal .shop_filter .optiongroup .filterline .slideroutput {
  width: 60%;
} */

body.free #content .main_content .qc_shop.schmal .shop_filter #fl_verf .ibox.box_verf_st {
  width: 150px;
}

body.free #content .main_content .qc_shop.schmal .shop_filter #fl_verf .ibox.box_verf_heute {
  width: 70px;
  margin-left: 13px;
  margin-top: 2px;
}

body.free #content .main_content .qc_shop.schmal .shop_filter #fl_verf .ibox.box_verf_date {
  margin-top: 2px;
}

body.free #content .main_content .qc_shop.schmal .shop_filter #fl_verf .ibox.box_verf_date input#verf_date {
  height: 1.65rem;
  margin-top: 3px;
}

body.free #content .main_content .qc_shop.schmal .scrollbox#scrollbox_wk .wk_frame .wk_footer {
  width: calc(22% - 10px);
}

body.free #content .main_content .qc_shop.schmal #show_filter {
  left: calc(22% - 220px);
}

.fancybox-overlay:not(.transp) {
  background-image: none !important;
  background-color: #FFFFFF !important;
}

.fancybox-wrap:not(.fancybox-type-iframe) .fancybox-skin {
  padding: 0 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  color: #333333 !important;
  background: #FFFFFF !important;
  border: none !important;
}

.fancybox-wrap:not(.fancybox-type-iframe) .fancybox-title.fancybox-title-inside-wrap {
  background: #FFFFFF !important;
  border-top: 1px solid #cccccc;
  padding: 10px 20px 10px 20px;
  /* font-size: 1.2em; */
  margin-top: 10px;
  line-height: 1.1em;
  font-weight: 700;
  text-align: center;
  color: black;
}

.fancybox-wrap:not(.fancybox-type-iframe) .fancybox-descr.fancybox-descr-inside-wrap {
  background: #FFFFFF !important;
  padding: 0 0 15px 0;
  font-size: 0.95em;
  text-align: center;
  line-height: 1.4em;
}

.fancybox-wrap:not(.fancybox-type-iframe) .fancybox-nav {
  width: 20%;
}

.fancybox-wrap:not(.fancybox-type-iframe) .fancybox-nav span {
  background-image: none;
  width: 100px;
  height: 100px;
  text-align: center;
  margin-top: -50px;
  opacity: 0.5;
  color: #b3b3b3;
}

.fancybox-wrap:not(.fancybox-type-iframe) .fancybox-nav span:before {
  font-family: "FontAwesome";
  font-size: 100px;
  line-height: 100px;
}

.fancybox-wrap:not(.fancybox-type-iframe) a.fancybox-prev,
.fancybox-wrap:not(.fancybox-type-iframe) .blaettern .fancybox-prev.leer,
.blaettern .fancybox-wrap:not(.fancybox-type-iframe) .fancybox-prev.leer {
  position: fixed;
  left: 0;
  border-bottom: none;
}

.fancybox-wrap:not(.fancybox-type-iframe) a.fancybox-prev span,
.fancybox-wrap:not(.fancybox-type-iframe) .blaettern .fancybox-prev.leer span,
.blaettern .fancybox-wrap:not(.fancybox-type-iframe) .fancybox-prev.leer span {
  left: 0;
}

.fancybox-wrap:not(.fancybox-type-iframe) a.fancybox-prev span:before,
.fancybox-wrap:not(.fancybox-type-iframe) .blaettern .fancybox-prev.leer span:before,
.blaettern .fancybox-wrap:not(.fancybox-type-iframe) .fancybox-prev.leer span:before {
  content: "\f104";
}

.fancybox-wrap:not(.fancybox-type-iframe) a.fancybox-next,
.fancybox-wrap:not(.fancybox-type-iframe) .blaettern .fancybox-next.leer,
.blaettern .fancybox-wrap:not(.fancybox-type-iframe) .fancybox-next.leer {
  position: fixed;
  right: 0;
  border-bottom: none;
}

.fancybox-wrap:not(.fancybox-type-iframe) a.fancybox-next span,
.fancybox-wrap:not(.fancybox-type-iframe) .blaettern .fancybox-next.leer span,
.blaettern .fancybox-wrap:not(.fancybox-type-iframe) .fancybox-next.leer span {
  right: 0;
}

.fancybox-wrap:not(.fancybox-type-iframe) a.fancybox-next span:before,
.fancybox-wrap:not(.fancybox-type-iframe) .blaettern .fancybox-next.leer span:before,
.blaettern .fancybox-wrap:not(.fancybox-type-iframe) .fancybox-next.leer span:before {
  content: "\f105";
}

.fancybox-wrap:not(.fancybox-type-iframe) a.fancybox-close,
.fancybox-wrap:not(.fancybox-type-iframe) .blaettern .fancybox-close.leer,
.blaettern .fancybox-wrap:not(.fancybox-type-iframe) .fancybox-close.leer {
  position: fixed;
  right: 0px;
  top: 0px;
  width: 100px;
  height: 100px;
  background-image: none;
  text-align: center;
  text-decoration: none !important;
  color: #b3b3b3;
  opacity: 0.2;
}

.fancybox-wrap:not(.fancybox-type-iframe) a.fancybox-close.transp,
.fancybox-wrap:not(.fancybox-type-iframe) .blaettern .fancybox-close.transp.leer,
.blaettern .fancybox-wrap:not(.fancybox-type-iframe) .fancybox-close.transp.leer {
  opacity: 1;
}

.fancybox-wrap:not(.fancybox-type-iframe) a.fancybox-close:hover,
.fancybox-wrap:not(.fancybox-type-iframe) .blaettern .fancybox-close.leer:hover,
.blaettern .fancybox-wrap:not(.fancybox-type-iframe) .fancybox-close.leer:hover {
  opacity: 0.7;
}

.fancybox-wrap:not(.fancybox-type-iframe) a.fancybox-close:before,
.fancybox-wrap:not(.fancybox-type-iframe) .blaettern .fancybox-close.leer:before,
.blaettern .fancybox-wrap:not(.fancybox-type-iframe) .fancybox-close.leer:before {
  content: "\f00d";
  font-family: "FontAwesome";
  font-size: 50px;
  line-height: 100px;
}

@media (max-width: 1280px) {
  body.free #content .main_content .qc_shop .rabattcheck {
    left: 0;
    width: 100%;
    min-width: 0;
  }
}



@media (max-width: 1280px) and (max-width: 950px) {

  body.free #content .main_content .qc_shop #warenkorb,
  body.free #content .main_content .qc_shop #wkbutt {
    display: block;
  }
}

@media (max-width: 1280px) and (max-width: 950px) {

  body.free #content .main_content .qc_shop .shop_output .headline_shop h1 img,
  body.free #content .main_content .qc_shop .shop_output .headline_shop h2.bigger img,
  body.free #content .main_content .qc_shop .shop_output .headline_shop h3.bigger img,
  body.free #content .main_content .qc_shop .shop_output .headline_shop h4.bigger img,
  body.free #content .main_content .qc_shop .shop_output .headline_shop ul.katlist li>a.bigger img,
  ul.katlist body.free #content .main_content .qc_shop .shop_output .headline_shop li>a.bigger img,
  body.free #content .main_content .qc_shop .shop_output .headline_shop ul.katlist li ul li a.bigger img,
  ul.katlist li ul li body.free #content .main_content .qc_shop .shop_output .headline_shop a.bigger img,
  body.free #content .main_content .qc_shop .shop_output .headline_shop ul.katlist .blaettern li>.bigger.leer img,
  ul.katlist .blaettern body.free #content .main_content .qc_shop .shop_output .headline_shop li>.bigger.leer img,
  body.free #content .main_content .qc_shop .shop_output .headline_shop .blaettern ul.katlist li>.bigger.leer img,
  .blaettern ul.katlist body.free #content .main_content .qc_shop .shop_output .headline_shop li>.bigger.leer img,
  body.free #content .main_content .qc_shop .shop_output .headline_shop ul.katlist li ul li .blaettern .bigger.leer img,
  ul.katlist li ul li .blaettern body.free #content .main_content .qc_shop .shop_output .headline_shop .bigger.leer img,
  body.free #content .main_content .qc_shop .shop_output .headline_shop .blaettern ul.katlist li ul li .bigger.leer img,
  .blaettern ul.katlist li ul li body.free #content .main_content .qc_shop .shop_output .headline_shop .bigger.leer img {
    display: block !important;
    float: none !important;
    margin-bottom: 10px;

  }
}

@media (max-width: 1280px) {

  body.free #content .main_content .qc_shop .shop_output .headline_shop.bigfilter,
  body.free #content .main_content .qc_shop .shop_output.bigfilter .shop_filter {
    margin-left: 0%;
    width: 100%;
  }

  body.free #content .main_content .qc_shop .shop_output .headline_shop.bigfilter .inner_shop_output,
  body.free #content .main_content .qc_shop .shop_output.bigfilter .shop_filter .inner_shop_output {
    width: 100%;
  }
}

@media (max-width: 1280px) {
  body.free #content .main_content .qc_shop.schmal .shop_output:not(.bigfilter) {
    width: 1280px;
    overflow-x: scroll;
  }

  body.free #content .main_content .qc_shop.schmal .shop_output:not(.bigfilter).row_100 {
    max-width: 1280px !important;
  }

  body.free #content .main_content .qc_shop.schmal .shop_output:not(.bigfilter) .shop_filter {
    width: 24.5%;
  }

  body.free #content .main_content .qc_shop.schmal .shop_output:not(.bigfilter) .shop_filter .warengruppen .kastengroup .kasten {
    width: 50%;
  }
}

@media only screen and (max-width: 1280px) and (max-width: 40em) and (max-width: 500px) {
  body.free #content .main_content .qc_shop.schmal .shop_output:not(.bigfilter) .shop_filter .warengruppen .kastengroup .kasten {
    width: 50% !important;
  }
}

@media (max-width: 1280px) {
  body.free #content .main_content .qc_shop.schmal .shop_output:not(.bigfilter) .shop_filter .warengruppen .kastengroup .kasten .pic {
    display: none !important;
  }
}

@media (max-width: 1280px) {
  body.free #content .main_content .qc_shop.schmal .shop_output:not(.bigfilter) .inner_shop_output {
    width: 75%;
  }
}

@media (max-width: 1280px) {

  body.free #content .main_content .qc_shop #dialog:not(.ask),
  body.free #content .main_content .qc_shop #dialog_adresse:not(.ask) {
    height: 100%;
  }

  body.free #content .main_content .qc_shop #dialog>span,
  body.free #content .main_content .qc_shop #dialog_adresse>span {
    position: absolute;
  }

  body.free #content .main_content .qc_shop #dialog>span,
  body.free #content .main_content .qc_shop #dialog_adresse>span {
    position: relative;
    display: table;
    width: auto;
    top: 0;
    bottom: auto;
    margin-top: 200px;
    padding: 50px 70px 60px 70px;
    text-align: center;
    border-top: 40px solid #ffc42d;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3) !important;
  }
}

.filter_submit_button_textinput {
  max-width: 30px;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  filter: Alpha(opacity=20);
  opacity: 0.2;
  moz-opacity: 0.2;
  background: #e6e6e6 !important;
  cursor: default; */
}

.speicherpakete_button {
  height: auto !important;
}

.speicherpakete_button a,
.speicherpakete_button .blaettern .leer,
.blaettern .speicherpakete_button .leer {
  margin: 0;
}

.rabattcheck_padding {
  padding: 0.5rem 0rem;
}

.webshop_links {
  display: flex;
  justify-content: center;
}

.content:not(.row_100) .webshop_links .quickshop_link {
  display: none;
}

.bigfilter #fl_freitext,
.bigfilter #fl_verf {
  display: none;
}

.usernavi {
  background: var(--light_grey);
}

.usernavi ul,
.usernavi ul li a,
.usernavi ul li .blaettern .leer,
.blaettern .usernavi ul li .leer {
  color: var(--activ_blue);
  text-decoration: none;
}

.usernavi ul li:not(:last-child) {
  border-right: 1px solid var(--activ_blue);
}

.navicol a.mein_qp,
.blaettern .mein_qp.leer {
  background: linear-gradient(var(--button_grey_light), var(--button_grey_dark));
  border: none;
}

.main_content #shop_output:not(.bigfilter) .kasten .pic:not(.logo):not(.qc) img,
.main_content .fixed .kasten .pic:not(.logo) img {
  /* height: 90px; */
  padding: 10px;
}

.main_content .bigfilter .kasten:not(.qc) .pic img {
  height: 10rem;
  padding: 15px;
}


body.free #content .main_content .qc_shop .shop_filter .menuegroup .warengruppen .kastengroup .kasten.active .link span {
  background: var(--light_blue);
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk .wk_frame #warenkorb_shop {
  height: auto;
}

/*WK volle Breite*/
body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.opened {
  padding: 30px;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.opened .wk_frame .wk_footer {
  display: none;
}

body.free #content .main_content .qc_shop .scrollbox#scrollbox_wk.opened {
  border-top: 5px solid rgba(255, 255, 255, 0);
  border-bottom: 5px solid rgba(255, 255, 255, 0);
}

body.free #content .main_content .qc_shop .shop_output .inner_shop_output.wk_qc {
  padding: 20px;
}

body.free #content .main_content .qc_shop .wk_frame .shoplist .entry {
  background: var(--light_grey);
}

body.free #content .main_content .qc_shop .shoplist .entry .demo_field {
  background: var(--not_activ_grey) !important;
}

body.free #content .main_content .qc_shop .shoplist .demo_hinweis_container {
  background: var(--dark_grey) !important;
}

#objektdaten #choose,
#objektdaten .fakebutton.yellow.block,
#calctool #choose,
#calctool .fakebutton.yellow.block {
  /* border: none; */
  /* color: #000000; */
  /* background: linear-gradient(var(--dark_yellow), var(--yellow)); */
}

#objektdaten #choose:hover,
#objektdaten .fakebutton.yellow.block:hover,
#calctool #choose:hover,
#calctool .fakebutton.yellow.block:hover {
  /* background: linear-gradient(var(--yellow), var(--dark_yellow)); */
  /* opacity: 1; */
}

.overlay {
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  z-index: 1000;
  display: flex;
  justify-content: center;
}

.overlay.text {
  align-items: center;
  font-size: 2em;
  transition: 1s;
  color: #fff;
}

.overlay.text:not(.hidden_text):hover {
  background-color: rgba(0, 0, 0, 0.6);
}

.overlay.text.hidden_text {
  color: transparent;
}

.loader_circle {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 100%;
  border: solid;
  border-color: #fff var(--light_blue) #fff #fff;
  animation: ani_loader_circle 1s linear infinite;
  margin-top: 10%;
}

@keyframes ani_loader_circle {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

#banner_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 1000000000;
}

#banner_container .banner {
  width: 100%;
  background-color: var(--light_grey);
  border-top: 3px solid var(--grey);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  /* margin-top: 5px; */
  position: relative;
  /* font-size: 0.8rem; */
  font-weight: bold;
}

#banner_container .banner .banner_content {
  transition-duration: 0s;
  padding: 0 20%;
  text-align: center;
}

#banner_container .banner .banner_close {
  position: absolute;
  top: 5px;
  right: 10px;
  font-weight: 900;
  font-size: 1.25em;
  cursor: pointer;
  display: none;
}

#banner_container .banner .banner_close:hover {
  color: unset !important;
}

#banner_container .banner.with_close .banner_close {
  display: block;
  color: #000;
}

#banner_container .banner,
#banner_container .banner * {
  transition: 0.8s;
}

#banner_container .banner.banner_fade,
#banner_container .banner.banner_fade * {
  height: 0;
  padding: 0;
  margin: 0;
  border: none;
}

/* #banner_container .banner[data-type=ok] {
  background-color: var(--green_pastel);
  border-color: var(--dark_green_pastel);

}

#banner_container .banner[data-type=warning] {
  background-color: var(--yellow_pastel);
  border-color: var(--dark_yellow_pastel);
}

#banner_container .banner[data-type=error] {
  background-color: var(--red, hsl(0, 91%, 60%));
  border-color: var(--dark_red, hsl(0, 99%, 38%));
  color: white;
} */

#banner_container .banner[data-type=error] .banner_close {
  display: block;
  color: white;
}


#banner_container .banner {
  background: var(--light_red);
  border: 3px solid var(--dark_red);
}

#popup_container {
  position: fixed;
  z-index: 1000000000000;
}

#popup_container .popup {
  width: 100%;
  height: 100%;
  position: fixed;
}

#popup_container .popup_background {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

#popup_container .popup_window {
  background-color: #ccc;
  padding: 70px 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: fit-content;
  max-height: 80vh;
  overflow-y: auto;
}

#popup_container .popup_window:not(.special) {
  background: var(--light_red);
  border: 3px solid var(--dark_red);
  font-weight: bold;
}

#popup_container .special {
  background-color: var(--light_grey);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.special .popup_content {
  max-width: 60%;
}

#popup_container .popup_window .popup_close {
  position: absolute;
  top: 5px;
  right: 10px;
  font-weight: 900;
  font-size: 1.25em;
  cursor: pointer;
}

#popup_container .popup_window .popup_close:hover {
  color: unset !important;
}

#popup_container .popup_window .popup_confirm,
#popup_container .popup_window .popup_prompt {
  display: none;
  width: 100%;
  justify-content: center;
  /* gap: 3px; */
}

#popup_container .popup_window.confirm .popup_confirm,
#popup_container .popup_window#loading .popup_confirm,
#popup_container .popup_window.teilnahmebed .popup_confirm,
#popup_container .popup_window#confirm_article .popup_confirm {
  display: flex;
}

#popup_container .popup_window.confirm .popup_close,
#popup_container .popup_window#loading .popup_close,
#popup_container .popup_window.teilnahmebed .popup_close,
#popup_container .popup_window#confirm_article .popup_close,
#popup_container .popup_window.prompt .popup_close {
  display: none;
}

#popup_container .popup_window.prompt .popup_prompt {
  display: block;
}

#popup_container .popup_window .popup_prompt .popup_accept {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
}


/* Gestaltungskonzept */

button {
  font-weight: bold;
  text-align: center;
  font-size: 13px;
  padding: 8px 11px;
  border-radius: 5px;
  box-shadow: 2px 1px 4px 0px #00000042;
  border: none;
  width: fit-content;
  cursor: pointer
}

.standard {
  background: linear-gradient(var(--button_grey_light), var(--button_grey_dark));
  color: black;
}

.standard:hover {
  background: linear-gradient(var(--button_hover_light), var(--button_hover_dark));
}

.highlight,
.hinweis_demo a {
  color: black;
  background: linear-gradient(var(--highlight_light), var(--highlight_dark));
}

.hinweis_demo a {
  font-weight: bold;
  text-align: center;
  font-size: 13px;
  border-radius: 5px;
  box-shadow: 2px 1px 4px 0px #00000042;
  border: none;
  width: fit-content;
  cursor: pointer;
  background: linear-gradient(var(--highlight_light), var(--highlight_dark));
  padding: 5px 10px;
  text-decoration: none;
}

.highlight:hover,
.hinweis_demo a:hover {
  background: linear-gradient(var(--highlight_hover_light), var(--highlight_hover_dark));
  color: black;
}

button.inactive {
  opacity: 1;
  background: var(--light_grey);
  border: 1px solid var(--not_activ_grey);
  color: var(--not_activ_grey);
  pointer-events: none;
  box-shadow: none;
  cursor: default;
}

/* Schaltfläche */
.schaltflaeche {
  font-size: 13px;
  background: var(--BG_NEUTRAL_SCHALTFLAECHE);
  color: black;
  text-align: center;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: none;
}

.skonto .schaltflaeche,
.waehrung .schaltflaeche {
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.schaltflaeche.zahlungsart {
  display: block;
  width: 100%;
}

.shop_output .schaltflaeche {
  height: unset;
}

.schaltflaeche_parent.active img {
  filter: brightness(3);
}

.schaltflaeche_parent:not(.active) .filter_name {
  background: var(--activ_blue);
}

.schaltflaeche_parent.active .filter_name {
  background: var(--not_activ_grey);
}


.schaltflaeche_parent:not(.active) .filter_name p {
  color: white;
}

.schaltflaeche.active,
.schaltflaeche.checked,
.active:not(.content):not(.step):not(.map):not(.filterline) .schaltflaeche {
  background: var(--activ_blue);
  color: white;
  pointer-events: none;
}

.schaltflaeche.checked {
  pointer-events: all;
}

div:not(.schaltflaeche_parent:not(.active)) .schaltflaeche:hover,
.schaltflaeche_parent:not(.active):hover .schaltflaeche {
  background: var(--grau_auswahlfeld);
  color: black;
}

/* Auswahlfeld */
.auswahlfeld {
  font-size: 13px;
  background: var(--not_activ_grey);
  padding: 5px;
  text-align: center;
  cursor: pointer;
}

.auswahlfeld.active,
.auswahlfeld.checked {
  background: var(--grau_auswahlfeld);
  border: 3px solid var(--activ_blue);
  padding: 2px;
}

.auswahlfeld:not(.active):not(.checked):hover {
  background: var(--grau_auswahlfeld);
}

.auswahlfeld.kasten p {
  background: var(--activ_blue);
  color: white;
  height: 100%;
  padding: 5px;
}

/* Registerkarte */
.registerkarte_wrapper {
  border-bottom: 10px solid var(--activ_blue);
}

.registerkarte:not(.button_table_end) {
  font-size: 11px;
}


/* Registerkarte 2. Ranges */
.tab_header .tab:not(.gs).active {
  margin-left: -10px;
}

.tab_header .tab[data-tab="1"].active:not(.gs) {
  margin-left: 0;
  margin-right: -10px;
}

.tab_header .tab.gs {
  padding: 7px 10px;
  width: 50%;
  white-space: nowrap;
  cursor: pointer;
}

.tab_header .tab.gs.active {
  padding: 10px;
}

/* Normal */
.registerkarte:not(.active) .hint,
.registerkarte:not(.active) .half_top,
.registerkarte:not(.active) .half_bottom,
.registerkarte:not(.active) .gesamtleistung {
  background: var(--not_activ_grey);
}

.registerkarte:not(.active) .half_top,
.registerkarte:not(.active) .half_bottom {
  border-color: var(--not_activ_grey);
}

.registerkarte:not(.active).can_jump:hover {
  filter: brightness(90%);
}

/* Aktiv */
.registerkarte.active:not(.price) .hint,
.registerkarte.active:not(.price) .half_top,
.registerkarte.active:not(.price) .half_bottom,
.registerkarte.active:not(.price) .gesamtleistung {
  background: var(--activ_blue);
  color: white;
}

.registerkarte.active:not(.price) .half_top,
.registerkarte.active:not(.price) .half_bottom {
  border-color: var(--activ_blue);
}

/* Preis */
.registerkarte.price .hint,
.registerkarte.price .half_bottom,
.registerkarte.price .half_top,
.registerkarte.price .gesamtleistung {
  background: var(--light_green);
}

.registerkarte.price .half_top,
.registerkarte.price .half_bottom {
  border-color: var(--light_green);
}

.registerkarte:not(.can_jump):not(.visited):not(.button_table_end) {
  opacity: 0.5;
}

/* Weiter Button */
.skipper {
  font-size: 13px;
}

.registerkarte.active .ok_next .half_top {
  box-shadow: 5px 6px 5px var(--shadow_black);
  background: linear-gradient(var(--highlight_dark), var(--highlight_light));
}

.registerkarte.active .ok_next .half_bottom {
  box-shadow: 5px 6px 5px var(--shadow_black);
  background: linear-gradient(var(--highlight_light), var(--highlight_dark));
}

.registerkarte.active .ok_next:hover .half_top {
  background: linear-gradient(var(--highlight_hover_dark), var(--highlight_hover_light));
}

.registerkarte.active .ok_next:hover .half_bottom {
  background: linear-gradient(var(--highlight_hover_light), var(--highlight_hover_dark));
}

.registerkarte.active .ok_next.inactive .half_top,
.registerkarte.active .ok_next.inactive .half_bottom {
  background: var(--light_grey);
  border: 1px solid var(--not_activ_grey);
  color: var(--not_activ_grey);
  pointer-events: none;
  box-shadow: none;
}

.registerkarte.active .ok_next.inactive .half_bottom {
  border-top: unset;
}

.registerkarte.active .ok_next.inactive .half_top {
  border-bottom: unset;
}

.registerkarte:not(.active) button {
  display: none;
}

/* Überschrift 1 */
h1 {
  font-size: 18px;
}

.title {
  font-size: 18px;
  margin-top: 10px;
  color: white;
  font-weight: bold;
  width: 100%;
  text-align: left;
  background: var(--light_blue);
  margin-bottom: 5px;
  padding: 10px;
}


.title.flex.space_between {
  height: 47px;
}

/* Überschrift 2 */
h2 {
  font-size: 16px;
}

.title h2 {
  margin: 0;
}

.subtitle {
  font-size: 16px;
  color: var(--light_blue);
  border-bottom: 2px solid var(--light_blue);
  font-weight: bold;
  width: 100%;
  line-height: 30px;
  margin-bottom: 2px;
  display: flex;
}

.subtitle .tooltip,
.title_small .tooltip {
  position: relative;
  right: -10px;
  top: 0px;
}

.angeb_inhalte .subtitle,
.angeb_inhalte .title_small {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 5px;
}

/* Überschrift klein */
h3 {
  font-size: 14px;
}

.title_small {
  font-size: 14px;
  color: var(--text_grey);
  font-weight: bold;
  width: 100%;
  border-bottom: 2px solid var(--light_blue);
}

/* Text */
p {
  font-size: 13px;
  color: var(--black);
}

.text_small {
  font-size: 11px;
}

.text_normal {
  font-size: 13px;
  font-weight: normal;
}

/* Link */
a {
  color: var(--activ_blue);
  font-size: 13px;
}

a:hover {
  text-decoration: none;
}

.tabs a {
  color: black;
}

.white {
  color: white;
}

/* Anmerkungen */
.anmerkung,
.hinweis {
  font-size: 11px;
  font-style: italic;
}

/* Warenkorb Titel */
.tab:not(.gs) .wk_title_min {
  background-image: url(/include/quickcalc/pics/wkorb_white.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 29px;
  padding-left: 40px;
  background-position-y: -3px;
}


.tab:not(.active):not(.gs) .wk_title_min {
  background-image: url(/include/quickcalc/pics/wkorb_black.png);
}

/* Layout Grid */
.vier_spalten {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1%;
}

.drei_spalten {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  gap: 3px;
  width: 100%;
  align-items: center
}

.drei_spalten.datenschutz {
  grid-template-columns: auto 1fr 1fr;
}

.drei_fr {
  grid-template-columns: 1fr 1fr 1fr;
}

.zwei_spalten {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  align-items: center;
  width: 100%;
  /* grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) */
}

.zwei_spalten>button:not(#search_product_all) {
  width: 100%;
}

@media screen and (max-width:1000px) {
  .zwei_spalten.align_start {
    grid-template-columns: 1fr;

  }

  .row {
    width: calc(100% - 60px);
    margin-left: 30px;
  }

  .row .row {
    margin: 0;
    width: 100%;
  }

  .schaetzung_komplett {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width:1400px) {

  .row {
    width: calc(100% - 60px);
    margin-left: 30px;
  }

  .row .row {
    margin: 0;
    width: 100%;
  }
}

.word_break {
  word-break: break-word;
}

/* 
.greybox .zwei_spalten .zwei_spalten,
.greybox.zwei_spalten .zwei_spalten:not(#brutto_netto){
  grid-template-columns: 2fr 1fr;
} */
.halbe_weite {
  grid-template-columns: 50% 50%;
}

.zwei_spalten_breit {
  grid-column: span 2;
}

.drei_spalten.small_column {
  grid-template-columns: 25% 25% 25%;
}

.eine_spalte {
  display: flex;
  align-items: center;
  gap: 3px;
  justify-content: space-between;
  flex-direction: row;
}

.range-slider:not(.pers_sort) {
  display: none !important;
}

.leiste {
  background: var(--light_grey);
  padding: 10px;
}

.box_grey {
  background: var(--light_grey);
}

.flex {
  display: flex;
}

.space_between {
  display: flex;
  justify-content: space-between;
}

.speicher_bild {
  height: 25px;
}

/* Input Felder */
input:not([type="checkbox"]),
textarea {
  box-shadow: inset 2px 2px 1px rgba(0, 0, 0, 0.2);
  border: none;
  border: 1px solid var(--dark_grey);
  background: white;
  color: var(--black);
  font-size: 13px;
  padding: 5px;
  width: 100%;
  min-height: 30px;
}

input:focus {
  border-radius: 0;
  outline: none;
}

/* Wk hinzufügen Button */

.order button.add_art {
  display: flex;
  align-items: center;
  justify-content: center;
}


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

/* Shop Entry */

.entry {
  background: var(--light_grey);
  cursor: pointer;
}

.entry:hover {
  background: var(--dark_grey);
}

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

/* Produktblatt Button */
.pb_link {
  position: absolute;
  bottom: 20px;
  right: 20px;

  bottom: 155px;
  right: 10px;
}


.prodlink .title_small {
  width: 80%;
}

/* BigFilter */

.bigfilter .title,
.bigfilter .main_reset,
.bigfilter .show_all,
.bigfilter .auswahl,
.bigfilter .subtitle,
.bigfilter .all_options {
  display: none;
}

.bigfilter .warengruppe_wahl {
  padding: 15px 0px;
  border-bottom: 3px solid var(--activ_blue);
}

/* Filter Verfügbarkeit Freitext */
#fl_freitext button,
#fl_verf button {
  padding: 7px 11px;
}

#fl_freitext #filter_submit_freitext {
  position: absolute;
}

#fl_freitext .zwei_spalten_breit,
#fl_verf .zwei_spalten_breit {
  display: grid;
  grid-template-columns: 60% 20% 20%;
  justify-items: end;
  align-items: center;
}

.box_verf_heute {
  justify-content: center;
  height: 26px;
}

.box_verf_date {
  width: 75px;
  align-items: baseline;
}

.verfblocker {
  align-items: baseline;
}

.alle.warengruppen_13_options .schaltflaeche_parent,
.alle.warengruppen_12_options .schaltflaeche_parent {
  display: none;
}

/* Filter Input Felder */
.slideroutput:not(.zwei_spalten_breit) div {
  display: grid;
  gap: 5px;
  /* grid-template-columns: 25% 45% 15%; */
  grid-template-columns: 2fr 1fr;
  align-items: baseline;
  overflow: hidden;
}

.slideroutput.zwei_spalten_breit div {
  display: grid;
  gap: 5px;
  grid-template-columns: 1fr 2fr 1fr;
  align-items: baseline;
}

.slideroutput div:hover {
  overflow: visible;
}

.slideroutput span {
  background: white;
  box-shadow: inset 2px 2px 1px rgba(0, 0, 0, 0.2);
  border: none;
  background: white;
  color: var(--black);
  font-size: 13px;
  font-weight: bold;
}

.sliderbox input {
  font-weight: bold;
  position: absolute;
  text-align: right;
  padding: 0 2px;
  margin: 0;
  height: 20px;
}

/* Checkboxen */
input[type="checkbox"] {
  display: none;
}

#nutzungsbed,
#datenschutz,
#keine_wl,
#datenschutz input {
  display: block;
}

.auswahlfeld.ibox,
.schaltflaeche.ibox {
  padding: 3px;
  margin: 3px;
}

.auswahlfeld.ibox.active:not(.kasten) {
  padding: 1px;
  margin: 3px;
}

.zwei_spalten .ibox.size_1:not(.sonderangebot):not(.fundgrube_artikel) {
  grid-column: span 2;
}

/* Headerleiste QC */
.header_qc.greybox.lighter {
  background: var(--activ_blue);
}

.buttleiste .header {
  display: flex;
  justify-content: space-between;
}

.header .eine_spalte {
  gap: 20px;
}


/* .zwei_spalten .slideroutput {
  grid-column: 2;
} */

.filter_name {
  text-align: center;
  padding: 5px;
}


.show_all .schaltflaeche,
.all_options .schaltflaeche {
  padding: 5px;
}

.hinweisleiste {
  background: var(--light_red);
}

/* .with_hinweis .data_main {
  border: 3px solid var(--dark_red);
} */

/* Warenkorb */

.blue_headline.title {
  margin-top: 10px;
}

.title.wk {
  padding: 0;
  background: none;
  border-bottom: 3px solid var(--light_blue);
}

.title.wk .tab .wk_title_min {
  font-size: 18px;
}

.tab_header {
  display: flex;
  gap: 10px;
}


.tab:not(.active) {
  color: var(--black);
  overflow: hidden;
}

div:not(.scrollbox) .tab:not(.gs):not(.location):not(.map) {
  padding: 7px 10px;
  min-width: 50%;
  white-space: nowrap;
  cursor: pointer;
}

div:not(.scrollbox) .tab:not(.gs):not(.location):not(.map).active {
  padding: 10px;
}

.tab.active:not(.location) {
  background: var(--light_blue);
}

.tab.active {
  width: 100%;
}

.tab {
  background: var(--not_activ_grey);
  font-size: 13px;
}

.tab.active.gs {
  padding: 5px;
  min-height: 80px;
}

.tab:not(.active):hover {
  filter: brightness(90%);
}

.add_tab {
  font-weight: normal;
  cursor: pointer;
  padding: 10px 20px;
  background-color: var(--not_activ_grey);
  color: var(--black);
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 13px;
}

.gs .add_tab {
  height: 60px;
}

.add_tab:hover {
  filter: brightness(90%);
}

/* Filterleiste Reset Button */
/* .main_reset {
  position: absolute;
  top: 280px;
  z-index: 1000;
} */

/* .main_reset:not(.qc) {
  top: 250px;
  left: 245px;
}

.shop_filter.fixed .main_reset:not(.qc) {
  top: 18px;
  right: 30px;
} */

/* Kein Suchresult Screen */
.no_result p {
  color: white;
}

/* Pflicht */
.pflicht {
  border: 1px solid var(--yellow);
  background: var(--highlight_light);
}

.datenschutz .pflicht {
  padding: 10px 0px;

}

.datenschutz div {
  width: 62px;
}

.filterline .filter_title {
  word-wrap: break-word;
}


/* Produktblatt */
.pb_legende .schaltflaeche {
  background: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Ergebnisse */
.ergebnis_wert,
.greenbox .zwei_spalten p:not(.einheit).tright {
  font-weight: bold;
  padding-left: 10px;
}

.gesamtergebnis {
  background: var(--dark_green);
}

tr.gesamtergebnis {
  background-color: var(--dark_green) !important;
}

.zwischenergebnis {
  background: var(--light_green);
}


.zwischenergebnis.sum,
.zwischenergebnis.info,
.summe .zwischenergebnis,
.summe .gesamtergebnis {
  padding: 10px;
}

/* Warenkorb Summen */
.zahlungsart {
  padding: 5px;
}

.gesamtsumme_bottom {
  margin-top: 20px;
  width: 100%;
  float: left;
  border-top: 2px solid var(--activ_blue);
}

.inner .box_grey {
  min-height: 470px;
  padding: 0px 10px;
}

#abschluss .inner .box_grey {
  min-height: 150px;
}

#abschluss:not(:has(input[name="zahlungsart"]:checked)) .abschluss_butt {
    opacity: 1;
    background: var(--light_grey);
    border: 1px solid var(--not_activ_grey);
    color: var(--not_activ_grey);
    pointer-events: none;
    box-shadow: none;
}

textarea {
  font-family: inherit;
  font-size: 13px;
  width: 100%;
  padding: 5px;
}

input[type=radio] {
  display: none;
}

.size5 .inputline:not(.pright) {
  display: flex;
  justify-content: center;
}

.ptob.gesamtergebnis {
  margin-top: 10px;
}


#scrollbox_wk:not(.opened):not(.select_compare) .shoplist .gesamtsumme_bottom {
  display: none;
}

.summe:not(.wgr_bottom_1):not(.wgr_bottom_2) .info {
  visibility: hidden;
}

/* .scrollbox.opened .wgr_marker_container {
  min-height: 130px;
} */


.wgr_marker_container .summe {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

/* .scrollbox.opened .wgr_marker_container[data-wgr_idx="1"],
.scrollbox.opened .wgr_marker_container[data-wgr_idx="2"] {
  min-height: 165px;
} */

.adress .buttons {
  grid-row: 2;
  grid-column: span 5;
  padding-top: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

/* Abschluss Fenster */
.biggest {
  padding: 10px;
}

/* Endkundenangebotausgabe */
#header_abstand,
#header_profil {
  padding: 5px;
  margin: 10px;
}

/* Dialog */
#dialog.ask>span,
.dialog_content {
  border: 3px solid var(--dark_red);
  background: var(--light_red);
  padding: 50px 70px 60px 70px;
  text-align: center;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3)
}

.dmessage {
  padding: 15px;
}

.cbutts {
  display: flex;
  gap: 20px
}

.ask {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Header Leiste QS */

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

.filternavi .navibox {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.row.zwei_spalten {
  align-items: start;
  gap: 30px;
  height: 100%;
}

.flex_end {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  align-items: center;
  width: 100%;
}

.slidergroup {
  /* display: flex;
  gap: 15px;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 40px; */
}

/* Layout QP */

.mein_qp {
  padding: 0;
}

.greybox.zwei_spalten div:not(.zwei_spalten):not(#ergebnisse),
.greybox_element {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  gap: 10px;
}

.optional .zwei_spalten {
  margin-bottom: 2px;
}

.align_start {
  align-items: start;
}

.flex_center {
  justify-content: center;
}

.width_max {
  width: 100%;
}


.flex_column {
  flex-direction: column;
}

#moduleVertikal .auswahlfeld {
  width: fit-content !important;
  float: left;
  margin-left: 85px !important;
}

#eastwest .auswahlfeld {
  float: right;
  width: fit-content !important;
  margin-right: 85px !important;
}

#moduleRotation .slide_in,
#moduleEwRotation .slide_in {
  display: block !important;
}

.einheit {
  min-width: 85px;
}

.schaetzung_komplett.zwei_spalten {
  align-items: stretch;
}

.schaetzung_komplett.drei_spalten {
  padding: 10px 0px !important;
  gap: 7px !important;
}

.weiterbutts:not(.greybox) {
  width: fit-content;
  float: right;
}

.weiterbutts_pdf {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  flex-direction: column;
}

.weiterbutts_pdf button {
  width: 300px;
}

/* Textinput, Dropdown */
input:not([type="checkbox"]),
select {
  height: 2rem;
}

select {
  padding-right: 30px;
}

select option:disabled {
  background-color: white;
  color: var(--dark_grey);
}

.greybox input:not(#calc_bez_bauvorhaben):not(#location):not(#darlehen1):not(#pr):not(#nutzungsbed) {
  text-align: right;
  min-width: 60px;
}

.tab.location input[type="text"] {
  text-align: left;
  width: 400px;
}

input:not(.inactive):not([type="checkbox"]):not([readonly]):not(.pflicht):not([type="file"]):not(#calc_bez_bauvorhaben),
select:not(.inactive):not(.pflicht) {
  cursor: pointer;
  border: 1px solid var(--dark_grey);
  box-shadow: inset 2px 2px 1px rgba(0, 0, 0, 0.2);
}

input[type="file"] {
  background: transparent;
  box-shadow: none;
  border: none;
}

/* Registerkarte Klein */
.blocked .wrapper {
  display: none;
}

.wrapper.small {
  border-bottom: 3px solid var(--activ_blue);
  margin: 0;
  margin-bottom: 4px;
}

.wrapper.small .registerkarte {
  height: 43px;
  width: 125px;
}

.wrapper.small .registerkarte:not(.blass2) {
  opacity: 1;
}

.wrapper.small .fortschritt {
  justify-content: center;
}

.wrapper.small .parallelogram {
  height: 22px;
}

.wrapper.small .top p {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  width: 110px;
  height: 45px;
  margin-left: -15px;
  align-items: center;
}

.wrapper.small .active p {
  color: white;
}

/* Objektdaten Zusammenfassung Styling (separat um PDF Ausgabe nicht zu beeinflussen */


#objektdaten_zus .greybox {
  background: transparent;
}

#objektdaten_zus h1 {
  font-size: 16px;
  color: var(--light_blue);
  border-color: var(--activ_blue);
  background: transparent;
}

#objektdaten_zus h1 span {
  line-height: 30px;
}

#objektdaten_zus tr {
  font-size: 13px;
  background: var(--light_grey);
  width: 100%;
}

#objektdaten_zus td {
  height: 42px;
  vertical-align: middle;
}

#objektdaten_zus .zusdata .zus_erg.label {
  color: black !important;
  font-weight: normal !important;
  padding: 15px;
  font-size: 13px !important;
}

#objektdaten_zus .zusdata .zus_erg.ergebn {
  font-size: 13px !important;
  color: black !important;
}

#objektdaten_zus {
  margin-bottom: -2px;
}

/* Speicherdaten Tabelle  (separat um PDF Ausgabe nicht zu beeinflussen )*/
.speicherdaten h2 {
  color: var(--text_grey);
  border-bottom: 2px solid var(--light_blue);
  height: 42px;
  display: flex;
  align-items: center;
}

.speicherdaten {
  width: 100%;
}

.speicherdaten tr:not(:first-child) {
  font-size: 13px;
  background: var(--light_grey);
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 42px;
  vertical-align: middle;
  border-bottom: 2px solid white;
  padding-left: 15px;
  align-items: center;
  justify-items: start;
}

table.speicherdaten {
  border-collapse: collapse;
}


/* Seitenleiste */

.seitenleiste {
  position: fixed;
  left: 0;
  top: 50%;
  display: flex;
  flex-direction: column;
  border: unset;
  padding: 15px 5px;
  height: fit-content;
  transition: all ease-in-out 0.2s;
  gap: 10px;
  width: fit-content;
  background: var(--light_grey);
  height: fit-content;
  box-shadow: 2px 3px 6px rgb(0 0 0 / 38%);
  z-index: 1000;
}

.info:not(.zwischenergebnis) {
  text-align: center;
  height: fit-content;
  background: linear-gradient(var(--button_grey_light), var(--button_grey_dark));
  color: black;
  border-radius: 5px;
  padding: 5px 10px;
}


.info:not(.zwischenergebnis)::before {
  font-family: "FontAwesome";
  font-size: 17px;
  content: "\f129";
  padding: 1px 5px;
  font-weight: normal !important;
}


/* Projektdaten Fenster */
.info_window {
  position: absolute;
  position: fixed;
  top: 110px;
  left: 30px;
  z-index: 2000;
  background: white;
  box-shadow: 1px 1px 6px 6px #0000001f;
  width: 15%;
  top: 60%;
  height: 30%;
  left: 0;
  overflow-y: scroll;
  resize: both;
  /* max-height: 20%; */
  top: 0;
  left: 0;
}

.info_window p {
  font-size: 11px;
}

.info_window .head {
  cursor: move;
  background: var(--grey);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;


  position: sticky;
  top: 0;
  z-index: 10;
}

/* .info_window .head::before {
  content: "\f015";
  font-family: "FontAwesome";
  font-size: 40px;
  font-weight: normal !important;
  color: #000000;
  margin: -10px;
} */

.info_window .close {
  font-size: 20px;
  font-weight: 100;
  cursor: pointer;
  position: absolute;
  right: 15px;
  padding: 0px 5px;
}

.info_window .close:before {
  content: "\f00d";
  font-family: "FontAwesome";
}

@media screen and (max-width:1400px) {
  .info_window {
    width: 30%;
    max-height: 30%;
  }
}


@media screen and (max-width:1000px) {
  .info_window {
    width: 70%;
    max-height: 50%;
  }

  .info_window .head {
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* Nav Leiste QP */

.menuleiste {
  top: -2px;
  /* width: calc(100vw - 10px); */
  /* left: -15%; */
  background: var(--activ_blue) !important;
  margin-bottom: 10px;
}

.nav_qp.wrapper {
  margin: 0;
  margin-bottom: 20px;
}

.fortschritt_qp .hint,
.fortschritt_qp .visited .hint {
  height: 80px;
}

.fortschritt_qp .f_start {
  display: none !important;
}

.fortschritt_qp.fortschritt .registerkarte {
  width: 125px;
  height: fit-content;
  pointer-events: none;
}

.nav_qp .restart,
.fortschritt_qp.fortschritt .registerkarte.visited {
  cursor: pointer;
  pointer-events: all;
}

.nav_qp .restart:hover {
  opacity: 0.5;
}

.nav_qp .nav.right {
  right: 22%;
  top: 37px;
  top: 85px;
  cursor: pointer;
}

.nav_qp .nav.right .half_top {
  background: linear-gradient(var(--highlight_dark), var(--highlight_light));
}


.nav_qp .nav.right .button_text {
  position: absolute;
  height: 100px;
  width: 135px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}

.nav_qp .nav.right .parallelogram {
  border: none;
}

.nav_qp .nav.right .half_bottom {
  background: linear-gradient(var(--highlight_light), var(--highlight_dark));
}

.nav_qp .nav.right:hover .half_top {
  background: linear-gradient(var(--highlight_hover_dark), var(--highlight_hover_light));
}

.nav_qp .nav.right:hover .half_bottom {
  background: linear-gradient(var(--highlight_hover_light), var(--highlight_hover_dark));
}

.nav_qp .nav.right .inactive .parallelogram {
  border: none;
}

.nav_qp .nav.right .inactive .half_bottom {
  opacity: 1;
  background: var(--light_grey);
  border: 1px solid var(--not_activ_grey);
  color: var(--not_activ_grey);
  pointer-events: none;
  box-shadow: none;
  border-top: unset;
}

.nav_qp .nav.right .inactive .half_top {
  opacity: 1;
  background: var(--light_grey);
  border: 1px solid var(--not_activ_grey);
  color: var(--not_activ_grey);
  pointer-events: none;
  box-shadow: none;
  border-bottom: unset;
}

.nav_qp .nav.left {
  left: 15%;
  top: 85px;
  top: 135px;
  display: flex;
  gap: 25px;
}

@media screen and (max-width: 1860px) {
  .nav_qp .nav.left {
    left: 13%;
  }
}


@media screen and (max-width: 1750px) {
  .nav_qp .nav.left {
    left: 10%;
  }
}

@media screen and (max-width: 1600px) {
  .nav_qp .nav.right {
    right: 15%;
  }

  .nav_qp .nav.left {
    left: 6%;
  }
}

@media screen and (max-width: 1000px) {
  .nav_qp .nav.right {
    right: 25%;
  }
}

/* Navigation QC */
.large-10.large-push-1.columns.end .wrapper:not(.nav_qp) .nav.left {
  left: -165px !important;
}

.large-10.large-push-1.columns.end .wrapper:not(.nav_qp) .nav.right {
  right: 0px !important;
}

@media screen and (max-width: 1600px) {
  .large-10.large-push-1.columns.end .wrapper:not(.nav_qp) .nav.left {
    left: -10px !important;
  }
}

/* artikel Anzahl apply Button */
.wk_group_clone .anz_apply {
  position: absolute;
  right: -35px;
}

/* Animation Nutzungsbedifungen ausblenden */
@keyframes ausblenden {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
    height: 25px;
  }

  100% {
    height: 0px;
    /* display: none; */
    opacity: 0;
  }
}

.tt img {
  max-width: 100%;
}

.big_gap {
  gap: 25px;
}

body.free #content .main_content .qc_shop .shoplist .pb_container .entry:not(.clone) #pr {
  width: 20px;
}

.padding_min {
  padding: 10px 0px;
}


.padding_min.medium-6 img {
  padding: 10px;
}

.button_table_end {
  padding: 0px 110px;
  justify-content: flex-end;
}

body.free #content .main_content .qc_shop .slidergroup .inner.block2 .ibox .range-slider .ui-widget-content {
  background: white;
  border: 1px solid var(--dark_grey);
}

.tab_ul {
  border-bottom: 2px solid var(--activ_blue);
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-left: 0;
  gap: 5px;
}

.tab_ul li {
  margin: 0;
  padding: 0 !important;
  list-style: none;
}

.tab_ul li a {
  height: 100%;
}


.quickcalc_link.zwei_spalten_breit {
  display: flex;
  justify-content: center;
}

.button_table_end.active .ok_next {
  cursor: pointer;
}

.button_table_end.active .ok_next .button_text {
  padding: 0px 37px 0px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}


.button_table_end {
  position: absolute;
  top: 137px !important;
  right: 75px;
}

.button_pdf {
  width: 24%;
  display: flex;
  justify-content: flex-start;
  top: 79px;
}

.button_pdf.active .ok_next .button_text {
  padding: 10px 35px;
}


#pr {
  width: 60px;
}

#reset_filter_verf {
  grid-column: 3;
  z-index: 100000;
  position: absolute;
  right: 25px;
  top: 49px;
}

.demo .nav.left {
  left: 0%;
}

.demo .nav.right {
  right: 10%;
  top: 50px;
}

button.has_tt.inactive[rel="Anfrage"] {
  pointer-events: all;
}

button.has_tt.inactive[rel="Anfrage"]:hover {
  cursor: default;
}

button.has_tt[rel="Anfrage"]:not(.inactive) {
  background: linear-gradient(var(--button_grey_light), var(--button_grey_dark));
}

button.has_tt[rel="Anfrage"]:not(.inactive):hover {
  background: linear-gradient(var(--button_hover_light), var(--button_hover_dark));
}

button.has_tt[rel="Anfrage"]:not(.inactive):hover div {
  display: none;
}

#terminbox label.bold {
  font-weight: 700;
}

#liefertermin label[data-bold=true] {
  font-weight: bold;
}

#liefertermin:disabled {
  background-color: #eee !important;
  color: #ddd;
}

#fk_schnellst_container[data-active=false] .centered-text {
  color: #ddd !important;
}

/* Wenn Sie möchten, dass der Text oder andere Inhalte in den Kindern zentriert sind */
.child-container-content {
  justify-content: center;
  align-items: center;
}

.child-container-content.datepicker_fkt {
  display: flex;
  margin: 37px 0;
}

@media (max-width: 1763px) {
  .child-container-content.datepicker_fkt {
    margin: 76px 0;
  }

  .inner .box_grey {
    min-height: 480px;
  }
}

@media (min-width: 1763px) and (max-width: 1863px) {
  .child-container-content.datepicker_fkt {
    margin: 57px 0;
  }

  .inner .box_grey {
    min-height: 440px;
  }
}


.child-container-content #termin_fk_schnellst {
  font-weight: bold;
  font-size: medium;
}

.child-container-content .centered-text {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}

.child-container-content input[type=text] {
  padding: 10px;
  box-sizing: border-box;
}

label input[type="checkbox"]+span:hover,
label input[type="radio"]+span:hover {
  background: var(--COLOR_HOVER);
}

label input[type="radio"]+span {
  background: var(--dark_grey);
  padding: 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

label input[type="radio"]:checked+span {
  color: white;
  background: var(--COLOR_ACTIVE);
  border: none;
}

/* Fix für Speicherauslegung */

.sp_nein .schaetzung_komplett.drei_spalten {
  grid-template-columns: 1fr 1fr 1fr;
}

.sp_nein .subtitle {
  padding: 10px 0px;
}

.sp_nein .reload_schaetzung {
  min-height: 500px;
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"]+span {
  background: var(--dark_grey);
  padding: 10px;
  cursor: pointer;
}

input[type="checkbox"]+span:hover,
input[type="radio"]+span:hover {
  background: var(--COLOR_HOVER);
}

input[type="checkbox"]:checked+span {
  border: 2px solid var(--COLOR_ACTIVE);
  padding: 8px;
}

input[type="checkbox"]:disabled+span,
input[type="radio"]:disabled+span {
  background: var(--BG_INACTIVE);
  border: 2px solid var(--dark_grey);
  color: var(--dark_grey);
  padding: 8px;
  pointer-events: none;
}

input[type="checkbox"]:required+span,
input[type="radio"]:required+span {
  background: var(--yellow_light);
  border: 2px solid var(--yellow_dark);
  padding: 8px;
}

/* Schaltflächen */
input[type="radio"] {
  display: none;
}

label input[type="radio"]+span,
label input[type="radio"]+div {
  background: var(--dark_grey);
  padding: 5px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}


label input[type="radio"]:checked+span {
  color: white;
  background: var(--COLOR_ACTIVE);
  border: none;
}

label input[type="radio"]+div {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: center;
  width: fit-content;
  padding: 0;
  padding-top: 10px;
}

label input[type="radio"]+div img {
  max-height: 5rem;
  min-width: 200px;
  padding-bottom: 10px;
}

label input[type="radio"]+div span {
  background: var(--COLOR_ACTIVE);
  color: white;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
}

.big_gap {
  gap: 25px;
}

/* Gtool  Fix Auswahlfeld Aufständerung*/
#angledBox,
#moduleHorizontal {
  cursor: default;
  pointer-events: none;
}

#angledBox .auswahlfeld,
#moduleHorizontal .auswahlfeld {
  cursor: pointer;
  pointer-events: all;
}

.flex_start {
  justify-content: flex-start;
}

/* Footer QP */
/* .sitemap .medium-12 > .row.collapse {
  display: flex;
  gap: 10%;
}*/

.sitemap .medium-2 {
  width: 30%;
}

.sitemap .medium-10 {
  width: 70%;
  padding-right: 50px;
}

.sitemap .medium-2.columns.wide {
  width: fit-content;
}

.sitemap .medium-10.columns .row.collapse {
  display: flex;
  flex-direction: row;
  margin-left: -1px;
}

/* Balken mit Hinweis text zentrieren */
.balken.mit.zusbalken span {
  text-align: center;
}

.pdf.standard {
  background-image: url("/include/quickplan_flaechen/pics/pdf_noshadow.png"), linear-gradient(var(--button_grey_light), var(--button_grey_dark));
  /* linear-gradient(var(--button_grey_light),var(--button_grey_dark)); */
  background-repeat: no-repeat, repeat;
  /* height: 13px;
  width: 100%; */
  background-position: 8px 8px, 0 0;

  padding-left: 56px;


  /* padding: 12px 25px; */
  /* background-position: center; */

}

.pdf.standard:hover {
  background-image: url("/include/quickplan_flaechen/pics/pdf_noshadow.png"), linear-gradient(var(--button_hover_light), var(--button_hover_dark));
}


.padding_breite_anpassung {
  padding: 0 1.25rem;
}

.news.special .popup_content {
  max-width: unset !important;
  max-height: calc(80vh - 40px);
  overflow-y: auto;
}

.news.special .popup_content p {
  text-align: left !important;
  margin: 10px 0px;
}

.news.special .popup_content img {
  width: 100%;
}

.header_container:not(.fixed) {
  position: absolute;
  left: 0;
  width: 100%;
}
.header_container.fixed + .header_platzhalter,
.header_platzhalter {
  height: 100px !important;
}

@media screen and (max-width: 750px) {
  #start_qp .drei_spalten {
    grid-template-columns: 1fr;
  }
}

#step_back {
  display: flex;
  align-items: center;
}


/* 3 Wege zum Angebot */
.vier-spalten:has( .kasten) {
  display: grid;
  grid-template-columns: repeat(auto-fill, 300px);
  gap: 35px;
  margin-top: 25px;
  transition: all 0.3s ease-in-out;
  justify-content: space-around;
  align-items: center;
  align-items: stretch;

  
}

.vier-spalten {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#start_qp {
  .greybox.eine_spalte {
    width: 100%;
  }

  .greybox.flex_start.pflicht {
    width: 100%;
    background: #ffc905;

    &:has( #nutzungsbed:checked) {
      background: var(--light_grey);
      border: none;
    }
    &:has( input#nutzungsbed:not(:checked) ) + .vier-spalten {
      opacity: 0.5;
      pointer-events: none;
    }
  }

  .kasten {
    padding: 40px 20px !important;
    border-radius: 10px !important;
    transition: all 0.2s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #dddddd;
    cursor: pointer;
    position: relative;
    gap: 10px;

    &.yellow {
      background-color: #ffc905 ;
      &:hover {
        background-color: #ffe480;
      }
    }

    h2 {
      font-size: 20.8px
    }

    &:hover {
      background-color: #f2f2f2;
    }

   

    /* max-width: 25%; */

    div:has( img) {
      height: 140px;
      display: flex;
      align-items: flex-end;
    }

    img {
      /* height: 64px !important; */
      max-width: 100px !important;
    }
  }
}

.line_height_bigger {
  line-height: 1.6;
}

.padding-big {
  padding: 25px 0px;
}


body:has( #is_embedded[value="1"]) {

  .nav.left {
    top: 20px;
  }

  .nav.right {
    top: -5px;
  }
}
@media screen and (max-width: 1200px) {
  .sitemap .columns {
    float: unset;
  }
}

@media screen and ( max-width: 1000px) {
  .sitemap .medium-10.columns .row.collapse {
    flex-direction: column;
  }
}