@charset "UTF-8";
/* --------------------------------------------------------------------------- MIXINS */
/* --------------------------------------------------------------------------- TYPOGRAFIE */
@font-face {
  font-family: "FFDingbats";
  src: url("../fonts/ffdingbats/FFDingbats-ArrowsOne.eot");
  src: url("../fonts/ffdingbats/FFDingbats-ArrowsOne.eot?#iefix") format("embedded-opentype"), url("../fonts/ffdingbats/FFDingbats-ArrowsOne.woff") format("woff"), url("../fonts/ffdingbats/FFDingbats-ArrowsOne.ttf") format("truetype"), url("../fonts/ffdingbats/FFDingbats-ArrowsOne.svg#abril_fatfaceregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.act-kostenrechner {
  font-size: 12px;
  color: #E8395D;
}

h1, .act-nav-link span, .act-nav-link, .act-kontakt-title, p, label, input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea, .act-resultat-einheit-mobile, .act-resultat-einheit-desktop, .dropdown-content li > a, .dropdown-content li > span, .select-wrapper input.select-dropdown, .act-einheit, input[type=number].act-input-v1, input[type=text].act-input-v1, .act-pflichtfelder, .act-pflichtfelder-formular, .act-kontakt-text {
  margin-top: 25px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  h1, .act-nav-link span, .act-nav-link, .act-kontakt-title, p, label, input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea, .act-resultat-einheit-mobile, .act-resultat-einheit-desktop, .dropdown-content li > a, .dropdown-content li > span, .select-wrapper input.select-dropdown, .act-einheit, input[type=number].act-input-v1, input[type=text].act-input-v1, .act-pflichtfelder, .act-pflichtfelder-formular, .act-kontakt-text {
    margin: 0;
  }
}

h1, .act-nav-link span, .act-nav-link, .act-kontakt-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  color: #E8395D;
}

p, label, input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea, .act-resultat-einheit-mobile, .act-resultat-einheit-desktop, .dropdown-content li > a, .dropdown-content li > span, .select-wrapper input.select-dropdown, .act-einheit, input[type=number].act-input-v1, input[type=text].act-input-v1, .act-pflichtfelder, .act-pflichtfelder-formular, .act-kontakt-text {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #7D7F81;
}

.act-p-small, .act-s-energieverbrauch, .act-s-energiekosten {
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  color: #7D7F81;
}

.act-ffdingbats {
  margin-bottom: 15px;
}

.act-pflichtfelder, .act-pflichtfelder-formular, .act-kontakt-text {
  font-size: 14px;
  font-weight: 300;
  margin-top: 20px;
}

.btn {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  height: 50px;
  padding-top: 13px;
  box-sizing: border-box;
  background-color: #E8395D;
  text-transform: none;
  margin-top: 20px;
  float: right;
  border-radius: 5px;
  box-shadow: 0 2px 0px 0 black;
  width: 100%;
  margin-right: 0;
}
@media (min-width: 992px) {
  .btn {
    width: auto;
    margin-left: 0.75rem;
  }
}

button.btn {
  padding-top: 3px;
}

.btn:hover {
  background-color: #EA5E7B;
  box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.5);
}

.btn-outline {
  color: #E8395D;
  float: right;
  background-color: #EEF2F3;
  border: 1px solid #E8395D;
  box-shadow: none;
}

.act-btn-weiss {
  background-color: #FFFFFF;
}

.act-btn-float-left {
  float: left;
}
@media (min-width: 992px) {
  .act-btn-float-left {
    margin-right: 0.75rem;
    margin-left: 0;
  }
}

.btn-outline:hover {
  color: #FFFFFF;
  box-shadow: none;
  border: 1px solid #EA5E7B;
}

.btn:focus, .btn-large:focus,
.btn-floating:focus {
  background-color: #E8395D;
}

.act-kontakt-title {
  margin-top: 50px;
  color: #FFFFFF;
}
@media (min-width: 992px) {
  .act-kontakt-title {
    margin-top: 0;
  }
}

.act-kontakt-text {
  color: #FFFFFF;
  line-height: 19px;
}
.act-kontakt-text a.act-kontakt-link {
  color: #FFFFFF;
  text-decoration: underline;
}
.act-kontakt-text a.act-kontakt-link:hover, .act-kontakt-text a.act-kontakt-link:active, .act-kontakt-text a.act-kontakt-link:focus {
  text-decoration: inherit;
  color: inherit;
}

.act-nav-link {
  margin-top: 0;
  display: block;
}

.act-nav-link span {
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 2px;
  color: #FFFFFF;
  line-height: 40px;
}

.act-nav-link span:hover {
  border-bottom: none;
}

p a, label a, input:not([type]) a, input[type=text] a, input[type=password] a, input[type=email] a, input[type=url] a, input[type=time] a, input[type=date] a, input[type=datetime] a, input[type=datetime-local] a, input[type=tel] a, input[type=number] a, input[type=search] a, textarea.materialize-textarea a, .act-resultat-einheit-mobile a, .act-resultat-einheit-desktop a, .dropdown-content li > a a, .dropdown-content li > span a, .select-wrapper input.select-dropdown a, .act-einheit a, input[type=number].act-input-v1 a, input[type=text].act-input-v1 a, .act-pflichtfelder a, .act-pflichtfelder-formular a, .act-kontakt-text a {
  color: #7D7F81;
  border-bottom: 1px solid #E8395D;
  padding-bottom: 2px;
}

p a:hover, label a:hover, input:not([type]) a:hover, input[type=text] a:hover, input[type=password] a:hover, input[type=email] a:hover, input[type=url] a:hover, input[type=time] a:hover, input[type=date] a:hover, input[type=datetime] a:hover, input[type=datetime-local] a:hover, input[type=tel] a:hover, input[type=number] a:hover, input[type=search] a:hover, textarea.materialize-textarea a:hover, .act-resultat-einheit-mobile a:hover, .act-resultat-einheit-desktop a:hover, .dropdown-content li > a a:hover, .dropdown-content li > span a:hover, .select-wrapper input.select-dropdown a:hover, .act-einheit a:hover, .act-pflichtfelder a:hover, .act-pflichtfelder-formular a:hover, .act-kontakt-text a:hover {
  color: #E8395D;
}

