:root {
	--color-brand1: #4066E0;
	--color-brand2: #663399;
	--color-brand3: #22277A;
	--color-brand4: #d0d0d0;
	--color-brand5: #7e7e7e;
	--color-brand6: #ecf0ff;
	--color-brand7: #000000;
	--color-brand8: #ffffff;
	--color-brand9: #f1f4ff;

	--color-border: var(--color-brand4);

	--radius-std: 20px;
	--radius-button: 40px;

	/*
	--bg-dark: #eaf4ff;
	--bg-light: #fbfdff;
	--bg-brand: #4066E0;
	--bg-brand-light: #048;
	--gradient-dark: linear-gradient(#383838, #161616, #111, black);
	--gradient-dark: linear-gradient(var(--bg-dark), #1d1d1d, #161616, #111, black);
	--gradient-dark2: linear-gradient(var(--bg-dark), var(--bg-light), var(--bg-light), var(--bg-light), var(--bg-light));
	--gradient-brand-dark: linear-gradient(var(--bg-brand), #000);
	--gradient-brand-light: linear-gradient(var(--bg-brand-light), #000);

	--text-dark: #003;
	--text-dark: #00000f;
	--text-light: #f4faff;
	--text-red: #eb0a08;
	--text-brand2: #6bf;
	--text-brand3: #26f;
	 */

	--text-light: var(--color-brand8);
	--text-dark: var(--color-brand7);

	--duration-std: 0.6s;
	--duration-short: 0.3s;
}
@font-face {
	font-family: SpaceGrotesk;
	src: url('font/SpaceGrotesk-Regular.ttf');
}
@font-face {
	font-family: SpaceGrotesk;
	font-weight: bold;
	src: url('font/SpaceGrotesk-Bold.ttf');
}
@font-face {
	font-family: Caros;
	src: url('font/cretype  Caros.otf');
}
@font-face {
	font-family: Caros;
	font-weight: lighter;
	src: url('font/cretype  Caros Light.otf');
}
@font-face {
	font-family: Caros;
	font-weight: bold;
	src: url('font/cretype  Caros Bold.otf');
}
@font-face {
	font-family: Caros-medium;
	font-weight: 500;
	src: url('font/cretype  Caros Medium.otf');
}

/* Core assumptions */
html {
	min-width: 100%;
	width: fit-content;
}
body {
	min-width: 100%;
	width: fit-content;
	color: var(--text-dark);
	display: flex;
	flex-direction: row;
	justify-content: center;
	font-family: Caros, sans-serif;
}

div, header, footer, section, nav, ul, li {
	display: flex;
}
m1-import {
	display: flex;
	flex-direction: column;
}

div.max {
	width: 100%;
	max-width: 1240px;
	flex-direction: column;
	margin-left: 20px;
	margin-right: 20px;
}
.pageWidth {
	width: 100%;
	max-width: 1440px;
}

div.headline {
	background-color: var(--color-brand9);
	font-weight: bold;
	text-align: center;
	flex-direction: row;
	justify-content: center;
	margin-top: 120px;
	padding: 40px 0;
}
div.headline h3 {
	margin: 0 20px;
}
div.headline h2 {
	font-size: 3.75em;
}
.whitespace {
	margin-top: 120px;
}
.whitespace-sm {
	margin-top: 80px;
}
.maxTitle {
	max-width: 1000px;
}
.roundTop {
	border-radius: var(--radius-std) var(--radius-std) 0 0;
}
.roundBottom {
	border-radius: 0 0 var(--radius-std) var(--radius-std);
}
.borderSection {
	border: 1px solid var(--color-brand4);
	padding: 50px;
	border-radius: var(--radius-std);
}

/* Text */
a {
	text-decoration: none;
	color: var(--color-brand7);
}
h1 {
	font-family: SpaceGrotesk;
	font-size: 5.25em;
	font-weight: bold;
	line-height: 1.4em;
}

