@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: 1000px;
}


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:not(:has(project-administration)):not(:has(quick-calc2)):not(:has(.cell)):not(:has(speicherauslegungs-right)):not(:has(.chartlinks)) {
  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;
}