/* --------------------------------------------------------------------------- MATERIALIZE */
.container {
  max-width: 960px;
  padding-top: 40px;
}
@media (min-width: 992px) {
  .container {
    padding-top: 0;
  }
}

.row {
  margin: 0;
}

.divider {
  background-color: rgba(125, 127, 129, 0.2);
}

/* --------------------------------------------------------------------------- ALLGEMEIN */
.act-relative-position {
  position: relative;
}

.act-margin-74 {
  margin-top: 74px;
}

.act-margin-80 {
  margin-top: 80px;
}

.act-margin-30 {
  margin-top: 30px;
}

/* --------------------------------------------------------------------------- HEADER */
header {
  width: 100%;
  height: 46px;
  background-color: #E8395D;
}
header img {
  margin-top: 7px;
}

/* --------------------------------------------------------------------------- TITLE-AREA */
@media (min-width: 992px) {
  .act-title-area {
    margin-top: 80px;
  }
}

@media (min-width: 992px) {
  .act-title-area img {
    margin-left: 7px;
  }
}
.act-kostenrechner {
  margin-left: 12px;
  vertical-align: middle;
  display: inline-block;
}
@media (min-width: 992px) {
  .act-kostenrechner {
    margin-left: 7px;
    text-align: center;
    vertical-align: 24px;
  }
}

.act-title-icon {
  vertical-align: middle;
}

/* --------------------------------------------------------------------------- WRAPPER */
.act-wrapper {
  margin-top: 44px;
  width: 100%;
  background-color: #EEF2F3;
  padding-top: 30px;
  overflow: auto;
  padding-bottom: 120px;
}
@media (min-width: 992px) {
  .act-wrapper {
    margin-top: 80px;
    padding-top: 0;
  }
}

/* LABEL */
.act-l-energieverbrauch, .act-l-energiekosten {
  display: none;
}
@media (min-width: 992px) {
  .act-l-energieverbrauch, .act-l-energiekosten {
    display: block;
  }
}

.act-l-energieverbrauch p, .act-l-energieverbrauch label, .act-l-energieverbrauch input:not([type]), .act-l-energieverbrauch input[type=text], .act-l-energieverbrauch input[type=password], .act-l-energieverbrauch input[type=email], .act-l-energieverbrauch input[type=url], .act-l-energieverbrauch input[type=time], .act-l-energieverbrauch input[type=date], .act-l-energieverbrauch input[type=datetime], .act-l-energieverbrauch input[type=datetime-local], .act-l-energieverbrauch input[type=tel], .act-l-energieverbrauch input[type=number], .act-l-energieverbrauch input[type=search], .act-l-energieverbrauch textarea.materialize-textarea, .act-l-energieverbrauch .act-resultat-einheit-mobile, .act-l-energieverbrauch .act-resultat-einheit-desktop, .act-l-energieverbrauch .dropdown-content li > a, .dropdown-content .act-l-energieverbrauch li > a, .act-l-energieverbrauch .dropdown-content li > span, .dropdown-content .act-l-energieverbrauch li > span, .act-l-energieverbrauch .select-wrapper input.select-dropdown, .select-wrapper .act-l-energieverbrauch input.select-dropdown, .act-l-energieverbrauch .act-einheit, .act-l-energieverbrauch .act-pflichtfelder, .act-l-energieverbrauch .act-pflichtfelder-formular, .act-l-energieverbrauch .act-kontakt-text, .act-l-energiekosten p, .act-l-energiekosten label, .act-l-energiekosten input:not([type]), .act-l-energiekosten input[type=text], .act-l-energiekosten input[type=password], .act-l-energiekosten input[type=email], .act-l-energiekosten input[type=url], .act-l-energiekosten input[type=time], .act-l-energiekosten input[type=date], .act-l-energiekosten input[type=datetime], .act-l-energiekosten input[type=datetime-local], .act-l-energiekosten input[type=tel], .act-l-energiekosten input[type=number], .act-l-energiekosten input[type=search], .act-l-energiekosten textarea.materialize-textarea, .act-l-energiekosten .act-resultat-einheit-mobile, .act-l-energiekosten .act-resultat-einheit-desktop, .act-l-energiekosten .dropdown-content li > a, .dropdown-content .act-l-energiekosten li > a, .act-l-energiekosten .dropdown-content li > span, .dropdown-content .act-l-energiekosten li > span, .act-l-energiekosten .select-wrapper input.select-dropdown, .select-wrapper .act-l-energiekosten input.select-dropdown, .act-l-energiekosten .act-einheit, .act-l-energiekosten .act-pflichtfelder, .act-l-energiekosten .act-pflichtfelder-formular, .act-l-energiekosten .act-kontakt-text {
  text-align: center;
  color: rgba(125, 127, 129, 0.5);
  margin-top: 45px;
  margin-bottom: 7px;
}

.act-s-energieverbrauch, .act-s-energiekosten {
  color: rgba(125, 127, 129, 0.5);
  margin-top: 0;
  margin-bottom: -10px;
}
@media (min-width: 992px) {
  .act-s-energieverbrauch, .act-s-energiekosten {
    display: none;
  }
}

