/* h1 und h2 werden links abgeschnitten */
div.ce-bodytext h1 {
  margin-left: 0;
}

h1 {
  font-size: 1.6rem;
  line-height: 2.1rem;
}

/* Powermail Formular */
form.powermail_form {
  color: #00317b;
}

input.powermail_submit,
input.powermail_reset {
  background-color: #dc2204;
  border-color: #9f1600;
  border-image: linear-gradient(170deg, #eb462c 0px, #9d1803 100%) 1 1 1 1;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  display: inline-block;
  font-family: MerriweatherSans, sans-serif;
  font-size: 1.125rem;
  margin-right: 20px;
  overflow: hidden;
  padding: 8px 25px 9px;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.44, 1.01, 1, 1) 0s;
  box-shadow: 1px 1px #ededed, 2px 2px #ededed, 3px 3px #ededed, 4px 4px #ededed,
    5px 5px #eee, 6px 6px #f0f0f0, 7px 7px #f1f1f1, 8px 8px #f3f3f3,
    9px 9px whitesmoke, 10px 10px #f6f6f6, 11px 11px #f8f8f8, 12px 12px #fafafa,
    13px 13px #fbfbfb, 14px 14px #fdfdfd, 15px 15px white;
}

label.powermail_label {
  float: left;
  width: 35%;
  margin-top: .5rem;
}

input.powermail_input,
select.powermail_select,
textarea.powermail_textarea {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #e6ebf2;
  border-color: currentcolor currentcolor currentcolor #00317b;
  border-image: none;
  border-style: none none none solid;
  border-width: 0 0 0 2px;
  color: #00317b;
  font-family: MerriweatherSans, sans-serif;
  font-size: 1rem;
  height: 33px;
  line-height: 33px;
  padding-left: 10px;
  transition: all 50ms linear 0s;
  width: 270px;
  margin-bottom: 6px;
}

div.powermail_field textarea.powermail_textarea {
  height: 132px;
  line-height: 20px;
}

div.powermail_fieldwrap.powermail_fieldwrap_type_text {
  font-size: 0.9rem;
  padding: 0.5rem;
}

form.visible-xs-inline-block {
  width: 120px;
  float: left;
}

div.radio {
  float: left;
}

div.powermail_field div.radio label {
  margin-right: 12px;
}

label + div.powermail_field {
  width: 60%;
  float: left;
  margin-top: .5rem;
}

div.checkbox label {
  display: inline-block;
  padding-left: 1.8rem;
}

div.checkbox label input[type="checkbox"] {
  position: relative;
  margin-left: -1.5rem;
}

div.powermail_fieldwrap {
  margin-bottom: 0.7rem;
  min-height: 33px;
  content: " ";
  display: block;
  clear: both;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

li.parsley-custom-error-message,
li.parsley-required {
  color: #dc2204;
}

fieldset.powermail_fieldset {
  margin-bottom: 18px;
  border: 1px solid #bbc5d2;
}

.powermail_fieldwrap_type_reset,
.powermail_fieldwrap_type_submit {
  width: 35%;
  float: left;
}

td.powermail_all_label,
td.powermail_all_value {
  color: #00317b;
}

div.powermail_confirmation h1 {
  font-size: 1.3rem;
}

table.table-striped > tbody > tr:nth-child(even) > td {
  background-color: #e6ebf2;
}

.btn-group {
  height: 3rem;
}

.microsite__title {
  font-size: 2.2rem;
}

@media only screen and (max-width: 460px) {
  label + div.powermail_field {
    width: 100%;
  }
}

@media only screen and (max-width: 1150px) {
  .microsite__title {
    font-size: 1.6rem;
    line-height: 1.4rem;
  }
}

@media only screen and (max-width: 900px) {
  .microsite__title {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

@media print {
  .topnav,
  .headpic,
  .slider {
    display: none;
  }

  .microsite__title,
  h1 {
    font-size: 1.75rem;
    padding-left: 0;
  }

  h2 {
    margin-left: -15px;
  }

  .breadcrumb__itemlist {
    margin-left: 10px;
  }
}
