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

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

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

@import url("_korrekturen.css");

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:1051px)/";
  width: 1051px;
}

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

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 {
  height: 100%;
}

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

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

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

a {
  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;
}


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

button.secondary,
.button.secondary,
.paketauswahl a.secondary.paketbutt,
.paketauswahl .blaettern .secondary.paketbutt.leer,
.blaettern .paketauswahl .secondary.paketbutt.leer {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333333;
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.paketauswahl a.secondary.paketbutt:hover,
.paketauswahl .blaettern .secondary.paketbutt.leer:hover,
.blaettern .paketauswahl .secondary.paketbutt.leer:hover,
.button.secondary:focus,
.paketauswahl a.secondary.paketbutt:focus,
.paketauswahl .blaettern .secondary.paketbutt.leer:focus,
.blaettern .paketauswahl .secondary.paketbutt.leer:focus {
  background-color: #b9b9b9;
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.paketauswahl a.secondary.paketbutt:hover,
.paketauswahl .blaettern .secondary.paketbutt.leer:hover,
.blaettern .paketauswahl .secondary.paketbutt.leer:hover,
.button.secondary:focus,
.paketauswahl a.secondary.paketbutt:focus,
.paketauswahl .blaettern .secondary.paketbutt.leer:focus,
.blaettern .paketauswahl .secondary.paketbutt.leer:focus {
  color: #333333;
}

button.alert,
.button.alert,
.paketauswahl a.alert.paketbutt,
.paketauswahl .blaettern .alert.paketbutt.leer,
.blaettern .paketauswahl .alert.paketbutt.leer {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #FFFFFF;
}

button.alert:hover,
button.alert:focus,
.button.alert:hover,
.paketauswahl a.alert.paketbutt:hover,
.paketauswahl .blaettern .alert.paketbutt.leer:hover,
.blaettern .paketauswahl .alert.paketbutt.leer:hover,
.button.alert:focus,
.paketauswahl a.alert.paketbutt:focus,
.paketauswahl .blaettern .alert.paketbutt.leer:focus,
.blaettern .paketauswahl .alert.paketbutt.leer:focus {
  background-color: #cf2a0e;
}

button.alert:hover,
button.alert:focus,
.button.alert:hover,
.paketauswahl a.alert.paketbutt:hover,
.paketauswahl .blaettern .alert.paketbutt.leer:hover,
.blaettern .paketauswahl .alert.paketbutt.leer:hover,
.button.alert:focus,
.paketauswahl a.alert.paketbutt:focus,
.paketauswahl .blaettern .alert.paketbutt.leer:focus,
.blaettern .paketauswahl .alert.paketbutt.leer:focus {
  color: #FFFFFF;
}

button.warning,
.button.warning,
.paketauswahl a.warning.paketbutt,
.paketauswahl .blaettern .warning.paketbutt.leer,
.blaettern .paketauswahl .warning.paketbutt.leer {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #FFFFFF;
}

button.warning:hover,
button.warning:focus,
.button.warning:hover,
.paketauswahl a.warning.paketbutt:hover,
.paketauswahl .blaettern .warning.paketbutt.leer:hover,
.blaettern .paketauswahl .warning.paketbutt.leer:hover,
.button.warning:focus,
.paketauswahl a.warning.paketbutt:focus,
.paketauswahl .blaettern .warning.paketbutt.leer:focus,
.blaettern .paketauswahl .warning.paketbutt.leer:focus {
  background-color: #cf6e0e;
}

button.warning:hover,
button.warning:focus,
.button.warning:hover,
.paketauswahl a.warning.paketbutt:hover,
.paketauswahl .blaettern .warning.paketbutt.leer:hover,
.blaettern .paketauswahl .warning.paketbutt.leer:hover,
.button.warning:focus,
.paketauswahl a.warning.paketbutt:focus,
.paketauswahl .blaettern .warning.paketbutt.leer:focus,
.blaettern .paketauswahl .warning.paketbutt.leer:focus {
  color: #FFFFFF;
}

button.info,
.button.info,
.paketauswahl a.info.paketbutt,
.paketauswahl .blaettern .info.paketbutt.leer,
.blaettern .paketauswahl .info.paketbutt.leer {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #333333;
}

button.info:hover,
button.info:focus,
.button.info:hover,
.paketauswahl a.info.paketbutt:hover,
.paketauswahl .blaettern .info.paketbutt.leer:hover,
.blaettern .paketauswahl .info.paketbutt.leer:hover,
.button.info:focus,
.paketauswahl a.info.paketbutt:focus,
.paketauswahl .blaettern .info.paketbutt.leer:focus,
.blaettern .paketauswahl .info.paketbutt.leer:focus {
  background-color: #61b6d9;
}

button.info:hover,
button.info:focus,
.button.info:hover,
.paketauswahl a.info.paketbutt:hover,
.paketauswahl .blaettern .info.paketbutt.leer:hover,
.blaettern .paketauswahl .info.paketbutt.leer:hover,
.button.info:focus,
.paketauswahl a.info.paketbutt:focus,
.paketauswahl .blaettern .info.paketbutt.leer:focus,
.blaettern .paketauswahl .info.paketbutt.leer:focus {
  color: #FFFFFF;
}

button.large,
.button.large,
.paketauswahl a.large.paketbutt,
.paketauswahl .blaettern .large.paketbutt.leer,
.blaettern .paketauswahl .large.paketbutt.leer {
  padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
  font-size: 1.25rem;
}

button.tiny,
.button.tiny,
.paketauswahl a.tiny.paketbutt,
.paketauswahl .blaettern .tiny.paketbutt.leer,
.blaettern .paketauswahl .tiny.paketbutt.leer {
  padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
  font-size: 0.6875rem;
}

button.expand,
.button.expand,
.paketauswahl a.expand.paketbutt,
.paketauswahl .blaettern .expand.paketbutt.leer,
.blaettern .paketauswahl .expand.paketbutt.leer {
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  padding-bottom: 1.0625rem;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
}

button.left-align,
.button.left-align,
.paketauswahl a.left-align.paketbutt,
.paketauswahl .blaettern .left-align.paketbutt.leer,
.blaettern .paketauswahl .left-align.paketbutt.leer {
  text-align: left;
  text-indent: 0.75rem;
}

button.right-align,
.button.right-align,
.paketauswahl a.right-align.paketbutt,
.paketauswahl .blaettern .right-align.paketbutt.leer,
.blaettern .paketauswahl .right-align.paketbutt.leer {
  text-align: right;
  padding-right: 0.75rem;
}

button.radius,
.button.radius,
.paketauswahl a.radius.paketbutt,
.paketauswahl .blaettern .radius.paketbutt.leer,
.blaettern .paketauswahl .radius.paketbutt.leer {
  border-radius: 3px;
}

button.round,
.button.round,
.paketauswahl a.round.paketbutt,
.paketauswahl .blaettern .round.paketbutt.leer,
.blaettern .paketauswahl .round.paketbutt.leer {
  border-radius: 1050px;
}


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

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

  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) button,
  .button,
  .paketauswahl a.paketbutt,
  .paketauswahl .blaettern .paketbutt.leer,
  .blaettern .paketauswahl .paketbutt.leer {
    display: inline-block;
  }
}

/* Standard Forms */


/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5rem;
}

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

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

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

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

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5rem;
}

/* Label Styles */

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

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button,
.paketauswahl a.postfix.paketbutt,
.paketauswahl .blaettern .postfix.paketbutt.leer,
.blaettern .paketauswahl .postfix.paketbutt.leer {
  border: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center;
}

.prefix.button,
.paketauswahl a.prefix.paketbutt,
.paketauswahl .blaettern .prefix.paketbutt.leer,
.blaettern .paketauswahl .prefix.paketbutt.leer {
  border: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center;
}

.prefix.button.radius,
.paketauswahl a.prefix.radius.paketbutt,
.paketauswahl .blaettern .prefix.radius.paketbutt.leer,
.blaettern .paketauswahl .prefix.radius.paketbutt.leer {
  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;
}

.postfix.button.radius,
.paketauswahl a.postfix.radius.paketbutt,
.paketauswahl .blaettern .postfix.radius.paketbutt.leer,
.blaettern .paketauswahl .postfix.radius.paketbutt.leer {
  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;
}

.prefix.button.round,
.paketauswahl a.prefix.round.paketbutt,
.paketauswahl .blaettern .prefix.round.paketbutt.leer,
.blaettern .paketauswahl .prefix.round.paketbutt.leer {
  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;
}

.postfix.button.round,
.paketauswahl a.postfix.round.paketbutt,
.paketauswahl .blaettern .postfix.round.paketbutt.leer,
.blaettern .paketauswahl .postfix.round.paketbutt.leer {
  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;
}

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

/* 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:has(#is_admin) h1 {
  margin-top: 0px !important;
}

.row:not(:has(project-administration)):not(:has(quick-calc2)):not(:has(.cell)):not(:has(speicherauslegungs-right)):not(:has(.login_als)):not(:has(.liste_anfragenquickplan)) {
  margin: 0 auto;
  max-width: 83.75rem;
  width: 100%;

  &:before,
  &:after {
    content: " ";
    display: table;
  }

  &:after {
    clear: both;
  }

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

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

  .row {
    margin: 0 -1.25rem;
    max-width: none;
    width: auto;

    &:before,
    &:after {
      content: " ";
      display: table;
    }

    &:after {
      clear: both;
    }

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

      &:after {
        clear: both;
      }
    }

    &.collapse:before,
    &.collapse:after {
      content: " ";
      display: table;
    }

  }
}

.column,
.columns {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  width: 100%;
  float: left;
}

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

.perfect_match_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

  .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-10 {
    width: 83.3333333333%;
  }

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

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

@media only screen and (min-width:1051px) {
  .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%;
  }

  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) {

    .medium-6 {
      width: 50%;
    }
  }

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

  .perfect_match_btn {
    width: unset;
    display: unset;
    float: right;

  }
}

@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;
    left: 8.3333333333%;
    right: auto;
  }

  .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-10 {
    width: 83.3333333333%;
  }

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

.tabs {
  margin-bottom: 0 !important;
  margin-left: 0;
}

.tabs:before,
.tabs:after {
  content: " ";
  display: table;
}

.tabs:after {
  clear: both;
}

.tabs dd,
.tabs .tab-title {
  float: left;
  list-style: none;
  margin-bottom: 0 !important;
  position: relative;
}

.tabs dd>a,
.tabs .blaettern dd>.leer,
.blaettern .tabs dd>.leer,
.tabs .tab-title>a,
.tabs .blaettern .tab-title>.leer,
.blaettern .tabs .tab-title>.leer {
  display: block;
  background-color: #EFEFEF;
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  padding: 1rem 2rem;
}

.tabs dd>a:hover,
.tabs .blaettern dd>.leer:hover,
.blaettern .tabs dd>.leer:hover,
.tabs .tab-title>a:hover,
.tabs .blaettern .tab-title>.leer:hover,
.blaettern .tabs .tab-title>.leer:hover {
  background-color: #e1e1e1;
}

.tabs dd.active>a,
.tabs .blaettern dd.active>.leer,
.blaettern .tabs dd.active>.leer,
.tabs .tab-title.active>a,
.tabs .blaettern .tab-title.active>.leer,
.blaettern .tabs .tab-title.active>.leer {
  background-color: #FFFFFF;
  color: #222222;
}

.tabs.radius dd:first-child a,
.tabs.radius dd:first-child .blaettern .leer,
.blaettern .tabs.radius dd:first-child .leer,
.tabs.radius .tab:first-child a,
.tabs.radius .tab:first-child .blaettern .leer,
.blaettern .tabs.radius .tab:first-child .leer {
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.tabs.radius dd:last-child a,
.tabs.radius dd:last-child .blaettern .leer,
.blaettern .tabs.radius dd:last-child .leer,
.tabs.radius .tab:last-child a,
.tabs.radius .tab:last-child .blaettern .leer,
.blaettern .tabs.radius .tab:last-child .leer {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.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:before,
.tabs-content:after {
  content: " ";
  display: table;
}

.tabs-content:after {
  clear: both;
}

.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:1051px) {
  .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:1051px)/";
  width: 1051px;
}

/* 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.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 .button,
.top-bar .paketauswahl a.paketbutt,
.top-bar .paketauswahl .blaettern .paketbutt.leer,
.blaettern .top-bar .paketauswahl .paketbutt.leer,
.paketauswahl .top-bar a.paketbutt,
.paketauswahl .top-bar .blaettern .paketbutt.leer,
.blaettern .paketauswahl .top-bar .paketbutt.leer,
.top-bar button {
  font-size: 0.75rem;
  margin-bottom: 0;
  padding-bottom: 0.4125rem;
  padding-top: 0.4125rem;
}

@media only screen and (max-width: 59.375em) {

  .top-bar .button,
  .top-bar .paketauswahl a.paketbutt,
  .top-bar .paketauswahl .blaettern .paketbutt.leer,
  .blaettern .top-bar .paketauswahl .paketbutt.leer,
  .paketauswahl .top-bar a.paketbutt,
  .paketauswahl .top-bar .blaettern .paketbutt.leer,
  .blaettern .paketauswahl .top-bar .paketbutt.leer,
  .top-bar button {
    position: relative;
    top: -1px;
  }
}

.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>a.button,
.top-bar-section ul .blaettern li>.button.leer,
.blaettern .top-bar-section ul li>.button.leer,
.top-bar-section ul .paketauswahl li>a.paketbutt,
.top-bar-section ul .paketauswahl .blaettern li>.paketbutt.leer,
.blaettern .top-bar-section ul .paketauswahl li>.paketbutt.leer,
.paketauswahl .top-bar-section ul li>a.paketbutt,
.paketauswahl .top-bar-section ul .blaettern li>.paketbutt.leer,
.blaettern .paketauswahl .top-bar-section ul li>.paketbutt.leer {
  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>a.button:hover,
.top-bar-section ul .blaettern li>.button.leer:hover,
.blaettern .top-bar-section ul li>.button.leer:hover,
.top-bar-section ul .paketauswahl li>a.paketbutt:hover,
.top-bar-section ul .paketauswahl .blaettern li>.paketbutt.leer:hover,
.blaettern .top-bar-section ul .paketauswahl li>.paketbutt.leer:hover,
.paketauswahl .top-bar-section ul li>a.paketbutt:hover,
.paketauswahl .top-bar-section ul .blaettern li>.paketbutt.leer:hover,
.blaettern .paketauswahl .top-bar-section ul li>.paketbutt.leer:hover,
.top-bar-section ul li>a.button:focus,
.top-bar-section ul .blaettern li>.button.leer:focus,
.blaettern .top-bar-section ul li>.button.leer:focus,
.top-bar-section ul .paketauswahl li>a.paketbutt:focus,
.top-bar-section ul .paketauswahl .blaettern li>.paketbutt.leer:focus,
.blaettern .top-bar-section ul .paketauswahl li>.paketbutt.leer:focus,
.paketauswahl .top-bar-section ul li>a.paketbutt:focus,
.paketauswahl .top-bar-section ul .blaettern li>.paketbutt.leer:focus,
.blaettern .paketauswahl .top-bar-section ul li>.paketbutt.leer:focus {
  background-color: #007095;
}

.top-bar-section ul li>a.button:hover,
.top-bar-section ul .blaettern li>.button.leer:hover,
.blaettern .top-bar-section ul li>.button.leer:hover,
.top-bar-section ul .paketauswahl li>a.paketbutt:hover,
.top-bar-section ul .paketauswahl .blaettern li>.paketbutt.leer:hover,
.blaettern .top-bar-section ul .paketauswahl li>.paketbutt.leer:hover,
.paketauswahl .top-bar-section ul li>a.paketbutt:hover,
.paketauswahl .top-bar-section ul .blaettern li>.paketbutt.leer:hover,
.blaettern .paketauswahl .top-bar-section ul li>.paketbutt.leer:hover,
.top-bar-section ul li>a.button:focus,
.top-bar-section ul .blaettern li>.button.leer:focus,
.blaettern .top-bar-section ul li>.button.leer:focus,
.top-bar-section ul .paketauswahl li>a.paketbutt:focus,
.top-bar-section ul .paketauswahl .blaettern li>.paketbutt.leer:focus,
.blaettern .top-bar-section ul .paketauswahl li>.paketbutt.leer:focus,
.paketauswahl .top-bar-section ul li>a.paketbutt:focus,
.paketauswahl .top-bar-section ul .blaettern li>.paketbutt.leer:focus,
.blaettern .paketauswahl .top-bar-section ul li>.paketbutt.leer:focus {
  color: #FFFFFF;
}

.top-bar-section ul li>a.button.secondary,
.top-bar-section ul .blaettern li>.button.secondary.leer,
.blaettern .top-bar-section ul li>.button.secondary.leer,
.top-bar-section ul .paketauswahl li>a.secondary.paketbutt,
.top-bar-section ul .paketauswahl .blaettern li>.secondary.paketbutt.leer,
.blaettern .top-bar-section ul .paketauswahl li>.secondary.paketbutt.leer,
.paketauswahl .top-bar-section ul li>a.secondary.paketbutt,
.paketauswahl .top-bar-section ul .blaettern li>.secondary.paketbutt.leer,
.blaettern .paketauswahl .top-bar-section ul li>.secondary.paketbutt.leer {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333333;
}

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

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

.top-bar-section ul li>a.button.success,
.top-bar-section ul .blaettern li>.button.success.leer,
.blaettern .top-bar-section ul li>.button.success.leer,
.top-bar-section ul .paketauswahl li>a.success.paketbutt,
.top-bar-section ul .paketauswahl .blaettern li>.success.paketbutt.leer,
.blaettern .top-bar-section ul .paketauswahl li>.success.paketbutt.leer,
.paketauswahl .top-bar-section ul li>a.success.paketbutt,
.paketauswahl .top-bar-section ul .blaettern li>.success.paketbutt.leer,
.blaettern .paketauswahl .top-bar-section ul li>.success.paketbutt.leer {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #FFFFFF;
}

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

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

.top-bar-section ul li>a.button.alert,
.top-bar-section ul .blaettern li>.button.alert.leer,
.blaettern .top-bar-section ul li>.button.alert.leer,
.top-bar-section ul .paketauswahl li>a.alert.paketbutt,
.top-bar-section ul .paketauswahl .blaettern li>.alert.paketbutt.leer,
.blaettern .top-bar-section ul .paketauswahl li>.alert.paketbutt.leer,
.paketauswahl .top-bar-section ul li>a.alert.paketbutt,
.paketauswahl .top-bar-section ul .blaettern li>.alert.paketbutt.leer,
.blaettern .paketauswahl .top-bar-section ul li>.alert.paketbutt.leer {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #FFFFFF;
}

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

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

.top-bar-section ul li>a.button.warning,
.top-bar-section ul .blaettern li>.button.warning.leer,
.blaettern .top-bar-section ul li>.button.warning.leer,
.top-bar-section ul .paketauswahl li>a.warning.paketbutt,
.top-bar-section ul .paketauswahl .blaettern li>.warning.paketbutt.leer,
.blaettern .top-bar-section ul .paketauswahl li>.warning.paketbutt.leer,
.paketauswahl .top-bar-section ul li>a.warning.paketbutt,
.paketauswahl .top-bar-section ul .blaettern li>.warning.paketbutt.leer,
.blaettern .paketauswahl .top-bar-section ul li>.warning.paketbutt.leer {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #FFFFFF;
}

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

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

.top-bar-section ul li>a.button.info,
.top-bar-section ul .blaettern li>.button.info.leer,
.blaettern .top-bar-section ul li>.button.info.leer,
.top-bar-section ul .paketauswahl li>a.info.paketbutt,
.top-bar-section ul .paketauswahl .blaettern li>.info.paketbutt.leer,
.blaettern .top-bar-section ul .paketauswahl li>.info.paketbutt.leer,
.paketauswahl .top-bar-section ul li>a.info.paketbutt,
.paketauswahl .top-bar-section ul .blaettern li>.info.paketbutt.leer,
.blaettern .paketauswahl .top-bar-section ul li>.info.paketbutt.leer {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #333333;
}

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

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

.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 li .button,
.top-bar-section .dropdown li .paketauswahl a.paketbutt,
.top-bar-section .dropdown li .paketauswahl .blaettern .paketbutt.leer,
.blaettern .top-bar-section .dropdown li .paketauswahl .paketbutt.leer,
.paketauswahl .top-bar-section .dropdown li a.paketbutt,
.paketauswahl .top-bar-section .dropdown li .blaettern .paketbutt.leer,
.blaettern .paketauswahl .top-bar-section .dropdown li .paketbutt.leer,
.top-bar-section .dropdown li button {
  top: auto;
}

.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:1051px) {
  .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 input,
  .top-bar select,
  .top-bar .button,
  .top-bar .paketauswahl a.paketbutt,
  .top-bar .paketauswahl .blaettern .paketbutt.leer,
  .blaettern .top-bar .paketauswahl .paketbutt.leer,
  .paketauswahl .top-bar a.paketbutt,
  .paketauswahl .top-bar .blaettern .paketbutt.leer,
  .blaettern .paketauswahl .top-bar .paketbutt.leer,
  .top-bar button {
    font-size: 0.875rem;
    height: 1.75rem;
    position: relative;
    top: 0.53125rem;
  }

  .top-bar .has-form>.button,
  .top-bar .paketauswahl .has-form>a.paketbutt,
  .top-bar .paketauswahl .blaettern .has-form>.paketbutt.leer,
  .blaettern .top-bar .paketauswahl .has-form>.paketbutt.leer,
  .paketauswahl .top-bar .has-form>a.paketbutt,
  .paketauswahl .top-bar .blaettern .has-form>.paketbutt.leer,
  .blaettern .paketauswahl .top-bar .has-form>.paketbutt.leer,
  .top-bar .has-form>button {
    font-size: 0.875rem;
    height: 1.75rem;
    position: relative;
    top: 0.53125rem;
  }

  .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 li.hover>a:not(.button),
  .top-bar-section .blaettern li.hover>.leer:not(.button),
  .blaettern .top-bar-section li.hover>.leer:not(.button) {
    background-color: #555555;
    background: #222222;
    color: #FFFFFF;
  }

  .top-bar-section li:not(.has-form) a:not(.button),
  .top-bar-section li:not(.has-form) .blaettern .leer:not(.button),
  .blaettern .top-bar-section li:not(.has-form) .leer:not(.button) {
    background: #333333;
    line-height: 2.8125rem;
    padding: 0 0.9375rem;
  }

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

  .top-bar-section li.active:not(.has-form) a:not(.button),
  .top-bar-section li.active:not(.has-form) .blaettern .leer:not(.button),
  .blaettern .top-bar-section li.active:not(.has-form) .leer:not(.button) {
    background: #008CBA;
    color: #FFFFFF;
    line-height: 2.8125rem;
    padding: 0 0.9375rem;
  }

  .top-bar-section li.active:not(.has-form) a:not(.button):hover,
  .top-bar-section li.active:not(.has-form) .blaettern .leer:not(.button):hover,
  .blaettern .top-bar-section li.active:not(.has-form) .leer:not(.button):hover {
    background: #0078a0;
    color: #FFFFFF;
  }

  .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:not(.has-form):not(.active)>a:not(.button),
  .top-bar-section .dropdown .blaettern li:not(.has-form):not(.active)>.leer:not(.button),
  .blaettern .top-bar-section .dropdown li:not(.has-form):not(.active)>.leer:not(.button) {
    background: #333333;
    color: #FFFFFF;
  }

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

  .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:1051px) 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:1051px) {
  .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 {
  color: #0078a0;
}

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

/* Default paragraph styles */


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 */
.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.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 */
.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:1051px) {

  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) h1,
  h2.bigger,
  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) h2,
  h3.bigger,
  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) h3,
  ul.katlist li>a,
  ul.katlist .blaettern li>.leer,
  .blaettern ul.katlist li>.leer,
  h4.bigger,
  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) h4,
  ul.katlist li ul li a,
  ul.katlist li ul li .blaettern .leer,
  .blaettern ul.katlist li ul li .leer,
  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) h5,
  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) h6 {
    line-height: 1.4;
  }

  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) 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;
  }

  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) 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;
  }

  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) 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;
  }

  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) 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;
  }

  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) h5 {
    font-size: 1.125rem;
  }

  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) 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:1051px) {

  .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;
  font-family: sans-serif;
  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;
  font-family: sans-serif;
}

.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;
  color: #1b3454;
  padding: 5px 10px 2px 10px;
  margin-left: 70px;
  font-size: 0.8rem;
  line-height: 1.05rem;
  font-family: sans-serif;
}

.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: 1051px) {

  .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;
    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: 0.85rem;
    font-size: 13px;
    line-height: 1.05rem;
    font-family: sans-serif;
  }

  .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: 1051px) {
  .hori .navi ul li ul.nav3 {
    display: none !important;
  }
}

@media only screen and (max-width: 1050px) {
  .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: 1050px) {
  .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: 1050px) {
  .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: 1051px) {
  .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: 1050px) {
  .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: 1051px) {

  .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: 1051px) {
  .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: 1050px) {
  .usernavi .navicol {
    padding: 0 !important;
  }
}

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

.usernavi ul.bez {
  float: left;
}

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

a.mein_qp:hover,
.blaettern .mein_qp.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;
}

@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: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 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 {
  height: auto;
  overflow-y: scroll;
}

.clear {
  clear: both;
}

a:focus,
.blaettern .leer:focus {
  outline: none;
}

.hinweis_offline {
  color: #FFF;
  background: #cc0000;
  text-align: center;
  padding: 2px 0;
}


.abs {
  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;
}

p.warning:not(.meldung),
span.warning {
  color: #f63c3c !important;
}

.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: 1050px) {
  .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: 1050px) {
  .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;
}

.bigborder {
  clear: both;
  margin: 0.625rem 1.25rem;
  border-bottom: 3px solid #999999;
}

.bigborder.blueline {
  border-bottom: 3px solid #5386df;
}

.bigborder.wide {
  margin: 2px 0 3px 0;
}

.bbottom3 {
  border-bottom: 3px solid #FFFFFF;
}

a.button.inline,
.blaettern .button.inline.leer,
.paketauswahl a.inline.paketbutt,
.paketauswahl .blaettern .inline.paketbutt.leer,
.blaettern .paketauswahl .inline.paketbutt.leer {
  display: inline-block !important;
  width: auto !important;
  margin: 0 0 0 0 !important;
}

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



.hidden {
  display: none !important;
}

.sticky_wrapper {
  position: relative;
  min-height: 35px;
}

.sticky_nav {
  position: relative;
  left: auto;
}

.sticky_nav .button.yellow,
.sticky_nav .paketauswahl a.yellow.paketbutt,
.sticky_nav .paketauswahl .blaettern .yellow.paketbutt.leer,
.blaettern .sticky_nav .paketauswahl .yellow.paketbutt.leer,
.paketauswahl .sticky_nav a.yellow.paketbutt,
.paketauswahl .sticky_nav .blaettern .yellow.paketbutt.leer,
.blaettern .paketauswahl .sticky_nav .yellow.paketbutt.leer {
  margin: 0 20px;
}

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

  .sticky_nav .button.yellow,
  .sticky_nav .paketauswahl a.yellow.paketbutt,
  .sticky_nav .paketauswahl .blaettern .yellow.paketbutt.leer,
  .blaettern .sticky_nav .paketauswahl .yellow.paketbutt.leer,
  .paketauswahl .sticky_nav a.yellow.paketbutt,
  .paketauswahl .sticky_nav .blaettern .yellow.paketbutt.leer,
  .blaettern .paketauswahl .sticky_nav .yellow.paketbutt.leer {
    width: 95%;
  }
}

.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.9rem;
  }
}

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

.mtop10 {
  margin-top: 10px !important;
}

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

.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: sans-serif;
  font-size: 25px;
  width: 300px;
  height: 40px;
  text-align: center;
}

@media (max-width: 1050px) {
  .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: 1050px) 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: 1050px) {
  .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: 1051px) {
  .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: 1050px) {
  .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: 1050px) {
  .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: 1051px) {
  .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: 1051px) {
  .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 a:not(.button):not(.icon),
#content .main_content .blaettern .leer:not(.button):not(.icon),
.blaettern #content .main_content .leer:not(.button):not(.icon) {
  color: #1b3454;
  text-decoration: underline;

  &:hover {
      text-decoration: none;
  }
}