.act-label p, .act-label label, .act-label input:not([type]), .act-label input[type=text], .act-label input[type=password], .act-label input[type=email], .act-label input[type=url], .act-label input[type=time], .act-label input[type=date], .act-label input[type=datetime], .act-label input[type=datetime-local], .act-label input[type=tel], .act-label input[type=number], .act-label input[type=search], .act-label textarea.materialize-textarea, .act-label .act-resultat-einheit-mobile, .act-label .act-resultat-einheit-desktop, .act-label .dropdown-content li > a, .dropdown-content .act-label li > a, .act-label .dropdown-content li > span, .dropdown-content .act-label li > span, .act-label .select-wrapper input.select-dropdown, .select-wrapper .act-label input.select-dropdown, .act-label .act-einheit, .act-label .act-pflichtfelder, .act-label .act-pflichtfelder-formular, .act-label .act-kontakt-text, .act-label-gruen p, .act-label-gruen label, .act-label-gruen input:not([type]), .act-label-gruen input[type=text], .act-label-gruen input[type=password], .act-label-gruen input[type=email], .act-label-gruen input[type=url], .act-label-gruen input[type=time], .act-label-gruen input[type=date], .act-label-gruen input[type=datetime], .act-label-gruen input[type=datetime-local], .act-label-gruen input[type=tel], .act-label-gruen input[type=number], .act-label-gruen input[type=search], .act-label-gruen textarea.materialize-textarea, .act-label-gruen .act-resultat-einheit-mobile, .act-label-gruen .act-resultat-einheit-desktop, .act-label-gruen .dropdown-content li > a, .dropdown-content .act-label-gruen li > a, .act-label-gruen .dropdown-content li > span, .dropdown-content .act-label-gruen li > span, .act-label-gruen .select-wrapper input.select-dropdown, .select-wrapper .act-label-gruen input.select-dropdown, .act-label-gruen .act-einheit, .act-label-gruen .act-pflichtfelder, .act-label-gruen .act-pflichtfelder-formular, .act-label-gruen .act-kontakt-text {
  margin-top: 25px;
  padding-bottom: 25px;
}
@media (min-width: 992px) {
  .act-label p, .act-label label, .act-label input:not([type]), .act-label input[type=text], .act-label input[type=password], .act-label input[type=email], .act-label input[type=url], .act-label input[type=time], .act-label input[type=date], .act-label input[type=datetime], .act-label input[type=datetime-local], .act-label input[type=tel], .act-label input[type=number], .act-label input[type=search], .act-label textarea.materialize-textarea, .act-label .act-resultat-einheit-mobile, .act-label .act-resultat-einheit-desktop, .act-label .dropdown-content li > a, .dropdown-content .act-label li > a, .act-label .dropdown-content li > span, .dropdown-content .act-label li > span, .act-label .select-wrapper input.select-dropdown, .select-wrapper .act-label input.select-dropdown, .act-label .act-einheit, .act-label .act-pflichtfelder, .act-label .act-pflichtfelder-formular, .act-label .act-kontakt-text, .act-label-gruen p, .act-label-gruen label, .act-label-gruen input:not([type]), .act-label-gruen input[type=text], .act-label-gruen input[type=password], .act-label-gruen input[type=email], .act-label-gruen input[type=url], .act-label-gruen input[type=time], .act-label-gruen input[type=date], .act-label-gruen input[type=datetime], .act-label-gruen input[type=datetime-local], .act-label-gruen input[type=tel], .act-label-gruen input[type=number], .act-label-gruen input[type=search], .act-label-gruen textarea.materialize-textarea, .act-label-gruen .act-resultat-einheit-mobile, .act-label-gruen .act-resultat-einheit-desktop, .act-label-gruen .dropdown-content li > a, .dropdown-content .act-label-gruen li > a, .act-label-gruen .dropdown-content li > span, .dropdown-content .act-label-gruen li > span, .act-label-gruen .select-wrapper input.select-dropdown, .select-wrapper .act-label-gruen input.select-dropdown, .act-label-gruen .act-einheit, .act-label-gruen .act-pflichtfelder, .act-label-gruen .act-pflichtfelder-formular, .act-label-gruen .act-kontakt-text {
    margin-bottom: 0px;
  }
}

.act-label-gruen p, .act-label-gruen label, .act-label-gruen input:not([type]), .act-label-gruen input[type=text], .act-label-gruen input[type=password], .act-label-gruen input[type=email], .act-label-gruen input[type=url], .act-label-gruen input[type=time], .act-label-gruen input[type=date], .act-label-gruen input[type=datetime], .act-label-gruen input[type=datetime-local], .act-label-gruen input[type=tel], .act-label-gruen input[type=number], .act-label-gruen input[type=search], .act-label-gruen textarea.materialize-textarea, .act-label-gruen .act-resultat-einheit-mobile, .act-label-gruen .act-resultat-einheit-desktop, .act-label-gruen .dropdown-content li > a, .dropdown-content .act-label-gruen li > a, .act-label-gruen .dropdown-content li > span, .dropdown-content .act-label-gruen li > span, .act-label-gruen .select-wrapper input.select-dropdown, .select-wrapper .act-label-gruen input.select-dropdown, .act-label-gruen .act-einheit, .act-label-gruen .act-pflichtfelder, .act-label-gruen .act-pflichtfelder-formular, .act-label-gruen .act-kontakt-text {
  color: #1AD4B5;
}

input[type=text].validate + label, input[type=text]:focus:not([readonly]) + label {
  color: #E8395D;
}

label.act-input-v2:after {
  font-weight: 400;
  margin-top: 5px;
}

/* INPUT TEXT */
input[type=number].act-input-v1, input[type=text].act-input-v1 {
  background-color: #FFFFFF;
  border: none;
  margin-top: 15px;
  margin-bottom: 15px;
  border-radius: 3px;
  padding: 10px;
  height: auto;
  text-align: right;
  padding-right: 84px;
  box-sizing: border-box;
}
input[type=number].act-input-v1:focus, input[type=text].act-input-v1:focus {
  border-bottom: none;
  box-shadow: none;
}

