/** impressumsgenerator.less */
/*develop.less*/
/**
 * css for overlay of the Impressums-Generator in an overlay
 * @package impressumsgenerator
 * @since impressumsgenerator 1.1.0
 * @author Till Heinritz
 */
/*develop.less EOF*/
/*010-vars.less*/
:root {
  --font-h: 'nunito', sans-serif;
  --font-p: 'nunito', sans-serif;
  --font-i: 'nunito', sans-serif;
}
:root {
  --color-positive: #000000;
  --color-positive-60: rgba(0, 0, 0, 0.6);
  --color-negative: #ffffff;
  --color-negative-25: rgba(255, 255, 255, 0.25);
  --color-gray-dark: #959595;
  --color-strong: #fffeb8;
  --color-em: #000000;
  --color-modul-background: #f4f4f4;
  --color-modul-strong-background: #fffeb8;
  --color-modul-em-background: #dcf2ff;
  --color-p: #000000;
  --color-h: #000000;
  --color-a-hover: #444444;
  --color-submit-hover: #f7f6ca;
  --color-border: #dedede;
  --color-html-background: #ffffff;
  --color-body-background: #ffffff;
  --color-navigation-background: #fffeb8;
  --color-sidebar-background: transparent;
  --color-header-background: #ffffff;
  --color-footer-background: #000000;
  --color-main-background: transparent;
  --color-content-background: transparent;
  --color-article-background: transparent;
  --color-invalide: #ff3535;
  --color-invalide-alpha-02: rgba(255, 53, 53, 0.2);
  --color-valide: #4da029;
}
:root {
  --space-outer: 16px;
  --space-respo: 16px;
}
@media only screen and (min-width: 768px) {
  :root {
    --space-outer: 24px;
    --space-respo: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  :root {
    --space-outer: 32px;
    --space-respo: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  :root {
    --space-outer: 48px;
  }
}
@media only screen and (min-width: 1440px) {
  :root {
    --space-outer: calc((100vw - 1280px) / 2);
  }
}
:root {
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-s: 16px;
  --space-m: 24px;
  --space-l: 32px;
  --space-xl: 40px;
  --space-xxl: 64px;
  --space-xxxl: 80px;
}
:root {
  --gap-mobile: 16px;
  --gap-768: 24px;
  --gap-1024: 32px;
  --gap-1440: 40px;
}
:root {
  --box-shadow: 0 0 32px -8px rgba(0, 0, 0, 0.2);
  --box-shadow-hover: 0 0 32px -8px rgba(0, 0, 0, 0.4);
}
:root {
  --color-gray-lightest: #e1e1e1;
  --color-gray-border: #a2a2a2;
  --border-input: 1px var(--color-gray-border) solid;
}
:root {
  --frame-step-progress: 5.6%;
}
.frame-1 {
  --frame-step-progress: 11.2%;
}
.frame-2 {
  --frame-step-progress: 16.8%;
}
.frame-3 {
  --frame-step-progress: 22.4%;
}
.frame-4 {
  --frame-step-progress: 28%;
}
.frame-5 {
  --frame-step-progress: 33.6%;
}
.frame-6 {
  --frame-step-progress: 39.2%;
}
.frame-7 {
  --frame-step-progress: 44.8%;
}
.frame-8 {
  --frame-step-progress: 50.4%;
}
.frame-9 {
  --frame-step-progress: 56%;
}
.frame-10 {
  --frame-step-progress: 61.6%;
}
.frame-11 {
  --frame-step-progress: 67.2%;
}
.frame-12 {
  --frame-step-progress: 72.8%;
}
.frame-13 {
  --frame-step-progress: 78.4%;
}
.frame-14 {
  --frame-step-progress: 84%;
}
.frame-15 {
  --frame-step-progress: 89.6%;
}
.frame-16 {
  --frame-step-progress: 95.2%;
}
.frame-17 {
  --frame-step-progress: 97.6%;
}
.frame-18 {
  --frame-step-progress: 100%;
}
.frame-18 {
  --frame-step-progress: 100%;
}
/*010-vars.less EOF*/
/* 020-mixin-standard.less*/
* {
  box-sizing: border-box;
  margin: 0;
}
iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
p:empty {
  display: none;
}
img[src=''] {
  display: none;
}
h6 {
  font-weight: normal;
  color: var(--color-h);
  font-family: var(--font-h);
}
h6 a {
  font-weight: inherit;
  color: inherit;
  text-decoration: inherit;
  background-color: inherit;
}
h5 {
  font-weight: normal;
  color: var(--color-h);
  font-family: var(--font-h);
}
h5 a {
  font-weight: inherit;
  color: inherit;
  text-decoration: inherit;
  background-color: inherit;
}
h4 {
  font-weight: normal;
  color: var(--color-h);
  font-family: var(--font-h);
}
h4 a {
  font-weight: inherit;
  color: inherit;
  text-decoration: inherit;
  background-color: inherit;
}
h3 {
  font-weight: normal;
  color: var(--color-h);
  font-family: var(--font-h);
}
h3 a {
  font-weight: inherit;
  color: inherit;
  text-decoration: inherit;
  background-color: inherit;
}
h2 {
  font-weight: normal;
  color: var(--color-h);
  font-family: var(--font-h);
}
h2 a {
  font-weight: inherit;
  color: inherit;
  text-decoration: inherit;
  background-color: inherit;
}
h1 {
  font-weight: normal;
  color: var(--color-h);
  font-family: var(--font-h);
}
h1 a {
  font-weight: inherit;
  color: inherit;
  text-decoration: inherit;
  background-color: inherit;
}
h1 + h1,
h1 + h2,
h1 + h3,
h1 + h4,
h1 + h5,
h1 + h5,
h1 + h6,
h1 + p,
h1 + ul,
h1 + ol,
h1 + figure,
h1 + div,
h2 + h1,
h2 + h2,
h2 + h3,
h2 + h4,
h2 + h5,
h2 + h5,
h2 + h6,
h2 + p,
h2 + ul,
h2 + ol,
h2 + figure,
h2 + div,
h3 + h1,
h3 + h2,
h3 + h3,
h3 + h4,
h3 + h5,
h3 + h5,
h3 + h6,
h3 + p,
h3 + ul,
h3 + ol,
h3 + figure,
h3 + div,
h4 + h1,
h4 + h2,
h4 + h3,
h4 + h4,
h4 + h5,
h4 + h5,
h4 + h6,
h4 + p,
h4 + ul,
h4 + ol,
h4 + figure,
h4 + div,
h5 + h1,
h5 + h2,
h5 + h3,
h5 + h4,
h5 + h5,
h5 + h5,
h5 + h6,
h5 + p,
h5 + ul,
h5 + ol,
h5 + figure,
h5 + div,
h5 + h1,
h5 + h2,
h5 + h3,
h5 + h4,
h5 + h5,
h5 + h5,
h5 + h6,
h5 + p,
h5 + ul,
h5 + ol,
h5 + figure,
h5 + div,
h6 + h1,
h6 + h2,
h6 + h3,
h6 + h4,
h6 + h5,
h6 + h5,
h6 + h6,
h6 + p,
h6 + ul,
h6 + ol,
h6 + figure,
h6 + div,
p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h5,
p + h6,
p + p,
p + ul,
p + ol,
p + figure,
p + div,
ul + h1,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h5,
ul + h6,
ul + p,
ul + ul,
ul + ol,
ul + figure,
ul + div,
ol + h1,
ol + h2,
ol + h3,
ol + h4,
ol + h5,
ol + h5,
ol + h6,
ol + p,
ol + ul,
ol + ol,
ol + figure,
ol + div,
figure + h1,
figure + h2,
figure + h3,
figure + h4,
figure + h5,
figure + h5,
figure + h6,
figure + p,
figure + ul,
figure + ol,
figure + figure,
figure + div,
div + h1,
div + h2,
div + h3,
div + h4,
div + h5,
div + h5,
div + h6,
div + p,
div + ul,
div + ol,
div + figure,
div + div {
  margin-top: 1.3em;
}
p + p,
p + ul,
p + ol,
p + div,
ul + p,
ul + ul,
ul + ol,
ul + div,
ol + p,
ol + ul,
ol + ol,
ol + div,
div + p,
div + ul,
div + ol,
div + div {
  margin-top: 1em;
}
h1 + p,
h1 + ul,
h1 + ol,
h1 + div,
h2 + p,
h2 + ul,
h2 + ol,
h2 + div,
h3 + p,
h3 + ul,
h3 + ol,
h3 + div,
h4 + p,
h4 + ul,
h4 + ol,
h4 + div,
h5 + p,
h5 + ul,
h5 + ol,
h5 + div,
h6 + p,
h6 + ul,
h6 + ol,
h6 + div,
div + p,
div + ul,
div + ol,
div + div,
figure + p,
figure + ul,
figure + ol,
figure + div {
  margin-top: 1em;
}
.step-anchor + h2 {
  margin-top: 8px;
}
strong {
  color: var(--color-positive);
}
em {
  color: var(--color-em);
}
.hidden {
  visibility: hidden;
  height: 0;
}
.hidden-text {
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  text-indent: -9999px;
  opacity: 0;
}
/* 020-mixin-standard.less EOF*/
/*030-mobile.less*/
html {
  height: 100%;
}
body {
  font-family: var(--font-p);
  font-size: 16px;
  line-height: 1.4;
  color: var(--color-positive);
}
.form-subheadline {
  font-weight: bold;
}
.cmxform .full-width,
.full-width {
  grid-column: 1/-1;
}
.cmxform .full-width .label-checkbox,
.full-width .label-checkbox {
  grid-column: 1/-1;
}
.impressumsgenerator-progress-bar {
  width: 100%;
  height: 8px;
  background: linear-gradient(90deg, var(--color-positive) 0%, var(--color-positive) var(--frame-step-progress), var(--color-gray-lightest) var(--frame-step-progress));
  border-radius: 8px;
  margin-bottom: 1rem;
}
.frame-18 .impressumsgenerator-progress-bar {
  opacity: 0;
}
.iframe-impressumsgenerator.parent body {
  height: 100%;
  padding-bottom: var(--space-respo);
}
.frame-title {
  font-size: 20px;
  line-height: 1.2;
}
.frame-description {
  margin-top: 1rem;
}
.cmxform {
  display: grid;
  background-color: var(--color-modul-em-background);
  margin-top: 1rem;
  border-radius: 16px;
  padding: 16px;
}
.cmxform.color-modul-strong-background {
  background-color: var(--color-modul-strong-background);
}
.form-element {
  position: relative;
  margin-top: 16px;
  font-size: 16px;
}
.form-element:first-child {
  margin-top: 0;
}
.form-element label.error {
  color: var(--color-invalide);
  margin-top: 0.5rem;
  display: block;
}
.form-element input.error {
  border-color: var(--color-invalide);
}
.form-element input.error:not(:focus) {
  background-color: var(--color-invalide-alpha-02);
}
.form-element textarea.error {
  border-color: var(--color-invalide);
}
.form-element textarea.error:not(:focus) {
  background-color: var(--color-invalide-alpha-02);
}
.form-element input[type=checkbox] {
  display: none;
}
.form-element .label-checkbox {
  display: flex;
  cursor: pointer;
  gap: 16px;
}
.form-element .label-checkbox::before {
  content: '';
  position: relative;
  display: block;
  width: 25px;
  height: 25px;
  background-image: url('../img/checkbox.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  flex-shrink: 0;
  flex-grow: 0;
}
.form-element .label.label-textarea {
  width: 200px;
}
.form-element:has(input:checked) .label-checkbox::before {
  background-image: url('../img/checkbox-checked.svg');
}
.form-element:has(input[type=checkbox].error) .label-checkbox {
  color: var(--color-invalide);
}
.form-element:has(input[type=checkbox].error) .label-checkbox::before {
  background-image: url('../img/checkbox-error.svg');
}
.form-element:has(input[type=checkbox].error) label.error {
  display: none !important;
}
.add-remove-person {
  cursor: pointer;
}
.add-remove-person {
  font-weight: 700;
  text-decoration: underline;
}
.form-element .radio {
  display: block;
  margin-top: 8px;
}
input[type='radio'] {
  position: absolute;
  opacity: 0;
}
input[type='radio'] + label {
  position: relative;
  display: inline-grid;
  gap: 8px;
  grid-template-columns: 20px auto;
  align-items: center;
}
input[type='radio'] + label::before {
  content: '';
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px var(--color-positive) solid;
}
input[type='radio']:checked + label::after {
  grid-column: 1/2;
  content: '';
  position: absolute;
  left: 5px;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-positive);
}
input[type='text'] {
  appearance: none;
  width: 100%;
  border-radius: 8px;
  border: var(--border-input);
  background: var(--color-negative);
  padding: 8px;
  font-size: 16px;
  margin-top: 4px;
}
select {
  appearance: none;
  display: block;
  border: var(--border-input);
  background: var(--color-negative);
  font-size: 16px;
  color: var(--color-positive);
  width: 100%;
  margin-top: 16px;
  border-radius: 8px;
  height: 38px;
  padding: 8px;
  cursor: pointer;
}
.select-wrapper {
  position: relative;
  display: block;
}
.select-wrapper::after {
  content: '';
  position: absolute;
  right: 12px;
  bottom: 10px;
  display: block;
  width: 15px;
  height: 15px;
  background: url('../img/icon-arrow-down.svg') no-repeat;
  background-size: contain;
}
textarea {
  display: block;
  margin: 16px 0 0;
  width: 100%;
  border: var(--border-input);
  border-radius: 8px;
  font-size: 16px;
  resize: none;
  padding: 16px;
}
.next-prev-buttons {
  margin-top: 24px;
  display: flex;
  gap: 8px;
}
.next-prev-buttons input {
  display: none;
}
.next-prev-buttons span {
  display: block;
  width: 100%;
}
.next-prev-buttons span:has(input[disabled]) {
  display: none;
}
.next-prev-buttons label {
  display: block;
  width: 100%;
  text-align: center;
  cursor: pointer;
  background-color: var(--color-negative);
  color: var(--color-positive);
  border: 2px solid var(--color-positive);
  font-size: 14px;
  line-height: 14px;
  border-radius: 32px;
  padding: 12px 32px 10px;
  text-decoration: none;
}
.next-prev-buttons label:first-letter {
  text-transform: uppercase;
}
.next-prev-buttons label:hover {
  border-width: 3px;
  padding: 11px 31px 9px;
}
.next-prev-buttons .next label {
  background-color: var(--color-positive);
  color: var(--color-negative);
}
.next-prev-buttons .next label:hover {
  background-color: var(--color-a-hover);
}
.frame-info {
  margin-top: 16px;
  font-size: 14px;
}
.frame-info::before {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  background-image: url('../img/icon-info.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  margin-bottom: 10px;
}
.frame-info .info-label {
  font-weight: 700;
  background-color: var(--color-strong);
}
.frame-0 .frame-info::before {
  background-image: url('../img/icon-protect.svg');
}
.required-dot-info {
  margin-top: 16px;
  font-size: 14px;
}
.icon::before {
  content: '';
  display: block;
  background-image: url('../img/icon-info.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  width: 96px;
  height: 96px;
  margin-bottom: 10px;
}
.icon.icon-envelop-send::before {
  background-image: url('../img/icon-envelop-send.svg');
}
.icon.icon-pointer::before {
  background-image: url('../img/icon-pointer.svg');
}
.impressumoutput {
  padding-bottom: 1000px;
  background-color: #fafafa;
}
/*030-mobile.less EOF*/
/*
* in th inner iframe-css the media query are not the same as in the site-css
 */
@media (min-width: 672px) {
  /* 040-0768.less*/
  .cmxform {
    display: grid;
    grid-template-columns: 1fr minmax(auto, min-content);
    column-gap: 1rem;
  }
  .cmxform > * {
    grid-column: 1/2;
  }
  .cmxform.columns-two {
    grid-template-columns: 1fr 1fr;
  }
  .cmxform.columns-two > * {
    grid-column: span 1;
    margin-top: 0;
  }
  .cmxform.columns-two .next-prev-buttons {
    grid-column: span 2;
  }
  .cmxform .column-span-two,
  .column-span-two {
    grid-column: span 2;
  }
  .cmxform .column-span-two .label-checkbox,
  .column-span-two .label-checkbox {
    grid-column: span 2;
  }
  .form-element .label {
    white-space: nowrap;
    align-self: start;
  }
  .form-element .label.wrap {
    white-space: normal;
  }
  .form-element .label.label-textarea {
    white-space: normal;
  }
  .next-prev-buttons {
    grid-column: -2 / -1;
    align-self: end;
    justify-self: end;
    display: grid;
    justify-items: end;
    margin: 0 0 0 2rem;
  }
  .next-prev-buttons span {
    width: 138px;
    align-self: end;
  }
  .next-prev-buttons:nth-child(1) {
    grid-row: span 3 / 1;
  }
  .next-prev-buttons:nth-child(2) {
    grid-row: span 3 / 2;
  }
  .next-prev-buttons:nth-child(3) {
    grid-row: span 3 / 3;
  }
  .next-prev-buttons:nth-child(4) {
    grid-row: span 3 / 4;
  }
  .next-prev-buttons:nth-child(5) {
    grid-row: span 3 / 5;
  }
  .next-prev-buttons:nth-child(6) {
    grid-row: span 3 / 6;
  }
  .next-prev-buttons:nth-child(7) {
    grid-row: span 3 / 7;
  }
  .next-prev-buttons:nth-child(8) {
    grid-row: span 3 / 8;
  }
  .next-prev-buttons:nth-child(9) {
    grid-row: span 3 / 9;
  }
  .next-prev-buttons:nth-child(10) {
    grid-row: span 3 / 10;
  }
  .next-prev-buttons:nth-child(11) {
    grid-row: span 3 / 11;
  }
  .next-prev-buttons:nth-child(12) {
    grid-row: span 3 / 12;
  }
  .next-prev-buttons:nth-child(13) {
    grid-row: span 3 / 13;
  }
  .next-prev-buttons:nth-child(14) {
    grid-row: span 3 / 14;
  }
  .next-prev-buttons:nth-child(15) {
    grid-row: span 3 / 15;
  }
  .next-prev-buttons:nth-child(16) {
    grid-row: span 3 / 16;
  }
  .next-prev-buttons:nth-child(17) {
    grid-row: span 3 / 17;
  }
  .next-prev-buttons:nth-child(18) {
    grid-row: span 3 / 18;
  }
  .next-prev-buttons:nth-child(19) {
    grid-row: span 3 / 19;
  }
  .column-span-two + .next-prev-buttons {
    grid-row: auto;
    display: flex;
    margin-top: var(--space-respo);
  }
  /* 040-0768.less EOF*/
}
@media (min-width: 896px) {
  /* 050-1024.less*/
  .frame-title {
    font-size: 26px;
  }
  .frame-description,
  .form-description,
  .form-element,
  .next-prev-buttons label {
    font-size: 18px;
  }
  .frame-info {
    padding-left: 42px;
    font-size: 16px;
  }
  .frame-info::before {
    position: absolute;
    left: 0;
  }
  .cmxform {
    grid-template-columns: minmax(auto, min-content) 1fr minmax(auto, min-content);
    grid-auto-rows: min-content;
    gap: 16px;
    align-items: center;
  }
  .cmxform > * {
    margin-top: 0;
  }
  .cmxform .form-description {
    grid-column: span 2;
  }
  .form-element {
    margin-top: 0;
    grid-column: 1 / 3;
    display: grid;
    grid-template-columns: subgrid;
    gap: 1rem;
    align-items: center;
  }
  .form-element * {
    margin-top: 0;
  }
  .form-element .label {
    align-self: center;
  }
  .form-element label.error {
    grid-column: 2 / 3;
    margin-top: -0.5rem;
  }
  input[type='text'] {
    margin-top: 0;
  }
  .add-remove-person {
    display: block;
  }
  .persons,
  .person {
    grid-column: 1 / 3;
    display: grid;
    gap: 16px;
    grid-template-columns: subgrid;
  }
  .persons:empty,
  .person:empty {
    display: none;
  }
  /* 050-1024.less EOF*/
}
@media (min-width: 1136px) {
  /* 060-1280.less*/
  .next-prev-buttons {
    display: flex;
    margin-left: 4.5rem;
  }
  /* 060-1280.less EOF*/
}
/** impressumsgenerator.less EOF */

/* === Upselling Step (frame-17) === */

/* Button-Links: gleiche Optik wie die bestehenden label-Buttons */
.next-prev-buttons a {
  display: block;
  width: 100%;
  text-align: center;
  cursor: pointer;
  background-color: var(--color-negative);
  color: var(--color-positive);
  border: 2px solid var(--color-positive);
  font-size: 14px;
  line-height: 14px;
  border-radius: 32px;
  padding: 12px 32px 10px;
  text-decoration: none;
  box-sizing: border-box;
}
.next-prev-buttons a:hover {
  border-width: 3px;
  padding: 11px 31px 9px;
  color: var(--color-positive);
}
.next-prev-buttons .next a {
  background-color: var(--color-positive);
  color: var(--color-negative);
}
.next-prev-buttons .next a:hover {
  background-color: var(--color-a-hover);
  color: var(--color-negative);
}

/* Upselling-Box */
.upselling-box {
  background-color: var(--color-modul-strong-background);
  border-radius: 16px;
  padding: 16px;
  margin-top: 1rem;
}
.upselling-box-headline {
  font-weight: bold;
  margin-bottom: 1rem;
}

/* Image + Features nebeneinander */
.upselling-content {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}
.upselling-image {
  flex-shrink: 0;
  width: 80px;
}
.upselling-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* Feature-Liste */
.upselling-features {
  list-style: none;
  padding: 0;
  margin: 0;
  flex: 1;
}
.upselling-features li {
  position: relative;
  padding-left: 36px;
  margin-bottom: 14px;
}
.upselling-features li::before {
  content: '+';
  position: absolute;
  left: 0;
  top: 1px;
  width: 24px;
  height: 24px;
  background: var(--color-valide);
  color: var(--color-negative);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 1;
  flex-shrink: 0;
}
.upselling-features strong {
  display: block;
}
.upselling-features span {
  font-size: 14px;
  color: var(--color-positive-60);
}

/* Trennlinie und Preis-Sektion */
.upselling-divider {
  border: none;
  border-top: 1px solid var(--color-border);
  margin: 1rem 0;
}
.upselling-price {
  font-size: 14px;
}
.upselling-price p + p {
  margin-top: 4px;
}

/* Auf frame-17: Buttons untereinander auf kleinen Screens */
.frame-17 .next-prev-buttons {
  flex-direction: column;
}
@media (min-width: 672px) {
  .frame-17 .next-prev-buttons {
    flex-direction: row;
  }
  .upselling-image {
    width: 120px;
  }
  .next-prev-buttons a {
    font-size: 18px;
  }
}

/* === 17_datenschutz_upsell (active upselling page) === */
.dieter-upsell-box {
  background-color: var(--color-modul-strong-background);
  border-radius: 16px;
  padding: 16px;
  margin-top: 1rem;
}
.dieter-upsell-box-headline {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1rem;
}
.dieter-upsell-box-content {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}
.dieter-upsell-illustration {
  display: none;
}
.dieter-upsell-illustration img {
  width: 100%;
  height: auto;
  display: block;
}
.dieter-features-column {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.dieter-features {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dieter-feature {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 14px;
}
.dieter-feature-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-top: 1px;
}
.dieter-feature strong {
  display: block;
}
.dieter-feature span {
  font-size: 16px;
  color: var(--color-positive-60);
}
.dieter-promo {
  font-size: 16px;
  margin-top: 1rem;
}
.dieter-promo s {
  color: var(--color-positive-60);
}
.dieter-choice-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 24px;
}
.btn-choice {
  display: block;
  width: 100%;
  text-align: center;
  cursor: pointer;
  font-family: var(--font-p);
  font-size: 14px;
  line-height: 14px;
  border-radius: 32px;
  padding: 12px 32px 10px;
  box-sizing: border-box;
  border: 2px solid var(--color-positive);
  background-color: transparent;
  color: var(--color-positive);
  text-decoration: none;
}
.btn-choice:hover {
  border-width: 3px;
  padding: 11px 31px 9px;
}
.btn-choice-primary {
  background-color: var(--color-positive);
  color: var(--color-negative);
}
.btn-choice-primary:hover {
  background-color: var(--color-a-hover);
  color: var(--color-negative);
}
@media (min-width: 672px) {
  .dieter-choice-buttons {
    flex-direction: row;
    align-items: center;
  }
  .dieter-upsell-illustration {
    display: flex;
    flex-shrink: 0;
    width: 260px;
  }
  .btn-choice {
    display: inline-block;
    width: auto;
  }
}
@media (min-width: 896px) {
  .btn-choice {
    font-size: 18px;
    line-height: 14px;
    padding: 16px 32px 16px;
  }
  .btn-choice:hover {
    padding: 15px 31px 15px;
  }
}

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