#content .main_content a:not(.button):not(.icon).pdf:before.right,
#content .main_content .blaettern .leer:not(.button):not(.icon).pdf:before.right,
.blaettern #content .main_content .leer:not(.button):not(.icon).pdf:before.right,
#content .main_content a:not(.button):not(.icon).zip:before.right,
#content .main_content .blaettern .leer:not(.button):not(.icon).zip:before.right,
.blaettern #content .main_content .leer:not(.button):not(.icon).zip:before.right,
#content .main_content a:not(.button):not(.icon).word:before.right,
#content .main_content .blaettern .leer:not(.button):not(.icon).word:before.right,
.blaettern #content .main_content .leer:not(.button):not(.icon).word:before.right,
#content .main_content a:not(.button):not(.icon).image:before.right,
#content .main_content .blaettern .leer:not(.button):not(.icon).image:before.right,
.blaettern #content .main_content .leer:not(.button):not(.icon).image:before.right,
#content .main_content a:not(.button):not(.icon).eps:before.right,
#content .main_content .blaettern .leer:not(.button):not(.icon).eps:before.right,
.blaettern #content .main_content .leer:not(.button):not(.icon).eps:before.right,
#content .main_content a:not(.button):not(.icon).xml:before.right,
#content .main_content .blaettern .leer:not(.button):not(.icon).xml:before.right,
.blaettern #content .main_content .leer:not(.button):not(.icon).xml:before.right {
  float: right;
}

#content .main_content a:not(.button):not(.icon).pdf:before,
#content .main_content .blaettern .leer:not(.button):not(.icon).pdf:before,
.blaettern #content .main_content .leer:not(.button):not(.icon).pdf:before {
  content: "\f1c1";
  color: #f63c3c;
}

#content .main_content a:not(.button):not(.icon).zip:before,
#content .main_content .blaettern .leer:not(.button):not(.icon).zip:before,
.blaettern #content .main_content .leer:not(.button):not(.icon).zip:before {
  content: "\f15b";
  color: #efac00;
}

#content .main_content a:not(.button):not(.icon).word:before,
#content .main_content .blaettern .leer:not(.button):not(.icon).word:before,
.blaettern #content .main_content .leer:not(.button):not(.icon).word:before {
  content: "\f1c2";
  color: #2868d7;
}

#content .main_content a:not(.button):not(.icon).image:before,
#content .main_content .blaettern .leer:not(.button):not(.icon).image:before,
.blaettern #content .main_content .leer:not(.button):not(.icon).image:before {
  content: "\f1c5";
  color: #1b3454;
}

#content .main_content a:not(.button):not(.icon).eps:before,
#content .main_content .blaettern .leer:not(.button):not(.icon).eps:before,
.blaettern #content .main_content .leer:not(.button):not(.icon).eps:before {
  content: "\f15b";
  color: #e67700;
}

#content .main_content a:not(.button):not(.icon).xml:before,
#content .main_content .blaettern .leer:not(.button):not(.icon).xml:before,
.blaettern #content .main_content .leer:not(.button):not(.icon).xml:before {
  content: "\f1c3";
  color: #26861d;
}

#content .main_content a:not(.button):not(.icon).zip:after,
#content .main_content .blaettern .leer:not(.button):not(.icon).zip:after,
.blaettern #content .main_content .leer:not(.button):not(.icon).zip:after {
  content: "ZIP";
  color: #FFFFFF;
  font-family: sans-serif;
  font-size: 10px;
  font-weight: bold;
  margin: 7px 0 0 -23px;
  float: left;
}

#content .main_content a:not(.button):not(.icon).eps:after,
#content .main_content .blaettern .leer:not(.button):not(.icon).eps:after,
.blaettern #content .main_content .leer:not(.button):not(.icon).eps:after {
  content: "EPS";
  color: #FFFFFF;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 9px;
  margin: 9px 0 0 -24px;
  float: left;
}

#content .main_content a:not(.button):not(.icon).small,
#content .main_content .blaettern .leer:not(.button):not(.icon).small,
.blaettern #content .main_content .leer:not(.button):not(.icon).small {
  font-size: 12px;
}

#content .main_content a:not(.button):not(.icon).red,
#content .main_content .blaettern .leer:not(.button):not(.icon).red,
.blaettern #content .main_content .leer:not(.button):not(.icon).red {
  color: #f63c3c;
}

#content .main_content a:not(.button):not(.icon).red:hover,
#content .main_content .blaettern .leer:not(.button):not(.icon).red:hover,
.blaettern #content .main_content .leer:not(.button):not(.icon).red:hover {
  color: #f86d6d;
}

#content .main_content .auswahl_qs_qc {
  display: flex;
  justify-content: space-between;
  position: relative;
}

@media (max-width: 1050px) {
  #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;
}


.qp_frame2 {
  margin-left: -20px;
  margin-right: -20px;
}

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-family: sans-serif;
  font-size: 1.3em;
  line-height: 1.2em;
  font-weight: 400;
  margin: 14px 0 20px 0px;
  color: black;
}


h2 span.smaller,
h3.bigger span.smaller,
ul.katlist li>a.bigger span.smaller,
ul.katlist .blaettern li>.bigger.leer span.smaller,
.blaettern ul.katlist li>.bigger.leer span.smaller,
h4.bigger span.smaller,
ul.katlist li ul li a.bigger span.smaller,
ul.katlist li ul li .blaettern .bigger.leer span.smaller,
.blaettern ul.katlist li ul li .bigger.leer span.smaller {
  font-size: 1rem;
  font-weight: 400;
}

h2.underline,
h3.underline.bigger,
ul.katlist li>a.underline.bigger,
ul.katlist .blaettern li>.underline.bigger.leer,
.blaettern ul.katlist li>.underline.bigger.leer,
h4.underline.bigger,
ul.katlist li ul li a.underline.bigger,
ul.katlist li ul li .blaettern .underline.bigger.leer,
.blaettern ul.katlist li ul li .underline.bigger.leer {
  border-bottom: 2px solid #DDDDDD;
  padding-bottom: 5px;
  margin: 40px 0 10px 0px;
}



h3 em,
ul.katlist li>a em,
ul.katlist .blaettern li>.leer em,
.blaettern ul.katlist li>.leer em,
h4.bigger em,
ul.katlist li ul li a.bigger em,
ul.katlist li ul li .blaettern .bigger.leer em,
.blaettern ul.katlist li ul li .bigger.leer em {
  font-size: 15px;
}

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

@media only screen and (min-width: 1051px) {
  .shifth2 {
      margin-top: -60px;
  }

  .shifth3 {
      margin-top: -55px;
  }
}

@media only screen and (min-width: 1051px) 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: #000000;
  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;
}

.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: 1051px) {

  .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: 1050px top;
}

.haken_small.checked {
  background-position: -30px 0;
}

.haken_small.unchecked {
  background-position: -30px -120px;
}

.main_content .kasten {
  position: relative;
  width: 32.3333333333%;
  margin-right: 1%;
  float: left;
  margin-bottom: 20px;
}

.main_content .kasten.included {
  width: 31.5%;
}

.main_content .kasten.viertel {
  width: 23%;
}

.main_content .kasten.float4 {
  width: 24%;
}

.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.9rem;
  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.9rem;
  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.9rem;
  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 .main_content .kasten .pic {
  height: 234px;
}

.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.landingpage {
    margin-left: 0;
    }

ul.landingpage > li {
list-style-type: none;
padding: 5px 0;
position: relative;
padding-left: 30px !important;
}

ul.landingpage > li:before {
content: "\f058";
font-family: "FontAwesome";
font-size: 24px;
    color: #36699d;
position: absolute;
left: 0;
top: 0;

}

ul.landingpage li.opened {

min-height: 100px;
}

ul.landingpage > li.opened:before {
content: "\f058";
color: #36699d;

}

ul.landingpage li.opened > a,
ul.landingpage .blaettern li.opened > .leer,
.blaettern ul.landingpage li.opened > .leer {
text-decoration: none !important;
color: #b3b3b3 !important;
}

ul.landingpage li ul li{
  list-style-type: disc;
  padding-left: 0px;
}
ul.katlist {
  margin-left: 0;
}

ul.katlist li {
  list-style-type: none;
  padding: 5px 0;
  position: relative;
  padding-left: 30px !important;
}

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 a.button.smaller,
.editleiste .blaettern .button.smaller.leer,
.blaettern .editleiste .button.smaller.leer,
.editleiste .paketauswahl a.smaller.paketbutt,
.editleiste .paketauswahl .blaettern .smaller.paketbutt.leer,
.blaettern .editleiste .paketauswahl .smaller.paketbutt.leer,
.paketauswahl .editleiste a.smaller.paketbutt,
.paketauswahl .editleiste .blaettern .smaller.paketbutt.leer,
.blaettern .paketauswahl .editleiste .smaller.paketbutt.leer {
  margin: 5px 0 0 0;
}

.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 .button,
.leiste_u .paketauswahl a.paketbutt,
.leiste_u .paketauswahl .blaettern .paketbutt.leer,
.blaettern .leiste_u .paketauswahl .paketbutt.leer,
.paketauswahl .leiste_u a.paketbutt,
.paketauswahl .leiste_u .blaettern .paketbutt.leer,
.blaettern .paketauswahl .leiste_u .paketbutt.leer {
  margin-bottom: 0;
}

.leiste_u.float {
  position: relative;
  bottom: auto;
  float: left;
}

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 .meldung,
#confirm_article .meldung,
.teilnahmebed .meldung,
#loading .meldung {
  font-size: 0.9rem;
  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;
}

.icon .button,
.icon .paketauswahl a.paketbutt,
.icon .paketauswahl .blaettern .paketbutt.leer,
.blaettern .icon .paketauswahl .paketbutt.leer,
.paketauswahl .icon a.paketbutt,
.paketauswahl .icon .blaettern .paketbutt.leer,
.blaettern .paketauswahl .icon .paketbutt.leer {
  color: #0f1c2d !important;
  background: transparent;
  font-size: 1.2rem;
}

.icon .button:hover,
.icon .paketauswahl a.paketbutt:hover,
.icon .paketauswahl .blaettern .paketbutt.leer:hover,
.blaettern .icon .paketauswahl .paketbutt.leer:hover,
.paketauswahl .icon a.paketbutt:hover,
.paketauswahl .icon .blaettern .paketbutt.leer:hover,
.blaettern .paketauswahl .icon .paketbutt.leer:hover {
  color: #FFFFFF !important;
}

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_alt.rabattbox,
.codeboxen .rabattbox.codebox,
.prospektbestellung .rabattbox.eintrag,
.prospektbestellung .rabattbox.legend {
  background: #f2f2f2;
  cursor: pointer;
}

.greybox_alt.rabattbox:hover,
.codeboxen .rabattbox.codebox:hover,
.prospektbestellung .rabattbox.eintrag:hover,
.prospektbestellung .rabattbox.legend:hover {
  background: #e8e8e8;
}

.greybox_alt.rabattbox.active,
.codeboxen .rabattbox.active.codebox,
.prospektbestellung .rabattbox.active.eintrag,
.prospektbestellung .rabattbox.active.legend {
  background: #ffbe19;
}

.greybox_alt.rabattbox.active:hover,
.codeboxen .rabattbox.active.codebox:hover,
.prospektbestellung .rabattbox.active.eintrag:hover,
.prospektbestellung .rabattbox.active.legend:hover {
  background: #f9b300;
}

.greybox_alt.pright,
.codeboxen .pright.codebox,
.prospektbestellung .pright.eintrag,
.prospektbestellung .pright.legend {
  padding-right: 40px;
}

.greybox_alt.head,
.codeboxen .head.codebox,
.prospektbestellung .head.eintrag,
.prospektbestellung .head.legend {
  background: #dbdbdb;
  min-height: 48px;
}

.greybox_alt.head h1,
.codeboxen .head.codebox h1,
.prospektbestellung .head.eintrag h1,
.prospektbestellung .head.legend h1,
.greybox_alt.head h2.bigger,
.codeboxen .head.codebox h2.bigger,
.prospektbestellung .head.eintrag h2.bigger,
.prospektbestellung .head.legend h2.bigger,
.greybox_alt.head h3.bigger,
.codeboxen .head.codebox h3.bigger,
.prospektbestellung .head.eintrag h3.bigger,
.prospektbestellung .head.legend h3.bigger,
.greybox_alt.head h4.bigger,
.codeboxen .head.codebox h4.bigger,
.prospektbestellung .head.eintrag h4.bigger,
.prospektbestellung .head.legend h4.bigger,
.greybox_alt.head ul.katlist li>a.bigger,
.codeboxen .head.codebox ul.katlist li>a.bigger,
.prospektbestellung .head.eintrag ul.katlist li>a.bigger,
.prospektbestellung .head.legend ul.katlist li>a.bigger,
.greybox_alt.head ul.katlist .blaettern li>.bigger.leer,
.codeboxen .head.codebox ul.katlist .blaettern li>.bigger.leer,
.prospektbestellung .head.eintrag ul.katlist .blaettern li>.bigger.leer,
.prospektbestellung .head.legend ul.katlist .blaettern li>.bigger.leer,
.blaettern .greybox_alt.head ul.katlist li>.bigger.leer,
.blaettern .codeboxen .head.codebox ul.katlist li>.bigger.leer,
.codeboxen .blaettern .head.codebox ul.katlist li>.bigger.leer,
.blaettern .prospektbestellung .head.eintrag ul.katlist li>.bigger.leer,
.prospektbestellung .blaettern .head.eintrag ul.katlist li>.bigger.leer,
.blaettern .prospektbestellung .head.legend ul.katlist li>.bigger.leer,
.prospektbestellung .blaettern .head.legend ul.katlist li>.bigger.leer,
ul.katlist .greybox_alt.head li>a.bigger,
ul.katlist .codeboxen .head.codebox li>a.bigger,
.codeboxen ul.katlist .head.codebox li>a.bigger,
ul.katlist .prospektbestellung .head.eintrag li>a.bigger,
.prospektbestellung ul.katlist .head.eintrag li>a.bigger,
ul.katlist .prospektbestellung .head.legend li>a.bigger,
.prospektbestellung ul.katlist .head.legend li>a.bigger,
ul.katlist .greybox_alt.head .blaettern li>.bigger.leer,
ul.katlist .codeboxen .head.codebox .blaettern li>.bigger.leer,
.codeboxen ul.katlist .head.codebox .blaettern li>.bigger.leer,
ul.katlist .prospektbestellung .head.eintrag .blaettern li>.bigger.leer,
.prospektbestellung ul.katlist .head.eintrag .blaettern li>.bigger.leer,
ul.katlist .prospektbestellung .head.legend .blaettern li>.bigger.leer,
.prospektbestellung ul.katlist .head.legend .blaettern li>.bigger.leer,
.blaettern ul.katlist .greybox_alt.head li>.bigger.leer,
.blaettern ul.katlist .codeboxen .head.codebox li>.bigger.leer,
.codeboxen .blaettern ul.katlist .head.codebox li>.bigger.leer,
.blaettern ul.katlist .prospektbestellung .head.eintrag li>.bigger.leer,
.prospektbestellung .blaettern ul.katlist .head.eintrag li>.bigger.leer,
.blaettern ul.katlist .prospektbestellung .head.legend li>.bigger.leer,
.prospektbestellung .blaettern ul.katlist .head.legend li>.bigger.leer,
.greybox_alt.head ul.katlist li ul li a.bigger,
.codeboxen .head.codebox ul.katlist li ul li a.bigger,
.prospektbestellung .head.eintrag ul.katlist li ul li a.bigger,
.prospektbestellung .head.legend ul.katlist li ul li a.bigger,
.greybox_alt.head ul.katlist li ul li .blaettern .bigger.leer,
.codeboxen .head.codebox ul.katlist li ul li .blaettern .bigger.leer,
.prospektbestellung .head.eintrag ul.katlist li ul li .blaettern .bigger.leer,
.prospektbestellung .head.legend ul.katlist li ul li .blaettern .bigger.leer,
.blaettern .greybox_alt.head ul.katlist li ul li .bigger.leer,
.blaettern .codeboxen .head.codebox ul.katlist li ul li .bigger.leer,
.codeboxen .blaettern .head.codebox ul.katlist li ul li .bigger.leer,
.blaettern .prospektbestellung .head.eintrag ul.katlist li ul li .bigger.leer,
.prospektbestellung .blaettern .head.eintrag ul.katlist li ul li .bigger.leer,
.blaettern .prospektbestellung .head.legend ul.katlist li ul li .bigger.leer,
.prospektbestellung .blaettern .head.legend ul.katlist li ul li .bigger.leer,
ul.katlist li ul li .greybox_alt.head a.bigger,
ul.katlist li ul li .codeboxen .head.codebox a.bigger,
.codeboxen ul.katlist li ul li .head.codebox a.bigger,
ul.katlist li ul li .prospektbestellung .head.eintrag a.bigger,
.prospektbestellung ul.katlist li ul li .head.eintrag a.bigger,
ul.katlist li ul li .prospektbestellung .head.legend a.bigger,
.prospektbestellung ul.katlist li ul li .head.legend a.bigger,
ul.katlist li ul li .greybox_alt.head .blaettern .bigger.leer,
ul.katlist li ul li .codeboxen .head.codebox .blaettern .bigger.leer,
.codeboxen ul.katlist li ul li .head.codebox .blaettern .bigger.leer,
ul.katlist li ul li .prospektbestellung .head.eintrag .blaettern .bigger.leer,
.prospektbestellung ul.katlist li ul li .head.eintrag .blaettern .bigger.leer,
ul.katlist li ul li .prospektbestellung .head.legend .blaettern .bigger.leer,
.prospektbestellung ul.katlist li ul li .head.legend .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .greybox_alt.head .bigger.leer,
.blaettern ul.katlist li ul li .codeboxen .head.codebox .bigger.leer,
.codeboxen .blaettern ul.katlist li ul li .head.codebox .bigger.leer,
.blaettern ul.katlist li ul li .prospektbestellung .head.eintrag .bigger.leer,
.prospektbestellung .blaettern ul.katlist li ul li .head.eintrag .bigger.leer,
.blaettern ul.katlist li ul li .prospektbestellung .head.legend .bigger.leer,
.prospektbestellung .blaettern ul.katlist li ul li .head.legend .bigger.leer {
  margin: 7px 0 8px 0px;
  font-size: 25px;
}

.greybox_alt.head h2,
.codeboxen .head.codebox h2,
.prospektbestellung .head.eintrag h2,
.prospektbestellung .head.legend h2,
.greybox_alt.head h3.bigger,
.codeboxen .head.codebox h3.bigger,
.prospektbestellung .head.eintrag h3.bigger,
.prospektbestellung .head.legend h3.bigger,
.greybox_alt.head h4.bigger,
.codeboxen .head.codebox h4.bigger,
.prospektbestellung .head.eintrag h4.bigger,
.prospektbestellung .head.legend h4.bigger,
.greybox_alt.head ul.katlist li>a.bigger,
.codeboxen .head.codebox ul.katlist li>a.bigger,
.prospektbestellung .head.eintrag ul.katlist li>a.bigger,
.prospektbestellung .head.legend ul.katlist li>a.bigger,
.greybox_alt.head ul.katlist .blaettern li>.bigger.leer,
.codeboxen .head.codebox ul.katlist .blaettern li>.bigger.leer,
.prospektbestellung .head.eintrag ul.katlist .blaettern li>.bigger.leer,
.prospektbestellung .head.legend ul.katlist .blaettern li>.bigger.leer,
.blaettern .greybox_alt.head ul.katlist li>.bigger.leer,
.blaettern .codeboxen .head.codebox ul.katlist li>.bigger.leer,
.codeboxen .blaettern .head.codebox ul.katlist li>.bigger.leer,
.blaettern .prospektbestellung .head.eintrag ul.katlist li>.bigger.leer,
.prospektbestellung .blaettern .head.eintrag ul.katlist li>.bigger.leer,
.blaettern .prospektbestellung .head.legend ul.katlist li>.bigger.leer,
.prospektbestellung .blaettern .head.legend ul.katlist li>.bigger.leer,
ul.katlist .greybox_alt.head li>a.bigger,
ul.katlist .codeboxen .head.codebox li>a.bigger,
.codeboxen ul.katlist .head.codebox li>a.bigger,
ul.katlist .prospektbestellung .head.eintrag li>a.bigger,
.prospektbestellung ul.katlist .head.eintrag li>a.bigger,
ul.katlist .prospektbestellung .head.legend li>a.bigger,
.prospektbestellung ul.katlist .head.legend li>a.bigger,
ul.katlist .greybox_alt.head .blaettern li>.bigger.leer,
ul.katlist .codeboxen .head.codebox .blaettern li>.bigger.leer,
.codeboxen ul.katlist .head.codebox .blaettern li>.bigger.leer,
ul.katlist .prospektbestellung .head.eintrag .blaettern li>.bigger.leer,
.prospektbestellung ul.katlist .head.eintrag .blaettern li>.bigger.leer,
ul.katlist .prospektbestellung .head.legend .blaettern li>.bigger.leer,
.prospektbestellung ul.katlist .head.legend .blaettern li>.bigger.leer,
.blaettern ul.katlist .greybox_alt.head li>.bigger.leer,
.blaettern ul.katlist .codeboxen .head.codebox li>.bigger.leer,
.codeboxen .blaettern ul.katlist .head.codebox li>.bigger.leer,
.blaettern ul.katlist .prospektbestellung .head.eintrag li>.bigger.leer,
.prospektbestellung .blaettern ul.katlist .head.eintrag li>.bigger.leer,
.blaettern ul.katlist .prospektbestellung .head.legend li>.bigger.leer,
.prospektbestellung .blaettern ul.katlist .head.legend li>.bigger.leer,
.greybox_alt.head ul.katlist li ul li a.bigger,
.codeboxen .head.codebox ul.katlist li ul li a.bigger,
.prospektbestellung .head.eintrag ul.katlist li ul li a.bigger,
.prospektbestellung .head.legend ul.katlist li ul li a.bigger,
.greybox_alt.head ul.katlist li ul li .blaettern .bigger.leer,
.codeboxen .head.codebox ul.katlist li ul li .blaettern .bigger.leer,
.prospektbestellung .head.eintrag ul.katlist li ul li .blaettern .bigger.leer,
.prospektbestellung .head.legend ul.katlist li ul li .blaettern .bigger.leer,
.blaettern .greybox_alt.head ul.katlist li ul li .bigger.leer,
.blaettern .codeboxen .head.codebox ul.katlist li ul li .bigger.leer,
.codeboxen .blaettern .head.codebox ul.katlist li ul li .bigger.leer,
.blaettern .prospektbestellung .head.eintrag ul.katlist li ul li .bigger.leer,
.prospektbestellung .blaettern .head.eintrag ul.katlist li ul li .bigger.leer,
.blaettern .prospektbestellung .head.legend ul.katlist li ul li .bigger.leer,
.prospektbestellung .blaettern .head.legend ul.katlist li ul li .bigger.leer,
ul.katlist li ul li .greybox_alt.head a.bigger,
ul.katlist li ul li .codeboxen .head.codebox a.bigger,
.codeboxen ul.katlist li ul li .head.codebox a.bigger,
ul.katlist li ul li .prospektbestellung .head.eintrag a.bigger,
.prospektbestellung ul.katlist li ul li .head.eintrag a.bigger,
ul.katlist li ul li .prospektbestellung .head.legend a.bigger,
.prospektbestellung ul.katlist li ul li .head.legend a.bigger,
ul.katlist li ul li .greybox_alt.head .blaettern .bigger.leer,
ul.katlist li ul li .codeboxen .head.codebox .blaettern .bigger.leer,
.codeboxen ul.katlist li ul li .head.codebox .blaettern .bigger.leer,
ul.katlist li ul li .prospektbestellung .head.eintrag .blaettern .bigger.leer,
.prospektbestellung ul.katlist li ul li .head.eintrag .blaettern .bigger.leer,
ul.katlist li ul li .prospektbestellung .head.legend .blaettern .bigger.leer,
.prospektbestellung ul.katlist li ul li .head.legend .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .greybox_alt.head .bigger.leer,
.blaettern ul.katlist li ul li .codeboxen .head.codebox .bigger.leer,
.codeboxen .blaettern ul.katlist li ul li .head.codebox .bigger.leer,
.blaettern ul.katlist li ul li .prospektbestellung .head.eintrag .bigger.leer,
.prospektbestellung .blaettern ul.katlist li ul li .head.eintrag .bigger.leer,
.blaettern ul.katlist li ul li .prospektbestellung .head.legend .bigger.leer,
.prospektbestellung .blaettern ul.katlist li ul li .head.legend .bigger.leer {
  font-size: 19px;
}

.greybox_alt.darker,
.codeboxen .darker.codebox,
.prospektbestellung .darker.eintrag,
.prospektbestellung .darker.legend {
  background: #e6e6e6;
}

.greybox_alt.darker.active,
.codeboxen .darker.active.codebox,
.prospektbestellung .darker.active.eintrag,
.prospektbestellung .darker.active.legend {
  background: #e67700;
}

.greybox_alt.darkest,
.codeboxen .darkest.codebox,
.prospektbestellung .darkest.eintrag,
.prospektbestellung .darkest.legend {
  background: #dbdbdb;
}

.greybox_alt.orangebox,
.codeboxen .orangebox.codebox,
.prospektbestellung .orangebox.eintrag,
.prospektbestellung .orangebox.legend {
  background: #ffdd9d;
}

.greybox_alt.eq_minheight,
.codeboxen .eq_minheight.codebox,
.prospektbestellung .eq_minheight.eintrag,
.prospektbestellung .eq_minheight.legend {
  min-height: 45px;
}

.greybox_alt.eq_minheight a.button.smallest,
.codeboxen .eq_minheight.codebox a.button.smallest,
.prospektbestellung .eq_minheight.eintrag a.button.smallest,
.prospektbestellung .eq_minheight.legend a.button.smallest,
.greybox_alt.eq_minheight .blaettern .button.smallest.leer,
.codeboxen .eq_minheight.codebox .blaettern .button.smallest.leer,
.prospektbestellung .eq_minheight.eintrag .blaettern .button.smallest.leer,
.prospektbestellung .eq_minheight.legend .blaettern .button.smallest.leer,
.blaettern .greybox_alt.eq_minheight .button.smallest.leer,
.blaettern .codeboxen .eq_minheight.codebox .button.smallest.leer,
.codeboxen .blaettern .eq_minheight.codebox .button.smallest.leer,
.blaettern .prospektbestellung .eq_minheight.eintrag .button.smallest.leer,
.prospektbestellung .blaettern .eq_minheight.eintrag .button.smallest.leer,
.blaettern .prospektbestellung .eq_minheight.legend .button.smallest.leer,
.prospektbestellung .blaettern .eq_minheight.legend .button.smallest.leer,
.greybox_alt.eq_minheight .paketauswahl a.smallest.paketbutt,
.codeboxen .eq_minheight.codebox .paketauswahl a.smallest.paketbutt,
.prospektbestellung .eq_minheight.eintrag .paketauswahl a.smallest.paketbutt,
.prospektbestellung .eq_minheight.legend .paketauswahl a.smallest.paketbutt,
.greybox_alt.eq_minheight .paketauswahl .blaettern .smallest.paketbutt.leer,
.codeboxen .eq_minheight.codebox .paketauswahl .blaettern .smallest.paketbutt.leer,
.prospektbestellung .eq_minheight.eintrag .paketauswahl .blaettern .smallest.paketbutt.leer,
.prospektbestellung .eq_minheight.legend .paketauswahl .blaettern .smallest.paketbutt.leer,
.blaettern .greybox_alt.eq_minheight .paketauswahl .smallest.paketbutt.leer,
.blaettern .codeboxen .eq_minheight.codebox .paketauswahl .smallest.paketbutt.leer,
.codeboxen .blaettern .eq_minheight.codebox .paketauswahl .smallest.paketbutt.leer,
.blaettern .prospektbestellung .eq_minheight.eintrag .paketauswahl .smallest.paketbutt.leer,
.prospektbestellung .blaettern .eq_minheight.eintrag .paketauswahl .smallest.paketbutt.leer,
.blaettern .prospektbestellung .eq_minheight.legend .paketauswahl .smallest.paketbutt.leer,
.prospektbestellung .blaettern .eq_minheight.legend .paketauswahl .smallest.paketbutt.leer,
.paketauswahl .greybox_alt.eq_minheight a.smallest.paketbutt,
.paketauswahl .codeboxen .eq_minheight.codebox a.smallest.paketbutt,
.codeboxen .paketauswahl .eq_minheight.codebox a.smallest.paketbutt,
.paketauswahl .prospektbestellung .eq_minheight.eintrag a.smallest.paketbutt,
.prospektbestellung .paketauswahl .eq_minheight.eintrag a.smallest.paketbutt,
.paketauswahl .prospektbestellung .eq_minheight.legend a.smallest.paketbutt,
.prospektbestellung .paketauswahl .eq_minheight.legend a.smallest.paketbutt,
.paketauswahl .greybox_alt.eq_minheight .blaettern .smallest.paketbutt.leer,
.paketauswahl .codeboxen .eq_minheight.codebox .blaettern .smallest.paketbutt.leer,
.codeboxen .paketauswahl .eq_minheight.codebox .blaettern .smallest.paketbutt.leer,
.paketauswahl .prospektbestellung .eq_minheight.eintrag .blaettern .smallest.paketbutt.leer,
.prospektbestellung .paketauswahl .eq_minheight.eintrag .blaettern .smallest.paketbutt.leer,
.paketauswahl .prospektbestellung .eq_minheight.legend .blaettern .smallest.paketbutt.leer,
.prospektbestellung .paketauswahl .eq_minheight.legend .blaettern .smallest.paketbutt.leer,
.blaettern .paketauswahl .greybox_alt.eq_minheight .smallest.paketbutt.leer,
.blaettern .paketauswahl .codeboxen .eq_minheight.codebox .smallest.paketbutt.leer,
.codeboxen .blaettern .paketauswahl .eq_minheight.codebox .smallest.paketbutt.leer,
.blaettern .paketauswahl .prospektbestellung .eq_minheight.eintrag .smallest.paketbutt.leer,
.prospektbestellung .blaettern .paketauswahl .eq_minheight.eintrag .smallest.paketbutt.leer,
.blaettern .paketauswahl .prospektbestellung .eq_minheight.legend .smallest.paketbutt.leer,
.prospektbestellung .blaettern .paketauswahl .eq_minheight.legend .smallest.paketbutt.leer {
  margin-bottom: 5px !important;
}