h2 {
	font-family: SpaceGrotesk;
	font-size: 5.25em;
	font-weight: bold;
	line-height: 1.3em;
}
h2.smaller {
	font-size: 3.75em;
}
h3 {
	font-size: 2.55em;
}
h3.grotesk {
	font-family: SpaceGrotesk;
}
h3.smaller {
	font-size: 2.1em;
}
h3 p {
	font-size: 1em;
}
h4 {
	font-size: 1.65em;
	font-weight: bold;
}
p {
	font-size: 1.2em;
	line-height: 1.4em;
}
p.center {
	text-align: center;
}
ul.list {
	list-style-type: disc;
	list-style-position: outside;
}
ul.list li {
	display: list-item;
}

.light {
	color: var(--text-light);
}
.dark {
	color: var(--text-dark);
}
.red {
	color: var(--text-red);
}
.bold {
	font-weight: bold;
}
.huge {
	font-size: 8em;
}
.brand1 {
	color: var(--color-brand1);
}
.brand2 {
	color: var(--color-brand2);
}
.unbold {
	font-weight: lighter;
}

/* Standard html controls used throughout */
/*
a {
	color: var(--text-brand2);
}
*/
a:hover {
	color: var(--color-brand1);
}
button {
	height: fit-content;
	width: fit-content;
	border-radius: var(--radius-button);
	font-size: 1.2em;
	padding: 15px 30px;
	font-family: Caros-medium;
	margin-right: 20px;
	border: 1px solid var(--color-brand2);
}

nav li.tab, nav ul.links li, nav li.link {
	cursor: pointer;
}
button, nav li.tab {
	background-color: var(--color-brand8);
	color: var(--color-brand2);
	transition-property: background-color, color;
	transition-duration: var(--duration-std);
}
button:hover, nav li.tab:hover, nav li.tab.selected {
	color: var(--text-light);
	background-color: var(--color-brand2);
}
img.logo {
	height: 26px;
	width: 201px;
}

/* HTML semantic elements used throughout */
header {
	width: 100%;
	max-width: 1440px;
	flex-direction: row;
	justify-content: center;
	/* TODO: floating header */
	position: fixed;
	background-color: var(--color-brand8);
	z-index: 100;
}
header div.title {
	flex-direction: row;
	padding: 25px 0px;
	max-width: 1240px;
	border-bottom: 1px dotted var(--color-brand7);
}
header a {
	color: var(--text-dark);
}
header nav {
	flex-direction: row;
	justify-content: space-between;
}
header nav ul {
	max-width: 1000px;
	font-size: 1.2em;
	flex-direction: row;
	white-space: nowrap;
	display: flex;
	opacity: 1;
}
header nav ul li {
	margin-left: 40px;
}
header nav ul li.selected {
	color: var(--color-brand1);
	font-weight: bold;
}
header svg path, footer svg path {
	fill: #777;
}

#content {
	margin-top: 45px;
}

div[data-region='main'] {
	max-width: 1400px;
}


/* Useful layout helpers */
.hide {
	display: none;
}
.wide {
	min-width: fit-content;
	width: 100%;
}
.w50 {
	min-width: 50%;
}
.w75 {
	min-width: 75%;
}
.h30 {
	height: 30px;
}
.h60 {
	height: 60px;
}
.h70 {
	height: 70px;
}
.tall {
	height: 100%;
}
.space, .spaceMed {
	margin-right: 50px;
}

.column {
	flex-direction: column;
}
.row {
	flex-direction: row;
}

.spread {
	justify-content: space-between;
}
.center {
	justify-content: center;
}
.end {
	justify-content: end;
}
.even {
	justify-content: space-evenly;
}
.wrap {
	flex-wrap: wrap;
}

.container {
	border: 1px solid var(--color-brand3);
	border-radius: var(--radius-std);
}
.rule {
	border-right: 1px solid var(--color-brand2);
}

.pad60 {
	padding-left: 60px;
	padding-right: 60px;
}
.vpad40 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.padTop40 {
	padding-top: 40px;
}

.noBorder {
	border: 0;
}

.separated {
	padding-bottom: 120px;
	border-bottom: 1px solid var(--color-border);
}
.highlight {
	background-color: var(--color-brand9);
	padding: 80px;
}

