/** some resets **/
body, header, footer, div, p, a, ul, li, h1, img {
	padding: 0;
	margin: 0;
	font-family: Camber-Rg, sans-serif;
	font-size: 1.125rem;
	line-height: 1.5;
	color: white; /* #e0dfda */
	box-sizing: border-box;
}

.flexrow {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.flexcol {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
}

.nobr {
	white-space: nowrap;
}

#wrapper.flexcol {
	height: 100vh;	/* MUST be vh! */
	justify-content: flex-start;
	width: 100%;
}

header, footer, #main {
/*	padding-left: 190px;*/
/*	padding-right: 190px;*/
	padding-left: max(1.5rem, calc(250 * (100vw/1820) - 60px));
	padding-right: max(1.5rem, calc(250 * (100vw/1820) - 60px));
	width: 100%;
}

header.flexrow {
	background: white;
	align-items: center;
}
.logo.flexcol {
/*	height: 100px;*/
	height: min(100px, max(72px, calc(75 * (100vw/1820) + 25px)));
	justify-content: center;
}
.logo img {
/*	height: 44px;*/
	height: min(44px, max(28px, calc(33 * (100vw/1820) + 11px)));
	width: auto;
}


#main {
	background-color: #0876a5;
/*	padding-top: 180px;*/
/*	padding-bottom: 190px;*/
	padding-top: max(32px, calc(220 * (100vw/1820) - 40px));
	padding-bottom: max(70px, calc(250 * (100vw/1820) - 60px));
	align-items: stretch;
	background-image: url(../img/d-fine-ci-platform-grafik.svg);
	background-repeat: no-repeat;
	background-position-x: 0;
	background-position-y: 2rem;
	background-size: 44.0%;
}
#main > div {
	width: 42.9%;
}
#main > div:last-of-type {
	width: 56.9%;
}

#main + .space {
	background-color: #0876a5;
	flex-grow: 1;
	height: 100%;
	width: 100%;
}


.info {
/*	padding-right: 100px;*/
	padding-right: max(32px, calc(100 * (100vw/1820)));

}
h1 {
	font-size: 3rem;
	font-weight: normal;
	font-family: 'Camber-Md', sans-serif;
	color: #e0dfda;
}
.info p {
	font-size: 1.5rem;
	font-family: 'Camber-Lg', sans-serif;
}


.tools > a {
	background: #003c50;
	border-radius: 5px;
/*	padding: 50px;*/
	padding: max(32px, calc(40 * (100vw/1820) + 10px)) max(16px, calc(40 * (100vw/1820) + 10px));
	cursor: pointer;
	text-decoration: none;
	width: 100%;
}
.tools > a:first-child {
	margin-bottom: 60px;
}
.tools > .flexrow > div {
	width: 32.9%;
}
.tools > .flexrow > div:last-child {
	width: 66.9%;
}
.tools p {
	font-family: 'Tisa W01 Regular', Serif;
	line-height: 1.75;
}
.tools p strong {
	letter-spacing: 0.5px;
}
.tools .logo img {
/*	height: 70px;*/
	height: max(40px, calc(60 * (100vw/1820) + 10px));
}
.tools .flexrow .flexcol {
	align-items: flex-end;
}


.button {
	display: flex;
	align-items: center;
	padding: 0 2.75rem;
	padding-bottom: 1px;
	height: 3rem;
	background: #f07b00;
	border-radius: 1.5rem;
	text-transform: uppercase;
	font-family: 'Camber-Md', sans-serif;
	/*	font-weight: bold;*/
	font-size: 1.125rem;
	letter-spacing: 0.5px;
	margin-right: 10px;
	margin-top: 40px;
}
.button:hover {
	background: #d26400;
}


footer.flexrow {
	background: #003c50;
	min-height: 150px;
	align-items: stretch;
	align-content: center;
	padding-top: 2rem;
	padding-bottom: 2rem;
	flex-direction: row-reverse;
}
footer.flexrow .flexrow {
	flex-grow: 1;
	justify-content: flex-end;
/*	min-width: 250px;*/
/*	order: 1;*/
}


footer > div, footer > div a {
	font-size: 1rem;
}
footer .copyright {
	max-width: calc(100% - 260px);
}
footer .copyright, footer .copyright a {
	color: #7ba6b4;
}
footer .flexrow a {
	margin-right: 2rem;
}
footer .flexrow a:last-of-type {
	margin-right: 0;
}
footer a {
	text-decoration: none;
}
footer a:hover {
	color: #d26400;
}


/** width below 1020 **/
@media all and (max-width: 1019px) {
body, header, footer, div, p, a, ul, li, h1, img {
	font-size: 1.0625rem;
}
footer > div, footer > div a {
	font-size: 0.9375rem;
}
.button {
	font-size: 1.0625rem;
}
.info p {
	font-size: 1.375rem;
}
h1 {
	font-size: 2.75rem;
}
}
/** /width below 1020 **/


/** width below 860 **/
@media all and (max-width: 859px) {
#main > div, #main > div:last-of-type {
	width: 100%;
}
.info {
	padding-right: 0;
}
.info p {
	margin-top: 2rem;
	margin-bottom: 4rem;
}
.tools .logo img {
/*	height: 70px;*/
	height: max(40px, calc(60 * (100vw/850) + 10px));
}
}
/** /width below 860 **/


/** width below 700 **/
@media all and (max-width: 699px) {
.info p {
	font-size: 1.25rem;
}
h1 {
	font-size: 2.5rem;
}
.tools > a:first-child {
	margin-bottom: 40px;
}

footer.flexrow {
	padding-top: 1.5rem;
	padding-bottom: 1rem;
	min-height: 80px;
}
.copyright .extra {
	display: none;
}
}
/** /width below 700 **/


/** width below 560 **/
@media all and (max-width: 559px) {
.tools .logo img {
/*	height: 70px;*/
	height: max(40px, calc(60 * (100vw/560) + 10px));
}
.tools p {
	display: none;
}
.tools > a {
	align-items: center;
}
.tools .button {
	margin-top: 0;
	height: 3.125rem;
}
h1 {
	font-size: 2.0rem;
}
.info p {
	font-size: 1.0625rem;
}
footer .copyright {
	max-width: 100%;
}

}
/** /width below 560 **/