.act-einheit {
  font-weight: 300;
  position: absolute;
  z-index: 999;
  top: 10px;
  right: 20px;
  border-left: 1px solid #EEF2F3;
  padding-left: 11px;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .act-einheit {
    top: 25px;
  }
}

/* INPUT NUMBER */
input[type=number].act-input-v1 {
  padding: 10px;
  text-align: left;
}

/* INPUT SELECT */
.select-wrapper input.select-dropdown {
  margin-top: 0;
  margin-bottom: 15px;
  border-radius: 3px;
  padding: 0 10px 0 10px;
  border: none;
  background-color: #FFFFFF;
  box-sizing: border-box;
}

.dropdown-content li > a, .dropdown-content li > span {
  margin-top: 0;
  color: #E8395D;
}

.dropdown-content li > span:hover {
  background-color: #E8395D;
  color: #FFFFFF;
}

.dropdown-content li.active.selected {
  background-color: #EEF2F3;
}

.dropdown-content {
  border-radius: 3px;
}

.act-select-pfeile {
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 20px;
}

.dropdown-content {
  max-height: 310px;
}

input.select-dropdown {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* --------------------------------------------------------------------------- FOOTER */
footer {
  background-color: #E8395D;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 60px;
  overflow: auto;
}

#act-navivation {
  overflow: auto;
  float: right;
}

nav {
  background-color: none;
  box-shadow: none;
  height: auto;
}

/* --------------------------------------------------------------------------- RESULTAT */
.act-resultat-title {
  margin-top: 25px;
}
@media (min-width: 992px) {
  .act-resultat-title {
    margin-top: 50px;
  }
}

.act-resultat-zahl, .act-resultat-zahl-gruen {
  text-align: left;
  margin-bottom: 25px;
  margin-top: -15px;
}
@media (min-width: 992px) {
  .act-resultat-zahl, .act-resultat-zahl-gruen {
    margin-top: 25px;
    text-align: right;
  }
}

.act-resultat-zahl-gruen {
  color: #1AD4B5;
}

.act-resultat-einheit-desktop {
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 25px;
  display: none;
}
@media (min-width: 992px) {
  .act-resultat-einheit-desktop {
    margin-top: 25px;
    display: block;
  }
}

.act-resultat-einheit-mobile {
  font-weight: 300;
  margin-bottom: 25px;
  padding-left: 1.5rem;
}
@media (min-width: 992px) {
  .act-resultat-einheit-mobile {
    margin-top: 25px;
    display: none;
  }
}

.act-label-erklaertext {
  margin-top: -15px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .act-label-erklaertext {
    padding-bottom: 5px;
  }
}

.act-text-bottom {
  margin-top: 70px;
  margin-bottom: 70px;
}

.act-text-bottom p, .act-text-bottom label, .act-text-bottom input:not([type]), .act-text-bottom input[type=text], .act-text-bottom input[type=password], .act-text-bottom input[type=email], .act-text-bottom input[type=url], .act-text-bottom input[type=time], .act-text-bottom input[type=date], .act-text-bottom input[type=datetime], .act-text-bottom input[type=datetime-local], .act-text-bottom input[type=tel], .act-text-bottom input[type=number], .act-text-bottom input[type=search], .act-text-bottom textarea.materialize-textarea, .act-text-bottom .act-pflichtfelder, .act-text-bottom .act-pflichtfelder-formular, .act-text-bottom .act-kontakt-text, .act-text-bottom .act-einheit, .act-text-bottom .select-wrapper input.select-dropdown, .select-wrapper .act-text-bottom input.select-dropdown, .act-text-bottom .dropdown-content li > a, .dropdown-content .act-text-bottom li > a, .act-text-bottom .dropdown-content li > span, .dropdown-content .act-text-bottom li > span, .act-text-bottom .act-resultat-einheit-desktop, .act-text-bottom .act-resultat-einheit-mobile {
  line-height: 31px;
}

/* --------------------------------------------------------------------------- FORMULAR */
#act-formular-wrapper {
  width: 100vw;
  height: 100vh;
  background-color: #FFFFFF;
  display: table;
}

.act-formular-box {
  overflow: auto;
  display: table-cell;
  vertical-align: middle;
}

.act-pflichtfelder-formular {
  position: absolute;
  z-index: 999;
  top: 70px;
  right: 0;
}
@media (min-width: 992px) {
  .act-pflichtfelder-formular {
    margin-top: 0;
    top: 0;
  }
}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
  margin-top: 0;
}

.act-margin-formular {
  margin-top: 50px;
}

.act-margin-formular-mobile {
  margin-top: 25px;
}
@media (min-width: 992px) {
  .act-margin-formular-mobile {
    margin-top: 50px;
  }
}

.carousel.carousel-slider .carousel-item {
  height: 500px;
}
@media (min-width: 992px) {
  .carousel.carousel-slider .carousel-item {
    height: 400px;
  }
}

.act-margin-formular-weiter {
  margin-top: 300px;
}
@media (min-width: 992px) {
  .act-margin-formular-weiter {
    margin-top: 210px;
  }
}

.act-margin-formular-zurueck {
  margin-top: 15px;
}
@media (min-width: 992px) {
  .act-margin-formular-zurueck {
    margin-top: 210px;
  }
}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
  color: #4A4A4A;
}

.carousel .indicators .indicator-item.active {
  background-color: #E8395D;
}

.carousel .indicators .indicator-item {
  background-color: #D2D5D5;
}

textarea[id=bemerkungen] {
  max-height: 45px;
}

textarea + label {
  backgroun-color: white;
}

label {
  margin: 0;
  padding: 0;
}

/* FORMULAR: INPUT-FIELD EMAIL RED LINE */
.input-field input[type=text]:focus:not([readonly]) {
  border-bottom: 1px solid #E8395D;
  box-shadow: 0 1px 0 0 #E8395D;
}

/* ZURUECK- UND WEITER-BUTTON */
.act-margin-formular-simple-weiter {
  margin-top: 50px;
}