.greybox_alt.eq_minheight_58,
.codeboxen .eq_minheight_58.codebox,
.prospektbestellung .eq_minheight_58.eintrag,
.prospektbestellung .eq_minheight_58.legend {
  min-height: 58px;
}

.greybox_alt.h100,
.codeboxen .h100.codebox,
.prospektbestellung .h100.eintrag,
.prospektbestellung .h100.legend {
  height: 100%;
}

.greybox_alt.smaller,
.codeboxen .smaller.codebox,
.prospektbestellung .smaller.eintrag,
.prospektbestellung .smaller.legend {
  font-size: 0.8rem;
  line-height: 1.1rem;
  color: #1a1a1a;
}

.greybox_alt.noborder,
.codeboxen .noborder.codebox,
.prospektbestellung .noborder.eintrag,
.prospektbestellung .noborder.legend {
  border-top: none !important;
}

.greybox_alt .nopright,
.codeboxen .codebox .nopright,
.prospektbestellung .eintrag .nopright,
.prospektbestellung .legend .nopright {
  padding-right: 0 !important;
}

.greybox_alt .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_alt .nopleft,
.codeboxen .codebox .nopleft,
.prospektbestellung .eintrag .nopleft,
.prospektbestellung .legend .nopleft {
  padding-left: 0 !important;
}

.greybox_alt .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_alt .pleft,
.codeboxen .codebox .pleft,
.prospektbestellung .eintrag .pleft,
.prospektbestellung .legend .pleft {
  padding-left: 1.25rem !important;
  text-align: left;
}

.greybox_alt h2,
.codeboxen .codebox h2,
.prospektbestellung .eintrag h2,
.prospektbestellung .legend h2,
.greybox_alt h3.bigger,
.codeboxen .codebox h3.bigger,
.prospektbestellung .eintrag h3.bigger,
.prospektbestellung .legend h3.bigger,
.greybox_alt h4.bigger,
.codeboxen .codebox h4.bigger,
.prospektbestellung .eintrag h4.bigger,
.prospektbestellung .legend h4.bigger,
.greybox_alt ul.katlist li>a.bigger,
.codeboxen .codebox ul.katlist li>a.bigger,
.prospektbestellung .eintrag ul.katlist li>a.bigger,
.prospektbestellung .legend ul.katlist li>a.bigger,
.greybox_alt ul.katlist .blaettern li>.bigger.leer,
.codeboxen .codebox ul.katlist .blaettern li>.bigger.leer,
.prospektbestellung .eintrag ul.katlist .blaettern li>.bigger.leer,
.prospektbestellung .legend ul.katlist .blaettern li>.bigger.leer,
.blaettern .greybox_alt ul.katlist li>.bigger.leer,
.blaettern .codeboxen .codebox ul.katlist li>.bigger.leer,
.codeboxen .blaettern .codebox ul.katlist li>.bigger.leer,
.blaettern .prospektbestellung .eintrag ul.katlist li>.bigger.leer,
.prospektbestellung .blaettern .eintrag ul.katlist li>.bigger.leer,
.blaettern .prospektbestellung .legend ul.katlist li>.bigger.leer,
.prospektbestellung .blaettern .legend ul.katlist li>.bigger.leer,
ul.katlist .greybox_alt li>a.bigger,
ul.katlist .codeboxen .codebox li>a.bigger,
.codeboxen ul.katlist .codebox li>a.bigger,
ul.katlist .prospektbestellung .eintrag li>a.bigger,
.prospektbestellung ul.katlist .eintrag li>a.bigger,
ul.katlist .prospektbestellung .legend li>a.bigger,
.prospektbestellung ul.katlist .legend li>a.bigger,
ul.katlist .greybox_alt .blaettern li>.bigger.leer,
ul.katlist .codeboxen .codebox .blaettern li>.bigger.leer,
.codeboxen ul.katlist .codebox .blaettern li>.bigger.leer,
ul.katlist .prospektbestellung .eintrag .blaettern li>.bigger.leer,
.prospektbestellung ul.katlist .eintrag .blaettern li>.bigger.leer,
ul.katlist .prospektbestellung .legend .blaettern li>.bigger.leer,
.prospektbestellung ul.katlist .legend .blaettern li>.bigger.leer,
.blaettern ul.katlist .greybox_alt li>.bigger.leer,
.blaettern ul.katlist .codeboxen .codebox li>.bigger.leer,
.codeboxen .blaettern ul.katlist .codebox li>.bigger.leer,
.blaettern ul.katlist .prospektbestellung .eintrag li>.bigger.leer,
.prospektbestellung .blaettern ul.katlist .eintrag li>.bigger.leer,
.blaettern ul.katlist .prospektbestellung .legend li>.bigger.leer,
.prospektbestellung .blaettern ul.katlist .legend li>.bigger.leer,
.greybox_alt ul.katlist li ul li a.bigger,
.codeboxen .codebox ul.katlist li ul li a.bigger,
.prospektbestellung .eintrag ul.katlist li ul li a.bigger,
.prospektbestellung .legend ul.katlist li ul li a.bigger,
.greybox_alt ul.katlist li ul li .blaettern .bigger.leer,
.codeboxen .codebox ul.katlist li ul li .blaettern .bigger.leer,
.prospektbestellung .eintrag ul.katlist li ul li .blaettern .bigger.leer,
.prospektbestellung .legend ul.katlist li ul li .blaettern .bigger.leer,
.blaettern .greybox_alt ul.katlist li ul li .bigger.leer,
.blaettern .codeboxen .codebox ul.katlist li ul li .bigger.leer,
.codeboxen .blaettern .codebox ul.katlist li ul li .bigger.leer,
.blaettern .prospektbestellung .eintrag ul.katlist li ul li .bigger.leer,
.prospektbestellung .blaettern .eintrag ul.katlist li ul li .bigger.leer,
.blaettern .prospektbestellung .legend ul.katlist li ul li .bigger.leer,
.prospektbestellung .blaettern .legend ul.katlist li ul li .bigger.leer,
ul.katlist li ul li .greybox_alt a.bigger,
ul.katlist li ul li .codeboxen .codebox a.bigger,
.codeboxen ul.katlist li ul li .codebox a.bigger,
ul.katlist li ul li .prospektbestellung .eintrag a.bigger,
.prospektbestellung ul.katlist li ul li .eintrag a.bigger,
ul.katlist li ul li .prospektbestellung .legend a.bigger,
.prospektbestellung ul.katlist li ul li .legend a.bigger,
ul.katlist li ul li .greybox_alt .blaettern .bigger.leer,
ul.katlist li ul li .codeboxen .codebox .blaettern .bigger.leer,
.codeboxen ul.katlist li ul li .codebox .blaettern .bigger.leer,
ul.katlist li ul li .prospektbestellung .eintrag .blaettern .bigger.leer,
.prospektbestellung ul.katlist li ul li .eintrag .blaettern .bigger.leer,
ul.katlist li ul li .prospektbestellung .legend .blaettern .bigger.leer,
.prospektbestellung ul.katlist li ul li .legend .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .greybox_alt .bigger.leer,
.blaettern ul.katlist li ul li .codeboxen .codebox .bigger.leer,
.codeboxen .blaettern ul.katlist li ul li .codebox .bigger.leer,
.blaettern ul.katlist li ul li .prospektbestellung .eintrag .bigger.leer,
.prospektbestellung .blaettern ul.katlist li ul li .eintrag .bigger.leer,
.blaettern ul.katlist li ul li .prospektbestellung .legend .bigger.leer,
.prospektbestellung .blaettern ul.katlist li ul li .legend .bigger.leer {
  margin: 7px 0 7px 0;
}

.greybox_alt h3,
.codeboxen .codebox h3,
.prospektbestellung .eintrag h3,
.prospektbestellung .legend h3,
.greybox_alt h4.bigger,
.codeboxen .codebox h4.bigger,
.prospektbestellung .eintrag h4.bigger,
.prospektbestellung .legend h4.bigger,
.greybox_alt ul.katlist li>a,
.codeboxen .codebox ul.katlist li>a,
.prospektbestellung .eintrag ul.katlist li>a,
.prospektbestellung .legend ul.katlist li>a,
.greybox_alt ul.katlist .blaettern li>.leer,
.codeboxen .codebox ul.katlist .blaettern li>.leer,
.prospektbestellung .eintrag ul.katlist .blaettern li>.leer,
.prospektbestellung .legend ul.katlist .blaettern li>.leer,
.blaettern .greybox_alt ul.katlist li>.leer,
.blaettern .codeboxen .codebox ul.katlist li>.leer,
.codeboxen .blaettern .codebox ul.katlist li>.leer,
.blaettern .prospektbestellung .eintrag ul.katlist li>.leer,
.prospektbestellung .blaettern .eintrag ul.katlist li>.leer,
.blaettern .prospektbestellung .legend ul.katlist li>.leer,
.prospektbestellung .blaettern .legend ul.katlist li>.leer,
ul.katlist .greybox_alt li>a,
ul.katlist .codeboxen .codebox li>a,
.codeboxen ul.katlist .codebox li>a,
ul.katlist .prospektbestellung .eintrag li>a,
.prospektbestellung ul.katlist .eintrag li>a,
ul.katlist .prospektbestellung .legend li>a,
.prospektbestellung ul.katlist .legend li>a,
ul.katlist .greybox_alt .blaettern li>.leer,
ul.katlist .codeboxen .codebox .blaettern li>.leer,
.codeboxen ul.katlist .codebox .blaettern li>.leer,
ul.katlist .prospektbestellung .eintrag .blaettern li>.leer,
.prospektbestellung ul.katlist .eintrag .blaettern li>.leer,
ul.katlist .prospektbestellung .legend .blaettern li>.leer,
.prospektbestellung ul.katlist .legend .blaettern li>.leer,
.blaettern ul.katlist .greybox_alt li>.leer,
.blaettern ul.katlist .codeboxen .codebox li>.leer,
.codeboxen .blaettern ul.katlist .codebox li>.leer,
.blaettern ul.katlist .prospektbestellung .eintrag li>.leer,
.prospektbestellung .blaettern ul.katlist .eintrag li>.leer,
.blaettern ul.katlist .prospektbestellung .legend li>.leer,
.prospektbestellung .blaettern ul.katlist .legend li>.leer,
.greybox_alt ul.katlist li ul li a.bigger,
.codeboxen .codebox ul.katlist li ul li a.bigger,
.prospektbestellung .eintrag ul.katlist li ul li a.bigger,
.prospektbestellung .legend ul.katlist li ul li a.bigger,
.greybox_alt ul.katlist li ul li .blaettern .bigger.leer,
.codeboxen .codebox ul.katlist li ul li .blaettern .bigger.leer,
.prospektbestellung .eintrag ul.katlist li ul li .blaettern .bigger.leer,
.prospektbestellung .legend ul.katlist li ul li .blaettern .bigger.leer,
.blaettern .greybox_alt ul.katlist li ul li .bigger.leer,
.blaettern .codeboxen .codebox ul.katlist li ul li .bigger.leer,
.codeboxen .blaettern .codebox ul.katlist li ul li .bigger.leer,
.blaettern .prospektbestellung .eintrag ul.katlist li ul li .bigger.leer,
.prospektbestellung .blaettern .eintrag ul.katlist li ul li .bigger.leer,
.blaettern .prospektbestellung .legend ul.katlist li ul li .bigger.leer,
.prospektbestellung .blaettern .legend ul.katlist li ul li .bigger.leer,
ul.katlist li ul li .greybox_alt a.bigger,
ul.katlist li ul li .codeboxen .codebox a.bigger,
.codeboxen ul.katlist li ul li .codebox a.bigger,
ul.katlist li ul li .prospektbestellung .eintrag a.bigger,
.prospektbestellung ul.katlist li ul li .eintrag a.bigger,
ul.katlist li ul li .prospektbestellung .legend a.bigger,
.prospektbestellung ul.katlist li ul li .legend a.bigger,
ul.katlist li ul li .greybox_alt .blaettern .bigger.leer,
ul.katlist li ul li .codeboxen .codebox .blaettern .bigger.leer,
.codeboxen ul.katlist li ul li .codebox .blaettern .bigger.leer,
ul.katlist li ul li .prospektbestellung .eintrag .blaettern .bigger.leer,
.prospektbestellung ul.katlist li ul li .eintrag .blaettern .bigger.leer,
ul.katlist li ul li .prospektbestellung .legend .blaettern .bigger.leer,
.prospektbestellung ul.katlist li ul li .legend .blaettern .bigger.leer,
.blaettern ul.katlist li ul li .greybox_alt .bigger.leer,
.blaettern ul.katlist li ul li .codeboxen .codebox .bigger.leer,
.codeboxen .blaettern ul.katlist li ul li .codebox .bigger.leer,
.blaettern ul.katlist li ul li .prospektbestellung .eintrag .bigger.leer,
.prospektbestellung .blaettern ul.katlist li ul li .eintrag .bigger.leer,
.blaettern ul.katlist li ul li .prospektbestellung .legend .bigger.leer,
.prospektbestellung .blaettern ul.katlist li ul li .legend .bigger.leer {
  margin: 8px 0 6px 0px;
}

.yellow .greybox_alt .button.nomarginbottom,
.codeboxen .codebox .button.nomarginbottom,
.prospektbestellung .eintrag .button.nomarginbottom,
.prospektbestellung .legend .button.nomarginbottom,
.greybox_alt .paketauswahl a.nomarginbottom.paketbutt,
.codeboxen .codebox .paketauswahl a.nomarginbottom.paketbutt,
.prospektbestellung .eintrag .paketauswahl a.nomarginbottom.paketbutt,
.prospektbestellung .legend .paketauswahl a.nomarginbottom.paketbutt,
.greybox_alt .paketauswahl .blaettern .nomarginbottom.paketbutt.leer,
.codeboxen .codebox .paketauswahl .blaettern .nomarginbottom.paketbutt.leer,
.prospektbestellung .eintrag .paketauswahl .blaettern .nomarginbottom.paketbutt.leer,
.prospektbestellung .legend .paketauswahl .blaettern .nomarginbottom.paketbutt.leer,
.blaettern .greybox_alt .paketauswahl .nomarginbottom.paketbutt.leer,
.blaettern .codeboxen .codebox .paketauswahl .nomarginbottom.paketbutt.leer,
.codeboxen .blaettern .codebox .paketauswahl .nomarginbottom.paketbutt.leer,
.blaettern .prospektbestellung .eintrag .paketauswahl .nomarginbottom.paketbutt.leer,
.prospektbestellung .blaettern .eintrag .paketauswahl .nomarginbottom.paketbutt.leer,
.blaettern .prospektbestellung .legend .paketauswahl .nomarginbottom.paketbutt.leer,
.prospektbestellung .blaettern .legend .paketauswahl .nomarginbottom.paketbutt.leer,
.paketauswahl .greybox_alt a.nomarginbottom.paketbutt,
.paketauswahl .codeboxen .codebox a.nomarginbottom.paketbutt,
.codeboxen .paketauswahl .codebox a.nomarginbottom.paketbutt,
.paketauswahl .prospektbestellung .eintrag a.nomarginbottom.paketbutt,
.prospektbestellung .paketauswahl .eintrag a.nomarginbottom.paketbutt,
.paketauswahl .prospektbestellung .legend a.nomarginbottom.paketbutt,
.prospektbestellung .paketauswahl .legend a.nomarginbottom.paketbutt,
.paketauswahl .greybox_alt .blaettern .nomarginbottom.paketbutt.leer,
.paketauswahl .codeboxen .codebox .blaettern .nomarginbottom.paketbutt.leer,
.codeboxen .paketauswahl .codebox .blaettern .nomarginbottom.paketbutt.leer,
.paketauswahl .prospektbestellung .eintrag .blaettern .nomarginbottom.paketbutt.leer,
.prospektbestellung .paketauswahl .eintrag .blaettern .nomarginbottom.paketbutt.leer,
.paketauswahl .prospektbestellung .legend .blaettern .nomarginbottom.paketbutt.leer,
.prospektbestellung .paketauswahl .legend .blaettern .nomarginbottom.paketbutt.leer,
.blaettern .paketauswahl .greybox_alt .nomarginbottom.paketbutt.leer,
.blaettern .paketauswahl .codeboxen .codebox .nomarginbottom.paketbutt.leer,
.codeboxen .blaettern .paketauswahl .codebox .nomarginbottom.paketbutt.leer,
.blaettern .paketauswahl .prospektbestellung .eintrag .nomarginbottom.paketbutt.leer,
.prospektbestellung .blaettern .paketauswahl .eintrag .nomarginbottom.paketbutt.leer,
.blaettern .paketauswahl .prospektbestellung .legend .nomarginbottom.paketbutt.leer,
.prospektbestellung .blaettern .paketauswahl .legend .nomarginbottom.paketbutt.leer {
  margin-bottom: 0px !important;
}

.greybox_alt .button:not(.nomarginbottom):not(.smallest),
.codeboxen .codebox .button:not(.nomarginbottom):not(.smallest),
.prospektbestellung .eintrag .button:not(.nomarginbottom):not(.smallest),
.prospektbestellung .legend .button:not(.nomarginbottom):not(.smallest),
.greybox_alt .paketauswahl a.paketbutt:not(.nomarginbottom):not(.smallest),
.codeboxen .codebox .paketauswahl a.paketbutt:not(.nomarginbottom):not(.smallest),
.prospektbestellung .eintrag .paketauswahl a.paketbutt:not(.nomarginbottom):not(.smallest),
.prospektbestellung .legend .paketauswahl a.paketbutt:not(.nomarginbottom):not(.smallest),
.greybox_alt .paketauswahl .blaettern .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.codeboxen .codebox .paketauswahl .blaettern .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.prospektbestellung .eintrag .paketauswahl .blaettern .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.prospektbestellung .legend .paketauswahl .blaettern .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.blaettern .greybox_alt .paketauswahl .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.blaettern .codeboxen .codebox .paketauswahl .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.codeboxen .blaettern .codebox .paketauswahl .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.blaettern .prospektbestellung .eintrag .paketauswahl .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.prospektbestellung .blaettern .eintrag .paketauswahl .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.blaettern .prospektbestellung .legend .paketauswahl .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.prospektbestellung .blaettern .legend .paketauswahl .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.paketauswahl .greybox_alt a.paketbutt:not(.nomarginbottom):not(.smallest),
.paketauswahl .codeboxen .codebox a.paketbutt:not(.nomarginbottom):not(.smallest),
.codeboxen .paketauswahl .codebox a.paketbutt:not(.nomarginbottom):not(.smallest),
.paketauswahl .prospektbestellung .eintrag a.paketbutt:not(.nomarginbottom):not(.smallest),
.prospektbestellung .paketauswahl .eintrag a.paketbutt:not(.nomarginbottom):not(.smallest),
.paketauswahl .prospektbestellung .legend a.paketbutt:not(.nomarginbottom):not(.smallest),
.prospektbestellung .paketauswahl .legend a.paketbutt:not(.nomarginbottom):not(.smallest),
.paketauswahl .greybox_alt .blaettern .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.paketauswahl .codeboxen .codebox .blaettern .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.codeboxen .paketauswahl .codebox .blaettern .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.paketauswahl .prospektbestellung .eintrag .blaettern .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.prospektbestellung .paketauswahl .eintrag .blaettern .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.paketauswahl .prospektbestellung .legend .blaettern .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.prospektbestellung .paketauswahl .legend .blaettern .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.blaettern .paketauswahl .greybox_alt .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.blaettern .paketauswahl .codeboxen .codebox .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.codeboxen .blaettern .paketauswahl .codebox .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.blaettern .paketauswahl .prospektbestellung .eintrag .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.prospektbestellung .blaettern .paketauswahl .eintrag .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.blaettern .paketauswahl .prospektbestellung .legend .paketbutt.leer:not(.nomarginbottom):not(.smallest),
.prospektbestellung .blaettern .paketauswahl .legend .paketbutt.leer:not(.nomarginbottom):not(.smallest) {
  margin-bottom: 10px !important;
}



.greybox_alt select.inline,
.codeboxen .codebox select.inline,
.prospektbestellung .eintrag select.inline,
.prospektbestellung .legend select.inline,
.greybox_alt input[type=text].inline,
.codeboxen .codebox input[type=text].inline,
.prospektbestellung .eintrag input[type=text].inline,
.prospektbestellung .legend input[type=text].inline,
.greybox_alt textarea.inline,
.codeboxen .codebox textarea.inline,
.prospektbestellung .eintrag textarea.inline,
.prospektbestellung .legend textarea.inline {
  display: inline-block;
}

.greybox_alt select.small,
.codeboxen .codebox select.small,
.prospektbestellung .eintrag select.small,
.prospektbestellung .legend select.small,
.greybox_alt input[type=text].small,
.codeboxen .codebox input[type=text].small,
.prospektbestellung .eintrag input[type=text].small,
.prospektbestellung .legend input[type=text].small,
.greybox_alt 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_alt .label.bigger,
.codeboxen .codebox .label.bigger,
.prospektbestellung .eintrag .label.bigger,
.prospektbestellung .legend .label.bigger {
  font-size: 1rem;
  padding-top: 8px !important;
  padding-bottom: 7px !important;
  line-height: 1.2rem;
}

.greybox_alt .label.smaller,
.codeboxen .codebox .label.smaller,
.prospektbestellung .eintrag .label.smaller,
.prospektbestellung .legend .label.smaller {
  font-size: 0.8rem;
  line-height: 1.2rem;
  color: #1a1a1a;
  padding-top: 9px !important;
}

