.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

body,
form,
legend,
td,
th {
  padding: 0;
}
* {
  box-sizing: border-box;
}
img,
legend {
  border: 0;
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body,
form {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
optgroup,
strong {
  font-weight: 700;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 1.5625vw;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre,
textarea {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid silver;
  margin: 0 0.07813vw;
  padding: 0.35em 0.625em 0.75em;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

body,
html {
  height: auto !important;
}
h1,
h2 {
  font-size: 24px;
  line-height: 36px;
  margin: 0 0 38px;
  width: 100%;
}
body {
  --color-page: #f3f2f7;
  --color-background: #fff;
  --color-text: #343434;
  --color-textsecondary: #707070;
  --color-texttertiary: #8c94a2;
  --color-primarydark: #774070;
  --color-primarylight: #9c418f;
  --color-boxcontent: #f8f7fc;
  --color-boxinfo: #fefbed;
  --color-lightgrey: #c7c9cd;
  --color-white: #fff;
  --color-error: #db1315;
  --color-turquoise: #7ec5c9;
  --color-black: #000;
  --color-midgrey: #e5e3ec;
  --color-lightpurple: #aa5e9e;
  --borderradius: 5px;
  --fieldborderradius: 5px;
  background: var(--color-page);
  color: var(--color-text);
  font-family: SofiaPro, sans-serif;
  font-size: 18px;
  line-height: 30px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}
header {
  position: fixed;
  left: 10px;
  top: 10px;
  right: 10px;
  z-index: 10000;
  height: 60px;
  background: var(--color-background);
  box-shadow: 4px 4px 8px 0px #00000014;
  margin-bottom: 10px;
  border-radius: var(--borderradius);
}

input[type="text"],
textarea {
  width: 100%;
  border: 1px solid var(--color-lightgrey);
  height: auto;
  padding: 7px 10px 8px;
  font-size: 16px;
  line-height: 16px;
  color: var(--color-text);
  border-radius: var(--fieldborderradius);
}
input[type="text"].error,
textarea.error {
  color: var(--color-error);
}
textarea {
  height: 100px;
}
input[type="checkbox"] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
input[type="checkbox"] + label {
  position: relative;
  padding-left: 39px;
  display: block;
}
input[type="checkbox"] + label a {
  color:inherit!important;
}
input[type="checkbox"] + label:before {
  position: absolute;
  left: 1px;
  top: 5px;
  width: 22px;
  height: 22px;
  content: " ";
  background: transparent;
  border-radius: var(--borderradius);
  border: 1px solid var(--color-text);
  transition: background 0.2s, border-color 0.2s;
}
input[type="checkbox"] + label:after {
  position: absolute;
  left: 1px;
  top: 5px;
  width: 24px;
  height: 24px;
  content: " ";
  opacity: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS4yNDUxNCAwTDExIDEuMDU2MzRMMy44OTQ5NCAxMkgzLjI5NTcyTDAgNy40NTc3NUwxLjQxMjQ1IDUuOTU3NzVMMy40ODgzMyA4Ljg1MjExTDkuMjQ1MTQgMFoiIGZpbGw9IndoaXRlIi8+PC9zdmc+")
    no-repeat center;
  background-size: 11px auto;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input[type="checkbox"]:checked + label:before {
  background: var(--color-primarydark);
  border-color: var(--color-primarydark);
}
input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
input[type="checkbox"].error + label {
  color: var(--color-error) !important;
}

::-webkit-input-placeholder {
  color: var(--color-textsecondary);
}
:-moz-placeholder {
  color: var(--color-textsecondary);
  opacity: 1;
}
::-moz-placeholder {
  color: var(--color-textsecondary);
  opacity: 1;
}
:-ms-input-placeholder {
  color: var(--color-textsecondary);
}
:placeholder-shown {
  color: var(--color-textsecondary);
}
.error::-webkit-input-placeholder {
  color: var(--color-error);
}
.error:-moz-placeholder {
  color: var(--color-error);
  opacity: 1;
}
.error::-moz-placeholder {
  color: var(--color-error);
  opacity: 1;
}
.error:-ms-input-placeholder {
  color: var(--color-error);
}
.error:placeholder-shown {
  color: var(--color-error);
}
.error {
  color: var(--color-error);
}

.layoutInfo {
  background: var(--color-boxinfo);
  border-radius: var(--borderradius);
  margin-bottom: 35px;
  position: relative;
  width: 100%;
}
.layoutInfo.layout1 {
  padding: 14px 291px 10px 69px;
}
.layoutInfo.layout2 {
  padding: 13px 15px 35px;
  justify-content: center;
  margin-bottom: 33px;
}
.layoutInfo > svg {
  position: absolute;
  left: 15px;
  top: 10px;
  width: 34px;
  height: auto;
}
.layoutInfo.layout3 {
  padding: 15px 15px 45px;
  width: 670px;
}
.layoutInfo.layout3 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.layoutInfo.layout3 li + li {
  margin-top: 20px;
}
.layoutInfo.layout3 li {
  padding-left: 100px;
  position: relative;
}
.layoutInfo.layout3 svg {
  width: 59px;
  position: absolute;
  left: 0;
  top: 0;
}
.layoutInfo.layout3 li span {
  font-weight: 700;
  display: block;
}
.layoutInfo p svg {
  vertical-align: middle;
  width: 32px;
  height: auto;
  margin-right: 15px;
}

.layoutBox {
  background: var(--color-boxcontent);
  border-radius: var(--borderradius);
  padding: 34px 15px 35px;
}
.layoutInfo p {
  width: 100%;
}
.layoutInfoCol {
  width: 325px;
  text-align: center;
}
.layoutInfoCol + .layoutInfoCol {
  margin-left: 20px;
}
.layoutInfoCol strong {
  display: block;
}
.layoutInfoCol svg {
  margin-bottom: 11px;
  width: 72px;
  height: auto;
  vertical-align: middle;
}
.layoutInfo.layout2 > p {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 14px;
}
section {
  width: 16.666666666666667%;
  background: #fff;
/*  min-height: calc(100vh - 80px);*/
  -webkit-transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition-delay: 0.1s;
  opacity: 0;
}
section.layoutTestament {
  max-height: none;
  height: 1px!important;
}
body.isTestament section.layoutTestament {
  height: auto!important;
}
body.hasFooter section {
/*  min-height: calc(100vh - 117px);*/
}
section.calc {
  min-height: 0 !important;
}
body.step1 section.layoutCircle {
  opacity: 1;
}
body.step2 section.layoutResult {
  opacity: 1;
}
body.step3 section.layoutFinal {
  opacity: 1;
}
body.step4 section.layoutSuccess {
  opacity: 1;
}
body.stepT section.layoutTestament {
  opacity: 1;
}
body.stepE section.layoutEstate {
  opacity: 1;
}
body.stepD section.layoutDetails {
  opacity: 1;
}
body.step2 section.layoutCircle,
body.step2 section.layoutResult,
body.step2 section.layoutDetails,
body.step2 section.layoutEstate,
body.step2 section.layoutTestament,
body.step2 section.layoutFinal,
body.step2 section.layoutSuccess {
  -webkit-transform: translateX(-300%);
  transform: translateX(-300%);
}
body.stepD section.layoutCircle,
body.stepD section.layoutResult,
body.stepD section.layoutDetails,
body.stepD section.layoutEstate,
body.stepD section.layoutTestament,
body.stepD section.layoutFinal,
body.stepD section.layoutSuccess {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
body.stepE section.layoutCircle,
body.stepE section.layoutResult,
body.stepE section.layoutDetails,
body.stepE section.layoutEstate,
body.stepE section.layoutTestament,
body.stepE section.layoutFinal,
body.stepE section.layoutSuccess {
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
}
body.stepT section.layoutCircle,
body.stepT section.layoutResult,
body.stepE section.layoutDetails,
body.stepT section.layoutEstate,
body.stepT section.layoutTestament,
body.stepT section.layoutFinal,
body.stepT section.layoutSuccess {
  -webkit-transform: translateX(-400%);
  transform: translateX(-400%);
}
body.step3 section.layoutCircle,
body.step3 section.layoutResult,
body.stepE section.layoutDetails,
body.step3 section.layoutEstate,
body.step3 section.layoutTestament,
body.step3 section.layoutFinal,
body.step3 section.layoutSuccess {
  -webkit-transform: translateX(-500%);
  transform: translateX(-500%);
}
body.step4 section.layoutCircle,
body.step4 section.layoutResult,
body.stepE section.layoutDetails,
body.step4 section.layoutEstate,
body.step4 section.layoutTestament,
body.step4 section.layoutFinal,
body.step4 section.layoutSuccess {
  -webkit-transform: translateX(-600%);
  transform: translateX(-600%);
}
p {
  margin: 0;
}
p + p {
  margin-top: 20px;
}
p a {
  text-decoration: underline;
  color: inherit;
}
.layoutTitle {
  position: absolute;
  left: 40px;
  top: 15px;
  color: var(--color-primarydark);
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  display: none;
}
.layoutTitle span {
  display: none;
}
.layoutTitle span.active {
  display: block;
}
.layoutMain {
  padding: 80px 10px 10px;
}
.layoutContent {
  overflow: hidden;
  border-radius: var(--borderradius);
  background: var(--color-background);
  padding: 32px 30px 55px;
  box-shadow: 4px 4px 8px 0px #00000014;
  position: relative;
}
.layoutContentInner {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 600%;
  flex-wrap: wrap;
  align-items: flex-start;
}
.layoutCheckboxes {
  width: 31.954887218045113%;
  min-height: 100% !important;
  opacity: 1;
}
.layoutResult .layoutCheckboxes {
  background: var(--color-boxcontent);
  width: 32.352941176470588%;
  padding: 15px;
}
.comparisonAvailable .layoutCheckboxes {
  align-items: flex-start;
}
.layoutCheckboxes.hidden {
  -webkit-transform: translateX(-110%);
  transform: translateX(-110%);
}
.layoutCheckboxes {
  display: flex;
  flex-direction: column;
}
.layoutCheckboxes p {
  margin: 0;
}
.layoutCheckboxes p + p {
  margin-top: 10px;
  font-size: 14px;
  line-height: 17px;
}
.layoutCheckboxes ul {
  list-style-type: none;
  margin: 0 0 0;
  padding: 25px 0 0;
}
.layoutCheckboxes ul li + li {
  margin-top: 14px;
}

.layoutCheckboxesHint {
  font-weight: 700;
}
.layoutCheckboxes .layoutButtonNavigation {
  display: none;
}
.layoutCircle {
  z-index: 11;
}
.layoutCircleInner {
  position: relative;
}
.layoutCircleDiagram {
  width: 40.601503759398496%;
  position: relative;
  margin-right: 230px;
  max-width: 540px;
}
.layoutCircleDiagram svg {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.layoutCircleGroup a {
  position: absolute;
  z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: var(--color-text) !important;
  text-decoration: none;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  text-align: center;
  padding: 20px;
  border-radius: 15px;
}
.layoutCircleGroup0 a,
.layoutCircleGroup1 a,
.layoutCircleGroup2 a {
  padding: 8px;
}
.layoutCircleGroup a svg {
  height: auto;
  vertical-align: middle;
  display: block;
  margin: 0 auto 2px;
}
.layoutCircleGroup a svg path,
.layoutCircleGroup a svg circle {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.layoutCircleGroup a svg path,
.layoutCircleGroup a svg circle {
  fill: transparent !important;
}
.layoutCircleGroup.active a svg path,
.layoutCircleGroup.active a svg circle {
  fill: var(--color-primarydark) !important;
}
.layoutCircleGroup a svg.p0 {
  width: 33px;
}
.layoutCircleGroup a svg.p1 {
  width: 17px;
}
.layoutCircleGroup a svg.p2 {
  width: 15px;
}
.layoutCircleGroup0 a:nth-child(1) {
  left: 50%;
  top: 198px;
}
.layoutCircleGroup1 a:nth-child(1) {
  left: 50%;
  top: calc(50% - 8px);
}
.layoutCircleGroup2 a:nth-child(1) {
  left: 35.460992907801418%;
  top: calc(50% - 8px);
}
.layoutCircleGroup2 a:nth-child(2) {
  left: 44.50354609929078%;
  top: 325px;
}
.layoutCircleGroup2 a:nth-child(3) {
  left: 55.49645390070922%;
  top: 325px;
}
.layoutCircleGroup2 a:nth-child(4) {
  left: 64.539007092198582%;
  top: calc(50% - 8px);
}
.layoutCircleGroup3 a:nth-child(1) {
  left: 42.553191489361702%;
  top: 130px;
}
.layoutCircleGroup4 a:nth-child(1) {
  left: 57.446808510638298%;
  top: 130px;
}
.layoutCircleGroup5 a:nth-child(1) {
  left: calc(23.226950354609929% - 5px);
  top: calc(50% - 8px);
}
.layoutCircleGroup5 a:nth-child(2) {
  left: calc(31.914893617021277% + 22px);
  top: 395px;
}
.layoutCircleGroup5 a:nth-child(3) {
  left: calc(68.085106382978723% - 25px);
  top: 394px;
}
.layoutCircleGroup5 a:nth-child(4) {
  left: calc(76.773049645390071% + 2px);
  top: calc(50% - 8px);
}
.layoutCircleGroup6 a:nth-child(1) {
  left: 42px;
  top: calc(50% - 8px);
}
.layoutCircleGroup6 a:nth-child(2) {
  left: 90px;
  top: 126px;
}
.layoutCircleGroup6 a:nth-child(3) {
  left: 50%;
  top: 42px;
}
.layoutCircleGroup6 a:nth-child(4) {
  left: calc(83.51063829787234% - 1px);
  top: 126px;
}
.layoutCircleGroup6 a:nth-child(5) {
  left: 92.553191489361702%;
  top: calc(50% - 8px);
}
.layoutCircleLegend {
  position: absolute;
  right: -230px;
  bottom: 0px;
  font-size: 16px;
  line-height: 24px;
}
.layoutCircleLegend svg {
  width: 24px;
  height: auto;
  margin-right: 9px;
  vertical-align: middle;
}
.layoutButtonNavigation {
  text-align: right;
  padding: 40px 0 0;
  width: 100%;
}
.layoutButtonNavigation span {
  float: left;
  color: #8c94a2;
  font-size: 14px;
  line-height: 14px;
  position: relative;
  display: inline-block;
  padding-left: 36px;
  padding-top: 11px;
}
.layoutButtonNavigation span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 40px;
  height: 25px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMSA0MCIgd2lkdGg9IjM5IiBoZWlnaHQ9IjQwIj48Y2lyY2xlIGN4PSI2LjQ1IiBjeT0iNC4zIiByPSIzLjc5IiBzdHlsZT0iZmlsbDojOEM5NEEyO3N0cm9rZTojOEM5NEEyO3N0cm9rZS1taXRlcmxpbWl0OjEwIi8+PHBhdGggZD0iTS0xMy44OSwyMS42OWwuNjcsMTAuMWExLDEsMCwwLDAsMSwuOUgtOS42YTEsMSwwLDAsMCwxLS45bC42Ny0xMC4wNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcuMzggNi4xMSkiIHN0eWxlPSJmaWxsOiM4Qzk0QTI7c3Ryb2tlOiM4Qzk0QTI7c3Ryb2tlLWxpbmVqb2luOnJvdW5kIi8+PHBhdGggZD0iTS03LjMsMTUuMTRBMi41OSwyLjU5LDAsMCwwLTUsMTIuNTZWNS4xMkExLjQ5LDEuNDksMCwwLDAtNi40NywzLjYzaC0zbC0xLjQ2LDEuNDktMS40NS0xLjQ5aC0zYTEuNDksMS40OSwwLDAsMC0xLjUsMS40OGgwdjcuNDRhMi42LDIuNiwwLDAsMCwyLjM5LDIuNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcuMzggNi4xMSkiIHN0eWxlPSJmaWxsOiM4Qzk0QTI7c3Ryb2tlOiM4Qzk0QTI7c3Ryb2tlLWxpbmVqb2luOnJvdW5kIi8+PHBhdGggZD0iTS03LjI5LDd2OC4yMmEuNzkuNzksMCwwLDAsLjA3LjM3bDEuODQsNC44NmExLDEsMCwwLDEtLjUxLDEuMzJsLS4xMSwwaDBhMSwxLDAsMCwxLS4zOC4xaC05LjA5YTEuMDUsMS4wNSwwLDAsMS0xLjA2LTEuMDZ2MGgwYS45NC45NCwwLDAsMSwuMDctLjM3bDEuODItNC44NmEuOTQuOTQsMCwwLDAsLjA3LS4zN1Y3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNy4zOCA2LjExKSIgc3R5bGU9ImZpbGw6IzhDOTRBMjtzdHJva2U6IzhDOTRBMjtzdHJva2UtbGluZWpvaW46cm91bmQiLz48Y2lyY2xlIGN4PSIyMy44MyIgY3k9IjQuMjkiIHI9IjMuNzkiIHN0eWxlPSJmaWxsOiM4Qzk0QTI7c3Ryb2tlOiM4Qzk0QTI7c3Ryb2tlLW1pdGVybGltaXQ6MTAiLz48cGF0aCBkPSJNOC40MSwzMi43MWExLDEsMCwwLDAsMS0uOXMuNTctMTAuMjYuNjgtMTIuNDksMi4zNC0yLjIzLDIuMzQtNlY1LjE5QTEuNDksMS40OSwwLDAsMCwxMC45NCwzLjdIMkExLjQ5LDEuNDksMCwwLDAsLjUsNS4xOGgwdjguMThjMCwzLjcyLDIuMjMsMy43MiwyLjM0LDZzLjY5LDEyLjQ5LjY5LDEyLjQ5YTEsMSwwLDAsMCwxLC45WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcuMzggNi4xMSkiIHN0eWxlPSJmaWxsOiM4Qzk0QTI7c3Ryb2tlOiM4Qzk0QTI7c3Ryb2tlLWxpbmVqb2luOnJvdW5kIi8+PHBhdGggZD0iTTUsMy42NCw2LjQ5LDcuMzYsNy45NCwzLjY0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNy4zOCA2LjExKSIgc3R5bGU9ImZpbGw6IzhDOTRBMjtzdHJva2U6IzhDOTRBMjtzdHJva2UtbGluZWpvaW46cm91bmQiLz48L3N2Zz4=")
    no-repeat center;
  background-size: contain;
}
a.btn {
  background: var(--color-primarylight);
  color: #fff;
  display: inline-block;
  padding: 13px 24px;
  text-decoration: none;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  border-radius: var(--borderradius);
  transition: background 0.2s, color 0.2s;
  text-align: center;
  border: 1px solid var(--color-primarylight);
}
a.btn:hover {
  background: var(--color-white);
  color: var(--color-primarylight);
}
a.btn.secondary {
  background: var(--color-white);
  color: var(--color-primarylight);
}
a.btn.secondary:hover {
  background: var(--color-primarylight);
  color: #fff;
}
.layoutButtonNavigation .btn.left {
  float: left;
}
.layoutButtonNavigation .btn {
  margin-right: 10px;
}
.layoutButtonNavigation .btn:last-child {
  margin-right: 0;
}
.layoutResult {
  align-items: flex-start;
  padding: 0 !important;
}
.layoutResultFrame {
  width: 66.176470588235294%;
}
body.isEstate .layoutResultFrame {
  width: 100%;
}
body.skipCheckboxes .layoutResult {
  padding-left: 30px;
}
.comparisonAvailable .layoutResultInner {
  padding-top: 40px;
}
.layoutResultGroup h3 {
  text-align: center;
  padding: 0 10px;
  font-size: 20px;
  line-height: 30px;
  margin: 0;
}
.layoutResultGroup h3 + p {
  text-align: center;
  margin-bottom: 48px;
}
.layoutResultGroup {
  width: calc(50% - 1px);
}
.layoutResultDiagram {
  position: relative;
  width: 240px;
  height: 240px;
  margin: 0 auto;
  width: auto;
  height: auto;
  text-align: center;
}
body.hasComparison .layoutResultDiagram {
  width: 260px;
  height: 260px;
  width: 330px;
  height: 330px;
}
body.hasComparison .layoutResultDiagramInner {
  opacity: 0.5;
  margin: 35px;
}
.layoutResultDiagramInnerComparison {
  display: none !important;
  position: absolute !important;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: -1;
  opacity: 1;
}
.hasComparison .layoutResultDiagramInnerComparison {
  display: block !important;
}
.layoutResultGroup + .layoutResultGroup {
  border-left: 2px solid var(--color-lightgrey);
}
.layoutResultDiagramCenter {
  background: #fff;
  display: none;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1000;
}
[data-lcolor] {
  display: none;
}
.layoutResultList {
  width: 100%;
  margin-top: 24px;
}
.layoutResultListEntry {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.layoutResultListCol {
  width: 40.697674%;
  border-top: 1px solid var(--color-lightgrey);
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  min-height: 52px;
}
.layoutResultListCol span {
  display: none;
}
.layoutResultListEntry:last-child .layoutResultListCol:first-child,
.layoutResultListEntry:last-child .layoutResultListCol:last-child {
  border-bottom: 1px solid var(--color-lightgrey);
}
.layoutResultListCol:nth-child(1) {
  text-align: right;
  direction: rtl;
}
.layoutResultListCol:nth-child(2) {
  width: 18.604651%;
  text-align: center;
  padding: 15px 10px 13px;
  border: none;
  justify-content: center;
}
.layoutResultBar {
  height: 12px;
  border-radius: 6px;
  display: block;
  position: relative;
  width: 4px;
}
body.hasComparison .layoutResultBar {
  opacity: 0.5;
}
.layoutResultBar + .layoutResultBar {
  margin-top: 8px;
}
body.hasComparison .layoutResultBar + .layoutResultBar {
  opacity: 1;
}
.layoutResultBar.isnull {
  width: 12px !important;
  background: #777 !important;
}
.layoutResultBar.isfreenull {
  width: 12px !important;
}
.layoutResultBar:before {
  content: attr(data-value);
  position: absolute;
  left: -10px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
  top: -7px;
  color: var(--color-text);
}
.layoutResultListCol:nth-child(3) .layoutResultBar:before {
  right: -10px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.layoutResultSwitch {
  position: absolute;
  right: 30px;
  top: 10px;
  background: #efedf5;
  border-radius: 4px;
  padding: 6px;
}
.layoutCheckboxes .layoutResultSwitch {
  position: static;
  margin-top: 40px;
  opacity: 0;
  transition: all 0.2s ease;
  visibility: hidden;
  display: none;
}
.step2 .layoutCheckboxes .layoutResultSwitch {
  opacity: 1;
  visibility: visible;
  display: block;
}
.layoutCheckboxes .layoutResultSwitch {
  position: static;
}
.layoutResultSwitch a {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  color: #9da1aa;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.layoutResultSwitch a.active {
  background: #fff;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1));
  color: #000;
}
.layoutResultSwitch a + a {
  margin-left: 5px;
}

.layoutFinalOverlay {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1210px;
  background: var(--color-white);
  padding: 35px 40px 55px;
  z-index: 10002;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
}
body.overlay .layoutFinalOverlay {
  opacity: 1;
  visibility: visible;
}
body.overlay:before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10001;
}
.layoutFinalOverlay h3 {
  width: 100%;
}
.layoutFinalOverlayCol {
  width: 440px;
}
.layoutFinalOverlayCol + .layoutFinalOverlayCol {
  width: 670px;
}
.layoutFinalOverlay input[type="text"],
.layoutFinalOverlay textarea {
  margin-bottom: 30px;
}
.layoutFinalOverlay input[type="text"] {
  width: 325px;
}
.layoutFinalOverlay textarea {
  width: 100%;
}
.layoutFinalOverlayCol
  input[type="checkbox"]
  + label
  + input[type="checkbox"]
  + label {
  margin-top: 19px;
}
.layoutFinalOverlayAction {
  text-align: right;
  margin-top: 35px;
}
.layoutFinalOverlayAction .btn + .btn {
  margin-left: 20px;
}
.layoutFinalOverlay > a[data-purpose="closeForm"] {
  position: absolute;
  right: 40px;
  top: 35px;
  z-index: 101;
}
.layoutFinalOverlaySuccess {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
  background: var(--color-white);
  z-index: 100;
  padding: 35px 40px 55px;
}
.layoutFinalOverlay.success .layoutFinalOverlaySuccess {
  opacity: 1;
  visibility: visible;
}
.layoutFinalOverlaySuccess a.btn {
  position: absolute;
  right: 40px;
  bottom: 55px;
}

.layoutFinalDownloads {
  width: 100%;
  padding-bottom: 35px;
  margin-bottom: 35px;
  border-bottom: 1px solid var(--color-lightgrey);
}
.layoutFinalDownloads h3 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 15px !important;
}
.layoutFinalDownloads a.btn + a.btn {
  margin-left: 20px;
}
.layoutFinalDownloads a.btn {
  position: relative;
  display: inline-block;
  padding-left: 64px;
}
.layoutFinalDownloads a.btn svg {
  position: absolute;
  left: 24px;
  top: 8px;
  width: 28px;
  height: auto;
}
.layoutFinalDownloads a.btn:hover path {
  transition: stroke 0.2s;
}
.layoutFinalDownloads a.btn:hover path {
  stroke: var(--color-primarylight) !important;
}
.layoutFinalTable {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 40px;
  justify-content: center;
}
.layoutFinalTableCell {
  margin: 20px 20px;
}
.layoutFinalForm {
  margin-top: 15px;
}
.layoutFinal hr {
  width: 100%;
  height: 1px;
  background: var(--color-lightgrey);
  border: none;
  margin: 35px 0 0;
}
.layoutFinal form a.btn {
  margin-top: 30px;
}
.layoutFinalForm form {
  text-align: right;
}
.layoutFinalForm form > .formLine {
  text-align: left;
}
.layoutFinalForm form > a {
  margin-bottom: 30px;
}
.layoutFinalInner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.layoutFinalCol {
  width: 440px;
}
.layoutFinalCol + .layoutFinalCol {
  width: 555px;
  margin-right: 115px;
}
.layoutFinalCol img {
  float: left;
  width: 155px;
  height: auto;
  vertical-align: middle;
  margin-right: 55px;
}
.layoutFinal h3 {
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 35px;
}
.layoutFinal ul {
  list-style-type: none;
  margin: 20px 0 36px;
  padding: 0;
}
.layoutFinal li {
  position: relative;
  padding-left: 27px;
}
.layoutFinal li:before {
  content: "";
  position: absolute;
  left: 11px;
  top: 14px;
  width: 6px;
  height: 6px;
  font-size: 1px;
  line-height: 1px;
  border-radius: 50%;
  background: var(--color-text);
}

.layoutFinalSuccess {
  display: none;
}

p + form {
  margin-top: 15px;
}
.formLine {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.formLine label {
  width: 100%;
}
.formLine label + input + label {
  margin-top: 15px;
}
.formLine + .formLine {
  margin-top: 25px;
}
.formCol {
  width: 46.816479%;
}

.layoutSuccess {
  padding: 0 30px;
}
.layoutSuccessInner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.layoutSuccessBox {
  padding: 30px;
  border: 1px solid var(--color-primarydark);
  border-radius: 3px;
}
.layoutSuccessBox strong {
  color: var(--color-primarydark);
}
.layoutSuccessBox svg {
  width: 73px;
  height: auto;
  vertical-align: middle;
}
.layoutSuccessBox a.icon {
  display: block;
  text-align: center;
  padding: 40px 0;
}
.layoutOptions {
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  background: #ddd;
  z-index: 100000;
  padding: 20px;
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.149));
  -webkit-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.layoutOptions.active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
p.center {
  text-align: center;
}
nav.navMain {
  padding: 0 0 0 10px;
}
nav.navMain ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
nav.navMain ul li {
  display: inline-block;
}
nav.navMain ul li a {
  color: inherit;
  text-decoration: none;
  cursor: default;
  display: block;
  padding: 15px 20px;
  font-weight: 300;
  position: relative;
}
nav.navMain ul li.active a {
  font-weight: 700;
}
nav.navMain ul li.active a:after {
  content: "";
  position: absolute;
  left: 20px;
  bottom: 0;
  right: 20px;
  height: 7px;
  background: var(--color-primarydark);
}
nav.navMain ul li:nth-child(1) a:before {
  content: "1. ";
}
nav.navMain ul li:nth-child(2) a:before {
  content: "2. ";
}
nav.navMain ul li:nth-child(3) a:before {
  content: "3. ";
}
nav.navMain ul li:nth-child(4) a:before {
  content: "4. ";
}
nav.navMain ul li:nth-child(5) a:before {
  content: "5. ";
}
[name="orgAmount"] {
  vertical-align: middle;
}
.layoutTestamentGroup[data-mode="free"] .layoutTestamentBarSlider {
  border-radius: 15px;
}
.layoutTestamentOrgOption {
  margin-top: 15px;
}
.layoutTestamentOrgOption a.optionBtn {
  margin-top: 5px;
  display: inline-block;
}
.layoutTestamentOrgOption[data-mode="1"] .layoutTestamentOrgOptionContent {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.2s;
}
.layoutTestamentOrgOption[data-mode="1"]
  a.optionBtn.active
  + .layoutTestamentOrgOptionContent {
  opacity: 1;
}
.layoutTestamentOrgOption[data-mode="2"] .layoutTestamentOrgOptionContent {
  display: none;
}
.layoutTestamentOrgValue {
  margin-right: 10px;
}
.layoutTestamentNav {
  display: none !important;
}
.layoutTestamentSectionContent {
  display: block !important;
}
.layoutTestamentSectionContent p > svg {
  width: 24px;
  height: auto;
  vertical-align: middle;
  margin-right: 4px;
}

.layoutTestamentSection:first-child .layoutTestamentSectionContent {
  display: flex !important;
}

.layoutTestamentSection input[name="legacyObject"],
.layoutTestamentSection input[name="legacyAmount"] {
  position: absolute;
  left: 0;
  top: -7px;
  right: 0;
  height: 45px;
  border: 1px solid var(--color-lightgrey) !important;
}
.layoutTestamentSection input[name="legacyObject"].invisible,
.layoutTestamentSection input[name="legacyAmount"].invisible {
  opacity: 0;
  visibility: hidden;
}

.layoutTestamentSectionContentCol {
  width: 555px;
}
.layoutTestamentSectionContentCol .layoutTestamentBar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.layoutTestamentBarName {
  width: 100%;
}
.layoutTestamentBar.layoutTestamentLegacy .layoutTestamentBarName {
  width: 17.669172932330827%;
}
.layoutTestamentBarName a[data-purpose="data-purpose"] svg {
  width: 16px;
  height: auto;
}
.layoutTestamentBarSlider {
  display: flex;
  width: 57.894736842105263%;
  position: relative;
}
.layoutTestamentBarSliderBar {
  flex-grow: 1;
  position: relative;
  transition: opacity 0.2s;
}
.layoutTestamentBarSliderBar.invisible,
.layoutTestamentBarSliderFix.invisible {
  opacity: 0;
}
.layoutTestamentGroup[data-mode="free"] .layoutTestamentBarSliderBar {
  border: 1px solid var(--color-lightgrey);
  border-left: none;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.layoutTestamentBarSliderFix {
  background: var(--color-lightpurple);
  color: #fff;
  text-align: center;
  font-size: 15px;
  line-height: 15px;
  height: 31px;
  overflow: hidden;
  white-space: nowrap;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.2s;
}
.ui-slider-horizontal {
  height: 31px !important;
  border-radius: 0px !important;
  border-top-right-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}
.layoutTestamentBarSliderPointer {
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  background: var(--color-turquoise);
  width: 0%;
  text-align: center;
  font-size: 15px;
  line-height: 15px;
  overflow: hidden;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.layoutTestamentBarSliderFix[data-fix="0"] + .layoutTestamentBarSliderBar {
  border-top-left-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
}
.layoutTestamentBarSliderFix[data-fix="0"]
  + .layoutTestamentBarSliderBar
  .layoutTestamentBarSliderPointer {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.layoutTestamentBarSliderGhost {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #efedf5;
  width: 0%;
  text-align: center;
  font-size: 15px;
  line-height: 15px;
  overflow: hidden;
  color: #000;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.layoutTestamentBarSliderFix[data-fix="0"]
  + .layoutTestamentBarSliderBar
  .layoutTestamentBarSliderGhost {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.layoutTestamentGroup[data-mode="free"].notZero
  .layoutTestamentBarSliderFix[data-fix="0"]
  + .layoutTestamentBarSliderBar
  .layoutTestamentBarSliderGhost {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.layoutTestamentBarSliderFix[data-fix="0"] + .layoutTestamentBarSliderBar {
  border-left: 1px solid var(--color-lightgrey);
}
.layoutTestamentBarSliderGhost span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.layoutTestamentGroup[data-mode="free"] .layoutTestamentBarSliderPointer {
  left: 0;
  right: auto;
}

.layoutTestamentGroup[data-mode="free"].full
  .layoutTestamentBarSliderFix
  + .layoutTestamentBarSliderBar
  .layoutTestamentBarSliderPointer {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.layoutTestamentBarSliderPointer.over {
  background: #c02323;
  color: #fff;
}

.layoutTestament h3 {
  margin: 0 0 20px;
}
.layoutTestamentSection {
  position: relative;
  opacity: 0;
}

.layoutTestamentSection.active {
  opacity: 1;
}
.layoutTestamentSection[data-section="4"] .layoutTestamentGroup {
  padding: 15px;
  background: var(--color-boxcontent);
  border-radius: var(--borderradius);
}

.layoutTestamentSection[data-section="4"]
  .layoutTestamentGroup[data-mode="free"] {
  background: var(--color-midgrey);
  border: 1px solid var(--color-texttertiary);
}
.layoutTestamentSection[data-section="4"] .layoutTestamentGroup h5 {
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
}
.layoutTestamentPerson {
  border: 1px solid var(--color-lightgrey);
  padding: 5px 24px 2px 8px;
  border-radius: 4px;
  height: 50px;
}
.layoutTestamentPerson span {
  font-size: 18px;
  line-height: 30px;
  display: inline-block;
  padding-top: 4px;
}
.layoutTestamentPerson a[data-purpose="delete"] {
  float: right;
  font-size: 1px;
  line-height: 1px;
  padding: 14px 0 0 0;
}
.layoutTestamentLivingSwitch {
  float: right;
  margin-right: 35px;
}
.layoutTestamentSectionContent {
  display: none;
}
p + .layoutTestamentSectionContent {
  margin-top: 10px;
}
.layoutTestamentPerson svg {
  width: 12px;
  height: auto;
  vertical-align: middle;
  margin-top: 0px;
}
.layoutTestamentSection h4 {
  margin: 0 0 10px;
}
.layoutTestamentSection p + h4 {
  margin-top: 20px;
}
p + .layoutTestamentSection {
  margin-top: 20px;
}
.layoutTestamentPerson a.btn {
  font-size: 13px;
  line-height: 13px;
  padding: 4px 4px 6px;
  background: #efedf5;
  color: #9da1aa;
  min-width: 0;
  margin-left: 5px;
  display: inline-block;
  vertical-align: top;
}

.layoutTestamentPerson .layoutTestamentLivingSwitch a.btn {
  border-color: var(--color-lightgrey);
  border-radius: 5px;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  z-index: 1;
  position: relative;
}
.layoutTestamentPerson .layoutTestamentLivingSwitch a.btn.active {
  background: var(--color-lightgrey);
  color: var(--color-text);
  z-index: 2;
  border-color: var(--color-text);
}
.layoutTestamentPerson .layoutTestamentLivingSwitch a.btn + a.btn {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  color: var(--color-textsecondary);
  margin-left: -1px;
}
.layoutTestamentPerson .layoutTestamentLivingSwitch a.btn:first-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.layoutTestamentPerson + .layoutTestamentPerson {
  margin-top: 10px;
}
.layoutTestamentPerson a.btn.active {
  background: var(--color-primarydark);
  color: #fff;
}
.layoutTestamentPerson a:nth-last-child(3) {
  margin-left: 10px;
}
.layoutTestamentBar + .layoutTestamentBar {
  margin-top: 5px;
  padding-top: 5px;
}
.layoutTestamentBarName {
  width: 32.781954887218045%;
  margin-right: 1.503759398496241%;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background: var(--color-white) !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
  border-color: var(--color-text) !important;
}
.ui-widget-content {
  color: #000 !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
  background: var(--color-primarydark) !important;
  border-color: var(--color-primarydark) !important;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -5px !important;
  width: 41px !important;
  height: 41px !important;
  margin-left: -20px !important;
  border-radius: 50% !important;
  border: 1px solid #343434;
}
.ui-widget.ui-widget-content {
  border-radius: 5px;
  border: 1px solid var(--color-lightgrey) !important;
}
.layoutTestamentBar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.layoutTestamentBarValue {
  width: 4.81203007518797%;
  margin-right: 3.007518796992481%;
  white-space: nowrap;
  transition: opacity 0.2s;
}
.layoutTestamentBarValue.invisible {
  opacity: 0;
}
.layoutTestamentSection .layoutTestamentBarValue input {
  height: 45px;
  font-size: 18px;
  padding: 0px 2px;
  line-height: 30px;
  margin-right: 2px;
  width: 100%;
  text-align: center;
  border-color: var(--color-lightgrey);
}
a.optionBtn {
  background: var(--color-lightgrey);
  color: var(--color-textsecondary);
  display: inline-block;
  padding: 6px 15px 9px;
  text-decoration: none;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-align: center;
  display: inline-block;
  margin: 0 10px 5px 0;
}
a.optionBtn.active {
  background: var(--color-turquoise);
  color: var(--color-black);
}
.layoutTestamentGroup {
  margin-bottom: 35px;
}
.layoutTestamentGroup[data-group] {
  display: none;
}
.layoutTestamentGroup h5 {
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 20px;
  padding: 0;
}
.layoutTestamentGroup h5 span {
  font-weight: 400;
}
.layoutTestamentGroup p.subtitle {
  background: var(--color-boxcontent);
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 15px 15px 10px;
}
.layoutTestamentOptions {
  background: var(--color-boxcontent);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 10px 15px 15px;
}
.layoutTestamentOptions .layoutTestamentOptions {
  margin-left: 20px;
}
.layoutTestamentNav {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.layoutTestamentSection[data-section="2"] .optionBtn[data-group] {
  display: none;
}
.layoutTestamentSection[data-section="3"] .optionBtn[data-group] {
  display: none;
}
.layoutTestamentNav a.btn {
  padding-left: 12px;
  padding-right: 12px;
}
.layoutTestamentGroup p + p {
  margin-top: 5px;
}
.layoutTestamentOptionInfo {
  display: none;
}
.layoutTestamentOptionPersons .layoutTestamentOptionPersons {
  margin-bottom: 5px;
}
.layoutTestamentOptionPersons {
  width: 655px;
}
.layoutFooterCopyright {
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  color: #8c94a2;
  position: absolute;
  right: 30px;
  bottom: 10px;
  z-index: 10000;
  padding-right: 0px;
}
.layoutFooterCopyright a {
  color: #656565;
  text-decoration: none;
}
.layoutTestamentSection input {
  border: 1px solid #ae92ab;
  padding: 6px 4px 2px 8px;
  border-radius: 4px;
  height: auto;
}
.layoutTestamentSection[data-section="3"] input {
  width: 140px;
}

fieldset {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
fieldset legend {
  display: none !important;
}
.formErrorMsg {
  display: none;
  color: #db1315;
  font-size: 12px;
  line-height: 14px;
  padding-top: 3px;
}
.error + .formErrorMsg,
.error + label + .formErrorMsg {
  display: block;
}
.tooltip {
  display: inline-block;
  margin-left: 7px;
  position: relative;
  top: 0;
}
.tooltip .tooltipText {
  left: 50%;
  top: 35px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  width: 400px;
  border: 1px solid #d1cdc9;
  background: #fff;
  padding: 10px 15px 11px;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  position: absolute;
  font-size: 16px;
  line-height: 24px;
  color: #68615c;
  box-shadow: 0 0 8px 0 rgba(212, 212, 212, 0.5);
  z-index: 10000;
  max-width: calc(100vw - 20px);
  font-weight: 400;


  left: 0;
  -webkit-transform: none;
  transform: none;
}
.tooltip svg {
  vertical-align: middle;
  position: relative;
  top: -2px;
  width: 26px !important;
  height: 26px !important;
  margin-right: 0px !important;
}
.tooltip svg path {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tooltip:hover svg path {
  fill: #666;
}
@media (min-width: 641px) {
  .tooltip:hover .tooltipText {
    opacity: 1;
    visibility: visible;
  }
}
span.tooltip {
  margin-left: 2px;
  margin-right: 2px;
}
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
label:focus-visible,
input:focus-visible + label {
  outline: 6px solid #1ba1c6 !important;
}
.layoutTestamentFrame {
  position: relative;
  z-index: 1000;
}
.layoutTestamentFrameInner {
  display: flex;
  width: 400%;
}
.layoutTestamentFrame .layoutTestamentSection {
  width: 25%;
}
.layoutTestamentSection {
  transition: transform 0.2s, opacity 0.2s;
  height: 10px !important;
}
.layoutTestamentSection.active {
  height: auto !important;
}
.layoutTestament.hasStep0 .layoutTestamentFrameInner {
  width: 500%;
}
.layoutTestament.hasStep0 .layoutTestamentFrame .layoutTestamentSection {
  width: 20%;
}
.layoutEstateInner {
  background: #eee;
}
section.layoutEstate .boxInfo {
  background: #fff left center no-repeat;
  border-radius: 4px;
  line-height: 120%;
  color: #565757;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 8px 20% 8px 48px;
}
section.layoutEstate .boxInfo.long {
  padding: 8px 20px 8px 48px;
}
section.layoutEstate .boxInfo a {
  display: inline-block;
  background: #eee;
  color: #333;
  padding: 3px 15px;
  margin-left: 10px;
  border-radius: 3px;
  font-weight: bold;
}
section.layoutEstate .boxInfo.instruction {
  background-image: url(/nlr/assets/images/estate/bgInstruction.png);
}
section.layoutEstate .boxInfo.information {
  background-image: url(/nlr/assets/images/estate/bgInformation.png);
}
section.layoutEstate .boxInfo.attention {
  background-image: url(/nlr/assets/images/estate/bgAttention.png);
}
section.layoutEstate .boxInfo.error {
  background-image: url(/nlr/assets/images/estate/bgError.png);
  display: none;
}
section.layoutEstate .boxInfo.visible {
  display: block;
}
section.layoutEstate {
  max-height: none;
}
.mod1Details {
  display: flex;
}
.layoutCheckboxes ul.mod1Details li {
  margin-right: 10px;
}
.layoutCheckboxes ul.mod1Details li + li {
  margin-top: 0;
}
.mod1Details select {
  color: black;
  margin-top: 5px;
}
section.layoutEstate .boxInfo.error {
  display: none;
}
td.mod2LeftTitle {
  background: #fff;
  padding: 12px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font-size: 13px;
  color: var(--color-primarydark);
  font-weight: bold;
}
tr.beige td.mod2LeftTitle {
  background: #fcfcfc;
  color: #555;
}
.total td.mod2LeftTitle {
  color: var(--color-primarydark) !important;
  background: transparent;
  color: #fff;
  font-weight: bold;
  text-align: right;
  font-size: 17px;
}
td.mod2LeftFlat {
  white-space: nowrap;
  background: #fff;
  padding: 12px;
  font-size: 17px;
  color: #555;
}
tr.beige td.mod2LeftFlat {
  background: #fcfcfc;
  color: #555;
  width: 30%;
}
td.mod2LeftFlat input {
  text-align: center;
  width: 200px;
  margin-right: 5px;
}
tr.beige td.mod2LeftFlat span {
  display: inline-block;
  width: 200px !important;
  margin-right: 5px;
  padding: 5px !important;
  text-align: center;
}
td.mod2LeftSwitch {
  white-space: nowrap;
  background: #fff;
  padding: 12px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 13px;
  color: var(--color-primarydark);
  font-weight: bold;
  text-align: right;
}
tr.beige td.mod2LeftSwitch {
  background: #fcfcfc;
  color: #555;
}
td.mod2LeftSwitch img {
  vertical-align: middle;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA2CAYAAADZJImDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF2WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODcxRkQ4MzY5RTM4N0MyMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3N0NCQTJGQUNBMzExMUU0OEZFREY3RkE4QTY4MTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozM2YyNWQ4OC1hNGY2LTRhZjUtOWMxNy0zZGRjYTUxZDFlOTciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNCBNYWNpbnRvc2giIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTA2LTIyVDE1OjAzOjQwKzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNi0yMlQxNTowNDoxOCswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNi0yMlQxNTowNDoxOCswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDplYWVkMWViOC1jZDM5LTRlNjEtODNlNC01YzI0MDRmZTM5OGQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDozMWM5YTIyZi0xMjliLTExNzgtOWJmYy04YjA4NTBlZWY4OGUiLz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MzNmMjVkODgtYTRmNi00YWY1LTljMTctM2RkY2E1MWQxZTk3IiBzdEV2dDp3aGVuPSIyMDI0LTA2LTIyVDE1OjA0OjE4KzAyOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjUuOSAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7KWxmXAAABNElEQVRYhe3YsUrDUBQG4K+XgpOCo32a+gbW3blj6yB1EQSXgoM4dna3voFvU3ddnKqLQpCkubdtblVytiSH8yU3JPxJZ9IfB1zgDD3brQUecNvFFa63DHzXIabYCxg2hBRrGHCUAeqFDAhooT8MTZ/vkgbV9a+8olgspq926eqGxJ5MJXR5fF47rLi/2J8E1WEpSC1UhaUi0Jn0xx8xjWXLF4uQ8Bz9HJqCJEHF4akICUu3ae3+FdRCvwp6y+C8BjxmgOYBIzxh2QCwxByjbPeoi3ucNDQ/YODrHp02hBRrELCfATr4nw9sC+WBUqPyWlBZ3No6tCpAbg2qCowpWFLIL4tbG4f8KqRse6PPlph8nYIlhfx1jkdBsUNi+tpI3EK7gV4yOIuAWQZo1sUN3jX88/YTsnZoZGw5bWMAAAAASUVORK5CYII=")
    no-repeat 0 0;
}
tr.mod2TableHolder table {
  display: none;
}
tr.mod2TableHolder > td:first-child table {
  background: transparent;
  padding: 10px;
  border-radius: 5px;
}
td.mod2Center {
  width: 5%;
}
.mod2Center.dots {
  background: url(/nlr/assets/images/estate/dots.png) repeat-x center;
}
td.mod2Right {
  width: 10% !important;
  background: #fff;
  padding: 12px;
  border-radius: 5px;
  vertical-align: top;
  font-size: 13px;
}
.total .mod2Right {
  background: var(--color-primarydark);
  color: #fff;
  font-weight: bold;
  text-align: right;
  font-size: 17px;
}
td.mod2Right div {
  text-align: right;
  font-size: 17px;
  color: #555;
}
td.mod2Right.big {
  font-size: 17px;
  color: #b8b8b8;
}
.center {
  text-align: center;
}
.equal {
  padding-top: 10px;
}
.top {
  vertical-align: top;
  padding-top: 3px;
  font-size: 11px;
}
td.spacer {
  height: 20px;
  padding: 0;
}
td.spacer.small {
  height: 10px;
  padding: 0;
}
.mod2Switch {
  text-align: center;
  padding-top: 20px !important;
}
.mod2Switch img {
  vertical-align: middle;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA2CAYAAADZJImDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODcxRkQ4MzY5RTM4N0MyMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3N0NCQTJGQUNBMzExMUU0OEZFREY3RkE4QTY4MTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3N0NCQTJGOUNBMzExMUU0OEZFREY3RkE4QTY4MTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M0IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmVhZWQxZWI4LWNkMzktNGU2MS04M2U0LTVjMjQwNGZlMzk4ZCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjMxYzlhMjJmLTEyOWItMTE3OC05YmZjLThiMDg1MGVlZjg4ZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps6uZlMAAAEiSURBVHja7Ni/D8FAFAfw14vERGLU/4dZ7Z07mowSiUViMlrZ1ewPqp3FpN6TSET6673ePZHcJV8D531cT9tHAPuRAYA5JsaEYHdkmANm08GHBWYJbsYAs8Z0aTUJuB8JQUMFKDSgNDz0x1Aen1mF6uabNm/mzDNtizT9MKVQcBjXFvt8/nM+e0VVGAdpdOiKMC7ymoe3iVy64U0R1nn0XZSDsE/Yd3Euwjp0/lrnIavQTcG5EnRUgFKCZpgT5uEAoJopGWp7RC3xFjNx+B2I3ns0VVhQRFBPAer7K4OH5BC3VRZBRe2WdaiqgbQGlTWMHMxIEAlmJCuRYEaCSDBWky95nf2zpe083xJ76DfQRcHJCNopQDtqIFeYOzj+8/YpwADp42hkesZQrQAAAABJRU5ErkJggg==")
    no-repeat 0 -27px;
}
.mod2Table td {
  padding: 3px 6px;
}
.mod2Table td input {
  text-align: center;
  width: 200px;
  margin-right: 5px;
  padding: 5px !important;
  border-radius: 3px;
  background: #fff;
  box-shadow: inset -2px 2px 5px #ddd;
}
.mod2TableSubline {
  color: #555;
  font-weight: bold;
  font-size: 13px;
  border-bottom: 3px solid #cfd1d3;
}
.mod2TableSum {
  background: #888;
  color: #fff;
  font-weight: 600;
}
.mod2TableField {
}
.mod2TableField:nth-child(2n + 2),
.mod2TableHeadline:nth-child(2n + 2),
.mod2TableSubline:nth-child(2n + 2) {
  text-align: center;
}
.mod2TableSpacer {
  height: 10px;
  padding: 0 !important;
  font-size: 0;
}
.mod2AddField {
  color: var(--color-primarydark);
  font-size: 12px;
  margin: 5px 0 7px 0;
  display: block;
}
.freefieldCaption {
  text-align: left !important;
}

html.closed {
  height: 100% !important;
}
body.closed {
  height: 100% !important;
  background: var(--color-white);
}
body.closed .layoutMain {
  padding: 0;
  height: 100%;
  padding: 222px 30px 55px;
}
body.closed .layoutContent {
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  height: 100%;
  padding: 0;
  overflow: visible;
}
body.closed h1 {
  margin-bottom: 60px;
  font-size: 36px;
  line-height: 36px;
  max-width: 670px;
}
body.closed p {
  max-width: 670px;
  font-size: 20px;
  line-height: 26px;
}
.layoutClosedAction {
  text-align: right;
  margin-top: 100px;
}
body.closed .layoutLogo {
  position: absolute;
  left: 0px;
  top: -192px;
}
body.closed .layoutLogo svg {
  width: 210px;
  height: auto;
}

.layoutTestamentPopup {
  position: fixed;
  left: 50%;
  top: 50%;
  visibility: hidden;
  width: 710px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  background: var(--color-white);
  border-radius: var(--borderradius);
  padding: 20px 20px 35px;
  transition: opacity 0.2s;
  z-index: 10002;
  transform: translate(-50%, -50%);
}
.layoutTestamentPopup.active {
  opacity: 1;
  visibility: visible;
}
.layoutTestamentPopup h4 {
  margin-bottom: 40px;
}
.layoutTestamentPopup input[type="text"] + input[type="text"] {
  margin-top: 10px;
}
.layoutTestamentPopupButtons {
  text-align: right;
  margin-top: 50px;
}
.layoutTestamentPopupButtons a + a {
  margin-left: 22px;
}

.layoutTestamentGroup {
  background: transparent;
}

.layoutTestamentLegacySwitch {
  width: 13.609022556390977%;
  margin-right: 1.503759398496241%;
}
.layoutTestamentLegacySwitch a {
  display: inline-flex;
  width: 33.33%;
  height: 45px;
  border: 1px solid var(--color-lightgrey);
  position: relative;
  z-index: 1;
  vertical-align: top;
  justify-content: center;
  align-items: center;
  transition: background 0.2s, border 0.2s;
}
.layoutTestamentLegacySwitch a + a {
  margin-left: -1px;
}
.layoutTestamentLegacySwitch a.active {
  border-color: var(--color-textsecondary);
  background: var(--color-lightgrey);
  z-index: 2;
}
.layoutTestamentLegacySwitch a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.layoutTestamentLegacySwitch a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.layoutTestamentLegacySwitch svg,
.layoutTestamentLegacySwitch img {
  width: 35px;
  height: auto;
}

.layoutSubStep {
  color: #656565;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 3px;
}


.layoutTestamentCheckbox {
  margin-top: 15px;
}

.layoutTestamentQuotePopup {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 600px;
  transform: translate(-50%,-50%);
  transition: opacity .2s;
  z-index: 100001;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  background: var(--color-white);
  border-radius: var(--borderradius);
  padding: 20px 20px 35px;  
}
body.showDistributionPopup .layoutTestamentQuotePopup {
  opacity: 1;
  visibility: visible;
}
body.showDistributionPopup:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.8);
  z-index: 100000;
}
.layoutTestamentQuotePopupBtns {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.layoutTestamentQuotePopupBtns .btn + .btn {
  margin-left: 10px;
}






.layoutFinalInputWrapper {
  width: 325px;  
  margin-bottom: 30px;
  position: relative;
}
.layoutFinalInputWrapper.layoutFinalInputWrapperTextarea {
  width: 100%;
}
.layoutFinalInputWrapper input[type="text"] {
  width: 100%;
  margin-bottom: 0px;
}
.layoutFinalInputWrapper label {
  position: absolute;
  top: 12px;
  left: 20px;
  right: 20px;
  font-size: 16px;
  line-height: 19px;
  color: #656565;
  background: #fff;
  transition: .2s ease all;
  z-index: 1;
  outline: none!important;
}
.layoutFinalInputWrapper .error + label {
  color: var(--color-error)!important;
}
.layoutFinalInputWrapper.has-value label,
.layoutFinalInputWrapper input[type="text"]:focus + label,
.layoutFinalInputWrapper textarea:focus + label,
.layoutFinalInputWrapper input[type="text"]:not(:placeholder-shown) + label,
.layoutFinalInputWrapper textarea:not(:placeholder-shown) + label {
  top: -10px;
  right: auto;
  font-size: 13px;
  line-height: 16px;
  padding: 0 6px;
  border-radius: 4px;
  left: 18px;
}




.layoutTestamentPopupWrapper {
  position: relative;
}
.layoutTestamentPopupWrapper + .layoutTestamentPopupWrapper {
  margin-top: 10px;
}
.layoutTestamentPopupWrapper label {
  position: absolute;
  top: 12px;
  left: 20px;
  right: 20px;
  font-size: 16px;
  line-height: 19px;
  color: #656565;
  background: #fff;
  transition: .2s ease all;
  z-index: 1;
  outline: none!important;
}
.layoutTestamentPopupWrapper.has-value label,
.layoutTestamentPopupWrapper input[type="text"]:focus + label,
.layoutTestamentPopupWrapper textarea:focus + label,
.layoutTestamentPopupWrapper input[type="text"]:not(:placeholder-shown) + label,
.layoutTestamentPopupWrapper textarea:not(:placeholder-shown) + label {
  top: -10px;
  right: auto;
  font-size: 13px;
  line-height: 16px;
  padding: 0 6px;
  border-radius: 4px;
  left: 18px;
}









body.overrideSections .layoutContentInner {
  width: auto!important;
  display: block!important;
}
body.overrideSections section {
  transform: none!important;
  display: block!important;
  width: auto!important;
  opacity: 1!important;
}
body.overrideSections .layoutTestamentFrameInner {
  width: auto!important;
  display: block!important;
}
body.overrideSections .layoutTestamentSection {
  width: auto!important;
  height: auto!important;
  opacity: 1!important;
}









@media (min-width: 750px) and (max-width: 1439px) {
  h1,h2 { font-size: 1.66667vw; line-height: 2.5vw; margin: 0 0 2.63889vw; width: 100%;}
  body {--borderradius: 0.34722vw; --fieldborderradius: 0.34722vw; font-size: 1.25vw; line-height: 2.08333vw; }
  header { position: fixed; left: 0.69444vw; top: 0.69444vw; right: 0.69444vw; z-index: 10000; height: 4.16667vw; background: box-shadow: 0.27778vw 0.27778vw 0.55556vw 0vw #00000014; margin-bottom: 0.69444vw; border-radius: var(--borderradius);}
  input[type="text"],textarea { width: 100%; border: 0.06944vw solid var(--color-lightgrey); height: auto; padding: 0.48611vw 0.69444vw 0.55556vw; font-size: 1.11111vw; line-height: 1.11111vw; border-radius: var(--fieldborderradius);}
  textarea { height: 6.94444vw;}
  input[type="checkbox"] { position: absolute; z-index: -1000; left: -69.44444vw; overflow: hidden; clip: rect(0 0 0 0); height: 0.06944vw; width: 0.06944vw; margin: -0.06944vw; padding: 0; border: 0;}
  input[type="checkbox"] + label { position: relative; padding-left: 2.70833vw; display: block;}
  input[type="checkbox"] + label:before { position: absolute; left: 1px; top: 0.34722vw; width: 1.52778vw; height: 1.52778vw; content: " "; background: transparent; border-radius: var(--borderradius); border: 0.06944vw solid var(--color-text); transition: background .2s, border-color .2s;}
  input[type="checkbox"] + label:after { position: absolute; left: 0.06944vw; top: 0.34722vw; width: 1.66667vw; height: 1.66667vw; content: " "; opacity: 0; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS4yNDUxNCAwTDExIDEuMDU2MzRMMy44OTQ5NCAxMkgzLjI5NTcyTDAgNy40NTc3NUwxLjQxMjQ1IDUuOTU3NzVMMy40ODgzMyA4Ljg1MjExTDkuMjQ1MTQgMFoiIGZpbGw9IndoaXRlIi8+PC9zdmc+") no-repeat center; background-size: 0.76389vw auto; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
  .layoutInfo { border-radius: var(--borderradius); margin-bottom: 2.43056vw; position: relative; width: 100%;}
  .layoutInfo.layout1 { padding: 0.97222vw 20.20833vw 0.69444vw 4.79167vw;}
  .layoutInfo.layout2 { padding: 0.90278vw 1.04167vw 2.43056vw; justify-content: center; margin-bottom: 2.29167vw;}
  .layoutInfo > svg { position: absolute; left: 1.04167vw; top: 0.69444vw; width: 2.36111vw; height: auto;}
  .layoutInfo.layout3 { padding: 1.04167vw 1.04167vw 3.125vw; width: 46.52778vw;}
  .layoutInfo.layout3 li + li { margin-top: 1.38889vw;}
  .layoutInfo.layout3 li { padding-left: 6.94444vw; position: relative;}
  .layoutInfo.layout3 svg { width: 4.09722vw; position: absolute; left: 0; top: 0;}
  .layoutInfo p svg { vertical-align: middle; width: 2.22222vw; height: auto; margin-right: 1.04167vw;}
  .layoutBox { border-radius: var(--borderradius); padding: 2.36111vw 1.04167vw 2.43056vw;}
  .layoutInfoCol { width: 22.56944vw; text-align: center;}
  .layoutInfoCol + .layoutInfoCol { margin-left: 1.38889vw;}
  .layoutInfoCol svg { margin-bottom: 0.76389vw; width: 5vw; height: auto; vertical-align: middle;}
  .layoutInfo.layout2 > p { font-size: 1.38889vw; line-height: 2.08333vw; font-weight: 700; margin-bottom: 0.97222vw;}
  section { width: 16.666666666666667%; background: #fff; /*min-height: calc(100vh - 5.55556vw);*/ -webkit-transition: transform 0.5s ease, opacity 0.5s ease; transition: transform 0.5s ease, opacity 0.5s ease; transition-delay: 0.1s; opacity: 0;}
/*  body.hasFooter section { min-height: calc(100vh - 8.125vw);}*/
  p + p { margin-top: 1.38889vw;}
  .layoutTitle { position: absolute; left: 2.77778vw; top: 1.04167vw;font-size: 1.52778vw; line-height: 1.80556vw; font-weight: 700; display: none;}
  .layoutMain { padding: 5.55556vw 0.69444vw 0.69444vw;}
  .layoutContent { overflow: hidden; border-radius: var(--borderradius); background: var(--color-background); padding: 2.22222vw 2.08333vw 3.81944vw; box-shadow: 0.27778vw 0.27778vw 0.55556vw 0vw #00000014; position: relative;}
  .layoutResult .layoutCheckboxes { background: var(--color-boxcontent); width: 32.352941176470588%; padding: 1.04167vw;}
  .layoutCheckboxes p + p { margin-top: 0.69444vw; font-size: 0.97222vw; line-height: 1.18056vw;}
  .layoutCheckboxes ul { list-style-type: none; margin: 0 0 0; padding: 1.73611vw 0 0;}
  .layoutCheckboxes ul li + li { margin-top: 0.97222vw;}
  .layoutCircleDiagram { width: 40.601503759398496%; position: relative; margin-right: 15.97222vw; max-width: 37.5vw;}
  .layoutCircleGroup a { position: absolute; z-index: 10; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--color-text) !important; text-decoration: none; font-size: 0.83333vw; line-height: 1.25vw; font-weight: 400; text-align: center; padding: 1.38889vw; border-radius: 1.04167vw;}
  .layoutCircleGroup0 a,.layoutCircleGroup1 a,.layoutCircleGroup2 a { padding: 0.55556vw;}
  .layoutCircleGroup a svg { height: auto; vertical-align: middle; display: block; margin: 0 auto 0.13889vw;}
  .layoutCircleGroup a svg.p0 { width: 2.29167vw;}
  .layoutCircleGroup a svg.p1 { width: 1.18056vw;}
  .layoutCircleGroup a svg.p2 { width: 1.04167vw;}
  .layoutCircleGroup0 a:nth-child(1) { left: 50%; top: 13.75vw;}
  .layoutCircleGroup1 a:nth-child(1) { left: 50%; top: calc(50% - 0.55556vw);}
  .layoutCircleGroup2 a:nth-child(1) { left: 35.460992907801418%; top: calc(50% - 0.55556vw);}
  .layoutCircleGroup2 a:nth-child(2) { left: 44.50354609929078%; top: 22.56944vw;}
  .layoutCircleGroup2 a:nth-child(3) { left: 55.49645390070922%; top: 22.56944vw;}
  .layoutCircleGroup2 a:nth-child(4) { left: 64.539007092198582%; top: calc(50% - 0.55556vw);}
  .layoutCircleGroup3 a:nth-child(1) { left: 42.553191489361702%; top: 9.02778vw;}
  .layoutCircleGroup4 a:nth-child(1) { left: 57.446808510638298%; top: 9.02778vw;}
  .layoutCircleGroup5 a:nth-child(1) { left: calc(23.226950354609929% - 0.34722vw); top: calc(50% - 0.55556vw);}
  .layoutCircleGroup5 a:nth-child(2) { left: calc(31.914893617021277% + 1.52778vw); top: 27.43056vw;}
  .layoutCircleGroup5 a:nth-child(3) { left: calc(68.085106382978723% - 1.73611vw); top: 27.36111vw;}
  .layoutCircleGroup5 a:nth-child(4) { left: calc(76.773049645390071% + 0.13889vw); top: calc(50% - 0.55556vw);}
  .layoutCircleGroup6 a:nth-child(1) { left: 2.91667vw; top: calc(50% - 0.55556vw);}
  .layoutCircleGroup6 a:nth-child(2) { left: 6.25vw; top: 8.75vw;}
  .layoutCircleGroup6 a:nth-child(3) { left: 50%; top: 2.91667vw;}
  .layoutCircleGroup6 a:nth-child(4) { left: calc(83.51063829787234% - 0.06944vw); top: 8.75vw;}
  .layoutCircleGroup6 a:nth-child(5) { left: 92.553191489361702%; top: calc(50% - 0.55556vw);}
  .layoutCircleLegend { position: absolute; right: -15.97222vw; bottom: 0vw; font-size: 1.11111vw; line-height: 1.66667vw;}
  .layoutCircleLegend svg { width: 1.66667vw; height: auto; margin-right: 0.625vw; vertical-align: middle;}
  .layoutButtonNavigation { text-align: right; padding: 2.77778vw 0 0; width: 100%;}
  .layoutButtonNavigation span { float: left; color: #8c94a2; font-size: 0.97222vw; line-height: 0.97222vw; position: relative; display: inline-block; padding-left: 2.5vw; padding-top: 0.76389vw;}
  .layoutButtonNavigation span:before { content: ""; position: absolute; left: 0; top: 0.55556vw; width: 2.77778vw; height: 1.73611vw; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMSA0MCIgd2lkdGg9IjM5IiBoZWlnaHQ9IjQwIj48Y2lyY2xlIGN4PSI2LjQ1IiBjeT0iNC4zIiByPSIzLjc5IiBzdHlsZT0iZmlsbDojOEM5NEEyO3N0cm9rZTojOEM5NEEyO3N0cm9rZS1taXRlcmxpbWl0OjEwIi8+PHBhdGggZD0iTS0xMy44OSwyMS42OWwuNjcsMTAuMWExLDEsMCwwLDAsMSwuOUgtOS42YTEsMSwwLDAsMCwxLS45bC42Ny0xMC4wNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcuMzggNi4xMSkiIHN0eWxlPSJmaWxsOiM4Qzk0QTI7c3Ryb2tlOiM4Qzk0QTI7c3Ryb2tlLWxpbmVqb2luOnJvdW5kIi8+PHBhdGggZD0iTS03LjMsMTUuMTRBMi41OSwyLjU5LDAsMCwwLTUsMTIuNTZWNS4xMkExLjQ5LDEuNDksMCwwLDAtNi40NywzLjYzaC0zbC0xLjQ2LDEuNDktMS40NS0xLjQ5aC0zYTEuNDksMS40OSwwLDAsMC0xLjUsMS40OGgwdjcuNDRhMi42LDIuNiwwLDAsMCwyLjM5LDIuNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcuMzggNi4xMSkiIHN0eWxlPSJmaWxsOiM4Qzk0QTI7c3Ryb2tlOiM4Qzk0QTI7c3Ryb2tlLWxpbmVqb2luOnJvdW5kIi8+PHBhdGggZD0iTS03LjI5LDd2OC4yMmEuNzkuNzksMCwwLDAsLjA3LjM3bDEuODQsNC44NmExLDEsMCwwLDEtLjUxLDEuMzJsLS4xMSwwaDBhMSwxLDAsMCwxLS4zOC4xaC05LjA5YTEuMDUsMS4wNSwwLDAsMS0xLjA2LTEuMDZ2MGgwYS45NC45NCwwLDAsMSwuMDctLjM3bDEuODItNC44NmEuOTQuOTQsMCwwLDAsLjA3LS4zN1Y3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNy4zOCA2LjExKSIgc3R5bGU9ImZpbGw6IzhDOTRBMjtzdHJva2U6IzhDOTRBMjtzdHJva2UtbGluZWpvaW46cm91bmQiLz48Y2lyY2xlIGN4PSIyMy44MyIgY3k9IjQuMjkiIHI9IjMuNzkiIHN0eWxlPSJmaWxsOiM4Qzk0QTI7c3Ryb2tlOiM4Qzk0QTI7c3Ryb2tlLW1pdGVybGltaXQ6MTAiLz48cGF0aCBkPSJNOC40MSwzMi43MWExLDEsMCwwLDAsMS0uOXMuNTctMTAuMjYuNjgtMTIuNDksMi4zNC0yLjIzLDIuMzQtNlY1LjE5QTEuNDksMS40OSwwLDAsMCwxMC45NCwzLjdIMkExLjQ5LDEuNDksMCwwLDAsLjUsNS4xOGgwdjguMThjMCwzLjcyLDIuMjMsMy43MiwyLjM0LDZzLjY5LDEyLjQ5LjY5LDEyLjQ5YTEsMSwwLDAsMCwxLC45WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcuMzggNi4xMSkiIHN0eWxlPSJmaWxsOiM4Qzk0QTI7c3Ryb2tlOiM4Qzk0QTI7c3Ryb2tlLWxpbmVqb2luOnJvdW5kIi8+PHBhdGggZD0iTTUsMy42NCw2LjQ5LDcuMzYsNy45NCwzLjY0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNy4zOCA2LjExKSIgc3R5bGU9ImZpbGw6IzhDOTRBMjtzdHJva2U6IzhDOTRBMjtzdHJva2UtbGluZWpvaW46cm91bmQiLz48L3N2Zz4=") no-repeat center; background-size: contain;}
  a.btn { background: var(--color-primarylight); color: #fff; display: inline-block; padding: 0.90278vw 1.66667vw; text-decoration: none; font-size: 1.25vw; line-height: 1.25vw; font-weight: 700; border-radius: var(--borderradius); transition: background 0.2s, color 0.2s; text-align: center; border: 0.06944vw solid var(--color-primarylight);}
  .layoutButtonNavigation .btn { margin-right: 0.69444vw;}
  body.skipCheckboxes .layoutResult { padding-left: 2.08333vw;}
  .comparisonAvailable .layoutResultInner { padding-top: 2.77778vw;}
  .layoutResultGroup h3 { text-align: center; padding: 0 0.69444vw; font-size: 1.38889vw; line-height: 2.08333vw; margin: 0;}
  .layoutResultGroup h3 + p { text-align: center; margin-bottom: 3.33333vw;}
  .layoutResultGroup { width: calc(50% - 0.06944vw);}
  .layoutResultDiagram { position: relative; width: 16.66667vw; height: 16.66667vw; margin: 0 auto; width: auto; height: auto; text-align: center;}
  body.hasComparison .layoutResultDiagram { width: 18.05556vw; height: 18.05556vw; width: 22.91667vw; height: 22.91667vw;}
  body.hasComparison .layoutResultDiagramInner { opacity: 0.5; margin: 2.43056vw;}
  .layoutResultGroup + .layoutResultGroup { border-left: 0.13889vw solid var(--color-lightgrey);}
  .layoutResultDiagramCenter { background: #fff; display: none; border-radius: 50%; position: absolute; left: 50%; top: 50%; width: 8.33333vw; height: 8.33333vw; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1000;}
  .layoutResultList { width: 100%; margin-top: 1.66667vw;}
  .layoutResultListCol { width: 40.697674%; border-top: 0.06944vw solid var(--color-lightgrey); display: flex; align-items: center; font-size: 1.11111vw; line-height: 1.66667vw; min-height: 3.61111vw;}
  .layoutResultListEntry:last-child .layoutResultListCol:first-child,.layoutResultListEntry:last-child .layoutResultListCol:last-child { border-bottom: 0.06944vw solid var(--color-lightgrey);}
  .layoutResultListCol:nth-child(2) { width: 18.604651%; text-align: center; padding: 1.04167vw 0.69444vw 0.90278vw; border: none; justify-content: center;}
  .layoutResultBar { height: 0.83333vw; border-radius: 0.41667vw; display: block; position: relative; width: 0.27778vw;}
  .layoutResultBar + .layoutResultBar { margin-top: 0.55556vw;}
  .layoutResultBar.isnull { width: 0.83333vw !important; background: #777 !important;}
  .layoutResultBar.isfreenull { width: 0.83333vw !important;}
  .layoutResultBar:before { content: attr(data-value); position: absolute; left: -0.69444vw; -webkit-transform: translateX(-100%); transform: translateX(-100%); white-space: nowrap; font-size: 1.11111vw; line-height: 1.66667vw; top: -0.48611vw; color: var(--color-text); }
  .layoutResultListCol:nth-child(3) .layoutResultBar:before { right: -0.69444vw; -webkit-transform: translateX(100%); transform: translateX(100%);}
  .layoutResultSwitch { position: absolute; right: 2.08333vw; top: 0.69444vw; background: #efedf5; border-radius: 0.27778vw; padding: 0.41667vw;}
  .layoutCheckboxes .layoutResultSwitch { position: static; margin-top: 2.77778vw; opacity: 0; transition: all 0.2s ease; visibility: hidden; display: none;}
  .layoutResultSwitch a { display: inline-block; padding: 0.27778vw 0.55556vw; border-radius: 0.27778vw; color: #9da1aa; text-decoration: none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
  .layoutResultSwitch a.active { background: #fff; filter: drop-shadow(0px 0.20833vw 0.41667vw rgba(0, 0, 0, 0.1)); color: #000;}
  .layoutResultSwitch a + a { margin-left: 0.34722vw;}
  .layoutFinalOverlay { position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 84.02778vw; background: var(--color-white); padding: 2.43056vw 2.77778vw 3.81944vw; z-index: 10002; opacity: 0; visibility: hidden; transition: opacity .2s,visibility .2s;}
  .layoutFinalOverlayCol { width: 31.94444vw;}
  .layoutFinalOverlayCol + .layoutFinalOverlayCol { width: 46.52778vw;}
  .layoutFinalOverlay input[type="text"],.layoutFinalOverlay textarea { margin-bottom: 2.08333vw;}
  .layoutFinalOverlay input[type="text"] { width: 22.56944vw;}
  .layoutFinalOverlayCol input[type="checkbox"] + label + input[type="checkbox"] + label { margin-top: 1.31944vw;}
  .layoutFinalOverlayAction { text-align: right; margin-top: 2.43056vw;}
  .layoutFinalOverlayAction .btn + .btn { margin-left: 1.38889vw;}
  .layoutFinalOverlay > a[data-purpose="closeForm"] { position: absolute; right: 2.77778vw; top: 2.43056vw; z-index: 101;}
  .layoutFinalOverlaySuccess { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; transition: opacity .2s,visibility .2s; background: var(--color-white); z-index: 100; padding: 2.43056vw 2.77778vw 3.81944vw; }
  .layoutFinalOverlaySuccess a.btn { position: absolute; right: 2.77778vw; bottom: 3.81944vw;}
  .layoutFinalDownloads { width: 100%; padding-bottom: 2.43056vw; margin-bottom: 2.43056vw; border-bottom: 0.06944vw solid var(--color-lightgrey);}
  .layoutFinalDownloads h3 { font-size: 1.38889vw; line-height: 2.08333vw; font-weight: 700; margin-bottom: 1.04167vw!important;}
  .layoutFinalDownloads a.btn + a.btn { margin-left: 1.38889vw;}
  .layoutFinalDownloads a.btn { position: relative; display: inline-block; padding-left: 4.44444vw;}
  .layoutFinalDownloads a.btn svg { position: absolute; left: 1.66667vw; top: 0.55556vw; width: 1.94444vw; height: auto;}
  .layoutFinalTable { display: flex; flex-wrap: wrap; margin-top: 1.38889vw; margin-bottom: 2.77778vw; justify-content: center;}
  .layoutFinalTableCell { margin: 1.38889vw 1.38889vw;}
  .layoutFinalForm { margin-top: 1.04167vw;}
  .layoutFinal hr { width: 100%; height: 0.06944vw; background: var(--color-lightgrey); border: none; margin: 2.43056vw 0 0;}
  .layoutFinal form a.btn { margin-top: 2.08333vw;}
  .layoutFinalForm form > a { margin-bottom: 2.08333vw;}
  .layoutFinalCol { width: 30.55556vw;}
  .layoutFinalCol + .layoutFinalCol { width: 38.54167vw; margin-right: 7.98611vw;}
  .layoutFinalCol img { float: left; width: 10.76389vw; height: auto; vertical-align: middle; margin-right: 3.81944vw;}
  .layoutFinal h3 { font-size: 1.38889vw; line-height: 2.08333vw; margin: 0 0 2.43056vw;}
  .layoutFinal ul { list-style-type: none; margin: 1.38889vw 0 2.5vw; padding: 0;}
  .layoutFinal li { position: relative; padding-left: 1.875vw;}
  .layoutFinal li:before { content: ""; position: absolute; left: 0.76389vw; top: 0.97222vw; width: 0.41667vw; height: 0.41667vw; font-size: 0.06944vw; line-height: 0.06944vw; border-radius: 50%; background: var(--color-text);}
  p + form { margin-top: 1.04167vw;}
  .formLine label + input + label { margin-top: 1.04167vw;}
  .formLine + .formLine { margin-top: 1.73611vw;}
  .layoutSuccess { padding: 0 2.08333vw;}
  .layoutSuccessBox { padding: 2.08333vw; border: 0.06944vw solid var(--color-primarydark); border-radius: 0.20833vw;}
  .layoutSuccessBox svg { width: 5.06944vw; height: auto; vertical-align: middle;}
  .layoutSuccessBox a.icon { display: block; text-align: center; padding: 2.77778vw 0;}
  .layoutOptions { position: fixed; right: 0; top: 0; width: 20.83333vw; background: #ddd; z-index: 100000; padding: 1.38889vw; filter: drop-shadow(0px 0.20833vw 0.20833vw rgba(0, 0, 0, 0.149)); -webkit-transform: translateX(110%); transform: translateX(110%); -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
  nav.navMain { padding: 0 0 0 0.69444vw;}
  nav.navMain ul li a { color: inherit; text-decoration: none; cursor: default; display: block; padding: 1.04167vw 1.38889vw; font-weight: 300; position: relative;}
  nav.navMain ul li.active a:after { content: ""; position: absolute; left: 1.38889vw; bottom: 0; right: 1.38889vw; height: 0.48611vw; background: var(--color-primarydark);}
  .layoutTestamentGroup[data-mode="free"] .layoutTestamentBarSlider { border-radius: 1.04167vw;}
  .layoutTestamentOrgOption { margin-top: 1.04167vw;}
  .layoutTestamentOrgOption a.optionBtn { margin-top: 0.34722vw; display: inline-block;}
  .layoutTestamentOrgValue { margin-right: 0.69444vw;}
  .layoutTestamentSectionContent p > svg { width: 1.66667vw; height: auto; vertical-align: middle; margin-right: 0.27778vw;}
  .layoutTestamentSection input[name="legacyObject"],.layoutTestamentSection input[name="legacyAmount"] { position: absolute; left: 0; top: -0.48611vw; right: 0; height: 3.125vw; border: 0.06944vw solid var(--color-lightgrey) !important; }
  .layoutTestamentSectionContentCol { width: 38.54167vw;}
  .layoutTestamentBarName a[data-purpose="data-purpose"] svg { width: 1.11111vw; height: auto;}
  .layoutTestamentGroup[data-mode="free"] .layoutTestamentBarSliderBar { border: 0.06944vw solid var(--color-lightgrey); border-left: none; border-top-right-radius: 1.04167vw; border-bottom-right-radius: 1.04167vw;}
  .layoutTestamentBarSliderFix { background: var(--color-lightpurple); color: #fff; text-align: center; font-size: 1.04167vw; line-height: 1.04167vw; height: 2.15278vw; overflow: hidden; white-space: nowrap; border-top-left-radius: 1.04167vw; border-bottom-left-radius: 1.04167vw; display: flex; justify-content: center; align-items: center; transition: opacity .2s; }
  .ui-slider-horizontal { height: 2.15278vw !important; border-radius: 0vw!important; border-top-right-radius: 1.04167vw!important; border-bottom-right-radius: 1.04167vw!important; }
  .layoutTestamentBarSliderPointer { position: absolute; left: -0.06944vw; top: -0.06944vw; bottom: -0.06944vw; background: var(--color-turquoise); width: 0%; text-align: center; font-size: 1.04167vw; line-height: 1.04167vw; overflow: hidden; color: #000; display: flex; justify-content: center; align-items: center; }
  .layoutTestamentBarSliderFix[data-fix="0"] + .layoutTestamentBarSliderBar { border-top-left-radius: 1.04167vw!important; border-bottom-left-radius: 1.04167vw!important; }
  .layoutTestamentBarSliderFix[data-fix="0"] + .layoutTestamentBarSliderBar .layoutTestamentBarSliderPointer { border-top-left-radius: 1.04167vw; border-bottom-left-radius: 1.04167vw;}
  .layoutTestamentBarSliderGhost { position: absolute; right: 0; top: 0; bottom: 0; background: #efedf5; width: 0%; text-align: center; font-size: 1.04167vw; line-height: 1.04167vw; overflow: hidden; color: #000; border-top-left-radius: 0vw; border-bottom-left-radius: 0vw; border-top-right-radius: 1.04167vw; border-bottom-right-radius: 1.04167vw;}
  .layoutTestamentBarSliderFix[data-fix="0"] + .layoutTestamentBarSliderBar .layoutTestamentBarSliderGhost { border-top-left-radius: 1.04167vw; border-bottom-left-radius: 1.04167vw; }
  .layoutTestamentGroup[data-mode="free"].notZero .layoutTestamentBarSliderFix[data-fix="0"] + .layoutTestamentBarSliderBar .layoutTestamentBarSliderGhost { border-top-left-radius: 0vw; border-bottom-left-radius: 0vw;}
  .layoutTestamentBarSliderFix[data-fix="0"] + .layoutTestamentBarSliderBar { border-left: 0.06944vw solid var(--color-lightgrey);}
  .layoutTestamentGroup[data-mode="free"].full .layoutTestamentBarSliderFix + .layoutTestamentBarSliderBar .layoutTestamentBarSliderPointer { border-top-right-radius: 1.04167vw; border-bottom-right-radius: 1.04167vw; }
  .layoutTestament h3 { margin: 0 0 1.38889vw;}
  .layoutTestamentSection[data-section="4"] .layoutTestamentGroup { padding: 1.04167vw; background: var(--color-boxcontent); border-radius: var(--borderradius); }
  .layoutTestamentSection[data-section="4"] .layoutTestamentGroup[data-mode="free"] { background: var(--color-midgrey); border: 0.06944vw solid var(--color-texttertiary);}
  .layoutTestamentSection[data-section="4"] .layoutTestamentGroup h5 { font-size: 1.25vw; line-height: 2.08333vw; font-weight: 700;}
  .layoutTestamentPerson { border: 0.06944vw solid var(--color-lightgrey); padding: 0.34722vw 1.66667vw 0.13889vw 0.55556vw; border-radius: 0.27778vw; height: 3.47222vw;}
  .layoutTestamentPerson span { font-size: 1.25vw; line-height: 2.08333vw; display: inline-block; padding-top: 0.27778vw;}
  .layoutTestamentPerson a[data-purpose="delete"] { float: right; font-size: 0.06944vw; line-height: 0.06944vw; padding: 0.97222vw 0 0 0; }
  .layoutTestamentLivingSwitch { float: right; margin-right: 2.43056vw;}
  p + .layoutTestamentSectionContent { margin-top: 0.69444vw;}
  .layoutTestamentPerson svg { width: 0.83333vw; height: auto; vertical-align: middle; margin-top: 0vw;}
  .layoutTestamentSection h4 { margin: 0 0 0.69444vw;}
  .layoutTestamentSection p + h4 { margin-top: 1.38889vw;}
  p + .layoutTestamentSection { margin-top: 1.38889vw;}
  .layoutTestamentPerson a.btn { font-size: 0.90278vw; line-height: 0.90278vw; padding: 0.27778vw 0.27778vw 0.41667vw; background: #efedf5; color: #9da1aa; min-width: 0; margin-left: 0.34722vw; display: inline-block; vertical-align: top;}
  .layoutTestamentPerson .layoutTestamentLivingSwitch a.btn { border-color: var(--color-lightgrey); border-radius: 0.34722vw; padding-left: 1.11111vw; padding-right: 1.11111vw; font-weight: 400; font-size: 1.11111vw; line-height: 1.66667vw; z-index: 1; position: relative;}
  .layoutTestamentPerson .layoutTestamentLivingSwitch a.btn + a.btn { border-top-left-radius: 0vw; border-bottom-left-radius: 0vw; color: var(--color-textsecondary); margin-left: -0.06944vw;}
  .layoutTestamentPerson .layoutTestamentLivingSwitch a.btn:first-child { border-top-right-radius: 0vw; border-bottom-right-radius: 0vw;}
  .layoutTestamentPerson + .layoutTestamentPerson { margin-top: 0.69444vw;}
  .layoutTestamentPerson a:nth-last-child(3) { margin-left: 0.69444vw;}
  .layoutTestamentBar + .layoutTestamentBar { margin-top: 0.34722vw; padding-top: 0.34722vw;}
  .ui-slider-horizontal .ui-slider-handle { top: -0.34722vw !important; width: 2.84722vw !important; height: 2.84722vw !important; margin-left: -1.38889vw !important; border-radius: 50%!important; border: 0.06944vw solid #343434;}
  .ui-widget.ui-widget-content { border-radius: 0.34722vw; border: 0.06944vw solid var(--color-lightgrey)!important;}
  .layoutTestamentSection .layoutTestamentBarValue input { height: 3.125vw; font-size: 1.25vw; padding: 0vw 0.13889vw; line-height: 2.08333vw; margin-right: 0.13889vw; width: 100%; text-align: center; border-color: var(--color-lightgrey);}
  a.optionBtn { background: var(--color-lightgrey); color: var(--color-textsecondary); display: inline-block; padding: 0.41667vw 1.04167vw 0.625vw; text-decoration: none; font-size: 0.97222vw; line-height: 0.97222vw; font-weight: 400; border-radius: 0.20833vw; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-align: center; display: inline-block; margin: 0 0.69444vw 0.34722vw 0;}
  .layoutTestamentGroup { margin-bottom: 2.43056vw;}
  .layoutTestamentGroup h5 { font-size: 1.38889vw; line-height: 2.08333vw; margin: 0 0 1.38889vw; padding: 0;}
  .layoutTestamentGroup p.subtitle {background: var(--color-boxcontent);font-size: 1.25vw;line-height: 1.66667vw;font-weight: 700;border-top-left-radius: 0.34722vw;border-top-right-radius: 0.34722vw;padding: 1.04167vw 1.04167vw 0.69444vw;}
  .layoutTestamentOptions {background: var(--color-boxcontent);border-bottom-left-radius: 0.34722vw;border-bottom-right-radius: 0.34722vw; padding: 0.69444vw 1.04167vw 1.04167vw;}
  .layoutTestamentOptions .layoutTestamentOptions { margin-left: 1.38889vw;}
  .layoutTestamentNav a.btn { padding-left: 0.83333vw; padding-right: 0.83333vw;}
  .layoutTestamentGroup p + p { margin-top: 0.34722vw;}
  .layoutTestamentOptionPersons .layoutTestamentOptionPersons { margin-bottom: 0.34722vw;}
  .layoutTestamentOptionPersons { width: 45.48611vw;}
  .layoutFooterCopyright { font-size: 0.83333vw; line-height: 1.04167vw; text-align: right; position: absolute; right: 2.08333vw; bottom: 0.69444vw; z-index: 10000; padding-right: 0vw;}
  .layoutTestamentSection input { border: 0.06944vw solid #ae92ab; padding: 0.41667vw 0.27778vw 0.13889vw 0.55556vw; border-radius: 0.27778vw; height: auto;}
  .layoutTestamentSection[data-section="3"] input { width: 9.72222vw;}
  .formErrorMsg { display: none; font-size: 0.83333vw; line-height: 0.97222vw; padding-top: 0.20833vw;}
  .tooltip { display: inline-block; margin-left: 0.48611vw; position: relative; top: 0;}
  .tooltip .tooltipText {  top: 2.43056vw; opacity: 0; visibility: hidden; width: 27.77778vw; border: 0.06944vw solid #d1cdc9; background: #fff; padding: 0.69444vw 1.04167vw 0.76389vw; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; position: absolute; font-size: 1.11111vw; line-height: 1.66667vw; box-shadow: 0 0 0.55556vw 0 rgba(212, 212, 212, 0.5); z-index: 10000; max-width: calc(100vw - 1.38889vw); font-weight: 400;}
  .tooltip svg { vertical-align: middle; position: relative; top: -0.13889vw; width: 1.80556vw!important; height: 1.80556vw!important; margin-right: 0vw!important;}
  @media (min-width: 44.51389vw) { .tooltip:hover .tooltipText { opacity: 1; visibility: visible; }
  span.tooltip { margin-left: 0.13889vw; margin-right: 0.13889vw;}
  input:focus-visible,textarea:focus-visible,select:focus-visible,label:focus-visible,input:focus-visible + label { outline: 0.41667vw solid #1ba1c6 !important;}
  .layoutTestamentSection { transition: transform 0.2s, opacity 0.2s; height: 0.69444vw!important;}
  section.layoutEstate .boxInfo { background: #fff left center no-repeat; border-radius: 0.27778vw; line-height: 120%; font-size: 0.83333vw; margin-bottom: 0.69444vw; padding: 0.55556vw 20% 0.55556vw 3.33333vw;}
  section.layoutEstate .boxInfo.long { padding: 0.55556vw 1.38889vw 0.55556vw 3.33333vw;}
  section.layoutEstate .boxInfo a { display: inline-block;padding: 0.20833vw 1.04167vw; margin-left: 0.69444vw; border-radius: 0.20833vw; font-weight: bold;}
  .layoutCheckboxes ul.mod1Details li { margin-right: 0.69444vw;}
  .mod1Details select { color: black; margin-top: 0.34722vw;}
  td.mod2LeftTitle { background: #fff; padding: 0.83333vw; border-top-left-radius: 0.34722vw; border-bottom-left-radius: 0.34722vw; font-size: 0.90278vw; color: var(--color-primarydark); font-weight: bold;}
  .total td.mod2LeftTitle { color: var(--color-primarydark) !important; background: transparent; font-weight: bold; text-align: right; font-size: 1.18056vw;}
  td.mod2LeftFlat { white-space: nowrap; background: #fff; padding: 0.83333vw; font-size: 1.18056vw;}
  td.mod2LeftFlat input { text-align: center; width: 13.88889vw; margin-right: 0.34722vw;}
  tr.beige td.mod2LeftFlat span { display: inline-block; width: 13.88889vw !important; margin-right: 0.34722vw; padding: 0.34722vw !important; text-align: center;}
  td.mod2LeftSwitch { white-space: nowrap; background: #fff; padding: 0.83333vw; border-top-right-radius: 0.34722vw; border-bottom-right-radius: 0.34722vw; font-size: 0.90278vw; color: var(--color-primarydark); font-weight: bold; text-align: right;}
  tr.mod2TableHolder > td:first-child table { background: transparent; padding: 0.69444vw; border-radius: 0.34722vw;}
  td.mod2Right { width: 10% !important; background: #fff; padding: 0.83333vw; border-radius: 0.34722vw; vertical-align: top; font-size: 0.90278vw;}
  .total .mod2Right {font-weight: bold; text-align: right; font-size: 1.18056vw;}
  td.mod2Right div { text-align: right; font-size: 1.18056vw;}
  td.mod2Right.big { font-size: 1.18056vw; }
  .equal { padding-top: 0.69444vw;}
  .top { vertical-align: top; padding-top: 0.20833vw; font-size: 0.76389vw;}
  td.spacer { height: 1.38889vw; padding: 0;}
  td.spacer.small { height: 0.69444vw; padding: 0;}
  .mod2Switch { text-align: center; padding-top: 1.38889vw !important;}
  .mod2Switch img { vertical-align: middle; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA2CAYAAADZJImDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODcxRkQ4MzY5RTM4N0MyMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3N0NCQTJGQUNBMzExMUU0OEZFREY3RkE4QTY4MTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3N0NCQTJGOUNBMzExMUU0OEZFREY3RkE4QTY4MTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M0IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmVhZWQxZWI4LWNkMzktNGU2MS04M2U0LTVjMjQwNGZlMzk4ZCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjMxYzlhMjJmLTEyOWItMTE3OC05YmZjLThiMDg1MGVlZjg4ZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps6uZlMAAAEiSURBVHja7Ni/D8FAFAfw14vERGLU/4dZ7Z07mowSiUViMlrZ1ewPqp3FpN6TSET6673ePZHcJV8D531cT9tHAPuRAYA5JsaEYHdkmANm08GHBWYJbsYAs8Z0aTUJuB8JQUMFKDSgNDz0x1Aen1mF6uabNm/mzDNtizT9MKVQcBjXFvt8/nM+e0VVGAdpdOiKMC7ymoe3iVy64U0R1nn0XZSDsE/Yd3Euwjp0/lrnIavQTcG5EnRUgFKCZpgT5uEAoJopGWp7RC3xFjNx+B2I3ns0VVhQRFBPAer7K4OH5BC3VRZBRe2WdaiqgbQGlTWMHMxIEAlmJCuRYEaCSDBWky95nf2zpe083xJ76DfQRcHJCNopQDtqIFeYOzj+8/YpwADp42hkesZQrQAAAABJRU5ErkJggg==") no-repeat 0 -1.875vw;}
  .mod2Table td { padding: 0.20833vw 0.41667vw;}
  .mod2Table td input { text-align: center; width: 13.88889vw; margin-right: 0.34722vw; padding: 0.34722vw !important; border-radius: 0.20833vw; background: #fff; box-shadow: inset -0.13889vw 0.13889vw 0.34722vw #ddd;}
  .mod2TableSubline {font-weight: bold; font-size: 0.90278vw; border-bottom: 0.20833vw solid #cfd1d3;}
  .mod2TableSpacer { height: 0.69444vw; padding: 0 !important; font-size: 0;}
  .mod2AddField { color: var(--color-primarydark); font-size: 0.83333vw; margin: 0.34722vw 0 0.48611vw 0; display: block;}
  body.closed .layoutMain { padding: 0; height: 100%; padding: 15.41667vw 2.08333vw 3.81944vw; }
  body.closed h1 { margin-bottom: 4.16667vw; font-size: 2.5vw; line-height: 2.5vw; max-width: 46.52778vw; }
  body.closed p { max-width: 46.52778vw;}
  .layoutClosedAction { text-align: right; margin-top: 6.94444vw;}
  body.closed .layoutLogo { position: absolute; left: 0vw; top: -13.33333vw;}
  body.closed .layoutLogo svg { width: 14.58333vw; height: auto;}
  .layoutTestamentPopup { position: fixed; left: 50%; top: 50%; visibility: hidden; width: 49.30556vw; filter: drop-shadow(0px 0.27778vw 0.27778vw rgba(0, 0, 0, 0.25)); background: var(--color-white); border-radius: var(--borderradius); padding: 1.38889vw 1.38889vw 2.43056vw; transition: opacity .2s; z-index: 10002; transform: translate(-50%,-50%);}
  .layoutTestamentPopup h4 { margin-bottom: 2.77778vw;}
  .layoutTestamentPopup input[type="text"] + input[type="text"] { margin-top: 0.69444vw;}
  .layoutTestamentPopupButtons { text-align: right; margin-top: 3.47222vw;}
  .layoutTestamentPopupButtons a + a { margin-left: 1.52778vw;}
  .layoutTestamentLegacySwitch a { display: inline-flex; width: 33.33%; height: 3.125vw; border: 0.06944vw solid var(--color-lightgrey); position: relative; z-index: 1; vertical-align: top; justify-content: center; align-items: center; transition: background .2s,border .2s;}
  .layoutTestamentLegacySwitch a + a { margin-left: -0.06944vw;}
  .layoutTestamentLegacySwitch a:first-child { border-top-left-radius: 0.34722vw; border-bottom-left-radius: 0.34722vw;}
  .layoutTestamentLegacySwitch a:last-child { border-top-right-radius: 0.34722vw; border-bottom-right-radius: 0.34722vw;}
  .layoutTestamentLegacySwitch svg { width: 2.43056vw; height: auto;}
  .layoutSubStep { font-size: 1.11111vw; line-height: 1.66667vw; margin-bottom: 0.20833vw;}
}