div.sub {
	max-width: 790px;
}
div.sub h3 {
	margin-top: 40px;
}
div.sub .content {
	margin-top: 80px;
}

table {
	border-collapse: separate;
	border-spacing: 10px;
}
td, th {
	padding: 10px;
	border-radius: 5px;
	text-align: center;
}
td.title, th.title {
	text-align: left;
}
thead td, th {
	background-color: var(--color-brand1);
	color: var(--color-brand8);
	font-weight: bold;
}
tbody td {
	background-color: var(--color-brand9);
}
table.four td, table.four th {
	width: 25%;
}
table.six th.title, table.six td.title {
	width: 25%;
}
table.six td, table.six th {
	width: 15%;
}


/* Used at the top of several pages */
section.splash {
	margin-top: 100px;
	padding-top: 10px;
}
section.splash h1 {
	margin-bottom: 40px;
}
section.splash img.arrow {
	height: 100px;
	margin-top: 100px;
	margin-bottom: 100px;
}
section.splash .content {
	padding-right: 60px;
}
section.splash .buttons {
	margin-top: 20px;
}


/* Front page sections */
section.welcome h1 {
	font-size: 6em;
}
section.welcome img.main {
	margin-top: 40px;
	height: 484px;
	width: 507px;
}
section.advantage {
	margin-top: 100px;
	flex-direction: row;
}
section.advantage .left {
	margin-left: -100px;
}
section.advantage .left .title {
	justify-content: end;
}
section.advantage .left img {
	height: 650px;
}
section.advantage .right {
	width: 790px;
}
section.advantage .right .title {
	margin-left: 40px;
	margin-bottom: 50px;
}
section.advantage .next {
	height: 100%;
}
section.advantage .next .title {
	padding-right: 120px;
	margin-top: 40px;
}
section.advantage ul.points {
	padding-right: 100px;
}
section.advantage ul.points li {
	padding-right: 30px;
}

section.transforming .head {
	height: 160px;
}
section.transforming .divider {
	width: 100%;
	margin-left: -100px;
	padding-right: 20px;
}
section.transforming div.line {
	height: 50%;
	border-bottom: 1px solid black;
}
section.transforming .titleBar {
	min-width: fit-content;
}
section.transforming h2.title {
	font-size: 3.75em;
	margin-right: 150px;
}
section.transforming ul.points {
	width: 790px;
}
section.transforming .left {
	margin-left: -100px;
}
section.transforming ul.points li {
	margin-left: 100px;
	max-width: 520px;
}
section.transforming .main {
	height: 500px;
	width: 770px;
	margin-left: -120px;
}

section.break {
	margin-top: 120px;
}
section.break .title {
	flex-direction: row;
	margin-bottom: 40px;
	justify-content: space-between;
}
section.break .content {
	max-width: 825px;
}
section.break .pic {
	margin-left: 50px;
}
@-webkit-keyframes fade {
	0% {opacity: 0;}
	10% {opacity: 1;}
	25% {opacity: 1;}
	35% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes fade {
	0% {opacity: 0;}
	10% {opacity: 1;}
	25% {opacity: 1;}
	35% {opacity: 0;}
	100% {opacity: 0;}
}
section.break .pic img {
	height: 299px;
	position: absolute;
	-webkit-animation-name: fade;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 8s;
	animation-name: fade;
	animation-iteration-count: infinite;
	animation-duration: 8s;
}
section.break .pic .frame2, #f2 {
	-webkit-animation-delay: -6s;
}
section.break .pic .frame3, #f3 {
	-webkit-animation-delay: -4s;
}
section.break .pic .frame4, #f4 {
	-webkit-animation-delay: -2s;
}
/* Why Page */
[data-page='why'] nav.tabs .big {
	font-size: 1em;
}
[data-page='why'] nav.tabs .small {
	font-size: 0.7em;
}
[data-page='why'] nav.tabs div.icon {
	padding-bottom: 4px;
}

[data-page='why'] section.military h3 {
	font-size: 2.1em;
}