.greybox_alt .label.lesspadding,
.codeboxen .codebox .label.lesspadding,
.prospektbestellung .eintrag .label.lesspadding,
.prospektbestellung .legend .label.lesspadding {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.greybox_alt .label.active,
.codeboxen .codebox .label.active,
.prospektbestellung .eintrag .label.active,
.prospektbestellung .legend .label.active {
  font-size: 1rem;
  font-weight: 400;
}

.greybox_alt .notbold,
.codeboxen .codebox .notbold,
.prospektbestellung .eintrag .notbold,
.prospektbestellung .legend .notbold {
  font-weight: 300;
}

.greybox_alt.greenbox,
.codeboxen .greenbox.codebox,
.prospektbestellung .greenbox.eintrag,
.prospektbestellung .greenbox.legend {
  position: relative;
  background: #e0f8dd;
  border-top: 1px solid white;
  border-bottom: 1px solid #ccf3c8;
}

.greybox_alt.greenbox.head,
.codeboxen .greenbox.head.codebox,
.prospektbestellung .greenbox.head.eintrag,
.prospektbestellung .greenbox.head.legend,
.greybox_alt.greenbox.darker,
.codeboxen .greenbox.darker.codebox,
.prospektbestellung .greenbox.darker.eintrag,
.prospektbestellung .greenbox.darker.legend {
  background: #ccf3c8;
  border-top: 1px solid #f3fcf2;
  border-bottom: 1px solid #b1edab;
}

.greybox_alt.greenbox.darkest,
.codeboxen .greenbox.darkest.codebox,
.prospektbestellung .greenbox.darkest.eintrag,
.prospektbestellung .greenbox.darkest.legend {
  background: #b8efb3;
}

.greybox_alt.yellowbox,
.codeboxen .yellowbox.codebox,
.prospektbestellung .yellowbox.eintrag,
.prospektbestellung .yellowbox.legend {
  background: #ffc42d;
}

.greybox_alt.yellowbox.lighter,
.codeboxen .yellowbox.lighter.codebox,
.prospektbestellung .yellowbox.lighter.eintrag,
.prospektbestellung .yellowbox.lighter.legend {
  background: #ffefc6;
}

.greybox_alt.yellowbox a,
.codeboxen .yellowbox.codebox a,
.prospektbestellung .yellowbox.eintrag a,
.prospektbestellung .yellowbox.legend a,
.greybox_alt.yellowbox .blaettern .leer,
.codeboxen .yellowbox.codebox .blaettern .leer,
.prospektbestellung .yellowbox.eintrag .blaettern .leer,
.prospektbestellung .yellowbox.legend .blaettern .leer,
.blaettern .greybox_alt.yellowbox .leer,
.blaettern .codeboxen .yellowbox.codebox .leer,
.codeboxen .blaettern .yellowbox.codebox .leer,
.blaettern .prospektbestellung .yellowbox.eintrag .leer,
.prospektbestellung .blaettern .yellowbox.eintrag .leer,
.blaettern .prospektbestellung .yellowbox.legend .leer,
.prospektbestellung .blaettern .yellowbox.legend .leer {
  color: #000000 !important;
}

.greybox_alt.yellowbox a:hover,
.codeboxen .yellowbox.codebox a:hover,
.prospektbestellung .yellowbox.eintrag a:hover,
.prospektbestellung .yellowbox.legend a:hover,
.greybox_alt.yellowbox .blaettern .leer:hover,
.codeboxen .yellowbox.codebox .blaettern .leer:hover,
.prospektbestellung .yellowbox.eintrag .blaettern .leer:hover,
.prospektbestellung .yellowbox.legend .blaettern .leer:hover,
.blaettern .greybox_alt.yellowbox .leer:hover,
.blaettern .codeboxen .yellowbox.codebox .leer:hover,
.codeboxen .blaettern .yellowbox.codebox .leer:hover,
.blaettern .prospektbestellung .yellowbox.eintrag .leer:hover,
.prospektbestellung .blaettern .yellowbox.eintrag .leer:hover,
.blaettern .prospektbestellung .yellowbox.legend .leer:hover,
.prospektbestellung .blaettern .yellowbox.legend .leer:hover {
  color: #000000 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  filter: Alpha(opacity=50);
  opacity: 0.5;
  moz-opacity: 0.5;
}

.greybox_alt.redbox,
.codeboxen .redbox.codebox,
.prospektbestellung .redbox.eintrag,
.prospektbestellung .redbox.legend {
  background: #f75454;
  color: #FFFFFF !important;
}

.greybox_alt.redbox input,
.codeboxen .redbox.codebox input,
.prospektbestellung .redbox.eintrag input,
.prospektbestellung .redbox.legend input,
.greybox_alt.redbox .darkgreen,
.codeboxen .redbox.codebox .darkgreen,
.prospektbestellung .redbox.eintrag .darkgreen,
.prospektbestellung .redbox.legend .darkgreen,
.greybox_alt.redbox .label,
.codeboxen .redbox.codebox .label,
.prospektbestellung .redbox.eintrag .label,
.prospektbestellung .redbox.legend .label {
  color: #FFFFFF !important;
}

.greybox_alt.darkbox,
.codeboxen .darkbox.codebox,
.prospektbestellung .darkbox.eintrag,
.prospektbestellung .darkbox.legend {
  border-top: 1px solid #8f9092 !important;
  background: #696a6c !important;
  color: #FFFFFF !important;
}

.greybox_alt.darkbox input,
.codeboxen .darkbox.codebox input,
.prospektbestellung .darkbox.eintrag input,
.prospektbestellung .darkbox.legend input,
.greybox_alt.darkbox .smaller,
.codeboxen .darkbox.codebox .smaller,
.prospektbestellung .darkbox.eintrag .smaller,
.prospektbestellung .darkbox.legend .smaller {
  color: #FFFFFF !important;
}

.greybox_alt.darkbox .bigger,
.codeboxen .darkbox.codebox .bigger,
.prospektbestellung .darkbox.eintrag .bigger,
.prospektbestellung .darkbox.legend .bigger,
.greybox_alt.darkbox .bigger input,
.codeboxen .darkbox.codebox .bigger input,
.prospektbestellung .darkbox.eintrag .bigger input,
.prospektbestellung .darkbox.legend .bigger input {
  color: #ffee9c !important;
}

.greybox_alt.darkbox .smaller input,
.codeboxen .darkbox.codebox .smaller input,
.prospektbestellung .darkbox.eintrag .smaller input,
.prospektbestellung .darkbox.legend .smaller input {
  font-size: 0.8rem;
}

.greybox_alt.darkbox.darker,
.codeboxen .darkbox.darker.codebox,
.prospektbestellung .darkbox.darker.eintrag,
.prospektbestellung .darkbox.darker.legend {
  background: #505152 !important;
}

.greybox_alt.darkbox.darkborder,
.codeboxen .darkbox.darkborder.codebox,
.prospektbestellung .darkbox.darkborder.eintrag,
.prospektbestellung .darkbox.darkborder.legend {
  border-bottom: 1px solid #696a6c !important;
}

.greybox_alt.grau,
.codeboxen .grau.codebox,
.prospektbestellung .grau.eintrag,
.prospektbestellung .grau.legend {
  color: #aaa !important;
}

.greybox_alt.grau a,
.codeboxen .grau.codebox a,
.prospektbestellung .grau.eintrag a,
.prospektbestellung .grau.legend a,
.greybox_alt.grau .blaettern .leer,
.codeboxen .grau.codebox .blaettern .leer,
.prospektbestellung .grau.eintrag .blaettern .leer,
.prospektbestellung .grau.legend .blaettern .leer,
.blaettern .greybox_alt.grau .leer,
.blaettern .codeboxen .grau.codebox .leer,
.codeboxen .blaettern .grau.codebox .leer,
.blaettern .prospektbestellung .grau.eintrag .leer,
.prospektbestellung .blaettern .grau.eintrag .leer,
.blaettern .prospektbestellung .grau.legend .leer,
.prospektbestellung .blaettern .grau.legend .leer,
.greybox_alt.grau a:hover {
  color: #aaa !important;
  text-decoration: none !important;
  cursor: default !important;
}

.greybox_alt .row.thin .columns input,
.codeboxen .codebox .row.thin .columns input,
.prospektbestellung .eintrag .row.thin .columns input,
.prospektbestellung .legend .row.thin .columns input {
  padding: 0 0.4rem;
  height: 1.1rem;
}

.greybox_alt .row.thin .columns .helpicon,
.codeboxen .codebox .row.thin .columns .helpicon,
.prospektbestellung .eintrag .row.thin .columns .helpicon,
.prospektbestellung .legend .row.thin .columns .helpicon {
  top: -6px;
}

@media only screen and (min-width:1051px) {
  .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_alt,
.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_alt .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_alt .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_alt .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_alt .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_alt 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_alt 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_alt 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_alt 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_alt 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_alt 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_alt 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_alt .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_alt 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_alt 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_alt 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_alt 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_alt 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_alt .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_alt .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_alt 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_alt 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_alt 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_alt 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_alt 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_alt 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_alt .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_alt 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_alt 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_alt 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_alt 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_alt 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_alt .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_alt .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_alt .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_alt .bigger.active,
.smallboxes .codeboxen .codebox .bigger.active,
.codeboxen .smallboxes .codebox .bigger.active,
.smallboxes .prospektbestellung .eintrag .bigger.active,
.prospektbestellung .smallboxes .eintrag .bigger.active,
.smallboxes .prospektbestellung .legend .bigger.active,
.prospektbestellung .smallboxes .legend .bigger.active {
  font-size: 1rem;
}

.smallboxes .greybox_alt 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_alt,
.codeboxen .smallboxes>.codebox,
.prospektbestellung .smallboxes>.eintrag,
.prospektbestellung .smallboxes>.legend {
  padding: 0;
}

.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: 1051px) {
  .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.9rem;
  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 a:not(.button):active,
.karte_vertr .blaettern .leer:not(.button):active,
.blaettern .karte_vertr .leer:not(.button):active,
.karte_vertr a:not(.button).current,
.karte_vertr .blaettern .leer:not(.button).current,
.blaettern .karte_vertr .leer:not(.button).current,
.karte_vertr a:not(.button):hover,
.karte_vertr .blaettern .leer:not(.button):hover,
.blaettern .karte_vertr .leer:not(.button):hover {
  color: #1b3454 !important;
  background: transparent !important;
}

.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;
  &.row{
    margin: 0 -0.8rem !important;
  }
}

.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 .plz-form a.button.plz,
.karte_vertr .plzleiste .plz-form .blaettern .button.plz.leer,
.blaettern .karte_vertr .plzleiste .plz-form .button.plz.leer,
.karte_vertr .plzleiste .plz-form .paketauswahl a.plz.paketbutt,
.karte_vertr .plzleiste .plz-form .paketauswahl .blaettern .plz.paketbutt.leer,
.blaettern .karte_vertr .plzleiste .plz-form .paketauswahl .plz.paketbutt.leer,
.paketauswahl .karte_vertr .plzleiste .plz-form a.plz.paketbutt,
.paketauswahl .karte_vertr .plzleiste .plz-form .blaettern .plz.paketbutt.leer,
.blaettern .paketauswahl .karte_vertr .plzleiste .plz-form .plz.paketbutt.leer {
  width: 36px !important;
  margin: 0px !important;
  height: 34px;
  padding: 7px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}

.karte_vertr .plzleiste .plz-form a.button.plz:before,
.karte_vertr .plzleiste .plz-form .blaettern .button.plz.leer:before,
.blaettern .karte_vertr .plzleiste .plz-form .button.plz.leer:before,
.karte_vertr .plzleiste .plz-form .paketauswahl a.plz.paketbutt:before,
.karte_vertr .plzleiste .plz-form .paketauswahl .blaettern .plz.paketbutt.leer:before,
.blaettern .karte_vertr .plzleiste .plz-form .paketauswahl .plz.paketbutt.leer:before,
.paketauswahl .karte_vertr .plzleiste .plz-form a.plz.paketbutt:before,
.paketauswahl .karte_vertr .plzleiste .plz-form .blaettern .plz.paketbutt.leer:before,
.blaettern .paketauswahl .karte_vertr .plzleiste .plz-form .plz.paketbutt.leer:before {
  content: "\f002";
  font-family: "FontAwesome";
  font-size: 17px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  filter: Alpha(opacity=70);
  opacity: 0.7;
  moz-opacity: 0.7;
  color: #000000;
}

.karte_vertr .plzleiste .plz-form a.button.plz:hover,
.karte_vertr .plzleiste .plz-form .blaettern .button.plz.leer:hover,
.blaettern .karte_vertr .plzleiste .plz-form .button.plz.leer:hover,
.karte_vertr .plzleiste .plz-form .paketauswahl a.plz.paketbutt:hover,
.karte_vertr .plzleiste .plz-form .paketauswahl .blaettern .plz.paketbutt.leer:hover,
.blaettern .karte_vertr .plzleiste .plz-form .paketauswahl .plz.paketbutt.leer:hover,
.paketauswahl .karte_vertr .plzleiste .plz-form a.plz.paketbutt:hover,
.paketauswahl .karte_vertr .plzleiste .plz-form .blaettern .plz.paketbutt.leer:hover,
.blaettern .paketauswahl .karte_vertr .plzleiste .plz-form .plz.paketbutt.leer:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  filter: Alpha(opacity=100);
  opacity: 1;
  moz-opacity: 1;
}

.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.9rem;
  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:1051px) {
  .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:1051px) {
  .newslist .item.archiv.item4 {
      border-top: 1px solid #FFFFFF;
  }
}

.newslist .item.archiv .topline {
  margin: 15px 0px -14px 0px;
  font-size: 0.9rem;
  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;
  margin-top: 20px;
}

.nf_head {
  line-height: 2.1rem;
  margin-top: -10px;
  background: #f2f2f2;
  border-top: none;
}

.nf_head a.button,
.nf_head .blaettern .button.leer,
.blaettern .nf_head .button.leer,
.nf_head .paketauswahl a.paketbutt,
.paketauswahl .nf_head a.paketbutt,
.nf_head .paketauswahl .blaettern .leer.paketbutt,
.paketauswahl .blaettern .nf_head .leer.paketbutt,
.nf_head .blaettern .paketauswahl .leer.paketbutt,
.blaettern .paketauswahl .nf_head .leer.paketbutt {
  margin-left: 5px;
}

.nf_head .hl_filter {
  float: left;
  font-size: 1.1rem;
  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: 1050px) {
  .newsfilter .fkat {
      width: 38%;
  }
}

@media (max-width: 480px) {
  .newsfilter .fkat {
      width: 100%;
  }
}

.newsfilter .fherstlist {
  width: 73%;
  float: left;
}

@media (max-width: 1050px) {
  .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: 1050px) {
  .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.9rem;
}

.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: 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: 1050px) {
  #editleiste {
      display: none;
  }
}

@media only screen and (max-width: 1050px) {
  .main_content .kasten.float4 {
      width: 49%;
  }

  .notmobile {
      display: none;
  }

  .button.lessmarginmobile,
  .paketauswahl a.lessmarginmobile.paketbutt,
  .paketauswahl .blaettern .lessmarginmobile.paketbutt.leer,
  .blaettern .paketauswahl .lessmarginmobile.paketbutt.leer {
      margin-top: 5px;
      margin-bottom: 5px;
      float: left;
      width: 100%;
  }

  .button.mright,
  .paketauswahl a.mright.paketbutt,
  .paketauswahl .blaettern .mright.paketbutt.leer,
  .blaettern .paketauswahl .mright.paketbutt.leer {
      margin-right: 0;
  }

  .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) {

  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) .button,
  .paketauswahl a.paketbutt,
  .paketauswahl .blaettern .paketbutt.leer,
  .blaettern .paketauswahl .paketbutt.leer {
      position: relative;
      display: block;
      width: 100%;
      margin: 20px 0;
      right: 0;
  }


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

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






.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: 1050px) {
  .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%;
  }
}



.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: 1.1rem;
  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.9rem;
}

.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: 1050px) {
  .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: 1050px) {
  .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: 1050px) {
  .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.9rem;
  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: 1051px) {
  .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: 1050px) {
  .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: sans-serif;
}

@media (min-width: 1051px) {
  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: 1051px) {
  body .content .aftersales .line.footerline {
      padding: 8px 80px;
  }
}

body .content .aftersales .line.footerline .button,
body .content .aftersales .line.footerline .paketauswahl a.paketbutt,
.paketauswahl body .content .aftersales .line.footerline a.paketbutt,
body .content .aftersales .line.footerline .paketauswahl .blaettern .paketbutt.leer,
.paketauswahl .blaettern body .content .aftersales .line.footerline .paketbutt.leer,
body .content .aftersales .line.footerline .blaettern .paketauswahl .paketbutt.leer,
.blaettern .paketauswahl body .content .aftersales .line.footerline .paketbutt.leer {
  margin: 0 !important;
  font-style: normal;
  font-size: 0.8em;
}

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 a:not(.button):active,
body .content .aftersales .aftersales_box .blaettern .leer:not(.button):active,
.blaettern body .content .aftersales .aftersales_box .leer:not(.button):active,
body .content .aftersales .aftersales_box a:not(.button).current,
body .content .aftersales .aftersales_box .blaettern .leer:not(.button).current,
.blaettern body .content .aftersales .aftersales_box .leer:not(.button).current,
body .content .aftersales .aftersales_box a:not(.button):hover,
body .content .aftersales .aftersales_box .blaettern .leer:not(.button):hover,
.blaettern body .content .aftersales .aftersales_box .leer:not(.button):hover {
  color: #1b3454 !important;
  background: transparent !important;
}

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: 14px !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: 1050px) {
  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: 1050px) {
  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_alt.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_alt.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_alt.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 .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%;
  }
}


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



/* -------- 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 .footer .button.smallest,
.qp_status.anlagenvorg .footer .paketauswahl a.smallest.paketbutt,
.paketauswahl .qp_status.anlagenvorg .footer a.smallest.paketbutt,
.qp_status.anlagenvorg .footer .paketauswahl .blaettern .smallest.paketbutt.leer,
.paketauswahl .blaettern .qp_status.anlagenvorg .footer .smallest.paketbutt.leer,
.qp_status.anlagenvorg .footer .blaettern .paketauswahl .smallest.paketbutt.leer,
.blaettern .paketauswahl .qp_status.anlagenvorg .footer .smallest.paketbutt.leer {
  margin-top: 10px;
  font-weight: 300;
}

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

.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],
input[type=text].readonly {
  background: transparent;
  border-color: transparent;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

input#nur_ausgabe {
  position: absolute;
  right: 0.5rem;
  top: 0;
  background: #ccf3c8;
}

::-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,
.pflichtbox:after {
  border: 1px solid #FF7E00 !important;
  background: #ffe193 !important;
}

.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: 1051px) {
  .h2_shift {
      padding-top: 59px;
  }
}

@media only screen and (max-width: 1050px) {
  .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:1051px) {
  .abs_right {
      position: absolute;
      right: 0;
  }
}

.darkgreen {
  color: #0e9700;
}

.darkgreen input[type=text][readonly],
.darkgreen input[type=text].readonly {
  color: #0e9700;
}

body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) {
  .bigger {
      font-size: 1.05rem;
      font-weight: 400 !important;
  }
}

.bigger input,
.bigger .label {
  font-weight: 400 !important;
}

.bigger input[type=text] {
  font-size: 1.15rem !important;
  margin-top: 1px !important;
}

.biggest {
  font-size: 1.2rem;
  font-weight: 400 !important;
}

.biggest input,
.biggest .label {
  font-weight: 400 !important;
}

.biggest input[type=text] {
  font-size: 1.2rem !important;
  margin-top: 2px !important;
}

.biggest .helpicon {
  top: -6px !important;
}

.biggest .smaller {
  font-size: 0.95rem;
}

.standort_einstr {
  padding-bottom: 10px;
}

.empf {
  float: right;
  font-size: 0.8em;
  color: #999999;
}

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


a.button.yellow.vop,
.blaettern .button.yellow.vop.leer,
.paketauswahl a.yellow.vop.paketbutt,
.paketauswahl .blaettern .yellow.vop.leer.paketbutt,
.blaettern .paketauswahl .yellow.vop.leer.paketbutt {
  border: 2px solid #38c52b;
  margin-top: -4px;
}

.greybox_alt.greenbox.darker,
.prospektbestellung .greenbox.darker.legend,
.prospektbestellung .greenbox.darker.eintrag,
.codeboxen .greenbox.darker.codebox {
  background: #b8efb3;
}

.greybox_alt.greenbox.darker:not(.ptop),
.prospektbestellung .greenbox.darker.legend:not(.ptop),
.prospektbestellung .greenbox.darker.eintrag:not(.ptop),
.codeboxen .greenbox.darker.codebox:not(.ptop) {
  border: none !important;
}

.greybox_alt.greenbox.darker.ptop,
.prospektbestellung .greenbox.darker.ptop.legend,
.prospektbestellung .greenbox.darker.ptop.eintrag,
.codeboxen .greenbox.darker.ptop.codebox {
  padding-top: 7px;
}

.greybox_alt.greenbox.darker.pbottom,
.prospektbestellung .greenbox.darker.pbottom.legend,
.prospektbestellung .greenbox.darker.pbottom.eintrag,
.codeboxen .greenbox.darker.pbottom.codebox {
  padding-bottom: 12px;
}

.greybox_alt.ptop,
.prospektbestellung .ptop.legend,
.prospektbestellung .ptop.eintrag,
.codeboxen .ptop.codebox {
  padding-top: 7px;
}

.sp_data {
  padding: 10px 20px 10px 20px !important;
}

.sp_data>.row {
  max-width: 300px !important;
}

.sp_data>.row>.columns {
  padding-top: 0 !important;
  padding-bottom: 2px !important;
}

#loaderdeckel,
.loaderdeckel,
#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,
.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,
.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,
.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,
.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 .button,
#warnung_layer span.yellow .paketauswahl a.paketbutt,
.paketauswahl #warnung_layer span.yellow a.paketbutt,
#warnung_layer span.yellow .paketauswahl .blaettern .paketbutt.leer,
.paketauswahl .blaettern #warnung_layer span.yellow .paketbutt.leer,
#warnung_layer span.yellow .blaettern .paketauswahl .paketbutt.leer,
.blaettern .paketauswahl #warnung_layer span.yellow .paketbutt.leer {
  border: 1px solid #c68e00;
  -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;
}

#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);
  }
}

.weiterbutt_sp {
  background: #5386df;
  padding: 10px;
  margin-top: 5px;
  text-align: center;
}

.weiterbutt_sp a.button,
.weiterbutt_sp .blaettern .button.leer,
.blaettern .weiterbutt_sp .button.leer,
.weiterbutt_sp .paketauswahl a.paketbutt,
.paketauswahl .weiterbutt_sp a.paketbutt,
.weiterbutt_sp .paketauswahl .blaettern .leer.paketbutt,
.paketauswahl .blaettern .weiterbutt_sp .leer.paketbutt,
.weiterbutt_sp .blaettern .paketauswahl .leer.paketbutt,
.blaettern .paketauswahl .weiterbutt_sp .leer.paketbutt {
  margin: 0;
}

#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 {
  padding: 0 0.5rem;
  min-width: 420px;
}

.autarkie>.row>.columns.darker {
  background: #d4f5d1;
}

.autarkie>.row>.columns.darker.empty {
  padding: 7px 0 5px 0;
}

.autarkie>.row>.columns.hidden {
  display: none;
}

.autarkie.autarkie_label {
  border-top: 0;
  font-size: 0.9em;
  background: #c8f2c4;
}

.autarkie.autarkie_label>.row>.columns {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.autarkie.autarkie_label>.row>.columns.darker {
  background: #b8efb3;
}

.autarkie.head {
  min-height: 40px;
}

.autarkie.head>.row>.columns {
  height: 40px;
}

.autarkie.head>.row>.columns span {
  padding: 0.25rem 0.3rem 0.1rem 0.1rem;
}

.autarkie.head>.row>.columns.float {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.autarkie.head>.row>.columns.darker {
  background: #b8efb3;
}

.autarkie.head>.row>.columns.darker.empty {
  padding: 0;
}

.autarkie.head input#nur_ausgabe {
  position: relative;
  right: auto;
  background: #b8efb3;
}

.autarkie .row {
  position: relative;
  z-index: 1;
}

.autarkie .row .float input[type=text] {
  float: right;
  width: 58px;
}

.autarkie .row .float input[type=text].readonly {
  padding: 0;
}

.autarkie .row .float span {
  float: right;
  padding: 0.4rem 0.5rem 0.4rem 0.1rem;
}

.autarkie:not(.no_after) .t_quote {
  display: inline;
}

.autarkie:not(.no_after) .t_autarkie {
  display: none;
}

.autarkie.no_after .t_quote {
  display: none;
}

.autarkie.no_after .t_autarkie {
  display: inline;
}

.autarkie #autarkie_emobil,
.autarkie #autarkie_wp {
  font-size: 1.1em !important;
}

.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 #ddd;
  background: #fff;
  color: #333;
  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: sans-serif !important;
  font-size: 0.9rem !important;
}

.ui-tooltip p.tt_head {
  margin: 5px 10px 10px 0 !important;
  font-size: 1.2em !important;
  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: 10px;
  margin: 10px 0;
}

.tt_static.tt_border {
  border: 5px solid #e6e6e6;
}

.tt_static_close {
  position: absolute;
  color: gray !important;
  right: 10px;
  top: 5px;
  font-size: 24px;
  line-height: 24px;
}

.tt_static_close:hover {
  color: #cccccc !important;
}

.weiterbutts {
  padding: 10px 0 70px 0;
}

.weiterbutts.left {
  float: left !important;
}

.weiterbutts.left a.button.yellow.pdf,
.weiterbutts.left .blaettern .button.yellow.pdf.leer,
.blaettern .weiterbutts.left .button.yellow.pdf.leer,
.weiterbutts.left .paketauswahl a.yellow.pdf.paketbutt,
.paketauswahl .weiterbutts.left a.yellow.pdf.paketbutt,
.weiterbutts.left .paketauswahl .blaettern .yellow.pdf.leer.paketbutt,
.paketauswahl .blaettern .weiterbutts.left .yellow.pdf.leer.paketbutt,
.weiterbutts.left .blaettern .paketauswahl .yellow.pdf.leer.paketbutt,
.blaettern .paketauswahl .weiterbutts.left .yellow.pdf.leer.paketbutt {
  background-position: 8px 14px, 0 0;
  margin-right: 10px;
}

.weiterbutts.left a.button.yellow.pdf,
.weiterbutts.left .blaettern .button.yellow.pdf.leer,
.blaettern .weiterbutts.left .button.yellow.pdf.leer,
.weiterbutts.left .paketauswahl a.yellow.pdf.paketbutt,
.paketauswahl .weiterbutts.left a.yellow.pdf.paketbutt,
.weiterbutts.left .paketauswahl .blaettern .yellow.pdf.leer.paketbutt,
.paketauswahl .blaettern .weiterbutts.left .yellow.pdf.leer.paketbutt,
.weiterbutts.left .blaettern .paketauswahl .yellow.pdf.leer.paketbutt,
.blaettern .paketauswahl .weiterbutts.left .yellow.pdf.leer.paketbutt {
  background-position: 8px 14px, 0 0;
  margin-right: 10px;
}

.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: 1050px) {
  .weiterbutts .pfeilnavi_hinweis {
      width: 100%;
      margin-bottom: 20px;
  }
}

.weiterbutts .newline {
  width: 100%;
  float: left;
  padding-bottom: 5px;
}

.hinweis_demo {
  display: block;
  width: 100%;
  background: #ff9903;
  color: #FFFFFF;
  padding: 5px 0 3px 0px;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
}

.hinweis_demo a:hover,
.hinweis_demo .blaettern .leer:hover,
.blaettern .hinweis_demo .leer:hover {
  color: #ffc775 !important;
}

.helpicon {
  z-index: 10;
  text-decoration: none !important;
  position: absolute;
  right: 0;
  top: -4px;
}

.helpicon:before {
  content: "\f128";
  font-family: "FontAwesome";
  font-size: 17px;
  padding: 1px 5px;
  font-weight: normal !important;
  background: #34acff;
  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;
}

.greybox_alt>.helpicon,
.prospektbestellung .legend>.helpicon,
.prospektbestellung .eintrag>.helpicon,
.codeboxen .codebox>.helpicon {
  top: -3px;
}

.greybox_alt>.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;
}

.greybox_alt>.helpicon.right,
.prospektbestellung .legend>.helpicon.right,
.prospektbestellung .eintrag>.helpicon.right,
.codeboxen .codebox>.helpicon.right {
  right: -19px !important;
}

.greybox_alt>.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: -8px;
} */

.bg_grey {
  background: #e6e6e6;
  padding-bottom: 0 !important;
}

.greybox_alt.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%;
  background: #f63c3c;
  text-align: right;
  padding: 7px 10px;
}

#neuladen.neu {
  height: 156px;
}

#neuladen.neu .neuladen_maske_o {
  height: 55px;
  padding: 10px 10px;
}

.funktionsbuttons {
  width: calc(100% - 10px);
  margin-top: 20px;
  border-top: 2px solid #DDDDDD;
}

.funktionsbuttons a.button,
.funktionsbuttons .blaettern .button.leer,
.blaettern .funktionsbuttons .button.leer,
.funktionsbuttons .paketauswahl a.paketbutt,
.paketauswahl .funktionsbuttons a.paketbutt,
.funktionsbuttons .paketauswahl .blaettern .leer.paketbutt,
.paketauswahl .blaettern .funktionsbuttons .leer.paketbutt,
.funktionsbuttons .blaettern .paketauswahl .leer.paketbutt,
.blaettern .paketauswahl .funktionsbuttons .leer.paketbutt {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}

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

  .funktionsbuttons .button,
  .funktionsbuttons .paketauswahl a.paketbutt,
  .paketauswahl .funktionsbuttons a.paketbutt,
  .funktionsbuttons .paketauswahl .blaettern .paketbutt.leer,
  .paketauswahl .blaettern .funktionsbuttons .paketbutt.leer,
  .funktionsbuttons .blaettern .paketauswahl .paketbutt.leer,
  .blaettern .paketauswahl .funktionsbuttons .paketbutt.leer {
      margin-right: 2px;
  }
}

a.button.yellow.load,
.blaettern .button.yellow.load.leer,
.paketauswahl a.yellow.load.paketbutt,
.paketauswahl .blaettern .yellow.load.leer.paketbutt,
.blaettern .paketauswahl .yellow.load.leer.paketbutt {
  background-image: url("../include/quickplan_flaechen/pics/load.png"), linear-gradient(#ffc42d, #ffbe19);
  background-repeat: no-repeat, repeat;
  background-position: 10px 9px, 0 0;
  padding-left: 35px;
}

a.button.yellow.pdf,
.blaettern .button.yellow.pdf.leer,
.paketauswahl a.yellow.pdf.paketbutt,
.paketauswahl .blaettern .yellow.pdf.leer.paketbutt,
.blaettern .paketauswahl .yellow.pdf.leer.paketbutt {
  background-image: url("../include/quickplan_flaechen/pics/pdf_noshadow.png"), linear-gradient(#ffc42d, #ffbe19);
  background-repeat: no-repeat, repeat;
  background-position: 8px 11px, 0 0;
  padding-left: 54px;
}

a.button.yellow.pdf.thin,
.blaettern .button.yellow.pdf.thin.leer,
.paketauswahl a.yellow.pdf.thin.paketbutt,
.paketauswahl .blaettern .yellow.pdf.thin.leer.paketbutt,
.blaettern .paketauswahl .yellow.pdf.thin.leer.paketbutt {
  background-position: 8px 8px, 0 0;
}

@media only screen and (max-width: 1050px) and (min-width: 481px) {
  .medium-6.xsmallbreak {
      width: 50% !important;
  }
}

@media only screen and (min-width: 1051px) {
  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) .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;
  }
}

/* 
.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: 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;
}

.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: 1050px) {
  .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;
}

/* bis 1024px (small)
@media only screen and (max-width: 1100px) {

    .greybox_alt {

        font-size: 13px;
        line-height:1.1rem;

        .label,input,select{
            font-size: 13px;
        }
        .label{
            padding-top:7px !important;
            padding-bottom:7px !important;
        }

        select,input[type="text"]{
            height: 1.75rem;
            padding: 0.2rem 0.4rem;

        }

        > .helpicon { top: 6px; }

        .hinweis{font-size:12px;}
    }

}

*/
.lp_frame {
  position: relative;
}

.lastenprofil {
  position: relative;
  z-index: 11;
  width: 100%;
  background: #FFFFFF;
  padding-bottom: 200px;
}

.lastenprofil.zeichnung {
  position: relative;
}

.lastenprofil .inner {
  border-top: 5px solid #5386df;
  border-bottom: 5px solid #5386df;
  border-left: 1px solid #5386df;
  border-right: 1px solid #5386df;
  padding: 5px;
  background: #fbfbfb;
}

.lastenprofil .inner .weiterbutts {
  background: #5386df;
}

.lastenprofil .inner .weiterbutts a.button,
.lastenprofil .inner .weiterbutts .blaettern .button.leer,
.blaettern .lastenprofil .inner .weiterbutts .button.leer,
.lastenprofil .inner .weiterbutts .paketauswahl a.paketbutt,
.paketauswahl .lastenprofil .inner .weiterbutts a.paketbutt,
.lastenprofil .inner .weiterbutts .paketauswahl .blaettern .leer.paketbutt,
.paketauswahl .blaettern .lastenprofil .inner .weiterbutts .leer.paketbutt,
.lastenprofil .inner .weiterbutts .blaettern .paketauswahl .leer.paketbutt,
.blaettern .paketauswahl .lastenprofil .inner .weiterbutts .leer.paketbutt {
  width: 50%;
  display: block;
}