.act-margin-formular-simple-zurueck {
  margin-top: 15px;
}

@media (min-width: 992px) {
  .act-margin-formular-simple-weiter, .act-margin-formular-simple-zurueck {
    margin-top: 80px;
  }
}
/* --------------------------------------------------------------------------- BESTÄTIGUNG */
#act-container {
  position: relative;
  width: 100vw;
  min-height: 100vh;
}

.act-container-box {
  min-height: 100%;
  padding-bottom: 526px;
}
@media (min-width: 992px) {
  .act-container-box {
    padding-bottom: 310px;
  }
}

#act-footer-bestaetigung {
  position: absolute;
  bottom: 0;
  z-index: 999;
}

.act-bestaetigung-text {
  color: #1AD4B5;
  margin-bottom: 50px;
}

.act-margin-bottom-100 {
  margin-bottom: 100px;
}

.input-field label {
  width: 100%;
}

.input-field .act-input-v2.invalid:after {
  top: 30px;
}

.input-field .act-input-v2.active.invalid:after {
  top: 60px;
}

#signup-form {
  position: relative;
}

body.nojs #signup-form-carousel-items .carousel-item .input-field {
  margin-top: 20px;
  margin-bottom: 50px;
}

body.nojs .signup-form-button {
  margin-top: 20px;
}

@media (min-width: 992px) {
  .act-margin-formular-weiter {
    margin-top: 70px;
  }
}
@media (min-width: 992px) {
  .act-margin-formular-zurueck {
    margin-top: 70px;
  }
}
.act-p-red {
  color: #E8395D;
}

.act-input-units-dropdown {
  width: 80px;
  text-align: center;
}

.act-einheit-dropdown {
  top: 15px;
  right: 0;
  margin-top: 10px;
  padding-left: 8px;
  z-index: initial;
  border-left: none;
}

.act-einheit-dropdown ul.dropdown-content {
  margin-top: -14px;
  margin-left: -14px;
}

.act-einheit-dropdown input.select-dropdown {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 20px;
  font-weight: 300;
  height: 24px;
  text-align: center;
}

.act-einheit-dropdown .act-select-pfeile {
  right: 8px;
}

input[type=text].act-input-with-dropdown {
  padding-right: 102px;
}

.act-einheit .select-wrapper .caret, .input-field .act-select .caret {
  padding-right: 9px;
  padding-top: 2px;
  color: #7D7F81;
  background-color: white;
}

.act-input-with-dropdown-wrap {
  position: relative;
}

.act-input-with-dropdown-separator {
  position: absolute;
  width: 1px;
  height: 24px;
  border-left: 1px solid #EEF2F3;
  top: 25px;
  right: 88px;
}

.select-wrapper {
  background-color: white;
}

.select-wrapper input.select-dropdown {
  background-color: transparent;
}

.act-einheit {
  z-index: initial;
}

.help-block {
  color: #E8395D;
  margin-bottom: 10px;
}

input[type=text].act-input-nopadding-right {
  padding-right: 10px;
}

.field-calculatorform-location ul li:first-child span,
.field-calculatorform-location ul li:first-child:hover span {
  color: #7D7F81;
  background-color: white;
}

@media (min-width: 992px) {
  .help-block-col {
    margin-top: 28px;
  }
}
.field-calculatorform-fields_consumption_error input {
  display: none;
}

textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #E8395D;
  box-shadow: 0 1px 0 0 #E8395D;
}

.act-no-margin-top {
  margin-top: 0;
}

@media (max-width: 992px) {
  .slick-dots {
    bottom: -80px;
  }

  .act-margin-formular-weiter {
    margin-top: 120px;
  }
}
.carousel-items {
  /*overflow:hidden;
  table-layout: fixed*/
}

#act-formular-wrapper {
  display: block;
  height: auto;
  width: auto;
  margin-top: 10%;
}

.act-formular-box {
  overflow: hidden;
  display: block;
}

.btn {
  box-shadow: none;
}

.carousel-item:focus {
  outline: none;
}

.admin.container {
  padding-top: 3em;
  padding-bottom: 3em;
}

.admin.container input:focus {
  border-bottom: 1px solid #E8395D;
  box-shadow: 0 1px 0 0 #E8395D;
}

.admin.container .help-block {
  min-height: 1.5em;
}

.admin.container ul.pagination li span {
  font-size: 18px;
}

/* here comes the header from the main page */
/*
@media only screen and (max-width: 768px) {
    nav {
        margin-top: -100px;
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
        font-size: 16px;
    }
}

@media only screen and (max-width: 992px) {
    nav {
        font-size: 17px;
    }
}

@media only screen and (max-width: 1580px) {
    nav {
        font-size: 17px;
    }
}*/
nav.head {
  position: fixed;
  top: 0;
  height: 50px;
  width: 100%;
  background-color: #eb1f5b;
  color: white;
  font-size: 20px;
  padding: 0 3%;
  z-index: 9999;
  margin-top: 0 !important;
  transition: all 0.3s ease;
  line-height: 1.42857143;
  font-family: Roboto, sans-serif;
}

nav.head .nav-wrapper li a {
  font-size: 20px;
}

nav.head p.slogan, nav.head .slogan.act-pflichtfelder, nav.head .slogan.act-kontakt-text, nav.head .slogan.act-einheit, nav.head .select-wrapper input.slogan.select-dropdown, .select-wrapper nav.head input.slogan.select-dropdown, nav.head .dropdown-content li > a.slogan, .dropdown-content nav.head li > a.slogan, nav.head .dropdown-content li > span.slogan, .dropdown-content nav.head li > span.slogan, nav.head .slogan.act-resultat-einheit-desktop, nav.head .slogan.act-resultat-einheit-mobile, nav.head .slogan.act-pflichtfelder-formular, nav.head input.slogan:not([type]), nav.head input.slogan[type=text], nav.head input.slogan[type=password], nav.head input.slogan[type=email], nav.head input.slogan[type=url], nav.head input.slogan[type=time], nav.head input.slogan[type=date], nav.head input.slogan[type=datetime], nav.head input.slogan[type=datetime-local], nav.head input.slogan[type=tel], nav.head input.slogan[type=number], nav.head input.slogan[type=search], nav.head textarea.slogan.materialize-textarea, nav.head label.slogan {
  margin-left: 30px;
  color: white;
  font-size: 20px;
  line-height: 1.42857143;
  font-weight: normal;
  letter-spacing: 2px;
}

