1
2/* ### ### ### */
3
4#weltis__main > .wrapper {
5	/* Display */
6	display: flex;
7	flex-flow: row nowrap;
8	justify-content: center;
9	align-items: stretch;
10	gap: 3rem;
11	/* Position */
12	position: relative;
13	/* Box */
14	margin: 5rem 10rem 7rem;
15}
16
17#weltis__content {
18	/* Display */
19	flex: 1;
20	/* Position */
21	position: relative;
22	/* Size */
23	max-width: var(--max-width-content);
24}
25
26@media only screen and (max-width: @ini_tablet_width) {
27	#weltis__main > .wrapper {
28		/* Display */
29		display: flex;
30		flex-flow: column;
31		gap: 1rem;
32		/* Box */
33		margin: 2rem 4rem 4rem;
34	}
35}
36
37@media only screen and (max-width: @ini_phone_width) {
38	#weltis__main > .wrapper {
39		/* Box */
40		margin: 1rem 1rem 3rem;
41	}
42}
43
44#weltis__content > .content,
45#weltis__detail > .content {
46	/* Display */
47	display: flex;
48	flex-flow: column nowrap;
49	align-items: end;
50	gap: 1rem;
51	/* Position */
52	position: relative;
53	/* Size */
54	max-width: var(--max-width-content);
55}
56
57#weltis__content > .content .page,
58#weltis__detail > .content .page {
59	/* Flex */
60	align-self: center;
61	/* Box */
62	margin-bottom: 3rem;
63	/* Size */
64	height: 10rem;
65	height: auto;
66	min-height: 10rem;
67	width: 100%;
68}
69
70#weltis__content > .content .page img {
71	/* Color */
72	background: var(--main-color);
73}
74
75#weltis__content > .content .page > .footnotes,
76#weltis__detail > .content .page > .footnotes {
77	/* Box */
78	padding-top: 1rem;
79	border-top: 1px solid var(--lite-color);
80	margin-top: 2rem;
81}
82
83#weltis__content > .content .pageId,
84#weltis__content > .content .docInfo,
85#weltis__detail > .content .pageId,
86#weltis__detail > .content .docInfo {
87	/* Font */
88	font-size: .8rem;
89	/* Color */
90	color: var(--lite-color);
91}
92