.output_green {
  width: 50px;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  color: #0e9700;
}

.hinweis_phasen {
  margin: 0 -12px 5px -12px;
  padding: 4px;
  background: #ffc42d;
  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;
}

/* ####### TABS Dachflaechen  ############################################################# */
.main_content .tabs#daecher-tabs {
  padding-right: 185px;
}

.main_content .tabs#daecher-tabs li {
  float: left;
}

.main_content .tabs#daecher-tabs li.weitere_df {
  padding-left: 17px;
  position: relative;
  list-style-type: none;
  color: #2868d7;
  font-size: 12px;
  padding: 7px 8px 7px 22px;
  cursor: pointer;
}

.main_content .tabs#daecher-tabs li.weitere_df span {
  text-decoration: underline;
}

.main_content .tabs#daecher-tabs li.weitere_df:before {
  content: "+";
  color: #5386df;
  font-family: "arial";
  position: absolute;
  left: 5px;
  top: 1px;
  font-size: 22px;
}

.main_content .tabs#daecher-tabs li.weitere_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;
}

.delete_df {
  position: absolute;
  right: 0;
  top: -31px;
  background: #f63c3c;
  padding: 7px 10px 6px 10px;
  font-size: 12px;
  color: #FFFFFF !important;
  text-decoration: none !important;
}

.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 {
  margin-top: 6px;
  padding: 0 1px 0 1px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  float: right;
}

.main_content .tabs li:first-child {
  border-right: none !important;
  padding-right: 0 !important;
}

.main_content .tabs li.active {
  background: #5386df;
  margin-top: 0px;
  padding: 3px 0 3px 2px;
  border-top: 1px solid #5386df;
  border-left: 1px solid #5386df;
  border-right: 1px solid #5386df;
}

.main_content .tabs li.active a,
.main_content .tabs li.active .blaettern .leer,
.blaettern .main_content .tabs li.active .leer {
  background: #5386df;
  text-decoration: none !important;
  color: #FFFFFF !important;
}

.main_content .tabs li a,
.main_content .tabs li .blaettern .leer,
.blaettern .main_content .tabs li .leer {
  font-size: 12px;
  padding: 7px 8px 7px 5px;
}

#content .tabs-content {
  margin-bottom: 0;
  position: relative;
  clear: both;
}

#content .tabs-content>.content {
  padding-top: 0.625rem;
  padding-bottom: 10px !important;
  border-top: 3px solid #999999;
}

#content .tabs-content>.content.blueline {
  border-top: 3px solid #5386df;
  padding-bottom: 0;
}

#content .tabs-content>.content.bluelinebottom {
  border-bottom: 3px solid #5386df;
  margin-bottom: 10px;
}

/* ####### 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 ul li,
#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 #FFFFFF;
  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 {
  background: #FFF;
  color: #ff8400;
  border-bottom: 1px solid #FFF;
}

#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: #DDDDDD;
  color: #444444;
  border-bottom: 1px solid #FFFFFF;
}

#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 {
  color: #9B9B9B;
}

#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 #CCCCCC;
  background: #EBECEE;
}

#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: #ff8400;
}

#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_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);
}

/*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: #CCCCCC;
  width: 4%;
  font-size: 10px;
  padding: 1px 0;
  float: left;
  border-right: 1px solid #F4F5F6;
  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: #ffc42d;
}

.emob_rahmen .emob_time:not(.first) {
  cursor: pointer;
}

.emob_rahmen .emob_time.first {
  background: #EEE;
}

.emob_rahmen .emob_time:not(.first):hover {
  background: #DDD;
}

.emob_rahmen .emob_time:not(.first).active {
  background: #48A200;
  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: #34acff;
  margin: 5px 7px 0 0;
}

.grafik_frame {
  border: 1px solid #e2e2e2;
  padding-bottom: 30px;
  background: #e2e2e2;
}

.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_alt,
.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_alt .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_alt .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: 45px;
  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.dark {
  color: #000000;
}

.grafik {
  position: relative;
  height: 330px;
  width: 100%;
  background: #f3f3f3;
}

.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: 19%;
  height: 9px;
  text-align: right;
  overflow: hidden;
  padding-right: 10px;
  line-height: 0.8em;
  background: #f3f3f3;
  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:1051px) {
  .grafik .raster .zahlenleiste.wide30.double .zahl {
    margin-left: 5px;
  }
}

.grafik .raster .legende {
  position: absolute;
  bottom: -24px;
  width: 100%;
  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.9rem;
  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 !important;
  font-weight: 400 !important;
  padding-left: 12px;
  font-size: 0.9rem !important;
}

.zusdata .zus_erg.ergebn {
  padding-top: 8px !important;
  color: #0e9700 !important;
  font-weight: 400 !important;
  font-size: 0.9rem !important;
}

.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: 1050px) {
  .headline {
    font-size: 1.1rem;
    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-ban,
.speicherdaten .fa.fa-ban {
color: red;
}

#speicherdaten .balance,
.speicherdaten .balance {
cursor: pointer;
}

.linkbox #speicherdaten {
padding-top: 15px;
}

.blue_headline {
position: relative;
background: white;
border-bottom: 3px solid #5386df;
border-top: 2px solid #FFFFFF;
margin: 10px 0 3px 0;
}

.blue_headline span {
float: left;
background: #5386df;
color: #FFFFFF;
font-size: 0.9em;
font-weight: 400;
padding: 8px 15px 5px 12px;
}

.blue_headline .tab:not(.active) span {
background: var(--lightblue);
}

.blue_headline.qc {
border-bottom: 3px solid var(--lightblue);
border-top: 2px solid transparent;
}

.blue_headline.qc span {
float: left;
background: var(--lightblue);
color: #FFFFFF;
font-size: 0.9em;
font-weight: 400;
padding: 8px 15px 5px 12px;
}

.blue_headline .hinweis,
.blue_headline .form-group.form-captcha label,
.form-group.form-captcha .blue_headline label,
.blue_headline .weiterbutts .pfeilnavi_hinweis,
.weiterbutts .blue_headline .pfeilnavi_hinweis {
color: #FFFFFF !important;
font-size: 0.85rem !important;
}

.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: 1051px) {
#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 {
background: #e6e6e6;
border-bottom: none;
}

.qc_element.closed .blue_headline span {
background: #e6e6e6;
}

.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: 30px;
}

#liefertermin {
text-align: center;
margin-top: 2px !important;
}

#liefertermin.readonly {
cursor: pointer;
font-weight: bold;
}

.greybox_alt .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 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>span,
#dialog_adresse>span {
position: absolute;
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
height: auto;
top: auto;
bottom: 0;
background: #FFFFFF;
font-size: 0.9em;
text-align: center;
padding: 15px 20px;
border-top: 3px solid #f9b300;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) !important;
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) !important;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) !important;
}

#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,
#dialog_adresse.ask>span {
position: relative;
display: table;
width: auto;
top: 0;
bottom: auto;
margin-top: 200px;
padding: 50px 70px 60px 70px;
background: #FFFFFF;
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;
}

#dialog.ask>span .cbutts,
#dialog_adresse.ask>span .cbutts {
display: block;
margin-top: 20px;
}

#dialog.ask>span .cbutts .button,
#dialog.ask>span .cbutts .paketauswahl a.paketbutt,
.paketauswahl #dialog.ask>span .cbutts a.paketbutt,
#dialog.ask>span .cbutts .paketauswahl .blaettern .paketbutt.leer,
.paketauswahl .blaettern #dialog.ask>span .cbutts .paketbutt.leer,
#dialog.ask>span .cbutts .blaettern .paketauswahl .paketbutt.leer,
.blaettern .paketauswahl #dialog.ask>span .cbutts .paketbutt.leer,
#dialog_adresse.ask>span .cbutts .button,
#dialog_adresse.ask>span .cbutts .paketauswahl a.paketbutt,
.paketauswahl #dialog_adresse.ask>span .cbutts a.paketbutt,
#dialog_adresse.ask>span .cbutts .paketauswahl .blaettern .paketbutt.leer,
.paketauswahl .blaettern #dialog_adresse.ask>span .cbutts .paketbutt.leer,
#dialog_adresse.ask>span .cbutts .blaettern .paketauswahl .paketbutt.leer,
.blaettern .paketauswahl #dialog_adresse.ask>span .cbutts .paketbutt.leer {
min-width: 100px;
margin-bottom: 0;
}

#dialog.ask>span .cbutts .button.yes,
#dialog.ask>span .cbutts .paketauswahl a.yes.paketbutt,
.paketauswahl #dialog.ask>span .cbutts a.yes.paketbutt,
#dialog.ask>span .cbutts .paketauswahl .blaettern .yes.paketbutt.leer,
.paketauswahl .blaettern #dialog.ask>span .cbutts .yes.paketbutt.leer,
#dialog.ask>span .cbutts .blaettern .paketauswahl .yes.paketbutt.leer,
.blaettern .paketauswahl #dialog.ask>span .cbutts .yes.paketbutt.leer,
#dialog_adresse.ask>span .cbutts .button.yes,
#dialog_adresse.ask>span .cbutts .paketauswahl a.yes.paketbutt,
.paketauswahl #dialog_adresse.ask>span .cbutts a.yes.paketbutt,
#dialog_adresse.ask>span .cbutts .paketauswahl .blaettern .yes.paketbutt.leer,
.paketauswahl .blaettern #dialog_adresse.ask>span .cbutts .yes.paketbutt.leer,
#dialog_adresse.ask>span .cbutts .blaettern .paketauswahl .yes.paketbutt.leer,
.blaettern .paketauswahl #dialog_adresse.ask>span .cbutts .yes.paketbutt.leer {
color: #0e9700;
}

#dialog.ask>span .cbutts .button.no,
#dialog.ask>span .cbutts .paketauswahl a.no.paketbutt,
.paketauswahl #dialog.ask>span .cbutts a.no.paketbutt,
#dialog.ask>span .cbutts .paketauswahl .blaettern .no.paketbutt.leer,
.paketauswahl .blaettern #dialog.ask>span .cbutts .no.paketbutt.leer,
#dialog.ask>span .cbutts .blaettern .paketauswahl .no.paketbutt.leer,
.blaettern .paketauswahl #dialog.ask>span .cbutts .no.paketbutt.leer,
#dialog_adresse.ask>span .cbutts .button.no,
#dialog_adresse.ask>span .cbutts .paketauswahl a.no.paketbutt,
.paketauswahl #dialog_adresse.ask>span .cbutts a.no.paketbutt,
#dialog_adresse.ask>span .cbutts .paketauswahl .blaettern .no.paketbutt.leer,
.paketauswahl .blaettern #dialog_adresse.ask>span .cbutts .no.paketbutt.leer,
#dialog_adresse.ask>span .cbutts .blaettern .paketauswahl .no.paketbutt.leer,
.blaettern .paketauswahl #dialog_adresse.ask>span .cbutts .no.paketbutt.leer {
color: #f63c3c;
}

#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: 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: 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: 1050px) {
.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.9rem;
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.9rem;
}

.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: 1050px) {
.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 */
.warenkorb_box:not(.buttonly) {
display: block;
height: 116px;
}

@media only screen and (max-width: 1050px) {
.warenkorb_box:not(.buttonly) {
  height: 60px;
}
}

.warenkorb_box.buttonly {
height: auto;
}

.warenkorb_box.buttonly #warenkorb_box {
height: auto;
}

.warenkorb_box.buttonly #warenkorb,
.warenkorb_box.buttonly #wkbutt {
display: none;
}

.warenkorb_box.buttonly #wkbutt {
display: block;
width: 100%;
overflow: hidden;
height: 60px;
}

.warenkorb_box.buttonly #wkbutt a,
.warenkorb_box.buttonly #wkbutt .blaettern .leer,
.blaettern .warenkorb_box.buttonly #wkbutt .leer {
width: 100%;
}

.warenkorb_box.buttonly #wkbutt:not(.wkfixed) {
padding: 0;
height: auto;
}

#warenkorb_box {
position: relative;
z-index: 100;
top: 0;
width: 100%;
height: 116px;
}

@media only screen and (max-width: 1050px) {
#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;
}

#warenkorb h2,
#wkbutt h2,
#warenkorb h3.bigger,
#wkbutt h3.bigger,
#warenkorb h4.bigger,
#wkbutt h4.bigger,
#warenkorb ul.katlist li>a.bigger,
#wkbutt ul.katlist li>a.bigger,
ul.katlist #warenkorb li>a.bigger,
ul.katlist #wkbutt li>a.bigger,
#warenkorb ul.katlist li ul li a.bigger,
#wkbutt ul.katlist li ul li a.bigger,
ul.katlist li ul li #warenkorb a.bigger,
ul.katlist li ul li #wkbutt a.bigger,
#warenkorb ul.katlist .blaettern li>.bigger.leer,
#wkbutt ul.katlist .blaettern li>.bigger.leer,
ul.katlist .blaettern #warenkorb li>.bigger.leer,
ul.katlist .blaettern #wkbutt li>.bigger.leer,
#warenkorb .blaettern ul.katlist li>.bigger.leer,
#wkbutt .blaettern ul.katlist li>.bigger.leer,
.blaettern ul.katlist #warenkorb li>.bigger.leer,
.blaettern ul.katlist #wkbutt li>.bigger.leer,
#warenkorb ul.katlist li ul li .blaettern .bigger.leer,
#wkbutt ul.katlist li ul li .blaettern .bigger.leer,
ul.katlist li ul li .blaettern #warenkorb .bigger.leer,
ul.katlist li ul li .blaettern #wkbutt .bigger.leer,
#warenkorb .blaettern ul.katlist li ul li .bigger.leer,
#wkbutt .blaettern ul.katlist li ul li .bigger.leer,
.blaettern ul.katlist li ul li #warenkorb .bigger.leer,
.blaettern ul.katlist li ul li #wkbutt .bigger.leer {
font-size: 12px !important;
margin: 0px 0px 4px 0px;
}

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

#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: 1050px) {
#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: 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: 1050px) {
#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: 1050px) {
#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: 1050px) {

#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: 1050px) {
#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: 1051px) {
#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: sans-serif;
}

#zuskomp select#firstselect:not(.new) {
margin-top: 24px;
}

#zuskomp .zus_artlist {
position: relative;
font-family: 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: 1050px) {
#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: 1050px) {
#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;
}

.tselect {
display: inline;
width: 100px;
height: 1.8em !important;
padding: 0 0.4rem 0.2rem 0.2rem !important;
margin: 0 7px 0 3px !important;
}

#gtool_fortschritt_qp {
width: 104%;
margin: 0 0 5px -12px;
}

@media only screen and (max-width: 480px) {
#gtool_fortschritt_qp {
  display: none;
}
}

.yellowbutt,
#choose {
text-decoration: none !important;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
border: none;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
background: #ffc42d;
background: linear-gradient(#ffc42d, #ffbe19);
color: #000000;
padding: 11px 11px;
font-size: 0.82rem;
font-weight: 700;
line-height: 1.1;
cursor: pointer;
}

.yellowbutt:hover,
#choose:hover,
.yellowbutt:visited,
#choose:visited,
.yellowbutt:active,
#choose:active {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
filter: Alpha(opacity=70);
opacity: 0.7;
moz-opacity: 0.7;
}

#gtool_fortschritt_qp .fortschr.grey span {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
color: #FFFFFF !important;
background: #5386df !important;
}

#content_gtool {
height: 500px;
}

#content_gtool .row {
margin-top: 150px;
}

.orange_border {
border: 5px solid orange;
}

.greybox_alt.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;
}

.gtool_screenshot_all {
position: relative;
cursor: pointer;
display: block;
float: left;
width: 144px;
margin-right: 12px;
}

.gtool_screenshot_all:before {
position: absolute;
left: 5px;
top: 5px;
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: 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: 40px;
bottom: 0;
z-index: -100;
display: block;
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
}

.gtool .tab.map.active {
z-index: auto;
}

.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_alt,
.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 #gtool_fortschritt_qp,
.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;
}

.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: #eee;
opacity: 0.9;
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;
}

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

#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: #f63c3c;
color: #FFFFFF;
padding: 10px;
width: 100%;
float: left;
font-size: 0.9em;
}

.screenshot_meldung .loaderbox {
float: left;
margin: -1px 10px 0 0;
}

.screenshot_meldung .loaderbox .loader {
font-size: 4px;
}

.button.button_one_click.not_clicked,
.paketauswahl a.button_one_click.not_clicked.paketbutt,
.paketauswahl .blaettern .button_one_click.not_clicked.paketbutt.leer,
.blaettern .paketauswahl .button_one_click.not_clicked.paketbutt.leer {
background: linear-gradient(var(--dark_yellow), var(--yellow));
}

.button.button_one_click.not_clicked:hover,
.paketauswahl a.button_one_click.not_clicked.paketbutt:hover,
.paketauswahl .blaettern .button_one_click.not_clicked.paketbutt.leer:hover,
.blaettern .paketauswahl .button_one_click.not_clicked.paketbutt.leer:hover {
background: linear-gradient(var(--yellow), var(--dark_yellow));
}

#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;
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 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10;
}

a.qc_weiche,
.blaettern .qc_weiche.leer {
text-decoration: none !important;
}

a.qc_weiche:hover img,
.blaettern .qc_weiche.leer:hover img,
a.qc_weiche:hover .fakebutton,
.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;
}

#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: black !important;
}

.headerframe {
transition: all 0.4s ease-in-out;
width: 100%;
display: block;
float: left;
margin-top: 0;
}

.headerframe.tiny {
margin-top: -220px;
}

#header_toggle {
position: absolute;
right: 20px;
top: 4px;
z-index: 1011;
width: 100px;
height: 37px;
overflow: hidden;
padding: 7px 8px 0px 2px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
filter: Alpha(opacity=50);
opacity: 0.5;
moz-opacity: 0.5;
text-align: center;
color: #333333 !important;
text-decoration: none !important;
font-size: 12px;
font-weight: 400;
}

#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: #333333;
-webkit-border-radius: 1px 1px 1px 1px;
-moz-border-radius: 1px 1px 1px 1px;
border-radius: 1px 1px 1px 1px;
}

#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: 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 {
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 {
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 {
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;
}

.greybox_alt.lighter,
.prospektbestellung .lighter.legend,
.prospektbestellung .lighter.eintrag,
.codeboxen .lighter.codebox {
background: #f7f7f7;
}

#nutzungsbox {
border: 1px solid #f2f2f2;
z-index: 1010;
}

#nutzungsbox.Feld_rot,
#nutzungsbox.pflicht {
z-index: 3001;
}

.buttleiste {
position: relative;
background: #e6e6e6;
padding: 8px 0;
margin-bottom: 20px;
}

.buttleiste .button,
.buttleiste .paketauswahl a.paketbutt,
.paketauswahl .buttleiste a.paketbutt,
.buttleiste .paketauswahl .blaettern .paketbutt.leer,
.paketauswahl .blaettern .buttleiste .paketbutt.leer,
.buttleiste .blaettern .paketauswahl .paketbutt.leer,
.blaettern .paketauswahl .buttleiste .paketbutt.leer {
padding: 8px 11px 7px 11px;
margin-bottom: 0 !important;
}

.buttleiste .button.pdf,
.buttleiste .paketauswahl a.pdf.paketbutt,
.paketauswahl .buttleiste a.pdf.paketbutt,
.buttleiste .paketauswahl .blaettern .pdf.paketbutt.leer,
.paketauswahl .blaettern .buttleiste .pdf.paketbutt.leer,
.buttleiste .blaettern .paketauswahl .pdf.paketbutt.leer,
.blaettern .paketauswahl .buttleiste .pdf.paketbutt.leer {
background-position: 8px 8px;
padding-left: 55px;
}

.buttleiste #wkbutt {
border: none !important;
background: transparent !important;
}

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


.filter_submit_button_textinput:not(.active),
.filter_submit_button_textinput:not(.active):hover {
-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;
}

:root {
--green: #53d746;
--dark_green: #0fa500;
--green_pastel: #cff2d0;
--lightblue: #5386df;
--darkblue: #5386df;
--order_yellow: #ffc42d;
--yellow: #efac02;
--dark_yellow: #ffd569;
--yellow_pastel: #ffdd88;
--dark_yellow_pastel: #ffcc49;
--light_yellow: #ffd360;
--button_grey: #c8c8c8;
--light_grey: #e1e1e1;
--box_grey: #e8e7e7;
--inactive_grey: #f2f2f2;
--button_grey_light: #f8f7f7;
--button_grey_dark: #aeaeae;
--grey_dark: #ededed;
--grey: #e0e0e0;
--red: #f41b1b;
}

.usernavi {
background: #f2f2f2;
}

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

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

a.mein_qp,
.blaettern .mein_qp.leer {
background: linear-gradient(var(--button_grey_light), var(--button_grey_dark));
}

.main_content #shop_output:not(.bigfilter) .kasten .pic:not(.logo):not(.qc) img,
.main_content .fixed .kasten .pic:not(.logo) img {
height: 90px;
}

.main_content .bigfilter .kasten:not(.qc) .pic img {
height: 10rem;
}

a.button.yellow:not(.pdf):not(.grey),
.blaettern .button.yellow.leer:not(.pdf):not(.grey),
.paketauswahl a.yellow.paketbutt:not(.pdf):not(.grey),
.paketauswahl .blaettern .yellow.leer.paketbutt:not(.pdf):not(.grey),
.blaettern .paketauswahl .yellow.leer.paketbutt:not(.pdf):not(.grey),
a.button.yellow.vop,
.blaettern .button.yellow.vop.leer,
.paketauswahl a.yellow.vop.paketbutt,
.paketauswahl .blaettern .yellow.vop.leer.paketbutt,
.blaettern .paketauswahl .yellow.vop.leer.paketbutt {
border: none;
color: #000000;
background: linear-gradient(var(--dark_yellow), var(--yellow));
}

a.button.yellow:not(.pdf):not(.grey):hover,
.blaettern .button.yellow.leer:not(.pdf):not(.grey):hover,
.paketauswahl a.yellow.paketbutt:not(.pdf):not(.grey):hover,
.paketauswahl .blaettern .yellow.leer.paketbutt:not(.pdf):not(.grey):hover,
.blaettern .paketauswahl .yellow.leer.paketbutt:not(.pdf):not(.grey):hover,
a.button.yellow.vop:hover,
.blaettern .button.yellow.vop.leer:hover,
.paketauswahl a.yellow.vop.paketbutt:hover,
.paketauswahl .blaettern .yellow.vop.leer.paketbutt:hover,
.blaettern .paketauswahl .yellow.vop.leer.paketbutt:hover {
background: linear-gradient(var(--yellow), var(--dark_yellow));
}

#output_wk1 {
background: whitesmoke;
}

#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(--lightblue) #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;
}

#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%);
background-color: var(--light_yellow);
border-top: 3px solid var(--red, hsl(0, 91%, 60%));
/* font-size: 0.8rem; */
font-weight: bold;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
width: fit-content;
}

#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 .popup_confirm .button,
#popup_container .popup_window .popup_confirm .paketauswahl a.paketbutt,
.paketauswahl #popup_container .popup_window .popup_confirm a.paketbutt,
#popup_container .popup_window .popup_confirm .paketauswahl .blaettern .paketbutt.leer,
.paketauswahl .blaettern #popup_container .popup_window .popup_confirm .paketbutt.leer,
#popup_container .popup_window .popup_confirm .blaettern .paketauswahl .paketbutt.leer,
.blaettern .paketauswahl #popup_container .popup_window .popup_confirm .paketbutt.leer,
#popup_container .popup_window .popup_prompt .button,
#popup_container .popup_window .popup_prompt .paketauswahl a.paketbutt,
.paketauswahl #popup_container .popup_window .popup_prompt a.paketbutt,
#popup_container .popup_window .popup_prompt .paketauswahl .blaettern .paketbutt.leer,
.paketauswahl .blaettern #popup_container .popup_window .popup_prompt .paketbutt.leer,
#popup_container .popup_window .popup_prompt .blaettern .paketauswahl .paketbutt.leer,
.blaettern .paketauswahl #popup_container .popup_window .popup_prompt .paketbutt.leer {
margin: 0;
}

#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 {
background-color: var(--light_grey);
border-top-color: var(--yellow);
}

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

.servicekontakte {
background-color: #ffc42d !important;
text-decoration: none !important;
}

.servicekontakte span {
text-decoration: underline;
}


.servicekontakte:hover {
cursor: pointer;
color: black;
}

/* Warnmeldung geänderte Preise */
.table_preise {
border-collapse: collapse;
border: 1px solid black;
margin-bottom: 10px;
font-size: 0.9rem;
}

.table_preise th,
.table_preise td {
border: 1px solid black;
padding: 5px;
}

.table_preise th {
text-align: left;
}


/* Tooltipp Copyright QuickContent */
.has_tt_cc {
cursor: pointer;
}

.has_tt_cc .greybox_alt {
visibility: hidden;
top: 30px;
right: -50px;
box-shadow: 2px 2px 7px 0px #00000061;
transition: all 1s ease-out 0.5s;
border: none;
font-family: inherit;
}

.has_tt_cc:hover .greybox_alt {
visibility: visible;
}

.has_tt_cc .greybox_alt a {
text-decoration: underline;
}

.has_tt_cc .greybox_alt a:hover {
text-decoration: none;
}

#content .content.copyright {
padding-bottom: 0;
}

.flex-row-center {
display: flex;
align-items: center;
flex-direction: column;
}



.is_header {
  background-image: url(/media/header_is.jpg) !important;
  background-color: #294a77 !important;
  background-position: calc(50% - 215px) bottom !important;
  background-size: contain !important;
  height: 285px !important;

  .large-10.large-push-1:has(.kaesten) {
      .row.collapse .medium-12 {
          height: 0 !important;
      }

      .row:not(.collapse) {
          height: 100% !important;
      }
  }

  .kaesten {
      display: flex;
      gap: 25px;
      width: 110% !important;
      justify-content: flex-end;
      justify-content: flex-start;
      flex-direction: row-reverse;
      align-items: center !important;
      /* height: 100% !important; */
      height: 320px !important;
  }

  /* #lb_extern {
      display: none !important;
  } */

  #lb_extern {
      position: absolute;
      top: 275%;
      top: 255%;
      /* top: 270%; */
      left: -10%;
      left: -8%;
      background-color: transparent !important;
      height: 0 !important;

      .lb_block {
          margin-left: 55px;
      }

      &:hover {
          h3 {
              border: none;
          }
      }

      .lb_text {
          display: none;
      }

      .lb_head {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          height: 32px !important;


          h3 {
              color: #1b3454;
              background-color: #f7f7f7;
              border: 1px solid #e6e6e6;
              padding: 5px 20px;
              font-size: 13px;
              text-decoration: none !important;
              margin-top: 5px;
              font-size: 13px !important;
          }

          &::after {
              background-position: center -410px;
              background-color: #152841;
              cursor: pointer;
              /* height: 32px; */
              /* margin-top: 5px; */
              background-image: url(https://www.pv.de/pics/linkpfeil1.png);
              background-repeat: no-repeat;
              background-position: center -410px;
              content: " ";
              float: left;
              /* margin-top: 5px; */
              height: 30px;
              width: 35px;
          }
      }

      img {
          opacity: 0%;
          width: auto !important;
          height: auto !important;
      }
  }



  .kasten {
      background-color: #ffc905 !important;
      padding: 10px 25px !important;
      border-radius: 10px !important;
      width: 19% !important;
      transition: all 0.2s ease-in-out;
      min-height: 190px !important;
      height: fit-content !important;
      transition: all 0.4s ease-in-out;

      &:not(#lb_extern) {
          display: flex;
          align-items: center;
      }

      .pic {
          display: flex;
          align-items: center;
          background: transparent !important;
          justify-content: center;

          img {
              margin: 0 !important;
              /* width: auto !important; */
              height: 64px !important;
              width: 64px !important;
          }
      }

      h2 {
          font-weight: bold;
          margin: 0 !important;
      }

      .aframe {
          display: flex;
          align-items: center;
          flex-direction: column;
      }

      .lb_block {
          height: auto !important;
          display: flex;
          flex-direction: column;
          gap: 10px;
      }

      .lb_text {
          background: transparent !important;
          padding: 0 !important;
          min-height: unset !important;

          p {
              opacity: 0;
              color: black !important;
              font-size: 14.4px !important;
              height: 0;
          }
      }

      &:hover p {
          opacity: 100%;
          animation-name: fade_in;
          animation-duration: 1s;
          height: auto;

      }

      .link {
          display: none !important;
      }
  }


  .kasten:hover {
      background-color: #ffe480 !important;
      /* scale: 1.03; */
  }
}