section.advantageList li svg {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
section.advantageList .left p {
	margin-right: 80px;
}
section.advantageList .right {
	padding-left: 80px;
}
section.advantageList h4 {
	margin-bottom: 20px;
}
section.advantageList p {
	line-height: 1.6em;
	margin-bottom: 40px;
}

/* Product Page */
[data-page='product'] h2 {
	font-size: 3.75em;
}
[data-page='product'] section.splash img.main {
	height: 578px;
	width: 482px;
}
[data-page='product'] section.splash img.arrow {
	height: 50px;
	margin-top: 55px;
	margin-bottom: 55px;
}
section.platform img {
	margin-top: 120px;
	max-width: 100%;
}
section.need ul.accordion {
	margin-top: 40px;
}
section.need .content {
	flex-direction: column;
}
section.need .content p {
	margin-bottom: 10px;
}

/* Pricing page */
section.env li.cat:not(first-child) {
	margin-left: 50px;
}
section.env div.category {
	border-radius: var(--radius-std);
	background-color: var(--color-brand2);
	color: var(--color-brand8);
	border: 1px solid var(--color-brand2);
	width: 380px;
	flex-direction: column;
}
section.env div.title {
	border-radius: var(--radius-std) 0 0 var(--radius-std);
	font-weight: bold;
	padding: 30px;
	font-size: 1.5em;
	flex-direction: column;
	justify-content: center;
}
section.env .category ul {
	flex-direction: column;
	border-radius: var(--radius-std);
	background-color: var(--color-brand8);
	color: var(--color-brand2);
}
section.env .category li {
	height: 221px;
	padding-left: 30px;
	flex-direction: column;
}
section.env .category li:not(:last-child) {
	border-bottom: 1px solid var(--color-brand2);
}
section.env .item {
	color: var(--color-brand5);
	margin-top: 30px;
	font-size: 1.2em;
}
section.env .item h3 {
	color: var(--color-brand2);
	font-size: 3.75em;
	font-weight: bold;
	margin-right: 10px;
}
section.env .item .unit {
	flex-direction: column;
	justify-content: end;
	line-height: 1.6em;
}
section.env .description {
	color: var(--color-brand7);
	margin-top: 10px;
	font-size: 1.2em;
}
section.env .description .price {
	color: var(--color-brand2);
	font-weight: bold;
	margin-left: 5px;
}
section.env .type {
	border-radius: var(--radius-std);
	background-color: var(--color-brand9);
	font-weight: bold;
	margin-top: 20px;
	max-width: fit-content;
	padding: 10px 20px;
}
section.env p {
	margin-top: 50px;
	text-align: center;
}
section.pay h1 {
	margin-top: 120px;
	line-height: 1.2em;
}
section.pay .content {
	margin-top: 80px;
}
section.hourly h2 {
	font-size: 3.75em;
}
section.hourly table {
	margin-top: 50px;
}

/* About page */
[data-page='about'] h3 {
	font-size: 2.85em;
}
[data-page='about'] h4 {
	font-size: 1.2em;
	line-height: 1.6em;
}
section.problemSolved {
	margin-bottom: 120px;
}

section.problemSolved h2 {
	margin-bottom: 40px;
}
section.problemSolved h4 {
	margin-top: 20px;
}

section.problemSolved .problem {
	padding-bottom: 50px;
	border-bottom: 1px solid var(--color-brand4);
}
section.problemSolved .solution {
	padding-top: 50px;
}
section.problemSolved .solution p {
	font-size: 1.2em;
}

section.foundations {
	padding-top: 120px;
}
section.foundations ul li {
	justify-content: space-between;
	padding-top: 50px;
	padding-bottom: 50px;
}
section.foundations ul li:not(:last-child) {
	border-bottom: 1px solid var(--color-brand4);
}
section.foundations ul h3 {
	min-width: 250px;
	font-size: 2.85em;
}
section.foundations ul p {
	line-height: 1.6em;
}
section.foundations ul .content {
	max-width: 800px;
}
section.foundations ul h4:not(:first-child) {
	margin-top: 20px;
}

section.team .member {
	margin-top: 40px;
}
section.team .member img.pic {
	height: 362px;
	width: 362px;
}
section.team .member .content {
	flex-direction: column;
	max-width: 650px;
	margin: 40px;
}
section.team .member h4 {
	color: var(--color-brand5);
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1.2em;
}
section.team .member .li {
	margin-top: 40px;
}

section.blog h2 {
	margin-bottom: 20px;
}


/* Contact page */

[data-page='contact'] h2 {
	font-size: 3.75em;
}
section.reach div.sub h3 {
	margin-top: 20px;
}
section.reach h3 p {
	margin-bottom: 20px;
}
section.schedule {
	margin-left: -80px;
}
section.schedule h2 {
	margin-bottom: 80px;
}
section.schedule .support {
	margin-right: 40px;
}
section.schedule .content {
	font-size: 0.9em;
	margin-bottom: 80px;
}
section.schedule .content p {
	margin-bottom: 20px;
}
section.schedule .calendar {
	margin-left: 40px;
}
section.schedule .calendar img {
	height: 120px;
}
section.schedule div.support img {
	height: 140px;
	width: 188px;
}
section.schedule p {
	font-size: 1.33em;
}
section.schedule div.calendar img {
	height: 110px;
	width: 450px;
}
section.schedule button {
	font-size: 1.33em;
}
section.info h2 {
	font-size: 4em;
}
section.info p {
	margin-top: 20px;
}
section.info li {
	height: 255px;
	width: 380px;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	border: 1px solid var(--color-brand4);
	border-radius: var(--radius-std);
	margin-top: 40px;
}
section.info li img {
	height: 100px;
}
section.info li h4 {
	margin-top: 40px;
	font-size: 1.5em;
}
section.info a {
	color: var(--color-brand7);
}

/* Release Notes */
[data-page='release'] table ul {
	flex-direction: column;
	text-align: left;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
}
[data-page='release'] table li {
	display: list-item;
	line-height: 1.6em;
}
[data-page='release'] table tr td:not(:last-child) {
	height: 30px;
}
.nowrap {
	white-space: nowrap;
}

/*
 * Below are on every page right now
 */

section.actions {
	margin-top: 120px;
}
section.actions .quote {
	border-radius: var(--radius-std);
	background-color: var(--color-brand3);
	color: var(--text-light);
	padding: 40px;
}
section.actions .logo {
	margin-bottom: 10px;
}
section.actions .speaker {
	font-size: 1.95em;
}
section.actions .quote p {
	margin-top: 40px;
	font-size: 1.95em;
	font-style: italic;
}
section.actions .pitch {
	padding: 50px 40px;
}
section.actions .pitch h2 {
	font-size: 3.75em;
}
section.actions nav.tabs {
	border-top: 1px solid var(--color-brand3);
}
section.actions nav.tabs li:first-child {
	border-radius: 0 0 0 var(--radius-std);
}
section.actions nav.tabs li:last-child {
	border-radius: 0 0 var(--radius-std) 0;
}

section.links {
	margin-top: 100px;
}
section.links h4 {
	font-size: 1.5em;
}
section.links img.logo {
	margin-bottom: 40px;
}
section.links .social {
	max-width: 210px;
}
section.links .social a {
	margin-right: 20px;
}
section.links .social img {
	width: 50px;
	height: 50px;
}
section.links ul.columns {
	flex-direction: row;
}
section.links ul.columns li {
	flex-direction: column;
}
section.links ul.columns li ul {
	flex-direction: column;
	margin-bottom: 30px;
}
section.links ul.columns li ul li {
	font-size: 1.2em;
	margin-top: 20px;
}

footer {
	color: var(--color-brand8);
	flex-direction: column;
}
footer a {
	color: var(--color-brand8);
}
footer .corporate {
	background-color: var(--color-brand7);
	color: var(--text-light);
	flex-direction: column;
	justify-content: center;
	font-size: 1.05em;
	height: 47px;
}
footer .corporate nav ul {
	margin-left: 20px;
}
footer .corporate nav ul li:not(:last-child) {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid white;
}

/* ul helper for points layout */
ul.points {
	flex-direction: column;
	background-color: var(--color-brand9);
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
ul.points img {
	height: 60px;
}
ul.points li {
	flex-direction: row;
	margin-left: 50px;
	max-width: 700px;
	padding-top: 40px;
	padding-bottom: 40px;
}
ul.points li:not(:last-child) {
	border-bottom: 1px solid var(--color-border);
}
ul.points .point {
	margin-left: 20px;
}
ul.points .point h4 {
	margin-bottom: 25px;
}
ul.points .point p {
	font-size: 1.05em;
	font-weight: lighter;
}

ul.emphasis {
	max-width: 690px;
	flex-direction: column;
	/*
	list-style-image: url('img/m1-dot.svg');
	*/
	list-style-type: disc;
	margin-left: 20px;
}
ul.emphasis li::marker {
	color: var(--color-brand1);
	font-size: 1.8em;
}
ul.emphasis li {
	margin-bottom: 20px;
}
ul.emphasis li {
	display: list-item;
}
ul.emphasis li p {
	margin-left: 5px;
	font-size: 1.2em;
	line-height: 1.6em;
}

ul.arguments {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
ul.arguments li {
	flex-direction: row;
}
ul.arguments li div.item {
	width: 272px;
	margin-bottom: 40px;
}
ul.arguments li .title {
	background-color: var(--color-brand1);
	border-radius: var(--radius-std) var(--radius-std) 0 0;
	color: var(--text-light);
	font-size: 1.5em;
	flex-direction: row;
	justify-content: center;
	height: 104px;
	text-align: center;
}
ul.arguments li .title span {
	margin-top: 25px;
	margin-bottom: 15px;
}
ul.arguments li .content {
	background-color: var(--color-brand9);
	border-radius: 0 0 var(--radius-std) var(--radius-std);
	padding: 20px 20px 0 20px;
	font-size: 1.05em;
	line-height: 1.8em;
	text-align: center;
	height: 172px;
}

ul.accordion {
	flex-direction: column;
}
ul.accordion li {
	flex-direction: column;
	margin-top: 20px;
	cursor: pointer;
}
ul.accordion li .title {
	height: 62px;
	flex-direction: column;
	justify-content: center;
	border-radius: var(--radius-std);
	background-color: var(--color-brand9);
	padding: 0 20px;
	font-size: 1.35em;
	font-weight: bold;
	transition-property: background-color;
	transition-duration: var(--duration-short);
}
ul.accordion li .title svg {
	transition-property: transform;
	transition-duration: var(--duration-short);
}
ul.accordion li .title svg.icon path {
	transition-property: fill;
	transition-duration: var(--duration-short);
}
ul.accordion li.selected .title {
	background-color: var(--color-brand1);
	color: var(--text-light);
}
ul.accordion li.selected .title svg {
	transform: rotate(180deg);
}
ul.accordion li.selected .title svg.icon path {
	fill: var(--text-light);
}

ul.accordion li .content {
	max-height: 0;
	border-width: 0;
	padding: 0 20px;
	border-radius: var(--radius-std);
	margin-top: 10px;
	border-style: solid;
	border-color: var(--color-border);
	transition-property: padding, max-height, border-width;
	transition-duration: var(--duration-short);
	transition-timing-function: ease-out;
	/*
	border-width: 0
	border: 1px solid var(--color-border);
	padding: 20px;
	*/
}
ul.accordion li.selected .content {
	max-height: 300px;
	border-width: 1px;
	padding: 20px 20px;
}
ul.accordion li .content p {
	overflow: hidden;
/*
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0.35s;
*/
}
ul.accordion li.selected .content p {
	/* opacity: 1; */
}

nav.tabs ul {
	flex-direction: row;
}
nav.tabs li {
	width: 33%;
	flex-direction: row;
	justify-content: center;
	font-size: 2em;
	padding: 25px;
}
nav.tabs li .small {
	padding-bottom: 2px;
	font-size: 0.8em;
}
nav.tabs li .big {
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 10px;
}
nav.tabs li .icon {
	justify-content: end;
	padding-bottom: 6px;
}
nav.tabs li img, nav.tabs li svg {
	height: 20px;
	margin-left: 20px;
}
nav.tabs li svg path {
	fill: var(--text-dark);
	transition: fill var(--duration-std);
}
nav.tabs li:hover svg path, nav.tabs li.selected svg path {
	fill: var(--text-light);
}
nav.tabs li:not(:last-child) {
	border-right: 1px solid var(--color-brand3);
}
nav.tabs li:first-child {
	border-radius: var(--radius-std) 0 0 var(--radius-std);
}
nav.tabs li:last-child {
	border-radius: 0 var(--radius-std) var(--radius-std) 0;
}

.hamburger {
	flex-direction: column;
	width: 45px;
	margin-top: 5px;
}
.hamburger .line {
	border-bottom: 2px solid var(--color-brand1);
	margin-bottom: 16px;
}

header .hamburger {
	display: none;
}

.legal {
	font-size: 1.1em;
}
.legal a {
	color: var(--color-brand1);
}
.legal h6 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.legal h4 {
	margin-bottom: 40px;
}
.legal p {
	margin-bottom: 10px;
}
.legal ul {
	flex-direction: column;
	margin-top: 20px;
	margin-left: 40px;
	list-style-type: disc;
	list-style-position: outside;
}
.legal ul li {
	display: list-item;
	margin-bottom: 30px;
}

@media only sceen and (min-width:1440px) {
	div.max {
		margin-left: 80px;
		margin-right: 80px;
	}
}
@media only screen and (min-width:1240px) {
	.spaceDesk {
		margin-right: 50px;
	}
	div.headline {
		width: 1440px;
		margin-left: -100px;
	}
	ul.accordion {
		width: 800px;
	}
}
@media only screen and (max-width: 1239px) {
	p, ul.emphasis li p, section.schedule p {
		font-size: 1.6em;
		line-height: 2em;
	}
	table {
		font-size: 1.4em;
		line-height: 1.6em;
	}
	img.logo {
		height: 46px;
		width: 356px;
	}
	header {
		position: fixed;
		width: 95%;
	}
	header .hamburger {
		display: flex;
	}
	header nav {
		flex-direction: column;
	}
	header nav ul {
		flex-direction: column;
		top: 60px;
		right: 10px;
		line-height: 4em;
		background: var(--color-brand8);
		padding: 30px 0;
		transition-property: opacity;
		transition-duration: var(--duration-std);
		font-size: 2em;
	}
	header nav ul li {
		margin-left: unset;
		font-size: 1.8em;
	}
	.hideMobile {
		display: none ! important;
	}
	.fade {
		opacity: 0;
	}
	section.advantage {
		flex-direction: column-reverse;
	}
	section.advantage .left .title {
		justify-content: start;
		margin-left: 100px;
	}
	section.transforming .left {
		margin-left: 0px;
		width: 100%;
	}
	section.transforming ul.points {
		width: 100%;
		padding-right: 0;
	}
	section.break .title {
		flex-direction: column;
	}
	section.break .title button {
		margin-top: 20px;
	}
	section.info ul.contact {
		flex-wrap: wrap;
	}
	[data-page='about'] h4 {
		font-size: 1.6em;
		line-height: 2em;
	}
	nav.tabs .tab {
		flex-direction: column;
	}
	section.links {
		font-size: 1.4em;
		line-height: 1.6em;
	}
	section.links ul.columns {
		flex-direction: column;
	}
	section.links img.logo {
		margin-bottom: 20px;
	}
	section.links .social {
		margin-bottom: 20px;
	}
	footer {
		font-size: 0.6em;
	}
	ul.points .point p {
		font-size: 1.5em;
	}
}

@media only screen and (max-width: 800px) {
	.hideMini {
		display: none;
	}
	.spaceMed {
		margin-right: 0;
	}
	section.info ul.contact {
		flex-direction: column;
	}
}