.nav-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
  margin: auto;
}

.nav-place {
  height: 50px;
  width: 100%;
}

.logo-holder {
  margin-left: 30px;
}

.logo-holder a img {
  height: 30px;
  vertical-align: middle;
}

.half {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

#nav-icon3 {
  display: none;
  width: 30px;
  height: 25px;
  position: relative;
  margin-top: 4px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
  top: 10px;
}

#nav-icon3 span:nth-child(4) {
  top: 20px;
}

#nav-icon3.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 16px;
  width: 0%;
  left: 50%;
}

.nav-wrapper ul li {
  letter-spacing: 2px;
}

.nav-wrapper ul li {
  color: white;
  padding-right: 25px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  line-height: 24.2857px;
}

.nav-wrapper ul li a {
  padding: 0;
  display: inline;
  height: auto;
}

nav ul a {
  transition: background-color 0.3s;
  font-size: 1rem;
  color: #fff;
  display: block;
  padding: 0 15px;
  cursor: pointer;
}

.nav-wrapper ul li a:focus, .nav-wrapper ul li a:active, .nav-wrapper ul li a:visited {
  text-decoration: none;
  border-bottom: 1px solid #fff;
}

.nav-wrapper ul a:hover, .nav-wrapper ul a:focus, .nav-wrapper ul a:active {
  outline: 0;
  text-decoration: none;
  border-bottom: 1px solid #fff;
  background-color: transparent;
}

nav .nav-wrapper a.blog-btn p, nav .nav-wrapper a.blog-btn .act-pflichtfelder, nav .nav-wrapper a.blog-btn .act-kontakt-text, nav .nav-wrapper a.blog-btn .act-einheit, nav .nav-wrapper a.blog-btn .select-wrapper input.select-dropdown, .select-wrapper nav .nav-wrapper a.blog-btn input.select-dropdown, nav .nav-wrapper a.blog-btn .dropdown-content li > a, .dropdown-content nav .nav-wrapper a.blog-btn li > a, nav .nav-wrapper a.blog-btn .dropdown-content li > span, .dropdown-content nav .nav-wrapper a.blog-btn li > span, nav .nav-wrapper a.blog-btn .act-resultat-einheit-desktop, nav .nav-wrapper a.blog-btn .act-resultat-einheit-mobile, nav .nav-wrapper a.blog-btn .act-pflichtfelder-formular, nav .nav-wrapper a.blog-btn input:not([type]), nav .nav-wrapper a.blog-btn input[type=text], nav .nav-wrapper a.blog-btn input[type=password], nav .nav-wrapper a.blog-btn input[type=email], nav .nav-wrapper a.blog-btn input[type=url], nav .nav-wrapper a.blog-btn input[type=time], nav .nav-wrapper a.blog-btn input[type=date], nav .nav-wrapper a.blog-btn input[type=datetime], nav .nav-wrapper a.blog-btn input[type=datetime-local], nav .nav-wrapper a.blog-btn input[type=tel], nav .nav-wrapper a.blog-btn input[type=number], nav .nav-wrapper a.blog-btn input[type=search], nav .nav-wrapper a.blog-btn textarea.materialize-textarea, nav .nav-wrapper a.blog-btn label {
  color: white;
  line-height: 1.42857143;
  font-weight: normal;
}

nav a.blog-btn:link, nav a.blog-btn:active, nav a.blog-btn:focus {
  text-decoration: none;
}

.blog-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 37px;
  width: 37px;
  border-radius: 100%;
  border: 1px solid white;
  font-size: 13px;
  padding-right: 1px;
  margin-right: 26px;
}

.blog-btn p, .blog-btn .act-pflichtfelder, .blog-btn .act-kontakt-text, .blog-btn .act-einheit, .blog-btn .select-wrapper input.select-dropdown, .select-wrapper .blog-btn input.select-dropdown, .blog-btn .dropdown-content li > a, .dropdown-content .blog-btn li > a, .blog-btn .dropdown-content li > span, .dropdown-content .blog-btn li > span, .blog-btn .act-resultat-einheit-desktop, .blog-btn .act-resultat-einheit-mobile, .blog-btn .act-pflichtfelder-formular, .blog-btn input:not([type]), .blog-btn input[type=text], .blog-btn input[type=password], .blog-btn input[type=email], .blog-btn input[type=url], .blog-btn input[type=time], .blog-btn input[type=date], .blog-btn input[type=datetime], .blog-btn input[type=datetime-local], .blog-btn input[type=tel], .blog-btn input[type=number], .blog-btn input[type=search], .blog-btn textarea.materialize-textarea, .blog-btn label {
  font-size: 13px;
}

.kontakt-btn {
  margin-right: 25px;
}

.kontakt-btn img {
  width: 42px;
  height: 42px;
  vertical-align: middle;
}

.lang-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  padding-right: 1px;
  margin-right: 18px;
}

.lang-btn span {
  padding-left: 5px;
}

.lang-btn span {
  padding-right: 9px;
}

.lang-btn u.underline {
  text-decoration: underline;
}

.open-nav-menu {
  display: none;
}

.open-nav-menu {
  left: 0px !important;
}

.nav-menu {
  position: fixed;
  left: -253px;
  top: 0;
  height: 100vh;
  width: 250px;
  background-color: #eb1f5b;
  z-index: 9998;
  padding: 90px 0;
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.2);
  transition: all 0.25s ease;
}