@keyframes fade_in {
  0% {
      opacity: 0%;
      height: 0px;
  }

  100% {
      height: 100%;
      opacity: 100%;
  }
}

@media screen and (max-width: 1600px) {
  .is_header {
      .kaesten {
          width: 110% !important;
      }
  }
}

@media screen and (max-width: 1400px) {
  .is_header {
      background-size: cover !important;

      .kaesten {
          width: 100% !important;
      }

      #lb_extern {
          /* top: 410%; */
      }
  }
}

@media screen and (max-width: 1200px) {
  .is_header {
      #lb_extern {
          /* top: 385%;
        margin-left: 4%; */
          margin-left: 5%;
          top: 250%;
      }
  }
}

@media screen and (max-width: 1050px) {
  .is_header {
      #lb_extern {
          top: 300%;
          top: 295%;
          left: -29%;

      }
  }

  .is_header {
      .slogan {
          display: none !important;
      }

      background-size: cover !important;

      .kaesten {
          width: 100% !important;
          flex-direction: column !important;
          margin-top: 25px !important;
          height: inherit !important;
      }

      .kasten {
          width: 80% !important;
          min-height: unset !important;

      }

      .lb_block {
          display: flex !important;
          flex-direction: row !important;
          align-items: center !important;
          font-size: 1rem !important;

          p {
              display: none;
          }

          .pic {
              justify-content: flex-end;
              width: fit-content !important;
          }
      }
  }
}

/* .is div.section:has(.kasten.video) {
width: 100%;
height: fit-content;

.kasten.video {
    margin-top: 0px !important;
} 
}*/

.is:has(.startheader) .section .medium-6.columns.col {
  padding: 15px 0px;
}

.is .startseite {
  .liste {
      padding-bottom: 35px;
  }

  .blaettern {
      margin: 25px 0px 7px 0px;
  }
}

@media screen and (max-width: 900px) {
  .is_header {
      #lb_extern {
          /* top: 285%;
        top: 350%; */
          left: -29%;
      }
  }
}


.video-section {
  display: flex;
  margin-bottom: 30px;
  margin-bottom: 5px;

  .kasten {
      margin-right: 0 !important;

      &.active {
          scale: 1.2;
          box-shadow: 1px 3px 10px 0px #00000036;
          z-index: 10;

          &:hover {
              scale: 1.3;
          }
      }

      &:nth-child(1),
      &:nth-child(2),
      &:nth-child(3) {
          margin-right: -10px !important;
          box-shadow: -4px -1px 10px 0px #00000036;
      }

      &:nth-child(5),
      &:nth-child(6),
      &:nth-child(7) {
          margin-left: -10px !important;
          box-shadow: 4px -1px 10px 0px #00000036;
      }

      &:nth-child(1) {
          margin-right: -30px !important;
      }

      &:nth-child(7) {
          margin-left: -30px !important;
      }

      /* Erstes und letztes */
      &:nth-child(1),
      &:nth-child(7) {
          scale: 0.8;
      }

      /* zweites und vorletztes */
      &:nth-child(2),
      &:nth-child(6) {
          z-index: 5;
          scale: 0.9;
      }

      /* 3. und vorvorletztes */
      &:nth-child(3),
      &:nth-child(5) {
          z-index: 8;
      }
  }
}

@media screen and (max-width: 1300px) {
  .video-section .kasten {

      &:nth-child(1),
      &:nth-child(7) {
          display: none;
      }
  }
}

@media screen and (max-width: 900px) {
  .video-section .kasten {

      &:nth-child(2),
      &:nth-child(6) {
          display: none;
      }
  }
}


#content:has(.is_header) {
  .newslist {
      margin-top: 10px;
  }

  .newlist .startseite .all_news h2 {
      font-size: 1.7em;
  }

  .startseite_link {
      justify-content: flex-end;
  }

  .blaettern.bnewslist.startseite {
      /* margin-top: 45px !important; */
  }

  h1 {
      font-size: 20.8px;
  }
}

@media screen and (max-width: 1300px) {
  .main_content:has(.video-section) {
      padding: 10px 0px !important;

      .section {
          padding: 0 1.25rem;
      }
  }
}

.main_content:has(.video-section) {
  h1:has(+.video-section) {
      margin: 0;
  }

  .startseite {
      margin-top: 0 !important;
  }
}

.img_subtitle:has(img) {
  display: flex;
  justify-content: space-between;

  img {
      max-width: 240px;
      margin-top: -90px;
      margin-bottom: -85px;
  }
}


@media screen and (max-width: 1200px) {
  .img_subtitle:has(img) img {
      margin-top: -65px;
      margin-bottom: -35px;
  }
}

@media screen and (max-width: 1050px) {
  .img_subtitle:has(img) img {
      margin-top: -145px;
  }
}

@media screen and (max-width: 750px) {
  .img_subtitle:has(img) img {
      margin-top: -115px;
      margin-bottom: -70px;
  }
}

@media screen and (max-width: 600px) {
  .img_subtitle:has(img) {
      flex-direction: column;

      img {
          margin: 0;
      }
  }
}


.is {
  #lb_extern {
      display: none !important;
  }

  .startseite_link {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 20px;
      padding-right: 20px;
  }
}

.newslist .startseite h2,
h1.inbox {
  font-size: 20.8px;
}

/* .news-navigation {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;

.startseite_link {
  width: auto;
  margin-bottom: 0;
  * {
    margin: 0;
  }
} */

.all_news .zwei_spalten_eins_zu_zwei {
  align-items: center;
}

.blaettern.bnewslist.startseite {
  margin: 0;
  padding-right: 20px;
  float: unset;
}

/* } */

.video_news img {
  max-height: 165px;
}

.startseite {
  gap: 0px;
}

h1:has(+.video-section) {
  /* margin: 12px 19px 0px  !important; */
  font-size: 20.8px;
}

.video-section {
  margin-bottom: 15px;
}

.newslist .startseite:not(.blaettern) .liste {
  border: none;
}

.text-with-button {
  p:has(+ .startseite_link) {
      margin-bottom: -3px !important;
      margin-top: -5px !important;
  }

  p+.startseite_link {
      width: auto;
  }
}

.startheader:not(.is_header) {
  .large-10.large-push-1.medium-12.columns {
      width: 97%;
      left: 18px;
  }
}



.lang_switch {
  right: 40px !important;
}


/* Sortierter Teil */
/* Header */

.is #header {
  height: 80px !important;

  logo.is {
      width: 320px;
  }
}

.multi #header {
  background: #6c819f !important;
}

.newsletter #header {
  .logo.ews img {
      max-height: 72px;
  }

  .logo.ews.de {
      margin: 22px 10px 10px 0px;
  }

  .logo.ews.dk {
      width: 280px;
      margin: 33px 10px 10px 0px;
  }

  .logo.ews.se {
      width: 280px;
      margin: 33px 10px 10px 0px;
  }

  .logo.ews.en {
      width: 280px;
      margin: 33px 10px 10px 0px;
  }

  .logo.profinews {
      float: right;
      width: 445px;
      max-width: 100%;
      margin-top: 25px;
  }
}

#header {
  display: block;
  width: 100%;
  float: left;
  height: 110px;
  background: #214067;
  background: linear-gradient(#214067, #152841);
  margin-top: 0;

  &.efixed {
      margin-top: 40px;
  }

  &:not(.nl_header) {
      height: 100px !important;

      &.jahre {
          height: 132px !important;

          .logo.ews {
              left: 125px;
          }

          .logo.logo35 {
              position: absolute;
              width: 105px;
              margin: 0 !important;
              left: 20px;
              top: 22px;
              z-index: 10;
          }
      }

      .logo {
          float: none;
      }

      .logo.ews {
        width: 155px;
      }
      .logo.ews,
      .logo.is {
          position: absolute;
          margin: 0 !important;
          left: 20px;
          top: 22px;
          z-index: 10;
      }

      .logo.qc {
          margin: 45px 10px 10px 0;
      }

      .logo.qp {
          left: 165px;
      }

      .logo.pv_de {
          position: absolute;
          width: 220px;
          margin: 0 !important;
          /* right: 23px; */
          right: 39px !important;
          top: 23px;

          .dk {
              width: 258px;
              top: 44px;
          }

          .en {
              width: 255px;
              top: 51px;
          }

          .se {
              width: 255px;
              top: 45px;
          }

          .pl {
              width: 255px;
              top: 47px;
          }

          .nl {
              width: 255px;
              top: 47px;
          }
      }
  }


  .logo {
      display: block;
      float: left;
  }

  .logo.pv_de {
      width: 196px;
      margin: 30px 10px 10px 0px;
  }

  .logo.ews {
      margin: 26px 10px 10px 0px;
  }

  .logo.qc {
      margin: 55px 10px 10px 0;
      width: 290px;
  }

  .logo.qp {
      position: absolute;
      width: 220px;
      margin: 0 !important;
      right: auto;
      left: 230px;
      top: 31px;
  }

  #save {
      position: absolute;
      right: 20px;
      top: 10px;
  }
}

@media only screen and (max-width: 400px) {
  #header:not(.nl_header) {
      height: 132px !important;

      .logo.ews {
          width: 112px;
          left: 12px;
          top: 114px !important;
      }

      .logo.pv_de {
          right: 13px;
      }
  }
}

@media only screen and (max-width: 420px) {
  #header:not(.nl_header).jahre .logo.ews {
      left: 12px !important;
  }

  #header:not(.nl_header).jahre .logo.logo35 {
      display: none;
  }
}

@media only screen and (max-width: 520px) {
  #header:not(.nl_header).jahre {
      height: 132px !important;
  }

  #header:not(.nl_header).jahre .logo.ews {
      width: 112px !important;
      left: 80px !important;
      top: 114px !important;
  }

  #header:not(.nl_header).jahre .logo.logo35 {
      left: 7px;
      width: 76px !important;
      top: 114px !important;
  }

  #header:not(.nl_header).jahre .logo.pv_de {
      right: 11px;
      width: 298px;
      top: 10px;
  }

  #header:not(.nl_header).jahre .lang_switch {
      top: 112px !important;
      right: 3px !important;
      left: auto !important;
  }

  #header:not(.nl_header).jahre .login {
      top: 131px;
      right: 42px !important;
  }
}


@media only screen and (max-width: 1050px) {
  .is #header {
      height: 60px !important;

      .logo.is {
          width: 300px;
          top: 16px;
      }

  }

  #header:not(.nl_header) .logo.ews,
  #header:not(.nl_header) .logo.is {
      left: 12px;
  }

  #header:not(.nl_header).jahre .logo.ews {
      left: 117px;
  }

  #header:not(.nl_header).jahre .logo.logo35 {
      left: 12px;
  }
}


@media only screen and (max-width: 740px) {
  .newsletter #header {
      height: auto;

      .logo.ews {
          margin-top: 15px;
      }

      .logo.profinews {
          float: left;
          margin: 0 0 5px 0;
      }

      .lang_switch_nl {
          bottom: 0;
      }
  }
}

@media only screen and (max-width: 59.375em) {
  #header .logo.pv_de {
      width: 182px;
      margin: 39px 10px 10px -10px;
  }
}

@media only screen and (max-width: 680px) {
  #header .logo.qp {
      display: none;
  }
}

/* Header Ende */

/* Logoleiste */

.logoleiste {
  float: left;
  width: 100%;
  background: #152841;
  padding: 10px 20px;
  position: sticky;
  /* z-index: 1000; */

  .logos {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      max-width: 1600px;
      margin: 0 auto;
  }

  .logos .logo_herst {
      height: 60px;
      line-height: 60px;
      padding: 0 15px;
      text-align: center;
      flex: 0 0 10%;
  }

  .logos a:hover img,
  .logos .blaettern .leer:hover img,
  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;
  }
}

@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%;
  }
}

@media (min-width: 1400px) {
  .logoleiste .logos {
      max-width: 1345px !important;
  }
}

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

  .newsletter .logoleiste,
  .newsletter .sitemap {
      padding-left: 17%;
  }
}

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

  .newsletter .logoleiste,
  .newsletter .sitemap {
      padding-left: 22%;
  }
}

/* Logoleiste Ende */
/* Footer */

#footer,
#footer_end {
  float: left;
  width: 100%;
  padding: 40px 0px 200px 0px;
  background: #eeeeee;
  color: #999999;
  text-align: center;
  font-size: 12px;

  a,
  .blaettern .leer,
  .leer {
      color: #999999;
      text-decoration: underline;
  }

  a.current,
  .current.leer,
  .blaettern .leer:hover,
  .leer:hover,
  a: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;
  min-height: 200px;

}

.sitemap {
  float: left;
  width: 100%;
  padding: 40px 0px 200px 0px;
  background: #eeeeee;
  color: #999999;
  text-align: center;
  font-size: 12px;
  text-align: left !important;
  font-family: sans-serif;
  padding-bottom: 100px;
  position: sticky;
  /* z-index: 1000; */

  a,
  .blaettern .leer,
  .leer {
      text-decoration: none;
      color: gray;
  }

  a:hover,
  .blaettern .leer:hover,
  .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;
  }

  ul {
      margin: 5px 20px 10px 0 !important;
  }

  li {
      list-style-type: none;
      line-height: 1.2;
      padding: 2px 0;
  }

  ul.sm1 li {
      font-size: 1rem;
      font-weight: 600;
      border-bottom: 2px solid #cccccc;
  }

  ul.sm2 li {
      font-size: 0.9rem;
      font-weight: 400;
  }

  ul.sm2 li ul.sm3 li {
      font-weight: 300;
      font-size: 0.75rem;
  }

  span.video {
      margin: 3px -5px -3px 0;
  }
}

@media only screen and (max-width: 400px) {
  .sitemap .wide {
      width: 100% !important;
  }
}


@media only screen and (min-width: 1051px) {
  .sitemap span.video {
      margin: 3px -5px -3px -24px;
  }
}

@media only screen and (max-width: 40em) {

  #footer,
  #footer_end {
      text-align: center;
  }
}

/* Footer Ende */

