@CHARSET "UTF-8";

body[data-size="xs"] #mainbody > section:not(.headerbar) > section.inner,
body[data-size="s"] #mainbody > section:not(.headerbar) > section.inner,
body[data-size="xs"] #mainbody > section:not(.headerbar) > section > section.inner,
body[data-size="s"] #mainbody > section:not(.headerbar) > section > section.inner {
	width: calc(100% - 40px);
    margin-left: 20px;
    height: auto;
}

body[data-size="xs"] .split3,
body[data-size="s"] .split3,
body[data-size="xs"] .split,
body[data-size="s"] .split {
    grid-template-columns: 1fr !important;
}


body[data-size="xs"] .blocks > li,
body[data-size="s"] .blocks > li {
    width: 100% !important;
    margin-right: 0px !important;
}

body[data-size="xs"] .blocks > li
body[data-size="xs"] .split > *,
body[data-size="s"] .split > *,
body[data-size="xs"] .split3 > *,
body[data-size="s"] .split3 > * {
	width: 100% !important;
	margin-right: 0px !important;
}

body[data-size="s"] .blocks > li,
body[data-size="xs"] .blocks > li {
    padding-top: 42% !important;
}

body[data-size="s"][data-device="iphone"] .blocks > li,
body[data-size="xs"][data-device="iphone"] .blocks > li {
    padding-top: 65% !important;
}


body[data-size="xs"] .split,
body[data-size="s"] .split {
	width: calc(100%);
}

body[data-size="xs"] .grid > *,
body[data-size="s"] .grid > * {
	width: calc(100%);
}

body[data-size="xs"] .grid > *:first-child,
body[data-size="s"] .grid > *:first-child {
	margin-right: 0px;
    margin-bottom: 20px;
}


body[data-size="xs"] header > span + h0:has(+ h2),
body[data-size="s"] header > span + h0:has(+ h2) {
    position: relative;
    margin-top: 20px;
    margin-left: 0px;
    width: 100%;
    color: inherit;
    display: inline-block;
}

body[data-size="xs"] header > span + h0 + h2,
body[data-size="s"] header > span + h0 + h2 {
    position: relative;
    margin-left: 0px;
    width: 100%;
    color: inherit;
    display: inline-block;
}

body[data-size="xs"] .dialogbox,
body[data-size="s"] .dialogbox {
    width: 100% !important;
    height: 100% !important;
    top: 0px;
    left: 0px;
    transform: none;
} 

body[data-size="xs"] .dialogbox > .dialogbox_inner,
body[data-size="s"] .dialogbox > .dialogbox_inner {
    width: 100% !important;
    height: 100% !important;
    top: 0px;
    left: 0px;
    border-radius: 0px;
} 

body[data-size="xs"] .dialogbox > .dialogbox_inner form ul.fields .collection:not(.fixed) > *,
body[data-size="s"] .dialogbox > .dialogbox_inner form ul.fields .collection:not(.fixed) > * {
    float: none;
    margin-bottom: 30px !important;
}

body[data-size="xs"] .dialogbox > .dialogbox_inner form ul.fields li.collection:not(.fixed),
body[data-size="s"] .dialogbox > .dialogbox_inner form ul.fields li.collection:not(.fixed) {
    margin-bottom: 0px;
}

body[data-size="xs"] header > h2 + span.budget,
body[data-size="s"] header > h2 + span.budget {
    position: relative;
    float: none;
    margin-top: 30px;
}

body[data-size="xs"] ul.stages > li,
body[data-size="s"] ul.stages > li,
body[data-size="xs"] ul.stages > li > div.stage,
body[data-size="s"] ul.stages > li > div.stage {
    width: 100%;
}

body[data-size="xs"] ul.stages > li.placeholder,
body[data-size="s"] ul.stages > li.placeholder {
    display: none;
}

body[data-size="xs"] .advantages > ul > li,
body[data-size="s"] .advantages > ul > li {
    min-height: auto;
}