:root {
  --schwarz: #000000;
  --rot: #e7000e;
  --weiss: #ffffff;
  --wpforms-label-error-color: var(--schwarz);
}
::placeholder {
  font-family: 'Rubik', sans-serif;
  font-size: 1rem;
  color: inherit !important;
  font-style: italic;
  opacity: 1 !important;
  font-weight: 300;
}
/* ------------------------- © Werbecluster -------------------------- */
/*
 * font-family: 'Rubik', sans-serif;
*/
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/rubik/v28/iJWKBXyIfDnIV7nBrXyw1W3fxIk.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/rubik/v28/iJWKBXyIfDnIV7nBrXyw1W3fxIk.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/rubik/v28/iJWKBXyIfDnIV7nBrXyw1W3fxIk.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* -------------------- Keyframes -------------------- */
/* -------------------- CSS Main -------------------- */
html {
  overflow-x: hidden !important;
  width: 100vw;
  scroll-behavior: smooth;
}
body {
  font-size: 1.1rem;
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  color: var(--schwarz);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url("../img/bg.jpg");
}
main {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
p {
  margin-top: 1em;
}
p, li {
  line-height: 1.25;
  font-family: 'Rubik', sans-serif;
  hyphens: auto;
}
li:not(:first-of-type) {
  margin-top: 0.5em;
}
ul {
  padding-left: 1em;
}
ul, ol, li {
  font-family: inherit;
}
a, #masthead .custom-logo-link, .custom-logo, .voll a {
  outline: none !important;
  background: unset !important;
  text-decoration: none !important;
  color: inherit;
}
footer.voll {
  padding-bottom: 0;
  padding-top: 0;
}
footer a {
  transition: all 0.4s ease-in-out;
}
footer a:hover {
  color: var(--rot);
}
h2, h3 {
  font-weight: 700;
  font-family: 'Rubik', sans-serif;
  line-height: 1.15;
  margin: 0 0 1em;
  padding: 0;
}
h2 {
  font-size: 2.15rem;
  color: var(--weiss);
}
h2 span {
  font-weight: 400;
  color: var(--schwarz);
}
h3 {
  text-transform: uppercase;
  font-size: 1.5rem;
  color: var(--rot);
}
div.wpforms-container-full input[type="date"], div.wpforms-container-full input[type="datetime"], div.wpforms-container-full input[type="datetime-local"], div.wpforms-container-full input[type="email"], div.wpforms-container-full input[type="month"], div.wpforms-container-full input[type="number"], div.wpforms-container-full input[type="password"], div.wpforms-container-full input[type="range"], div.wpforms-container-full input[type="search"], div.wpforms-container-full input[type="tel"], div.wpforms-container-full input[type="text"], div.wpforms-container-full input[type="time"], div.wpforms-container-full input[type="url"], div.wpforms-container-full input[type="week"], div.wpforms-container-full select, div.wpforms-container-full textarea, .wc-btn, .wc-field {
  background: unset !important;
  font-size: inherit !important;
  font-style: inherit !important;
  color: inherit !important;
  border: 2px solid var(--rot) !important;
  border-radius: 0.5rem !important;
  outline: none !important;
  box-shadow: none !important;
  font-weight: inherit !important;
}
/* ---------- Class ---------- */
.pseudo {
  height: 0px !important;
  width: 0px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}
.flexbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}
.voll {
  margin: 0;
  padding: 4rem 5vw 3.5rem;
  width: 100%;
}
.voll > * {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.bg-rot, .bg-weiss {
  color: var(--schwarz);
  background-size: 5vw auto;
  background-repeat: repeat-y;
  background-position: right top;
}
.bg-rot {
  background-color: var(--rot);
  background-image: url("../img/deko_weiss.png");
  background-position: right bottom;
}
.bg-weiss {
  background-color: var(--weiss);
  background-image: url("../img/deko_rot.png");
  background-position: right top;
}
.bg-weiss h2 {
  color: var(--rot);
}
.bg-schwarz {
  background-color: var(--schwarz);
  color: var(--weiss);
}
.foermlich {
  font-weight: 400;
}
.foermlich h2 {
  text-align: center;
}
.foermlich h3 {
  margin-top: 1em;
}
.foermlich a {
  transition: all 0.4s ease-in-out;
}
.foermlich a:hover {
  color: var(--rot);
}
.wpforms-field-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.wpforms-container .wpforms-field {
  width: 100%;
  padding: 0.5rem 0 !important;
}
.wpforms-recaptcha-container {
  width: 20rem !important;
  max-width: 70% !important;
  padding: 0 !important;
  float: left !important;
}
.wpforms-submit-container {
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  float: right !important;
  width: max-content !important;
  max-width: calc(30% - 1rem) !important;
  clear: none !important;
}
.wc-btn {
  background-color: var(--rot) !important;
  transition: all 0.4s ease-in-out !important;
  padding: 0 2em !important;
  color: var(--weiss) !important;
}
.wc-btn:hover {
  background-color: var(--schwarz) !important;
}
.wc-field {
  padding: 0 var(--wpforms-field-size-padding-h) !important;
  line-height: 100% !important;
  margin: 0.5rem 0 !important;
  height: var(--wpforms-field-size-input-height);
}
.msg-json-error {
  background-color: var(--rot);
}
.msg-json-done {
  background-color: green;
}
.profilbild {
  position: relative;
  overflow: hidden;
  width: 12rem !important;
  height: 12rem;
  border-radius: 2.5rem;
  user-select: none;
  max-width: calc(50% - 1rem);
  max-height: 45vw;
}
.profilbild img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  margin: 0;
}
.profilbild form {
  opacity: 0;
  transition: all 0.5s ease-in-out;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.profilbild:hover form {
  opacity: 1;
}
.profilbild form label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  width: max-content !important;
  color: white;
  cursor: pointer;
  font-size: 2.5rem;
  line-height: 1;
}
.profilbild .dashicons {
  width: 2rem;
  height: 2rem;
  font-size: inherit;
}
.profilbild form input[type="file"] {
  display: none;
}
.benefit {
  border: 2px solid var(--rot);
  border-radius: 0.75rem;
  padding: 1rem 1.25rem 1.25rem;
  width: calc(50% - 0.5rem);
  margin: 0 0 2.5rem;
  user-select: none;
}
.benefit img {
  display: block;
  margin: 0 auto;
  height: 4rem;
  width: 4rem;
  padding: 0.25rem;
  max-width: 100%;
  object-fit: contain;
  object-position: center center;
  transition: all 0.4s ease-in-out;
}
.benefit:hover img {
  padding: 0;
}
.benefit p {
  text-align: center;
  width: 100%;
}
.preis {
  border: 2px solid var(--rot);
  border-radius: 0.75rem;
  margin: 0 0 2.5rem;
  padding: 1.25rem;
  max-width: 18rem;
  width: 100%;
}
.preis * {
  text-align: center;
  width: 100%;
  hyphens: none;
}
.formular {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 0 2.5rem;
  margin: 0 0 3rem;
  hyphens: auto;
}
.formular:not(:last-child) {
  border-bottom: 2px solid var(--rot);
}
.formular > *:not(.wc-btn) {
  width: 100%;
  margin: 0 auto 0.5rem;
}
.formular h2 {
  margin-bottom: 0.5em;
}
.formular .wc-btn {
  margin-top: 1rem
}
.formular textarea {
  resize: none;
  height: auto;
}
.wpforms-field-gdpr-checkbox * {
  color: var(--schwarz) !important;
}
/* ---------- IDs ---------- */
#header {
  padding-top: 1rem;
  padding-bottom: 4rem;
}
#header nav {
  width: max-content;
  max-width: 100%;
  margin: 0 0 0 auto;
  padding: 0 0 0 1.45em;
  background-size: 1em 1.25em;
  background-repeat: no-repeat;
  background-position: left 0.15em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 26.05 32.3'%3E%3Cpath class='cls-1' d='m21.81,30.07H4.24c-1.11,0-2.01-.9-2.01-2.01,0-5.95,4.84-10.8,10.8-10.8s10.8,4.84,10.8,10.8c0,1.11-.9,2.01-2.01,2.01M6.62,8.63c0-3.53,2.87-6.4,6.4-6.4s6.4,2.87,6.4,6.4-2.87,6.4-6.4,6.4-6.4-2.87-6.4-6.4m11.05,7.26c2.39-1.54,3.99-4.22,3.99-7.26C21.66,3.87,17.79,0,13.03,0S4.39,3.87,4.39,8.63c0,3.05,1.59,5.73,3.99,7.26C3.49,17.77,0,22.52,0,28.06,0,30.4,1.9,32.3,4.24,32.3h17.57c2.34,0,4.24-1.9,4.24-4.24,0-5.55-3.49-10.29-8.38-12.17'/%3E%3C/svg%3E");
}
#header ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#header li {
  margin: 0;
  padding: 0 0.25em;
  display: inline-block;
}
#header li:first-of-type {
  padding-left: 0;
}
#header li:not(:last-of-type) {
  border-right: 1px solid var(--schwarz);
}
#header a {
  color: inherit !important;
  transition: all 0.4s ease-in-out;
}
#header a:hover {
  color: var(--rot) !important;
}
#branding {
  width: max-content;
  max-width: 100%;
}
#branding img {
  height: auto;
  width: auto;
  display: block;
  max-width: 100%;
  max-height: 7.5rem;
}
#banner {
  position: relative;
}
#banner h2, #banner p {
  user-select: none;
  width: 55%;
  hyphens: none;
}
#banner p {
  font-size: 1.5rem;
}
#banner img {
  position: absolute;
  height: calc(100% + 10rem);
  width: 50%;
  object-fit: contain;
  object-position: right bottom;
  display: block;
  margin: 0;
  padding: 0;
  bottom: 0;
  right: 0;
}
#benefit .flexbox {
  margin: 3rem 0 0;
}
#anfrage .flexbox > div:first-of-type {
  width: 28%;
}
#anfrage .flexbox > div:last-of-type {
  width: 56%;
}
#account-info .wc-field, #account-reg .wc-field {
  width: 100%;
  display: block;
}
#account-info form, #account-reg form {
  width: 100%;
  margin: 0 auto;
}
#account-info form {
  max-width: 16rem;
}
#account-reg form, #account-reg #msg {
  max-width: 32rem;
}
#account-reg form {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
#account-reg .wc-field:first-of-type, #account-reg .wc-field:nth-of-type(2) {
  width: calc(50% - 0.25rem);
}
#account-reg .wc-field:nth-of-type(8) {
  width: 7rem;
  max-width: 100%;
}
#account-reg .wc-field:nth-of-type(9) {
  width: calc(100% - 7.5rem);
  min-width: 10rem;
  max-width: 100%;
}
#impressum > section {
  max-width: 512px;
}
#dsgvo > section {
  max-width: 1024px;
}
#dsgvo a {
  text-decoration: underline !important;
}
#msg {
  text-align: center;
  max-width: 16rem;
  margin: 0 auto 2rem;
}
#msg h2 {
  margin: 0;
}
#msg.success > * {
  color: var(--schwarz);
}
#msg.error > * {
  color: var(--rot);
}
#account > section > * {
  max-width: 1024px;
}
#status a {
  transition: all 0.4s ease-in-out;
  text-decoration: underline !important;
  text-decoration-color: transparent !important;
}
#status img {
  height: auto;
  width: 100%;
  max-width: 10.5rem;
  padding: 0;
  margin: 0;
}
#info input:first-of-type, #info input:nth-of-type(4) {
  width: calc(18% - 0.25rem);
}
#info input:nth-of-type(2), #info input:nth-of-type(3) {
  width: calc(32% - 0.25rem);
}
#einstellungen {
  justify-content: flex-start;
}
#einstellungen > div {
  width: max-content;
  max-width: 100%;
  margin: 1rem 2.5rem 0 0;
}
#einstellungen [type="checkbox"] {
  position: relative;
  left: 30px;
  top: 0px;
  z-index: 0;
  opacity: 0 !important;
  -webkit-appearance: none;
}
#einstellungen [type="checkbox"] + label {
  position: relative;
  display: block;
  cursor: pointer;
  padding-left: 4rem;
  margin-top: -3rem;
}
#einstellungen [type="checkbox"] + label:before {
  width: 3.5rem;
  height: 1.75rem;
  border-radius: 1.75rem;
  border: 2px solid #ddd;
  background-color: #EEE;
  content: "";
  transition: background-color 0.5s linear;
  z-index: 5;
  position: absolute;
  left: 0px;
}
#einstellungen [type="checkbox"] + label:after {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  background-color: #fff;
  content: "";
  transition: margin 0.1s linear;
  box-shadow: 0px 0px 5px #aaa;
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: 10;
}
#einstellungen [type="checkbox"]:checked + label:before {
  background-color: var(--rot);
}
#einstellungen [type="checkbox"]:checked + label:after {
  margin: 0 0 0 1.75rem;
}
#einstellungen [type="color"] {
  border: none !important;
  outline: none !important;
}
#del-adress input:nth-of-type(4) {
  width: 10rem;
  max-width: 100%;
}
#del-adress input:nth-of-type(5) {
  width: calc(100% - 10.5rem);
  min-width: 12rem;
  max-width: 100%;
}
#msg-json {
  position: fixed;
  border-radius: 1rem;
  padding: 1.5rem;
  height: max-content;
  width: max-content;
  max-width: calc(100vw - 4rem);
  max-height: calc(100vh - 4rem);
  color: white;
  overflow: hidden;
  display: none;
  top: 2rem;
  right: 2rem;
  margin: 0;
}
#msg-json p {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-family: 'Rubik', sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  color: white;
}
#msg-json div {
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: white;
  bottom: 0;
  left: 0;
}
#werbecluster {
  font-family: Arial, Helvetica, sans-serif !important;
  color: inherit !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  font-style: normal !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  cursor: alias !important;
  outline: none !important;
  background: unset !important;
  hyphens: none;
}
#werbecluster > span {
  text-decoration-color: #fdc400 !important;
  text-decoration-thickness: 3px !important;
}
#werbecluster > span:first-of-type {
  font-weight: 700 !important;
  text-decoration-style: solid !important;
}
#werbecluster > span:last-of-type {
  font-style: italic !important;
  text-decoration-style: dotted !important;
}
#werbecluster, #werbecluster span {
  transition: all 0.5s ease-in-out !important;
}
#werbecluster:hover {
  color: #4c4b4b !important;
}
#werbecluster:hover span {
  text-decoration-line: overline !important;
}
#anfrage {
  background-color: var(--rot);
  color: var(--schwarz);
}
#anfrage h3 {
  color: var(--weiss);
}
#anfrage .preis {
  border-color: var(--weiss);
}
/* -------------------- CSS Responsiv -------------------- */
@media all and (min-width: 1280px) {
  .bg-rot, .bg-weiss {
    background-size: 20vw auto;
  }
  #benefit section {
    padding-right: 256px;
  }
}
@media all and (min-width: 768px) {
  .benefit {
    width: calc(25% - 0.75rem);
  }
}
@media all and (max-width: 63rem) {
  /* 1008px */
  .bg-rot, .bg-weiss {
    background-image: unset;
  }
  #banner h2, #banner p {
    width: 100%;
  }
  #banner img {
    /*width: 100%;
    object-position: right top;
    height: calc(100% + 5rem);
    display: none;*/
  }
  #anfrage .flexbox {
    flex-direction: column-reverse;
  }
  #anfrage .flexbox > div:first-of-type, #anfrage .flexbox > div:last-of-type {
    width: 100%;
  }
}
@media all and (max-width: 48rem) {
  /* 768px */
  #header {
    padding-bottom: 2rem;
  }
  #header nav {
    margin-bottom: 1rem;
  }
  #banner {
    padding-top: 43vw;
  }
  #banner img.mockup {
    width: 80%;
    top: -5rem !important;
  }
}
@media all and (max-width: 481px) {
  .wpforms-recaptcha-container, .wpforms-submit-container {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  #banner img.mockup {
    height: 115vw !important;
    min-height: unset !important;
    width: 75%;
    top: -1rem !important;
  }
  #info input:first-of-type, #info input:nth-of-type(4) {
    width: calc(40% - 0.25rem);
  }
  #info input:nth-of-type(2), #info input:nth-of-type(3) {
    width: calc(60% - 0.25rem);
  }
}
@media all and (max-width: 20rem) {
  /* 320px */
  .benefit {
    width: 100%;
  }
}
/* -------------------- Änderungen -------------------- */
.benefit-c {
  width: 100%;
  padding: 0;
  position: relative;
}
.benefit-t img {
  object-fit: contain;
  /*max-height: 7rem;*/
}
.benefit-i {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
}
.benefit-i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.benefit-i div {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0;
  padding: 0;
  background-repeat: repeat-y;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
a.btn-header {
  display: block;
  width: max-content;
  max-width: 100%;
  padding: 0 1em;
  border-radius: 0.25em;
  background-color: white !important;
  margin: 1em 0 0;
  text-transform: uppercase;
  color: var(--weiss) !important;
  font-size: 1.6rem;
  text-align: center;
}
#banner img.mockup {
  object-position: left top;
  height: 55vw;
  object-fit: cover;
  bottom: unset;
  top: -10rem;
  min-height: calc(100% + 10rem);
}
#benefit-n {
  position: relative;
}
#benefit-n h3, .btn-header {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--rot);
  font-weight: 700;
}
#benefit-n h3 {
  color: var(--schwarz);
  font-size: 1.75rem;
}
#einbinden h3 {
  color: var(--schwarz);
}
#einbinden .flexbox {
  align-items: center;
  margin-top: 3rem;
}
#einbinden a {
  width: calc(25% - 2rem);
  height: auto;
}
#einbinden img {
  width: 100%;
  height: auto;
  outline: none !important;
}
#anfrage div.wpforms-container-full input[type="date"], #anfrage div.wpforms-container-full input[type="datetime"], #anfrage div.wpforms-container-full input[type="datetime-local"], #anfrage div.wpforms-container-full input[type="email"], #anfrage div.wpforms-container-full input[type="month"], #anfrage div.wpforms-container-full input[type="number"], #anfrage div.wpforms-container-full input[type="password"], #anfrage div.wpforms-container-full input[type="range"], #anfrage div.wpforms-container-full input[type="search"], #anfrage div.wpforms-container-full input[type="tel"], #anfrage div.wpforms-container-full input[type="text"], #anfrage div.wpforms-container-full input[type="time"], #anfrage div.wpforms-container-full input[type="url"], #anfrage div.wpforms-container-full input[type="week"], #anfrage div.wpforms-container-full select, #anfrage div.wpforms-container-full textarea, #anfrage .wc-btn, #anfrage .wc-field {
  border-color: var(--weiss) !important;
}
#banner img {
  /*object-position: left top;
  left: 50%*/
}
@media all and (min-width: 768px) {
  .benefit-c {
    min-height: 17.5rem;
    margin: 3.5rem 0;
  }
  .benefit-t {
    width: 50%;
    padding: 0;
    margin: 0;
  }
  .benefit-t .flexbox {
    align-items: flex-start;
  }
  .benefit-t img {
    width: 7.5rem;
    object-position: left top;
  }
  .benefit-t p {
    width: calc(100% - 12rem);
    margin: 0;
  }
  .benefit-i {
    height: 100%;
    width: 50vw;
    bottom: 0;
  }
  .benefit-i div {
    background-size: 12rem auto;
  }
  .benefit-c:nth-of-type(odd) .benefit-t {
    padding-right: 3rem;
    margin-right: auto;
  }
  .benefit-c:nth-of-type(even) .benefit-t {
    padding-left: 3rem;
    margin-left: auto;
  }
  .benefit-c:nth-of-type(odd) .benefit-i {
    left: 50%;
  }
  .benefit-c:nth-of-type(even) .benefit-i {
    right: 50%;
  }
  .benefit-c:nth-of-type(odd) .benefit-i div {
    background-image: url("../img/deko_weiss_left.png");
    background-position: left top;
  }
  .benefit-c:nth-of-type(even) .benefit-i div {
    background-image: url("../img/deko_weiss.png");
    background-position: right top;
  }
}
@media all and (max-width: 767px) {
  .benefit-c {
    padding-top: calc(33.333vw + 1.5rem);
    margin: 5rem 0;
  }
  .benefit-t img {
    position: absolute;
    top: -1rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    background-color: var(--schwarz);
    z-index: 1;
    width: 7rem;
    object-position: center center;
  }
  .benefit-i {
    height: 33.333vw;
    width: 100vw;
    left: -5vw;
  }
  .benefit-i div {
    background-size: 12rem auto;
  }
  .benefit-c:nth-of-type(odd) .benefit-t img {
    left: 5vw;
  }
  .benefit-c:nth-of-type(even) .benefit-t img {
    right: 5vw;
  }
  .benefit-c:nth-of-type(odd) .benefit-i div {
    background-image: url("../img/deko_weiss.png");
    background-position: right top;
  }
  .benefit-c:nth-of-type(even) .benefit-i div {
    background-image: url("../img/deko_weiss_left.png");
    background-position: left top;
  }
}
@media all and (max-width: 481px) {
  #branding {
    margin: 0 auto;
  }
  #branding img {
    max-height: 4.5rem;
  }
  #einbinden a {
    width: calc(50% - 1rem);
    margin-bottom: 2rem;
  }
}