/* Teil nur für Sachen ohne QC,QS,QP */
body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) {
  .fixed {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 99;
      left: 0;
  }

  p {
      font-family: inherit;
      font-size: 1rem;
      font-weight: normal;
      line-height: 1.6;
      margin-bottom: 1.25rem;
      text-rendering: optimizeLegibility;
      font-weight: 300;
      margin: 0px 0 16px 0px;
      font-size: 0.9em;
      line-height: 1.4;
      color: #333333;

      &:not(.topline) {
          margin: 0px 0 12px 0px;
          font-size: 0.9em;

          &:not(.red) {
              color: #4d4d4d;
          }
      }

  }

  button.disabled,
  button[disabled],
  .button.disabled,
  .paketauswahl a.disabled.paketbutt,
  .paketauswahl .blaettern .disabled.paketbutt.leer,
  .blaettern .paketauswahl .disabled.paketbutt.leer,
  .button[disabled],
  .paketauswahl a[disabled].paketbutt,
  .paketauswahl .blaettern [disabled].paketbutt.leer,
  .blaettern .paketauswahl [disabled].paketbutt.leer {
      background-color: #008CBA;
      border-color: #007095;
      color: #FFFFFF;
      box-shadow: none;
      cursor: default;
      opacity: 0.7;
  }

  button.disabled:hover,
  button.disabled:focus,
  button[disabled]:hover,
  button[disabled]:focus,
  .button.disabled:hover,
  .paketauswahl a.disabled.paketbutt:hover,
  .paketauswahl .blaettern .disabled.paketbutt.leer:hover,
  .blaettern .paketauswahl .disabled.paketbutt.leer:hover,
  .button.disabled:focus,
  .paketauswahl a.disabled.paketbutt:focus,
  .paketauswahl .blaettern .disabled.paketbutt.leer:focus,
  .blaettern .paketauswahl .disabled.paketbutt.leer:focus,
  .button[disabled]:hover,
  .paketauswahl a[disabled].paketbutt:hover,
  .paketauswahl .blaettern [disabled].paketbutt.leer:hover,
  .blaettern .paketauswahl [disabled].paketbutt.leer:hover,
  .button[disabled]:focus,
  .paketauswahl a[disabled].paketbutt:focus,
  .paketauswahl .blaettern [disabled].paketbutt.leer:focus,
  .blaettern .paketauswahl [disabled].paketbutt.leer:focus {
      background-color: #007095;
  }

  button.disabled:hover,
  button.disabled:focus,
  button[disabled]:hover,
  button[disabled]:focus,
  .button.disabled:hover,
  .paketauswahl a.disabled.paketbutt:hover,
  .paketauswahl .blaettern .disabled.paketbutt.leer:hover,
  .blaettern .paketauswahl .disabled.paketbutt.leer:hover,
  .button.disabled:focus,
  .paketauswahl a.disabled.paketbutt:focus,
  .paketauswahl .blaettern .disabled.paketbutt.leer:focus,
  .blaettern .paketauswahl .disabled.paketbutt.leer:focus,
  .button[disabled]:hover,
  .paketauswahl a[disabled].paketbutt:hover,
  .paketauswahl .blaettern [disabled].paketbutt.leer:hover,
  .blaettern .paketauswahl [disabled].paketbutt.leer:hover,
  .button[disabled]:focus,
  .paketauswahl a[disabled].paketbutt:focus,
  .paketauswahl .blaettern [disabled].paketbutt.leer:focus,
  .blaettern .paketauswahl [disabled].paketbutt.leer:focus {
      color: #FFFFFF;
  }

  button.disabled:hover,
  button.disabled:focus,
  button[disabled]:hover,
  button[disabled]:focus,
  .button.disabled:hover,
  .paketauswahl a.disabled.paketbutt:hover,
  .paketauswahl .blaettern .disabled.paketbutt.leer:hover,
  .blaettern .paketauswahl .disabled.paketbutt.leer:hover,
  .button.disabled:focus,
  .paketauswahl a.disabled.paketbutt:focus,
  .paketauswahl .blaettern .disabled.paketbutt.leer:focus,
  .blaettern .paketauswahl .disabled.paketbutt.leer:focus,
  .button[disabled]:hover,
  .paketauswahl a[disabled].paketbutt:hover,
  .paketauswahl .blaettern [disabled].paketbutt.leer:hover,
  .blaettern .paketauswahl [disabled].paketbutt.leer:hover,
  .button[disabled]:focus,
  .paketauswahl a[disabled].paketbutt:focus,
  .paketauswahl .blaettern [disabled].paketbutt.leer:focus,
  .blaettern .paketauswahl [disabled].paketbutt.leer:focus {
      background-color: #008CBA;
  }

  button.disabled.secondary,
  button[disabled].secondary,
  .button.disabled.secondary,
  .paketauswahl a.disabled.secondary.paketbutt,
  .paketauswahl .blaettern .disabled.secondary.paketbutt.leer,
  .blaettern .paketauswahl .disabled.secondary.paketbutt.leer,
  .button[disabled].secondary,
  .paketauswahl a[disabled].secondary.paketbutt,
  .paketauswahl .blaettern [disabled].secondary.paketbutt.leer,
  .blaettern .paketauswahl [disabled].secondary.paketbutt.leer {
      background-color: #e7e7e7;
      border-color: #b9b9b9;
      color: #333333;
      box-shadow: none;
      cursor: default;
      opacity: 0.7;
  }

  button.disabled.secondary:hover,
  button.disabled.secondary:focus,
  button[disabled].secondary:hover,
  button[disabled].secondary:focus,
  .button.disabled.secondary:hover,
  .paketauswahl a.disabled.secondary.paketbutt:hover,
  .paketauswahl .blaettern .disabled.secondary.paketbutt.leer:hover,
  .blaettern .paketauswahl .disabled.secondary.paketbutt.leer:hover,
  .button.disabled.secondary:focus,
  .paketauswahl a.disabled.secondary.paketbutt:focus,
  .paketauswahl .blaettern .disabled.secondary.paketbutt.leer:focus,
  .blaettern .paketauswahl .disabled.secondary.paketbutt.leer:focus,
  .button[disabled].secondary:hover,
  .paketauswahl a[disabled].secondary.paketbutt:hover,
  .paketauswahl .blaettern [disabled].secondary.paketbutt.leer:hover,
  .blaettern .paketauswahl [disabled].secondary.paketbutt.leer:hover,
  .button[disabled].secondary:focus,
  .paketauswahl a[disabled].secondary.paketbutt:focus,
  .paketauswahl .blaettern [disabled].secondary.paketbutt.leer:focus,
  .blaettern .paketauswahl [disabled].secondary.paketbutt.leer:focus {
      background-color: #b9b9b9;
  }

  button.disabled.secondary:hover,
  button.disabled.secondary:focus,
  button[disabled].secondary:hover,
  button[disabled].secondary:focus,
  .button.disabled.secondary:hover,
  .paketauswahl a.disabled.secondary.paketbutt:hover,
  .paketauswahl .blaettern .disabled.secondary.paketbutt.leer:hover,
  .blaettern .paketauswahl .disabled.secondary.paketbutt.leer:hover,
  .button.disabled.secondary:focus,
  .paketauswahl a.disabled.secondary.paketbutt:focus,
  .paketauswahl .blaettern .disabled.secondary.paketbutt.leer:focus,
  .blaettern .paketauswahl .disabled.secondary.paketbutt.leer:focus,
  .button[disabled].secondary:hover,
  .paketauswahl a[disabled].secondary.paketbutt:hover,
  .paketauswahl .blaettern [disabled].secondary.paketbutt.leer:hover,
  .blaettern .paketauswahl [disabled].secondary.paketbutt.leer:hover,
  .button[disabled].secondary:focus,
  .paketauswahl a[disabled].secondary.paketbutt:focus,
  .paketauswahl .blaettern [disabled].secondary.paketbutt.leer:focus,
  .blaettern .paketauswahl [disabled].secondary.paketbutt.leer:focus {
      color: #333333;
  }

  button.disabled.secondary:hover,
  button.disabled.secondary:focus,
  button[disabled].secondary:hover,
  button[disabled].secondary:focus,
  .button.disabled.secondary:hover,
  .paketauswahl a.disabled.secondary.paketbutt:hover,
  .paketauswahl .blaettern .disabled.secondary.paketbutt.leer:hover,
  .blaettern .paketauswahl .disabled.secondary.paketbutt.leer:hover,
  .button.disabled.secondary:focus,
  .paketauswahl a.disabled.secondary.paketbutt:focus,
  .paketauswahl .blaettern .disabled.secondary.paketbutt.leer:focus,
  .blaettern .paketauswahl .disabled.secondary.paketbutt.leer:focus,
  .button[disabled].secondary:hover,
  .paketauswahl a[disabled].secondary.paketbutt:hover,
  .paketauswahl .blaettern [disabled].secondary.paketbutt.leer:hover,
  .blaettern .paketauswahl [disabled].secondary.paketbutt.leer:hover,
  .button[disabled].secondary:focus,
  .paketauswahl a[disabled].secondary.paketbutt:focus,
  .paketauswahl .blaettern [disabled].secondary.paketbutt.leer:focus,
  .blaettern .paketauswahl [disabled].secondary.paketbutt.leer:focus {
      background-color: #e7e7e7;
  }

  button.disabled.success,
  button[disabled].success,
  .button.disabled.success,
  .paketauswahl a.disabled.success.paketbutt,
  .paketauswahl .blaettern .disabled.success.paketbutt.leer,
  .blaettern .paketauswahl .disabled.success.paketbutt.leer,
  .button[disabled].success,
  .paketauswahl a[disabled].success.paketbutt,
  .paketauswahl .blaettern [disabled].success.paketbutt.leer,
  .blaettern .paketauswahl [disabled].success.paketbutt.leer {
      background-color: #43AC6A;
      border-color: #368a55;
      color: #FFFFFF;
      box-shadow: none;
      cursor: default;
      opacity: 0.7;
  }

  button.disabled.success:hover,
  button.disabled.success:focus,
  button[disabled].success:hover,
  button[disabled].success:focus,
  .button.disabled.success:hover,
  .paketauswahl a.disabled.success.paketbutt:hover,
  .paketauswahl .blaettern .disabled.success.paketbutt.leer:hover,
  .blaettern .paketauswahl .disabled.success.paketbutt.leer:hover,
  .button.disabled.success:focus,
  .paketauswahl a.disabled.success.paketbutt:focus,
  .paketauswahl .blaettern .disabled.success.paketbutt.leer:focus,
  .blaettern .paketauswahl .disabled.success.paketbutt.leer:focus,
  .button[disabled].success:hover,
  .paketauswahl a[disabled].success.paketbutt:hover,
  .paketauswahl .blaettern [disabled].success.paketbutt.leer:hover,
  .blaettern .paketauswahl [disabled].success.paketbutt.leer:hover,
  .button[disabled].success:focus,
  .paketauswahl a[disabled].success.paketbutt:focus,
  .paketauswahl .blaettern [disabled].success.paketbutt.leer:focus,
  .blaettern .paketauswahl [disabled].success.paketbutt.leer:focus {
      background-color: #368a55;
  }

  button.disabled.success:hover,
  button.disabled.success:focus,
  button[disabled].success:hover,
  button[disabled].success:focus,
  .button.disabled.success:hover,
  .paketauswahl a.disabled.success.paketbutt:hover,
  .paketauswahl .blaettern .disabled.success.paketbutt.leer:hover,
  .blaettern .paketauswahl .disabled.success.paketbutt.leer:hover,
  .button.disabled.success:focus,
  .paketauswahl a.disabled.success.paketbutt:focus,
  .paketauswahl .blaettern .disabled.success.paketbutt.leer:focus,
  .blaettern .paketauswahl .disabled.success.paketbutt.leer:focus,
  .button[disabled].success:hover,
  .paketauswahl a[disabled].success.paketbutt:hover,
  .paketauswahl .blaettern [disabled].success.paketbutt.leer:hover,
  .blaettern .paketauswahl [disabled].success.paketbutt.leer:hover,
  .button[disabled].success:focus,
  .paketauswahl a[disabled].success.paketbutt:focus,
  .paketauswahl .blaettern [disabled].success.paketbutt.leer:focus,
  .blaettern .paketauswahl [disabled].success.paketbutt.leer:focus {
      color: #FFFFFF;
  }

  button.disabled.success:hover,
  button.disabled.success:focus,
  button[disabled].success:hover,
  button[disabled].success:focus,
  .button.disabled.success:hover,
  .paketauswahl a.disabled.success.paketbutt:hover,
  .paketauswahl .blaettern .disabled.success.paketbutt.leer:hover,
  .blaettern .paketauswahl .disabled.success.paketbutt.leer:hover,
  .button.disabled.success:focus,
  .paketauswahl a.disabled.success.paketbutt:focus,
  .paketauswahl .blaettern .disabled.success.paketbutt.leer:focus,
  .blaettern .paketauswahl .disabled.success.paketbutt.leer:focus,
  .button[disabled].success:hover,
  .paketauswahl a[disabled].success.paketbutt:hover,
  .paketauswahl .blaettern [disabled].success.paketbutt.leer:hover,
  .blaettern .paketauswahl [disabled].success.paketbutt.leer:hover,
  .button[disabled].success:focus,
  .paketauswahl a[disabled].success.paketbutt:focus,
  .paketauswahl .blaettern [disabled].success.paketbutt.leer:focus,
  .blaettern .paketauswahl [disabled].success.paketbutt.leer:focus {
      background-color: #43AC6A;
  }

  button.disabled.alert,
  button[disabled].alert,
  .button.disabled.alert,
  .paketauswahl a.disabled.alert.paketbutt,
  .paketauswahl .blaettern .disabled.alert.paketbutt.leer,
  .blaettern .paketauswahl .disabled.alert.paketbutt.leer,
  .button[disabled].alert,
  .paketauswahl a[disabled].alert.paketbutt,
  .paketauswahl .blaettern [disabled].alert.paketbutt.leer,
  .blaettern .paketauswahl [disabled].alert.paketbutt.leer {
      background-color: #f04124;
      border-color: #cf2a0e;
      color: #FFFFFF;
      box-shadow: none;
      cursor: default;
      opacity: 0.7;
  }

  button.disabled.alert:hover,
  button.disabled.alert:focus,
  button[disabled].alert:hover,
  button[disabled].alert:focus,
  .button.disabled.alert:hover,
  .paketauswahl a.disabled.alert.paketbutt:hover,
  .paketauswahl .blaettern .disabled.alert.paketbutt.leer:hover,
  .blaettern .paketauswahl .disabled.alert.paketbutt.leer:hover,
  .button.disabled.alert:focus,
  .paketauswahl a.disabled.alert.paketbutt:focus,
  .paketauswahl .blaettern .disabled.alert.paketbutt.leer:focus,
  .blaettern .paketauswahl .disabled.alert.paketbutt.leer:focus,
  .button[disabled].alert:hover,
  .paketauswahl a[disabled].alert.paketbutt:hover,
  .paketauswahl .blaettern [disabled].alert.paketbutt.leer:hover,
  .blaettern .paketauswahl [disabled].alert.paketbutt.leer:hover,
  .button[disabled].alert:focus,
  .paketauswahl a[disabled].alert.paketbutt:focus,
  .paketauswahl .blaettern [disabled].alert.paketbutt.leer:focus,
  .blaettern .paketauswahl [disabled].alert.paketbutt.leer:focus {
      background-color: #cf2a0e;
  }

  button.disabled.alert:hover,
  button.disabled.alert:focus,
  button[disabled].alert:hover,
  button[disabled].alert:focus,
  .button.disabled.alert:hover,
  .paketauswahl a.disabled.alert.paketbutt:hover,
  .paketauswahl .blaettern .disabled.alert.paketbutt.leer:hover,
  .blaettern .paketauswahl .disabled.alert.paketbutt.leer:hover,
  .button.disabled.alert:focus,
  .paketauswahl a.disabled.alert.paketbutt:focus,
  .paketauswahl .blaettern .disabled.alert.paketbutt.leer:focus,
  .blaettern .paketauswahl .disabled.alert.paketbutt.leer:focus,
  .button[disabled].alert:hover,
  .paketauswahl a[disabled].alert.paketbutt:hover,
  .paketauswahl .blaettern [disabled].alert.paketbutt.leer:hover,
  .blaettern .paketauswahl [disabled].alert.paketbutt.leer:hover,
  .button[disabled].alert:focus,
  .paketauswahl a[disabled].alert.paketbutt:focus,
  .paketauswahl .blaettern [disabled].alert.paketbutt.leer:focus,
  .blaettern .paketauswahl [disabled].alert.paketbutt.leer:focus {
      color: #FFFFFF;
  }

  button.disabled.alert:hover,
  button.disabled.alert:focus,
  button[disabled].alert:hover,
  button[disabled].alert:focus,
  .button.disabled.alert:hover,
  .paketauswahl a.disabled.alert.paketbutt:hover,
  .paketauswahl .blaettern .disabled.alert.paketbutt.leer:hover,
  .blaettern .paketauswahl .disabled.alert.paketbutt.leer:hover,
  .button.disabled.alert:focus,
  .paketauswahl a.disabled.alert.paketbutt:focus,
  .paketauswahl .blaettern .disabled.alert.paketbutt.leer:focus,
  .blaettern .paketauswahl .disabled.alert.paketbutt.leer:focus,
  .button[disabled].alert:hover,
  .paketauswahl a[disabled].alert.paketbutt:hover,
  .paketauswahl .blaettern [disabled].alert.paketbutt.leer:hover,
  .blaettern .paketauswahl [disabled].alert.paketbutt.leer:hover,
  .button[disabled].alert:focus,
  .paketauswahl a[disabled].alert.paketbutt:focus,
  .paketauswahl .blaettern [disabled].alert.paketbutt.leer:focus,
  .blaettern .paketauswahl [disabled].alert.paketbutt.leer:focus {
      background-color: #f04124;
  }

  button.disabled.warning,
  button[disabled].warning,
  .button.disabled.warning,
  .paketauswahl a.disabled.warning.paketbutt,
  .paketauswahl .blaettern .disabled.warning.paketbutt.leer,
  .blaettern .paketauswahl .disabled.warning.paketbutt.leer,
  .button[disabled].warning,
  .paketauswahl a[disabled].warning.paketbutt,
  .paketauswahl .blaettern [disabled].warning.paketbutt.leer,
  .blaettern .paketauswahl [disabled].warning.paketbutt.leer {
      background-color: #f08a24;
      border-color: #cf6e0e;
      color: #FFFFFF;
      box-shadow: none;
      cursor: default;
      opacity: 0.7;
  }

  button.disabled.warning:hover,
  button.disabled.warning:focus,
  button[disabled].warning:hover,
  button[disabled].warning:focus,
  .button.disabled.warning:hover,
  .paketauswahl a.disabled.warning.paketbutt:hover,
  .paketauswahl .blaettern .disabled.warning.paketbutt.leer:hover,
  .blaettern .paketauswahl .disabled.warning.paketbutt.leer:hover,
  .button.disabled.warning:focus,
  .paketauswahl a.disabled.warning.paketbutt:focus,
  .paketauswahl .blaettern .disabled.warning.paketbutt.leer:focus,
  .blaettern .paketauswahl .disabled.warning.paketbutt.leer:focus,
  .button[disabled].warning:hover,
  .paketauswahl a[disabled].warning.paketbutt:hover,
  .paketauswahl .blaettern [disabled].warning.paketbutt.leer:hover,
  .blaettern .paketauswahl [disabled].warning.paketbutt.leer:hover,
  .button[disabled].warning:focus,
  .paketauswahl a[disabled].warning.paketbutt:focus,
  .paketauswahl .blaettern [disabled].warning.paketbutt.leer:focus,
  .blaettern .paketauswahl [disabled].warning.paketbutt.leer:focus {
      background-color: #cf6e0e;
  }

  button.disabled.warning:hover,
  button.disabled.warning:focus,
  button[disabled].warning:hover,
  button[disabled].warning:focus,
  .button.disabled.warning:hover,
  .paketauswahl a.disabled.warning.paketbutt:hover,
  .paketauswahl .blaettern .disabled.warning.paketbutt.leer:hover,
  .blaettern .paketauswahl .disabled.warning.paketbutt.leer:hover,
  .button.disabled.warning:focus,
  .paketauswahl a.disabled.warning.paketbutt:focus,
  .paketauswahl .blaettern .disabled.warning.paketbutt.leer:focus,
  .blaettern .paketauswahl .disabled.warning.paketbutt.leer:focus,
  .button[disabled].warning:hover,
  .paketauswahl a[disabled].warning.paketbutt:hover,
  .paketauswahl .blaettern [disabled].warning.paketbutt.leer:hover,
  .blaettern .paketauswahl [disabled].warning.paketbutt.leer:hover,
  .button[disabled].warning:focus,
  .paketauswahl a[disabled].warning.paketbutt:focus,
  .paketauswahl .blaettern [disabled].warning.paketbutt.leer:focus,
  .blaettern .paketauswahl [disabled].warning.paketbutt.leer:focus {
      color: #FFFFFF;
  }

  button.disabled.warning:hover,
  button.disabled.warning:focus,
  button[disabled].warning:hover,
  button[disabled].warning:focus,
  .button.disabled.warning:hover,
  .paketauswahl a.disabled.warning.paketbutt:hover,
  .paketauswahl .blaettern .disabled.warning.paketbutt.leer:hover,
  .blaettern .paketauswahl .disabled.warning.paketbutt.leer:hover,
  .button.disabled.warning:focus,
  .paketauswahl a.disabled.warning.paketbutt:focus,
  .paketauswahl .blaettern .disabled.warning.paketbutt.leer:focus,
  .blaettern .paketauswahl .disabled.warning.paketbutt.leer:focus,
  .button[disabled].warning:hover,
  .paketauswahl a[disabled].warning.paketbutt:hover,
  .paketauswahl .blaettern [disabled].warning.paketbutt.leer:hover,
  .blaettern .paketauswahl [disabled].warning.paketbutt.leer:hover,
  .button[disabled].warning:focus,
  .paketauswahl a[disabled].warning.paketbutt:focus,
  .paketauswahl .blaettern [disabled].warning.paketbutt.leer:focus,
  .blaettern .paketauswahl [disabled].warning.paketbutt.leer:focus {
      background-color: #f08a24;
  }

  button.disabled.info,
  button[disabled].info,
  .button.disabled.info,
  .paketauswahl a.disabled.info.paketbutt,
  .paketauswahl .blaettern .disabled.info.paketbutt.leer,
  .blaettern .paketauswahl .disabled.info.paketbutt.leer,
  .button[disabled].info,
  .paketauswahl a[disabled].info.paketbutt,
  .paketauswahl .blaettern [disabled].info.paketbutt.leer,
  .blaettern .paketauswahl [disabled].info.paketbutt.leer {
      background-color: #a0d3e8;
      border-color: #61b6d9;
      color: #333333;
      box-shadow: none;
      cursor: default;
      opacity: 0.7;
  }

  button.disabled.info:hover,
  button.disabled.info:focus,
  button[disabled].info:hover,
  button[disabled].info:focus,
  .button.disabled.info:hover,
  .paketauswahl a.disabled.info.paketbutt:hover,
  .paketauswahl .blaettern .disabled.info.paketbutt.leer:hover,
  .blaettern .paketauswahl .disabled.info.paketbutt.leer:hover,
  .button.disabled.info:focus,
  .paketauswahl a.disabled.info.paketbutt:focus,
  .paketauswahl .blaettern .disabled.info.paketbutt.leer:focus,
  .blaettern .paketauswahl .disabled.info.paketbutt.leer:focus,
  .button[disabled].info:hover,
  .paketauswahl a[disabled].info.paketbutt:hover,
  .paketauswahl .blaettern [disabled].info.paketbutt.leer:hover,
  .blaettern .paketauswahl [disabled].info.paketbutt.leer:hover,
  .button[disabled].info:focus,
  .paketauswahl a[disabled].info.paketbutt:focus,
  .paketauswahl .blaettern [disabled].info.paketbutt.leer:focus,
  .blaettern .paketauswahl [disabled].info.paketbutt.leer:focus {
      background-color: #61b6d9;
  }

  button.disabled.info:hover,
  button.disabled.info:focus,
  button[disabled].info:hover,
  button[disabled].info:focus,
  .button.disabled.info:hover,
  .paketauswahl a.disabled.info.paketbutt:hover,
  .paketauswahl .blaettern .disabled.info.paketbutt.leer:hover,
  .blaettern .paketauswahl .disabled.info.paketbutt.leer:hover,
  .button.disabled.info:focus,
  .paketauswahl a.disabled.info.paketbutt:focus,
  .paketauswahl .blaettern .disabled.info.paketbutt.leer:focus,
  .blaettern .paketauswahl .disabled.info.paketbutt.leer:focus,
  .button[disabled].info:hover,
  .paketauswahl a[disabled].info.paketbutt:hover,
  .paketauswahl .blaettern [disabled].info.paketbutt.leer:hover,
  .blaettern .paketauswahl [disabled].info.paketbutt.leer:hover,
  .button[disabled].info:focus,
  .paketauswahl a[disabled].info.paketbutt:focus,
  .paketauswahl .blaettern [disabled].info.paketbutt.leer:focus,
  .blaettern .paketauswahl [disabled].info.paketbutt.leer:focus {
      color: #FFFFFF;
  }

  button.disabled.info:hover,
  button.disabled.info:focus,
  button[disabled].info:hover,
  button[disabled].info:focus,
  .button.disabled.info:hover,
  .paketauswahl a.disabled.info.paketbutt:hover,
  .paketauswahl .blaettern .disabled.info.paketbutt.leer:hover,
  .blaettern .paketauswahl .disabled.info.paketbutt.leer:hover,
  .button.disabled.info:focus,
  .paketauswahl a.disabled.info.paketbutt:focus,
  .paketauswahl .blaettern .disabled.info.paketbutt.leer:focus,
  .blaettern .paketauswahl .disabled.info.paketbutt.leer:focus,
  .button[disabled].info:hover,
  .paketauswahl a[disabled].info.paketbutt:hover,
  .paketauswahl .blaettern [disabled].info.paketbutt.leer:hover,
  .blaettern .paketauswahl [disabled].info.paketbutt.leer:hover,
  .button[disabled].info:focus,
  .paketauswahl a[disabled].info.paketbutt:focus,
  .paketauswahl .blaettern [disabled].info.paketbutt.leer:focus,
  .blaettern .paketauswahl [disabled].info.paketbutt.leer:focus {
      background-color: #a0d3e8;
  }

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

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

  select {
      width: 100%;
  }

  button,
  .button,
  .paketauswahl a.paketbutt,
  .paketauswahl .blaettern .paketbutt.leer,
  .blaettern .paketauswahl .paketbutt.leer {
      -webkit-appearance: none;
      -moz-appearance: none;
      border-radius: 0;
      border-style: solid;
      border-width: 0;
      cursor: pointer;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: normal;
      line-height: normal;
      margin: 0 0 1.25rem;
      position: relative;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      padding: 1rem 2rem 1.0625rem 2rem;
      font-size: 1rem;
      background-color: #008CBA;
      border-color: #007095;
      color: #FFFFFF;
      transition: background-color 300ms ease-out;
  }

  button,
  a.button,
  .blaettern .button.leer,
  .paketauswahl a.paketbutt,
  .paketauswahl .blaettern .paketbutt.leer,
  .blaettern .paketauswahl .paketbutt.leer,
  .fakebutton {
      text-decoration: none !important;
      -webkit-border-radius: 5px 5px 5px 5px;
      -moz-border-radius: 5px 5px 5px 5px;
      border-radius: 5px 5px 5px 5px;
      background: #FFFFFF;
      background: linear-gradient(#FFFFFF, #fafafa);
      border: 1px solid #d9d9d9;
      color: #5386df;
      padding: 11px 11px;
      font-size: 0.8rem;
      font-weight: 700;
      line-height: 1.1;
  }

  ul,
  ol,
  dl {
      font-family: inherit;
      font-size: 1rem;
      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;
  }

  button:hover,
  button:focus,
  .button:hover,
  .paketauswahl a.paketbutt:hover,
  .paketauswahl .blaettern .paketbutt.leer:hover,
  .blaettern .paketauswahl .paketbutt.leer:hover,
  .button:focus,
  .paketauswahl a.paketbutt:focus,
  .paketauswahl .blaettern .paketbutt.leer:focus,
  .blaettern .paketauswahl .paketbutt.leer:focus {
      background-color: #007095;
  }

  button:hover,
  button:focus,
  .button:hover,
  .paketauswahl a.paketbutt:hover,
  .paketauswahl .blaettern .paketbutt.leer:hover,
  .blaettern .paketauswahl .paketbutt.leer:hover,
  .button:focus,
  .paketauswahl a.paketbutt:focus,
  .paketauswahl .blaettern .paketbutt.leer:focus,
  .blaettern .paketauswahl .paketbutt.leer:focus {
      color: #FFFFFF;
  }

  ol {
      margin-left: 1.4rem;
  }

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

  button.yellow,
  a.button.yellow,
  .blaettern .button.yellow.leer,
  .paketauswahl a.yellow.paketbutt,
  .paketauswahl .blaettern .yellow.paketbutt.leer,
  .blaettern .paketauswahl .yellow.paketbutt.leer,
  .fakebutton.yellow {
      border: none;
      color: #000000;
      background: #ffc42d;
      background: linear-gradient(#ffc42d, #ffbe19);
  }

  button.yellow:hover,
  a.button.yellow:hover,
  .blaettern .button.yellow.leer:hover,
  .paketauswahl a.yellow.paketbutt:hover,
  .paketauswahl .blaettern .yellow.paketbutt.leer:hover,
  .blaettern .paketauswahl .yellow.paketbutt.leer:hover,
  .fakebutton.yellow:hover {
      color: #000000;
  }

  button.grey,
  a.button.grey,
  .blaettern .button.grey.leer,
  .paketauswahl a.grey.paketbutt,
  .paketauswahl .blaettern .grey.paketbutt.leer,
  .blaettern .paketauswahl .grey.paketbutt.leer,
  .fakebutton.grey {
      border: none;
      color: #000000;
      background: linear-gradient(var(--button_grey_light), var(--button_grey_dark));
  }

  button.grey:hover,
  a.button.grey:hover,
  .blaettern .button.grey.leer:hover,
  .paketauswahl a.grey.paketbutt:hover,
  .paketauswahl .blaettern .grey.paketbutt.leer:hover,
  .blaettern .paketauswahl .grey.paketbutt.leer:hover,
  .fakebutton.grey:hover {
      background: linear-gradient(var(--button_grey_dark), var(--button_grey_light));
  }

  button.green,
  a.button.green,
  .blaettern .button.green.leer,
  .paketauswahl a.green.paketbutt,
  .paketauswahl .blaettern .green.paketbutt.leer,
  .blaettern .paketauswahl .green.paketbutt.leer,
  .fakebutton.green {
      border: none;
      color: #FFFFFF;
      background: #53d746;
      background: linear-gradient(#53d746, #39c92b);
  }

  button.green:hover,
  a.button.green:hover,
  .blaettern .button.green.leer:hover,
  .paketauswahl a.green.paketbutt:hover,
  .paketauswahl .blaettern .green.paketbutt.leer:hover,
  .blaettern .paketauswahl .green.paketbutt.leer:hover,
  .fakebutton.green:hover {
      color: #FFFFFF;
      background: linear-gradient(#39c92b, #53d746);
  }

  button.red,
  a.button.red,
  .blaettern .button.red.leer,
  .paketauswahl a.red.paketbutt,
  .paketauswahl .blaettern .red.paketbutt.leer,
  .blaettern .paketauswahl .red.paketbutt.leer,
  .fakebutton.red {
      border: none;
      color: #FFFFFF;
      background: #f63c3c;
      background: linear-gradient(#f63c3c, #f41515);
  }

  button.red:hover,
  a.button.red:hover,
  .blaettern .button.red.leer:hover,
  .paketauswahl a.red.paketbutt:hover,
  .paketauswahl .blaettern .red.paketbutt.leer:hover,
  .blaettern .paketauswahl .red.paketbutt.leer:hover,
  .fakebutton.red:hover {
      color: #FFFFFF;
  }

  button.smaller,
  a.button.smaller,
  .blaettern .button.smaller.leer,
  .paketauswahl a.smaller.paketbutt,
  .paketauswahl .blaettern .smaller.paketbutt.leer,
  .blaettern .paketauswahl .smaller.paketbutt.leer,
  .fakebutton.smaller {
      border: none;
      padding: 8px 20px;
      margin: 3px 0;
  }

  button.smallest,
  a.button.smallest,
  .blaettern .button.smallest.leer,
  .paketauswahl a.smallest.paketbutt,
  .paketauswahl .blaettern .smallest.paketbutt.leer,
  .blaettern .paketauswahl .smallest.paketbutt.leer,
  .fakebutton.smallest {
      border: none;
      padding: 4px 10px;
      margin-top: 6px;
      margin-bottom: 7px !important;
  }

  button.mright,
  a.button.mright,
  .blaettern .button.mright.leer,
  .paketauswahl a.mright.paketbutt,
  .paketauswahl .blaettern .mright.paketbutt.leer,
  .blaettern .paketauswahl .mright.paketbutt.leer,
  .fakebutton.mright {
      margin-right: 5px;
  }

  button.inactive,
  a.button.inactive,
  .blaettern .button.inactive.leer,
  .paketauswahl a.inactive.paketbutt,
  .paketauswahl .blaettern .inactive.paketbutt.leer,
  .blaettern .paketauswahl .inactive.paketbutt.leer,
  .fakebutton.inactive {
      cursor: default;
      pointer-events: none;
      color: #ccc;
      background: var(--inactive_grey);
      border: 1px solid #d9d9d9;
  }

  button.thin,
  a.button.thin,
  .blaettern .button.thin.leer,
  .paketauswahl a.thin.paketbutt,
  .paketauswahl .blaettern .thin.paketbutt.leer,
  .blaettern .paketauswahl .thin.paketbutt.leer,
  .fakebutton.thin {
      font-weight: normal;
  }

  button.block,
  a.button.block,
  .blaettern .button.block.leer,
  .paketauswahl a.block.paketbutt,
  .paketauswahl .blaettern .block.paketbutt.leer,
  .blaettern .paketauswahl .block.paketbutt.leer,
  .fakebutton.block {
      display: block;
  }

  button.popup,
  a.button.popup,
  .blaettern .button.popup.leer,
  .paketauswahl a.popup.paketbutt,
  .paketauswahl .blaettern .popup.paketbutt.leer,
  .blaettern .paketauswahl .popup.paketbutt.leer,
  .fakebutton.popup {
      margin: 0;
      -webkit-border-radius: 0 0 0 0;
      -moz-border-radius: 0 0 0 0;
      border-radius: 0 0 0 0;
  }

  button .hinweis,
  button .weiterbutts .pfeilnavi_hinweis,
  .weiterbutts button .pfeilnavi_hinweis,
  button .form-group.form-captcha label,
  .form-group.form-captcha button label,
  a.button .hinweis,
  a.button .weiterbutts .pfeilnavi_hinweis,
  .weiterbutts a.button .pfeilnavi_hinweis,
  a.button .form-group.form-captcha label,
  .form-group.form-captcha a.button label,
  .blaettern .button.leer .hinweis,
  .blaettern .button.leer .weiterbutts .pfeilnavi_hinweis,
  .weiterbutts .blaettern .button.leer .pfeilnavi_hinweis,
  .blaettern .button.leer .form-group.form-captcha label,
  .form-group.form-captcha .blaettern .button.leer label,
  .paketauswahl a.paketbutt .hinweis,
  .paketauswahl a.paketbutt .weiterbutts .pfeilnavi_hinweis,
  .weiterbutts .paketauswahl a.paketbutt .pfeilnavi_hinweis,
  .paketauswahl a.paketbutt .form-group.form-captcha label,
  .form-group.form-captcha .paketauswahl a.paketbutt label,
  .paketauswahl .blaettern .paketbutt.leer .hinweis,
  .paketauswahl .blaettern .paketbutt.leer .weiterbutts .pfeilnavi_hinweis,
  .weiterbutts .paketauswahl .blaettern .paketbutt.leer .pfeilnavi_hinweis,
  .paketauswahl .blaettern .paketbutt.leer .form-group.form-captcha label,
  .form-group.form-captcha .paketauswahl .blaettern .paketbutt.leer label,
  .blaettern .paketauswahl .paketbutt.leer .hinweis,
  .blaettern .paketauswahl .paketbutt.leer .weiterbutts .pfeilnavi_hinweis,
  .weiterbutts .blaettern .paketauswahl .paketbutt.leer .pfeilnavi_hinweis,
  .blaettern .paketauswahl .paketbutt.leer .form-group.form-captcha label,
  .form-group.form-captcha .blaettern .paketauswahl .paketbutt.leer label,
  .fakebutton .hinweis,
  .fakebutton .weiterbutts .pfeilnavi_hinweis,
  .weiterbutts .fakebutton .pfeilnavi_hinweis,
  .fakebutton .form-group.form-captcha label,
  .form-group.form-captcha .fakebutton label {
      font-style: normal;
      color: #000000;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
      filter: alpha(opacity=60);
      filter: Alpha(opacity=60);
      opacity: 0.6;
      moz-opacity: 0.6;
      padding-top: 3px;
  }

  button.optional,
  a.button.optional,
  .blaettern .button.optional.leer,
  .paketauswahl a.optional.paketbutt,
  .paketauswahl .blaettern .optional.paketbutt.leer,
  .blaettern .paketauswahl .optional.paketbutt.leer,
  .fakebutton.optional {
      border: none;
      color: #000000;
      background: linear-gradient(#feecbd, #ffd25e);
  }

  button.inactive,
  a.button.inactive,
  .blaettern .button.inactive.leer,
  .paketauswahl a.inactive.paketbutt,
  .paketauswahl .blaettern .inactive.paketbutt.leer,
  .blaettern .paketauswahl .inactive.paketbutt.leer,
  .fakebutton.inactive {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50);
      filter: Alpha(opacity=50);
      opacity: 0.5;
      moz-opacity: 0.5;
  }

  button.inactive.has_tt,
  button.inactive.has_tt:hover,
  a.button.inactive.has_tt,
  .blaettern .button.inactive.has_tt.leer,
  .paketauswahl a.inactive.has_tt.paketbutt,
  .paketauswahl .blaettern .inactive.has_tt.paketbutt.leer,
  .blaettern .paketauswahl .inactive.has_tt.paketbutt.leer,
  a.button.inactive.has_tt:hover,
  .fakebutton.inactive.has_tt,
  .fakebutton.inactive.has_tt:hover {
      background: #cccccc;
      color: #f7f7f7;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      filter: Alpha(opacity=100);
      opacity: 1;
      moz-opacity: 1;
  }

  button:hover,
  button:visited,
  button:active,
  a.button:hover,
  .blaettern .button.leer:hover,
  .paketauswahl a.paketbutt:hover,
  .paketauswahl .blaettern .paketbutt.leer:hover,
  .blaettern .paketauswahl .paketbutt.leer:hover,
  a.button:visited,
  .blaettern .button.leer:visited,
  .paketauswahl a.paketbutt:visited,
  .paketauswahl .blaettern .paketbutt.leer:visited,
  .blaettern .paketauswahl .paketbutt.leer:visited,
  a.button:active,
  .blaettern .button.leer:active,
  .paketauswahl a.paketbutt:active,
  .paketauswahl .blaettern .paketbutt.leer:active,
  .blaettern .paketauswahl .paketbutt.leer:active,
  .fakebutton:hover,
  .fakebutton:visited,
  .fakebutton:active {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
      filter: alpha(opacity=70);
      filter: Alpha(opacity=70);
      opacity: 0.7;
      moz-opacity: 0.7;
      color: #5386df;
  }

  /* We use this to get basic styling on all basic form elements */
  input:not([type]),
  input[type=text],
  input[type=password],
  input[type=date],
  input[type=datetime],
  input[type=datetime-local],
  input[type=month],
  input[type=week],
  input[type=email],
  input[type=number],
  input[type=search],
  input[type=tel],
  input[type=time],
  input[type=url],
  input[type=color],
  textarea {
      -webkit-appearance: none;
      -moz-appearance: none;
      border-radius: 0;
      background-color: #FFFFFF;
      border-style: solid;
      border-width: 1px;
      border-color: #cccccc;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      color: rgba(0, 0, 0, 0.75);
      display: block;
      font-family: inherit;
      font-size: 0.875rem;
      height: 2.3125rem;
      margin: 0 0 1rem 0;
      padding: 0.5rem;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: border-color 0.15s linear, background 0.15s linear;
      -moz-transition: border-color 0.15s linear, background 0.15s linear;
      -ms-transition: border-color 0.15s linear, background 0.15s linear;
      -o-transition: border-color 0.15s linear, background 0.15s linear;
      transition: border-color 0.15s linear, background 0.15s linear;
  }

  input:not([type]):focus,
  input[type=text]:focus,
  input[type=password]:focus,
  input[type=date]:focus,
  input[type=datetime]:focus,
  input[type=datetime-local]:focus,
  input[type=month]:focus,
  input[type=week]:focus,
  input[type=email]:focus,
  input[type=number]:focus,
  input[type=search]:focus,
  input[type=tel]:focus,
  input[type=time]:focus,
  input[type=url]:focus,
  input[type=color]:focus,
  textarea:focus {
      background: #fafafa;
      border-color: #999999;
      outline: none;
  }

  input:not([type]):disabled,
  input[type=text]:disabled,
  input[type=password]:disabled,
  input[type=date]:disabled,
  input[type=datetime]:disabled,
  input[type=datetime-local]:disabled,
  input[type=month]:disabled,
  input[type=week]:disabled,
  input[type=email]:disabled,
  input[type=number]:disabled,
  input[type=search]:disabled,
  input[type=tel]:disabled,
  input[type=time]:disabled,
  input[type=url]:disabled,
  input[type=color]:disabled,
  textarea:disabled {
      background-color: #DDDDDD;
      cursor: default;
  }

  input:not([type])[disabled],
  input:not([type])[readonly],
  fieldset[disabled] input:not([type]),
  input[type=text][disabled],
  input[type=text][readonly],
  fieldset[disabled] input[type=text],
  input[type=password][disabled],
  input[type=password][readonly],
  fieldset[disabled] input[type=password],
  input[type=date][disabled],
  input[type=date][readonly],
  fieldset[disabled] input[type=date],
  input[type=datetime][disabled],
  input[type=datetime][readonly],
  fieldset[disabled] input[type=datetime],
  input[type=datetime-local][disabled],
  input[type=datetime-local][readonly],
  fieldset[disabled] input[type=datetime-local],
  input[type=month][disabled],
  input[type=month][readonly],
  fieldset[disabled] input[type=month],
  input[type=week][disabled],
  input[type=week][readonly],
  fieldset[disabled] input[type=week],
  input[type=email][disabled],
  input[type=email][readonly],
  fieldset[disabled] input[type=email],
  input[type=number][disabled],
  input[type=number][readonly],
  fieldset[disabled] input[type=number],
  input[type=search][disabled],
  input[type=search][readonly],
  fieldset[disabled] input[type=search],
  input[type=tel][disabled],
  input[type=tel][readonly],
  fieldset[disabled] input[type=tel],
  input[type=time][disabled],
  input[type=time][readonly],
  fieldset[disabled] input[type=time],
  input[type=url][disabled],
  input[type=url][readonly],
  fieldset[disabled] input[type=url],
  input[type=color][disabled],
  input[type=color][readonly],
  fieldset[disabled] input[type=color],
  textarea[disabled],
  textarea[readonly],
  fieldset[disabled] textarea {
      background-color: #DDDDDD;
      cursor: default;
  }

  input:not([type]).radius,
  input[type=text].radius,
  input[type=password].radius,
  input[type=date].radius,
  input[type=datetime].radius,
  input[type=datetime-local].radius,
  input[type=month].radius,
  input[type=week].radius,
  input[type=email].radius,
  input[type=number].radius,
  input[type=search].radius,
  input[type=tel].radius,
  input[type=time].radius,
  input[type=url].radius,
  input[type=color].radius,
  textarea.radius {
      border-radius: 3px;
  }

  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;
      margin-bottom: 0.5rem;
      margin-top: 0.2rem;
      text-rendering: optimizeLegibility;
  }

  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-family: sans-serif;
      font-weight: 400;
      font-size: 1.7em;
      line-height: 1.3em;
      margin: 23px 0 25px 0px;
      color: #333333;
  }

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

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

  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-family: sans-serif;
      font-weight: 400;
      font-size: 1.13em;
      line-height: 1.2em;
      margin: 18px 0 15px 0px;
      color: black;
  }

  h4,
  ul.katlist li ul li a,
  ul.katlist li ul li .blaettern .leer,
  .blaettern ul.katlist li ul li .leer {
      font-family: sans-serif;
      font-weight: 400;
      font-size: 1em;
      line-height: 1.2em;
      margin: 10px 0 10px 0px;
      color: black;
  }

  #content select {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+") !important;
      background-position: 100% center !important;
      background-repeat: no-repeat !important;
  }

  form {
      margin: 0 0 1rem;
  }

  label {
      color: #4d4d4d;
      cursor: pointer;
      display: block;
      font-size: 0.875rem;
      font-weight: normal;
      line-height: 1.5;
      margin-bottom: 0;
      /* Styles for required inputs */
  }


  /* 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: #cccccc;
      color: rgba(0, 0, 0, 0.75);
      font-family: inherit;
      font-size: 0.875rem;
      line-height: normal;
      padding: 0.5rem;
      border-radius: 0;
      height: 2.3125rem;
  }

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

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

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

  select[multiple] {
      height: auto;
  }

  /* Adjust margin for form elements below */
  input[type=file],
  input[type=checkbox],
  input[type=radio],
  select {
      margin: 0 0 1rem 0;
  }

  input[type=checkbox]+label,
  input[type=radio]+label {
      display: inline-block;
      margin-left: 0.5rem;
      margin-right: 1rem;
      margin-bottom: 0;
      vertical-align: baseline;
  }

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

  .section td {
      font-weight: 300;
      margin: 0px 0 16px 0px;
      font-size: 0.9em;
      line-height: 1.4;
      color: #333333;
  }

  .hline {
      clear: both;
      height: 1px;
      margin: 0px 1.25rem 5px 1.25rem;
  }

  h1,
  h2.bigger,
  h3.bigger,
  h4.bigger,
  ul.katlist li>a.bigger,
  ul.katlist li>a.bigger,
  ul.katlist li ul li a.bigger,
  ul.katlist li ul li a.bigger,
  ul.katlist .blaettern li>.bigger.leer,
  ul.katlist .blaettern li>.bigger.leer,
  .blaettern ul.katlist li>.bigger.leer,
  .blaettern ul.katlist li>.bigger.leer,
  ul.katlist li ul li .blaettern .bigger.leer,
  ul.katlist li ul li .blaettern .bigger.leer,
  .blaettern ul.katlist li ul li .bigger.leer,
  .blaettern ul.katlist li ul li .bigger.leer {
      margin: 17px 0 20px 0px;
  }

  h1.lessmbottom,
  h2.lessmbottom.bigger,
  h3.lessmbottom.bigger,
  h4.lessmbottom.bigger,
  ul.katlist li>a.lessmbottom.bigger,
  ul.katlist li>a.lessmbottom.bigger,
  ul.katlist li ul li a.lessmbottom.bigger,
  ul.katlist li ul li a.lessmbottom.bigger,
  ul.katlist .blaettern li>.lessmbottom.bigger.leer,
  ul.katlist .blaettern li>.lessmbottom.bigger.leer,
  .blaettern ul.katlist li>.lessmbottom.bigger.leer,
  .blaettern ul.katlist li>.lessmbottom.bigger.leer,
  ul.katlist li ul li .blaettern .lessmbottom.bigger.leer,
  ul.katlist li ul li .blaettern .lessmbottom.bigger.leer,
  .blaettern ul.katlist li ul li .lessmbottom.bigger.leer,
  .blaettern ul.katlist li ul li .lessmbottom.bigger.leer {
      margin-bottom: 2px;
  }

  h1.lessmtop,
  h2.lessmtop.bigger,
  h3.lessmtop.bigger,
  h4.lessmtop.bigger,
  ul.katlist li>a.lessmtop.bigger,
  ul.katlist li>a.lessmtop.bigger,
  ul.katlist li ul li a.lessmtop.bigger,
  ul.katlist li ul li a.lessmtop.bigger,
  ul.katlist .blaettern li>.lessmtop.bigger.leer,
  ul.katlist .blaettern li>.lessmtop.bigger.leer,
  .blaettern ul.katlist li>.lessmtop.bigger.leer,
  .blaettern ul.katlist li>.lessmtop.bigger.leer,
  ul.katlist li ul li .blaettern .lessmtop.bigger.leer,
  ul.katlist li ul li .blaettern .lessmtop.bigger.leer,
  .blaettern ul.katlist li ul li .lessmtop.bigger.leer,
  .blaettern ul.katlist li ul li .lessmtop.bigger.leer {
      margin-top: 2px;
  }

  .topline {
      display: none;
      margin: 13px 0px -23px 0px;
  }

  .showtopline .topline {
      display: block;
  }

  .main_content ul:not(.katlist):not(.tabs) li,
  .main_content ol li {
      font-size: 0.9rem;
      padding: 2px 20px 2px 5px;
      color: #1b3454;
  }

  #content .content {
      padding-bottom: 30px;
  }

  #content .content .main_content {
      padding: 10px 0 0 0;
      min-height: 300px;
  }

  #content .content .main_content .kasten:not(.included) {
      margin-bottom: 0;
      margin-top: 20px;
  }

  #content .content .main_content .kasten.included {
      margin-bottom: 20px;
  }

  .main_content .kasten .header {
      display: none;
  }

  #content .content .main_content .kasten .pic {
      height: auto !important;
  }

  #content .content .main_content .kasten .link {
      font-size: 0.9rem;
      min-height: 34px;
      background: #214067;
      background: linear-gradient(#214067, #152841);
  }

  #content .content .main_content .kasten .link.open {
      min-height: 40px;
      background: #333333;
  }

  #content .content .main_content .kasten .link.open .linkbox.right a,
  #content .content .main_content .kasten .link.open .linkbox.right .blaettern .leer,
  .blaettern #content .content .main_content .kasten .link.open .linkbox.right .leer {
      background: url(../pics/linkpfeil1.png) no-repeat -5px -365px !important;
      color: gray !important;
  }

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

  #content .content .main_content .kasten .link .linkbox a,
  #content .content .main_content .kasten .link .linkbox .blaettern .leer,
  .blaettern #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;
  }

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

  #content .content .main_content .ajax_box h2,
  #content .content .main_content .ajax_box h4.bigger,
  #content .content .main_content .ajax_box ul.katlist li ul li a.bigger,
  ul.katlist li ul li #content .content .main_content .ajax_box a.bigger,
  #content .content .main_content .ajax_box ul.katlist li ul li .blaettern .bigger.leer,
  ul.katlist li ul li .blaettern #content .content .main_content .ajax_box .bigger.leer,
  #content .content .main_content .ajax_box .blaettern ul.katlist li ul li .bigger.leer,
  .blaettern ul.katlist li ul li #content .content .main_content .ajax_box .bigger.leer,
  #content .content .main_content .ajax_box h3,
  #content .content .main_content .ajax_box ul.katlist li>a,
  ul.katlist #content .content .main_content .ajax_box li>a,
  #content .content .main_content .ajax_box ul.katlist .blaettern li>.leer,
  ul.katlist .blaettern #content .content .main_content .ajax_box li>.leer,
  #content .content .main_content .ajax_box .blaettern ul.katlist li>.leer,
  .blaettern ul.katlist #content .content .main_content .ajax_box li>.leer {
      color: #ffc42d;
  }

  #content .content .main_content .ajax_box a,
  #content .content .main_content .ajax_box .blaettern .leer,
  .blaettern #content .content .main_content .ajax_box .leer {
      color: #FFFFFF !important;
  }

  #content .content .main_content .ajax_box a:hover,
  #content .content .main_content .ajax_box .blaettern .leer:hover,
  .blaettern #content .content .main_content .ajax_box .leer:hover {
      color: #cccccc !important;
  }

  #content .content .main_content .ajax_box .loading {
      margin-top: 50px;
      text-align: center;
  }

  .pl #content .content .main_content .kasten .link {
      min-height: 56px;
  }

  #content .content .main_content {
      padding: 0;
  }

  /* 
a:not(.button):not(.icon),
#content .main_content .blaettern .leer:not(.button):not(.icon),
.blaettern #content .main_content .leer:not(.button):not(.icon) {
  color: #1b3454;
  text-decoration: underline;
} */

  #content .main_content a:not(.button):not(.icon).pdf,
  #content .main_content .blaettern .leer:not(.button):not(.icon).pdf,
  .blaettern #content .main_content .leer:not(.button):not(.icon).pdf,
  #content .main_content a:not(.button):not(.icon).zip,
  #content .main_content .blaettern .leer:not(.button):not(.icon).zip,
  .blaettern #content .main_content .leer:not(.button):not(.icon).zip,
  #content .main_content a:not(.button):not(.icon).word,
  #content .main_content .blaettern .leer:not(.button):not(.icon).word,
  .blaettern #content .main_content .leer:not(.button):not(.icon).word,
  #content .main_content a:not(.button):not(.icon).image,
  #content .main_content .blaettern .leer:not(.button):not(.icon).image,
  .blaettern #content .main_content .leer:not(.button):not(.icon).image,
  #content .main_content a:not(.button):not(.icon).eps,
  #content .main_content .blaettern .leer:not(.button):not(.icon).eps,
  .blaettern #content .main_content .leer:not(.button):not(.icon).eps,
  #content .main_content a:not(.button):not(.icon).xml,
  #content .main_content .blaettern .leer:not(.button):not(.icon).xml,
  .blaettern #content .main_content .leer:not(.button):not(.icon).xml {
      text-decoration: none !important;
      border-bottom: 1px solid #1b3454;
  }

  #content .main_content a:not(.button):not(.icon).pdf:hover,
  #content .main_content .blaettern .leer:not(.button):not(.icon).pdf:hover,
  .blaettern #content .main_content .leer:not(.button):not(.icon).pdf:hover,
  #content .main_content a:not(.button):not(.icon).zip:hover,
  #content .main_content .blaettern .leer:not(.button):not(.icon).zip:hover,
  .blaettern #content .main_content .leer:not(.button):not(.icon).zip:hover,
  #content .main_content a:not(.button):not(.icon).word:hover,
  #content .main_content .blaettern .leer:not(.button):not(.icon).word:hover,
  .blaettern #content .main_content .leer:not(.button):not(.icon).word:hover,
  #content .main_content a:not(.button):not(.icon).image:hover,
  #content .main_content .blaettern .leer:not(.button):not(.icon).image:hover,
  .blaettern #content .main_content .leer:not(.button):not(.icon).image:hover,
  #content .main_content a:not(.button):not(.icon).eps:hover,
  #content .main_content .blaettern .leer:not(.button):not(.icon).eps:hover,
  .blaettern #content .main_content .leer:not(.button):not(.icon).eps:hover,
  #content .main_content a:not(.button):not(.icon).xml:hover,
  #content .main_content .blaettern .leer:not(.button):not(.icon).xml:hover,
  .blaettern #content .main_content .leer:not(.button):not(.icon).xml:hover {
      border-bottom: 1px solid #FFFFFF;
  }

  #content .main_content a:not(.button):not(.icon).pdf:before,
  #content .main_content .blaettern .leer:not(.button):not(.icon).pdf:before,
  .blaettern #content .main_content .leer:not(.button):not(.icon).pdf:before,
  #content .main_content a:not(.button):not(.icon).zip:before,
  #content .main_content .blaettern .leer:not(.button):not(.icon).zip:before,
  .blaettern #content .main_content .leer:not(.button):not(.icon).zip:before,
  #content .main_content a:not(.button):not(.icon).word:before,
  #content .main_content .blaettern .leer:not(.button):not(.icon).word:before,
  .blaettern #content .main_content .leer:not(.button):not(.icon).word:before,
  #content .main_content a:not(.button):not(.icon).image:before,
  #content .main_content .blaettern .leer:not(.button):not(.icon).image:before,
  .blaettern #content .main_content .leer:not(.button):not(.icon).image:before,
  #content .main_content a:not(.button):not(.icon).eps:before,
  #content .main_content .blaettern .leer:not(.button):not(.icon).eps:before,
  .blaettern #content .main_content .leer:not(.button):not(.icon).eps:before,
  #content .main_content a:not(.button):not(.icon).xml:before,
  #content .main_content .blaettern .leer:not(.button):not(.icon).xml:before,
  .blaettern #content .main_content .leer:not(.button):not(.icon).xml:before {
      font-family: "FontAwesome";
      font-size: 21px;
      margin: -4px 0 0 0;
      padding-right: 8px;
      display: block;
      float: left;
  }

  #content .main_content a:not(.button):not(.icon):active,
  #content .main_content .blaettern .leer:not(.button):not(.icon):active,
  .blaettern #content .main_content .leer:not(.button):not(.icon):active,
  #content .main_content a:not(.button):not(.icon).current,
  #content .main_content .blaettern .leer:not(.button):not(.icon).current,
  .blaettern #content .main_content .leer:not(.button):not(.icon).current,
  #content .main_content a:not(.button):not(.icon):hover,
  #content .main_content .blaettern .leer:not(.button):not(.icon):hover,
  .blaettern #content .main_content .leer:not(.button):not(.icon):hover {
      color: #3464a1;
      text-decoration: none;
  }

  .highlight {
      background: #f63c3c;
      color: #FFFFFF;
      font-weight: 600;
  }

  .greybox_alt select,
  .codeboxen .codebox select,
  .prospektbestellung .eintrag select,
  .prospektbestellung .legend select,
  .greybox_alt input[type=text],
  .codeboxen .codebox input[type=text],
  .prospektbestellung .eintrag input[type=text],
  .prospektbestellung .legend input[type=text],
  .greybox_alt textarea,
  .codeboxen .codebox textarea,
  .prospektbestellung .eintrag textarea,
  .prospektbestellung .legend textarea {
      margin: 1px 0;
      padding: 0.2rem 0.4rem;
      height: 2rem;
      font-size: 0.95rem;
  }

  .greybox_alt textarea,
  .codeboxen .codebox textarea,
  .prospektbestellung .eintrag textarea,
  .prospektbestellung .legend textarea {
      min-height: 110px;
  }

  .greybox_alt input[type=checkbox],
  .codeboxen .codebox input[type=checkbox],
  .prospektbestellung .eintrag input[type=checkbox],
  .prospektbestellung .legend input[type=checkbox],
  .greybox_alt input[type=radio],
  .codeboxen .codebox input[type=radio],
  .prospektbestellung .eintrag input[type=radio],
  .prospektbestellung .legend input[type=radio] {
      margin: 0;
  }

  .greybox_alt .label,
  .codeboxen .codebox .label,
  .prospektbestellung .eintrag .label,
  .prospektbestellung .legend .label {
      padding-top: 8px !important;
      padding-bottom: 7px !important;
      line-height: 1.2rem;
      font-weight: 300;
  }

  .greybox_alt,
  .codeboxen .codebox,
  .prospektbestellung .eintrag,
  .prospektbestellung .legend {
      position: relative;
      border-top: 1px solid #FFFFFF;
      border-bottom: none !important;
      padding: 5px 12px;
      background: #f2f2f2;
      font-family: sans-serif;
      font-size: 0.95rem;
  }

  .greybox_alt p,
  .codeboxen .codebox p,
  .prospektbestellung .eintrag p,
  .prospektbestellung .legend p {
      font-size: 0.95rem;
      line-height: 1.3;
  }

  .greybox_alt ul,
  .codeboxen .codebox ul,
  .prospektbestellung .eintrag ul,
  .prospektbestellung .legend ul {
      margin-top: 10px;
      margin-bottom: 10px;
  }

  .greybox_alt ul li,
  .codeboxen .codebox ul li,
  .prospektbestellung .eintrag ul li,
  .prospektbestellung .legend ul li {
      font-size: 0.95rem !important;
      padding: 1px 10px 1px 5px !important;
  }

  .red {
      color: #f63c3c;
  }

  .green {
      color: #43d336;
  }

  .green imput {
      color: #43d336;
  }

  .darkgreen,
  input[type=text].darkgreen {
      color: #0e9700;
  }

  .yellow {
      color: #ffc42d;
  }

  .darkyellow {
      color: #de9f00;
  }

  .blue {
      color: #004c80;
  }

  .main_content ul li,
  .main_content ol li {
      font-size: 14px;
      font-weight: 400;
      padding: 4px 20px 4px 5px;
      line-height: 1.3;
      color: #000f1a;
  }

  .invisible {
      visibility: hidden;
  }

  button.small,
  .button.small,
  .paketauswahl a.small.paketbutt,
  .paketauswahl .blaettern .small.paketbutt.leer,
  .blaettern .paketauswahl .small.paketbutt.leer {
      padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
      font-size: 0.8125rem;
  }

  .hinweis,
  .weiterbutts .pfeilnavi_hinweis,
  .form-group.form-captcha label {
      font-style: italic;
      font-size: 0.75rem !important;
      font-weight: 300 !important;
      line-height: 1rem !important;
      color: #666666;
  }

  .warnung,
  .rex-yform .alert,
  .nf_head .hl_filter_aktiv {
      background: #f63c3c;
      color: #FFFFFF;
      padding: 5px 15px;
      font-size: 14px;
  }

  .warnung.light,
  .rex-yform .light.alert,
  .nf_head .light.hl_filter_aktiv {
      background: #FFFFFF;
      color: #000000;
      border: 1px solid #f63c3c;
  }

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

