@CHARSET "UTF-8";


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


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

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

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

body[data-size="xs"] .split[data-count='auto'],
body[data-size="s"] .split[data-count='auto'] { 
    grid-template-columns: repeat(auto-fit, 100%); 
}


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

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;
}


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"] ul.pics.collection,
body[data-size="s"] ul.pics.collection {
    width: 100%;
}

body[data-size="xs"] ul.pics.collection > li,
body[data-size="s"] ul.pics.collection > li {
    width: calc(100% - 2px);
    padding-top: 50%;
}

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;
}