.nav-menu ul {
  margin-top: 0;
}

.nav-menu ul li {
  line-height: 25.7143px;
}

.nav-menu ul a {
  color: white;
  line-height: 25.7143px;
}

.nav-menu .nav-icons a {
  color: white;
}

.nav-menu .lang-btn span {
  font-size: 13px;
}

@media only screen and (max-width: 1580px) {
  nav.head p.slogan, nav.head .slogan.act-pflichtfelder, nav.head .slogan.act-kontakt-text, nav.head .slogan.act-einheit, nav.head .select-wrapper input.slogan.select-dropdown, .select-wrapper nav.head input.slogan.select-dropdown, nav.head .dropdown-content li > a.slogan, .dropdown-content nav.head li > a.slogan, nav.head .dropdown-content li > span.slogan, .dropdown-content nav.head li > span.slogan, nav.head .slogan.act-resultat-einheit-desktop, nav.head .slogan.act-resultat-einheit-mobile, nav.head .slogan.act-pflichtfelder-formular, nav.head input.slogan:not([type]), nav.head input.slogan[type=text], nav.head input.slogan[type=password], nav.head input.slogan[type=email], nav.head input.slogan[type=url], nav.head input.slogan[type=time], nav.head input.slogan[type=date], nav.head input.slogan[type=datetime], nav.head input.slogan[type=datetime-local], nav.head input.slogan[type=tel], nav.head input.slogan[type=number], nav.head input.slogan[type=search], nav.head textarea.slogan.materialize-textarea, nav.head label.slogan {
    font-size: 18px;
  }

  .nav-wrapper ul li {
    margin-top: 4px;
  }

  nav .nav-wrapper a.blog-btn p, nav .nav-wrapper a.blog-btn .act-pflichtfelder, nav .nav-wrapper a.blog-btn .act-kontakt-text, nav .nav-wrapper a.blog-btn .act-einheit, nav .nav-wrapper a.blog-btn .select-wrapper input.select-dropdown, .select-wrapper nav .nav-wrapper a.blog-btn input.select-dropdown, nav .nav-wrapper a.blog-btn .dropdown-content li > a, .dropdown-content nav .nav-wrapper a.blog-btn li > a, nav .nav-wrapper a.blog-btn .dropdown-content li > span, .dropdown-content nav .nav-wrapper a.blog-btn li > span, nav .nav-wrapper a.blog-btn .act-resultat-einheit-desktop, nav .nav-wrapper a.blog-btn .act-resultat-einheit-mobile, nav .nav-wrapper a.blog-btn .act-pflichtfelder-formular, nav .nav-wrapper a.blog-btn input:not([type]), nav .nav-wrapper a.blog-btn input[type=text], nav .nav-wrapper a.blog-btn input[type=password], nav .nav-wrapper a.blog-btn input[type=email], nav .nav-wrapper a.blog-btn input[type=url], nav .nav-wrapper a.blog-btn input[type=time], nav .nav-wrapper a.blog-btn input[type=date], nav .nav-wrapper a.blog-btn input[type=datetime], nav .nav-wrapper a.blog-btn input[type=datetime-local], nav .nav-wrapper a.blog-btn input[type=tel], nav .nav-wrapper a.blog-btn input[type=number], nav .nav-wrapper a.blog-btn input[type=search], nav .nav-wrapper a.blog-btn textarea.materialize-textarea, nav .nav-wrapper a.blog-btn label {
    font-size: 13px;
  }

  nav.head .nav-wrapper li a {
    font-size: 18px;
  }

  nav.head .nav-wrapper .lang-btn a {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1330px) {
  nav.head p.slogan, nav.head .slogan.act-pflichtfelder, nav.head .slogan.act-kontakt-text, nav.head .slogan.act-einheit, nav.head .select-wrapper input.slogan.select-dropdown, .select-wrapper nav.head input.slogan.select-dropdown, nav.head .dropdown-content li > a.slogan, .dropdown-content nav.head li > a.slogan, nav.head .dropdown-content li > span.slogan, .dropdown-content nav.head li > span.slogan, nav.head .slogan.act-resultat-einheit-desktop, nav.head .slogan.act-resultat-einheit-mobile, nav.head .slogan.act-pflichtfelder-formular, nav.head input.slogan:not([type]), nav.head input.slogan[type=text], nav.head input.slogan[type=password], nav.head input.slogan[type=email], nav.head input.slogan[type=url], nav.head input.slogan[type=time], nav.head input.slogan[type=date], nav.head input.slogan[type=datetime], nav.head input.slogan[type=datetime-local], nav.head input.slogan[type=tel], nav.head input.slogan[type=number], nav.head input.slogan[type=search], nav.head textarea.slogan.materialize-textarea, nav.head label.slogan {
    font-size: 15px !important;
    width: 250px;
  }

  nav.head .nav-wrapper li a {
    font-size: 15px;
  }

  .kontakt-btn, .blog-btn {
    margin-right: 15px;
  }
}
@media (max-width: 1220px) {
  nav.head p.slogan, nav.head .slogan.act-pflichtfelder, nav.head .slogan.act-kontakt-text, nav.head .slogan.act-einheit, nav.head .select-wrapper input.slogan.select-dropdown, .select-wrapper nav.head input.slogan.select-dropdown, nav.head .dropdown-content li > a.slogan, .dropdown-content nav.head li > a.slogan, nav.head .dropdown-content li > span.slogan, .dropdown-content nav.head li > span.slogan, nav.head .slogan.act-resultat-einheit-desktop, nav.head .slogan.act-resultat-einheit-mobile, nav.head .slogan.act-pflichtfelder-formular, nav.head input.slogan:not([type]), nav.head input.slogan[type=text], nav.head input.slogan[type=password], nav.head input.slogan[type=email], nav.head input.slogan[type=url], nav.head input.slogan[type=time], nav.head input.slogan[type=date], nav.head input.slogan[type=datetime], nav.head input.slogan[type=datetime-local], nav.head input.slogan[type=tel], nav.head input.slogan[type=number], nav.head input.slogan[type=search], nav.head textarea.slogan.materialize-textarea, nav.head label.slogan {
    font-size: 17px;
  }

  nav.head .nav-wrapper ul li {
    padding-right: 20px;
  }
}
@media (max-width: 1070px) {
  .half:nth-of-type(2) {
    display: none;
  }

  #nav-icon3 {
    display: block;
  }

  .nav-menu {
    width: 180px;
    text-align: left;
  }

  .open-nav-menu {
    display: inline-block;
  }

  .nav-menu .nav-icons {
    display: block;
    text-align: left;
    color: white;
    margin: 0 auto;
  }

  .open-nav-menu {
    display: inline-block;
  }

  .nav-menu .nav-icons a {
    margin: 0;
    margin-bottom: 15px;
    margin-left: 25px;
  }

  .nav-menu .nav-icons p, .nav-menu .nav-icons .act-pflichtfelder, .nav-menu .nav-icons .act-kontakt-text, .nav-menu .nav-icons .act-einheit, .nav-menu .nav-icons .select-wrapper input.select-dropdown, .select-wrapper .nav-menu .nav-icons input.select-dropdown, .nav-menu .nav-icons .dropdown-content li > a, .dropdown-content .nav-menu .nav-icons li > a, .nav-menu .nav-icons .dropdown-content li > span, .dropdown-content .nav-menu .nav-icons li > span, .nav-menu .nav-icons .act-resultat-einheit-desktop, .nav-menu .nav-icons .act-resultat-einheit-mobile, .nav-menu .nav-icons .act-pflichtfelder-formular, .nav-menu .nav-icons input:not([type]), .nav-menu .nav-icons input[type=text], .nav-menu .nav-icons input[type=password], .nav-menu .nav-icons input[type=email], .nav-menu .nav-icons input[type=url], .nav-menu .nav-icons input[type=time], .nav-menu .nav-icons input[type=date], .nav-menu .nav-icons input[type=datetime], .nav-menu .nav-icons input[type=datetime-local], .nav-menu .nav-icons input[type=tel], .nav-menu .nav-icons input[type=number], .nav-menu .nav-icons input[type=search], .nav-menu .nav-icons textarea.materialize-textarea, .nav-menu .nav-icons label {
    color: white;
    font-size: 13px;
    font-weight: normal;
    line-height: 18.5714px;
    margin-top: 0;
  }

  .nav-menu ul li {
    padding: 0px 0 15px;
    font-size: 18px;
  }

  .nav-menu a.kontakt-btn {
    height: 42px;
    display: block;
    margin-left: 25px;
  }

  .nav-menu div.lang-btn {
    margin-right: 0;
    margin-top: 30px;
    margin-left: 25px;
  }

  .nav-menu .nav-icons div.lang-btn a {
    margin-right: 0;
    margin-top: 30px;
    margin-left: 0;
  }

  .nav-menu {
    width: 180px;
    text-align: left;
  }

  .nav-menu ul {
    padding-left: 25px;
    margin-bottom: 10px;
  }

  .lang-btn {
    display: block;
    align-items: left;
    font-size: 13px;
    padding-right: 1px;
    margin-right: 18px;
    margin-left: 25px;
  }
}
@media (max-width: 992px) {
  p.slogan, .slogan.act-pflichtfelder, .slogan.act-kontakt-text, .slogan.act-einheit, .select-wrapper input.slogan.select-dropdown, .dropdown-content li > a.slogan, .dropdown-content li > span.slogan, .slogan.act-resultat-einheit-desktop, .slogan.act-resultat-einheit-mobile, .slogan.act-pflichtfelder-formular, input.slogan:not([type]), input.slogan[type=text], input.slogan[type=password], input.slogan[type=email], input.slogan[type=url], input.slogan[type=time], input.slogan[type=date], input.slogan[type=datetime], input.slogan[type=datetime-local], input.slogan[type=tel], input.slogan[type=number], input.slogan[type=search], textarea.slogan.materialize-textarea, label.slogan {
    margin-top: 0;
  }

  .nav-menu ul li {
    padding: 12px 0;
  }
}
@media only screen and (max-width: 620px) {
  nav.head p.slogan, nav.head .slogan.act-pflichtfelder, nav.head .slogan.act-kontakt-text, nav.head .slogan.act-einheit, nav.head .select-wrapper input.slogan.select-dropdown, .select-wrapper nav.head input.slogan.select-dropdown, nav.head .dropdown-content li > a.slogan, .dropdown-content nav.head li > a.slogan, nav.head .dropdown-content li > span.slogan, .dropdown-content nav.head li > span.slogan, nav.head .slogan.act-resultat-einheit-desktop, nav.head .slogan.act-resultat-einheit-mobile, nav.head .slogan.act-pflichtfelder-formular, nav.head input.slogan:not([type]), nav.head input.slogan[type=text], nav.head input.slogan[type=password], nav.head input.slogan[type=email], nav.head input.slogan[type=url], nav.head input.slogan[type=time], nav.head input.slogan[type=date], nav.head input.slogan[type=datetime], nav.head input.slogan[type=datetime-local], nav.head input.slogan[type=tel], nav.head input.slogan[type=number], nav.head input.slogan[type=search], nav.head textarea.slogan.materialize-textarea, nav.head label.slogan {
    font-size: 13px !important;
    width: auto;
    margin-left: 20px;
    max-width: 150px;
    letter-spacing: 1.2px;
  }
}
@media only screen and (max-width: 480px) {
  .nav-menu ul li {
    padding: 0 0 14px;
  }

  #nav-icon3 {
    width: 12px;
  }
}

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