@media only screen and (min-width: 1270px) {
  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) #content .content .main_content .kasten {
      width: 24%;
  }
}

@media only screen and (max-width: 760px) {
  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) #content .content .main_content .kasten {
      width: 49%;
  }
}

@media only screen and (max-width: 600px) {
  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) #content .content .main_content .kasten {
      width: 100%;
      margin: 0;
  }

  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) #content .content .main_content .kasten:not(.included) .pic:not(.kastenlogo):not(.logo) {
      display: none;
  }

  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) #content .content .main_content .kasten:not(.included) .aframe a span,
  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) #content .content .main_content .kasten:not(.included) .aframe .blaettern .leer span,
  .blaettern body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) #content .content .main_content .kasten:not(.included) .aframe .leer span {
      display: none;
  }

  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) #content .content .main_content .kasten .pic.kastenlogo {
      margin-top: 20px;
  }
}



@media only screen and (max-width: 1050px) {
  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)).is .startheader {
      background-position: calc(50% + 50px) 0;
  }
}


@media only screen and (max-width: 59.375em) {
  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)).is .lang_switch {
      top: 99px;
  }
}

@media only screen and (max-width: 1050px) {
  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)).is .lang_switch {
      top: 70px !important;
      right: auto !important;
  }
}

@media only screen and (max-width: 400px) {
  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)).is .lang_switch {
      top: 70px !important;
  }
}

@media only screen and (max-width: 400px) {
  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)).is .lang_switch {
      top: 70px !important;
      right: auto !important;
      left: 10px !important;
  }
}


@media only screen and (max-width: 40em) {
  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) .img:not(.drittel) {
      width: 100% !important;
      margin: 0 0 12px 0 !important;
  }

  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) .img.drittel {
      width: 50% !important;
  }

  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) .img.viertel {
      width: 50% !important;
  }
}

@media screen and (max-width: 600px) {
  body:not(:has(discount-entry), :has(quick-shop), :has(quick-calc), :has(quick-plan), :has(qp-start), :has(project-administration), :has(quickplan-weiche), :has(wkb-rechner), :has(ertrags-rechner)) #content .content .main_content .video-section .kasten:not(.included) .pic:not(.kastenlogo):not(.logo) {
      display: block !important;
  }
}

/* Startheader */
.startheader {

  display: block;
  background-color: #ffbb00;
  background-repeat: no-repeat;
  background-position: calc(50% - 333px) bottom;
  height: 300px;


  p {
      color: #FFFFFF;
  }

  .slogan {
      float: right;
      width: 100%;
      margin: 15px 0 10px 0;
      padding: 10px 19.6% 5px 0;
  }

  .slogan img {
      float: right;
  }


  .kaesten {
      margin-right: 10px;
  }

  .kaesten .kasten {
      width: 166px;
      position: relative;
      float: right;
      margin-right: 10px;
  }

  .kaesten .kasten:hover .link {
      background: #152841;
  }

  .kaesten .kasten .aframe {
      position: relative;
  }

  .kaesten .kasten a,
  .kaesten .kasten .blaettern .leer,
  .blaettern .kaesten .kasten .leer {
      z-index: 10;
      position: absolute;
      display: block;
      height: 100%;
      width: 100%;
      text-decoration: none !important;
  }

  .kaesten .kasten .pic {
      border: 8px solid #FFFFFF;
      background: #f2f2f2;
      position: relative;
      width: 100%;
      overflow: hidden;
  }

  .kaesten .kasten .pic img {
      max-width: none;
      width: 100%;
  }

  .kaesten .kasten .pic.noborder {
      border: none;
  }

  .kaesten .kasten .pic.noborder img {
      width: 106%;
      margin-left: -3%;
  }

  .kaesten .kasten .lb_block {
      overflow: hidden;
      height: 115px;
  }

  .kaesten .kasten .lb_text {
      background: #4d4d4d;
      padding: 10px;
      min-height: 60px;
  }

  .kaesten .kasten .lb_text p {
      margin: 0px 0 5px 0px;
      font-size: 11px;
      line-height: 1.3;
      color: white;
  }

  .kaesten .kasten .link {
      display: block;
      font-size: 0.9rem;
      min-height: 34px;
      background: #214067;
      background: linear-gradient(#214067, #152841);
  }

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

  .kaesten .kasten .lb_text,
  .kaesten .kasten#kasten_is .lb_head {
      background: #152841;
  }

  .kaesten .kasten#lb_extern {
      float: left;
      /* margin-left: 20px; */
  }

  .kaesten .kasten#lb_extern .pic .lb_head {
      position: absolute;
      top: 0px;
      left: 1px;
  }

  .kaesten .kasten#lb_extern .pic .lb_head h3,
  .kaesten .kasten#lb_extern .pic .lb_head h4.bigger,
  .kaesten .kasten#lb_extern .pic .lb_head ul.katlist li>a,
  ul.katlist .kaesten .kasten#lb_extern .pic .lb_head li>a,
  .kaesten .kasten#lb_extern .pic .lb_head ul.katlist li ul li a.bigger,
  ul.katlist li ul li .kaesten .kasten#lb_extern .pic .lb_head a.bigger,
  .kaesten .kasten#lb_extern .pic .lb_head ul.katlist .blaettern li>.leer,
  ul.katlist .blaettern .kaesten .kasten#lb_extern .pic .lb_head li>.leer,
  .kaesten .kasten#lb_extern .pic .lb_head .blaettern ul.katlist li>.leer,
  .blaettern ul.katlist .kaesten .kasten#lb_extern .pic .lb_head li>.leer,
  .kaesten .kasten#lb_extern .pic .lb_head ul.katlist li ul li .blaettern .bigger.leer,
  ul.katlist li ul li .blaettern .kaesten .kasten#lb_extern .pic .lb_head .bigger.leer,
  .kaesten .kasten#lb_extern .pic .lb_head .blaettern ul.katlist li ul li .bigger.leer,
  .blaettern ul.katlist li ul li .kaesten .kasten#lb_extern .pic .lb_head .bigger.leer {
      margin: 0;
      font-size: 1.1rem;
      line-height: 1.2rem;
      color: #1b3454;
  }

  .kaesten .kasten#lb_extern .link {
      font-size: 0.8rem;
      line-height: 22px;
  }
}

.is {
  .startheader {
      background-color: #46a0f8;
      background-position: calc(50% - 33px) 0;
  }

  .search {
      top: 118px;
  }

  .lang_switch {
      top: 80px !important;
      right: 20px !important;
  }
}

@media only screen and (max-width: 1050px) {
  .startheader {
      background-position: -430px 0;

      .slogan {
          margin: 15px 0 10px 0;
          padding: 10px 10px 5px 10px;
          max-width: 360px;
      }
  }
}

@media only screen and (max-width: 1050px) and (max-width: 600px) {
  .startheader .slogan {
      max-width: 100% !important;
      background: rgba(255, 255, 255, 0.5);
  }

  .startheader .slogan img {
      width: 340px;
      max-width: 100%;
  }
}

@media only screen and (max-width: 1050px) and (max-width: 600px) and (max-width: 400px) {
  .startheader .slogan {
      margin-bottom: -5px;
  }
}

@media only screen and (max-width: 860px) {
  .startheader .kaesten {
      width: 260px;
      float: right;
      margin-right: 0px;
  }

  .startheader .kaesten .kasten {
      width: 100%;
  }

  .startheader .kaesten .kasten .lb_block {
      display: none;
  }

  .startheader .kaesten .kasten#lb_extern {
      margin: 0 10px 0 0;
      float: right;
      width: 100%;
  }

  .startheader .kaesten .kasten#lb_extern .lb_block {
      display: block;
      height: 37px !important;
  }

  .startheader .kaesten .kasten#lb_extern .lb_block .pic {
      border: none;
  }

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

  .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head h3,
  .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head h4.bigger,
  .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head ul.katlist li>a,
  ul.katlist .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head li>a,
  .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head ul.katlist li ul li a.bigger,
  ul.katlist li ul li .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head a.bigger,
  .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head ul.katlist .blaettern li>.leer,
  ul.katlist .blaettern .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head li>.leer,
  .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head .blaettern ul.katlist li>.leer,
  .blaettern ul.katlist .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head li>.leer,
  .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head ul.katlist li ul li .blaettern .bigger.leer,
  ul.katlist li ul li .blaettern .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head .bigger.leer,
  .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head .blaettern ul.katlist li ul li .bigger.leer,
  .blaettern ul.katlist li ul li .startheader .kaesten .kasten#lb_extern .lb_block .pic .lb_head .bigger.leer {
      color: #e0a100;
  }
}

@media only screen and (max-width: 400px) {
  .startheader .kaesten {
      width: 100%;
      margin-top: 54px;

      .kasten {
          margin-right: 0 !important;
      }
  }
}

@media only screen and (max-width: 500px) {
  .startheader {
      background-position: -355px 0;
      background-size: cover;
      height: 250px !important;

      .slogan {
          max-width: 300px;
      }
  }
}

@media only screen and (max-width: 400px) {
  .startheader {
      background-position: -210px 0;
      height: 150px !important;

      .slogan {
          max-width: 220px;
      }

      .kaesten {
          margin-top: 50px;
      }
  }
}

@media screen and (max-width: 1050px) {
  .is_header.startheader {
      height: 400px !important;
  }
}

/* Startheader Ende */