:root {
	--pageWidth:                  1200px;
	--headerHeightMax:            100px;
	--headerHeightMin:            36px;
	--headerLogoHeightMax:        30px;
	--fontSize:                   1.9rem;
	--fontSizeSmall:              1.6rem;
	--fontSizeBig:                7rem;
	--onecolpadding:              185px;
	--onecolpaddingNegative:      -185px;

	--customerColor:            #004873;
	--customerColorDark:        #172e4c;
	--customerColor1:           #00abb9;
	--customerColor2:           #f0f8fa;
	--customerColor3:           #E0EFF5;
	--customerColor4:           #F4DAEA;
	--customerColor5:           rgb(98, 110, 131);

	--variantColor1:            #666666;
	--variantColor2:            #999999;
	--variantColor3:            #B3B3B3;
	--variantColor4:            #CCCCCC;
	--variantColor5:            #E6E6E6;

	--headerBgColor:            transparent;
	--menuBgColor:              #fff;
	--iconColor:                  var(--customerColorDark);
	--iconMenuColor:              var(--variantColor1);
	--iconShareColor:             var(--customerColor);
	--iconPrevNextColor:          var(--customerColor);
	--buttBg:                     var(--customerColor1);
	--buttBorder:                 var(--customerColor1);
	--buttColor:                  #fff;
	--buttBgHover:                var(--customerColorDark);
	--buttBorderHover:            var(--customerColorDark);
	--buttColorHover:             #fff;
	--buttBgDark:                 transparent;
	--buttBorderDark:             #fff;
	--buttColorDark:              #fff;
	--buttBgDarkHover:            #fff;
	--buttBorderDarkHover:        #fff;
	--buttColorDarkHover:         var(--customerColorDark);
	--borderRadius:               10px;
	--menuTextColor:              var(--variantColor1);
	--menuLinkColor:              var(--variantColor3);
	--tocPartColor:               var(--customerColor);
	--tocLinkColor:             #000;
	--contentHeaderColor:       var(--customerColor);
	--contentLeadColor:           var(--customerColor);
	--contentQuoteColor:          var(--customerColor1);
	--contentTextColor:         #666;
	--contentTextColorLight:    #888;
	--contentTextColorDark:     #333;
	--contentTextColorWhite:    #fff;
	--contentLinkColor:           var(--customerColor1);
	--contentBoxBgColor:          var(--customerColor4);
	--contentBoxTextColor:        var(--variantColor1);
	--contentBoxBgColorB:         var(--customerColor2);
	--contentBoxTextColorB:       var(--variantColor1);
	--contentBoxBgColorC:         var(--variantColor3);
	--contentBoxTextColorC:       var(--customerColor5);
	--contentBoxBgColorF:         var(--variantColor5);
	--contentBoxTextColorF:       var(--variantColor1);

	--canvasText:                 'PT Sans', sans-serif;
	--contentText:                'PT Sans', sans-serif;
	--contentHeading:             'Neo Sans', sans-serif;
	--contentSans:                'PT Sans', sans-serif;
	--contentBoxText:             'PT Sans', sans-serif;
	--dividor:                  #666;

	--tableborder-color:          #00b9e4;
	--tablestripe-color:          #00b9e4;

	--str-advertisement: 'advertisement:';
}

html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
ul{list-style:none;}
button,input,select,textarea{margin:0;}
html{box-sizing:border-box;min-height: 100%;font-size: 62.5%;}
*,*:before,*:after{box-sizing:inherit;}
img,embed,iframe,object,audio,video{max-width:100%;}
iframe{border:0;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;text-align:left;}
:focus:not(:focus-visible) {outline:none;}

@font-face {
  font-family: 'Neo Sans';
  src: url(../font/neosans-webfont.eot);
  src: url(../font/neosans-webfont.eot?#iefix) format("embedded-opentype"),
	     url(../font/neosans-webfont.woff2) format("woff2"),
			 url(../font/neosans-webfont.woff) format("woff"),
			 url(../font/neosans-webfont.ttf) format("truetype"),
			 url(../font/neosans-webfont.svg#neosansregular) format("svg"); }
@font-face {
  font-family: 'Neo Sans';
  src: url("../font/NeoSansProBlack.OTF");
	font-weight: 900;
}
@font-face {
  font-family: 'Neo Sans';
  src: url("../font/NeoSansStd-Bold.otf");
	font-weight: bold;
}
@font-face {
  font-family: 'PT Sans';
  src: url("../font/pt_sans-web-regular-webfont.eot");
  src: url("../font/pt_sans-web-regular-webfont.eot?#iefix") format("embedded-opentype"),
	     url("../font/pt_sans-web-regular-webfont.woff2") format("woff2"),
			 url("../font/pt_sans-web-regular-webfont.woff") format("woff"),
			 url("../font/pt_sans-web-regular-webfont.ttf") format("truetype"),
			 url("../font/pt_sans-web-regular-webfont.svg#pt_sansregular") format("svg"); }

body {
	font-size: 14px;
	font-size: 1.4rem;
	font-family: var(--canvasText);
	scrollbar-width: thin;
}
body::-webkit-scrollbar{ width: 0px; }

a {
	text-decoration: none;
	color: var(--contentLinkColor);
}

sup, sub {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}
sub { top: 0.4em; }

/* icons */
svg.icon {
	display: inline-block;
	width: 25px;
	height: 25px;
	fill: var(--iconColor);
	vertical-align: text-top;
}
svg.icon.huge {
	width: 68px;
	height: 68px;
}
svg.icon.large {
	width: 36px;
	height: 36px;
}
svg.icon.small {
	width: 14px;
	height: 14px;
}
button .icon {
	cursor: pointer;
}
button:focus,
svg.icon:focus,
a:focus {
	outline: var(--customerColor) dotted 1px;
}



#maingrid > header {
	position: fixed;
	background-color: var(--headerBgColor);
}
body #maingrid > header {
	top: 0;
	left: 0;
	z-index: 665;
	width: 100%;
	height: 100px;
	transition: all .2s ease-in-out;
}
body.min-header #maingrid > header {
	z-index: 665;
	width: 100%;
	height: var(--headerHeightMin);
}
.constrainer {
	position: relative;
	width: 100%;
	max-width: var(--pageWidth);
	margin: 0 auto;
}
#topmenu {
	display: flex;
	align-items: stretch;
	position: relative;
	height: 100%;
	padding: 0 20px;
}
#topmenu h1,
#topmenu nav {
	display: flex;
	flex-grow: 1;
	justify-content: flex-end;
	align-items: center;
}
#topmenu h1 { justify-content: flex-start; }
#topmenu h1 #logo {
	height: var(--headerLogoHeightMax);
}
html.bgdark #topmenu h1 #logo,
html.bgdark #topmenu .burger,
html.transheader #topmenu h1 #logo,
html.transheader #topmenu .burger {
	filter: grayscale(1) brightness(100);
}
#topmenu h1 .text {
	display: none;
}
#topmenu nav button,
#topmenu nav a {
	padding: 0;
	background-color: transparent;
	border-width: 0;
	font-size: 0;
}
#topmenu nav a {
	margin: 10px 20px 10px 0;
}

#topmenu nav button .icon.cross {
	display: none;
}
body.menu {
	overflow-y: hidden;
}
body.menu #topmenu nav button .icon.cross {
	display: unset;
}
body.menu #topmenu nav button .icon.bars {
	display: none;
}
body.menu #content nav  {
	display: none;
}
#menu {
	height: 0;
	overflow: hidden;
	background-color: var(--menuBgColor);
}
body.menu #maingrid > header {
	background-color: #ffffff;
}
body.menu #menu {
	height: calc(100vh - 100px);
	padding: 20px 0;
	overflow-y: auto;
}
#menu .constrainer > ul {
	padding-left: 20px;
}
#menu h2 {
	text-transform: uppercase;
	font-size: var(--fontSizeSmall);
	color: var(--menuTextColor);
}
#menu h2 .icon {
	margin: 4px 2px 0 -16px;
	fill: var(--menuTextColor)
}
#menu a {
	color: var(--menuLinkColor);
	font-size: 3rem;
}
#menu a:hover {
	font-weight: 600;
	color: var(--customerColor);
}
#menu > div > ul > li,
#bookmenu > ul > li {
	margin-bottom: 1rem;
	text-align: center;
}
#bookmenu > ul > li > ul >li {
	margin: .7rem 0;
	line-height: 1.1;
}
#menu #bookmenu > h2 {
	margin-bottom: .6rem;
}

section nav.main {
	opacity: 0;
}
section.visible nav.main {
	animation: fadein 3s;
	animation-fill-mode: forwards;
}
#forsiden nav.main a svg {
	fill: #fff;
}
#forsiden nav.main a label {
	color: #fff;
}
@keyframes fadein {
  0% {opacity: 0}
  10% {opacity: 0}
  100%{opacity: 1}
    }
section nav.previous {
	z-index: 666;
	position: absolute;
	top: 0px;
	left: calc(50% - 34px);
	font-size: 0;
}
section nav.next {
	z-index: 666;
	position: absolute;
	bottom: 0px;
	left: calc(50% - 12.5px);
	font-size: 0;
	text-align: center;
}
section#forsiden nav.next {
	left: calc(50% - 34px);
}
section nav.left {
	position: absolute;
	top: calc(50% + 34px);
	left: 0px;
	visibility: hidden;
	font-size: 0;
	cursor: pointer;
}
section nav.right {
	position: absolute;
	top: calc(50% + 34px);
	right: 0px;
	visibility: hidden;
	font-size: 0;
	cursor: pointer;
}
.visible .visible nav {
	visibility: visible;
}
nav.next label {
	display: block;
	margin-bottom: 20px;
	font-size: 1.2rem;
	text-transform: uppercase;
	color: var(--iconColor);
}
nav .icon {
	fill: var(--iconColor);
}
.bgdark nav .icon {
	fill: #fff;
}

/* content */
html {
	scroll-snap-type: both mandatory;
}
html.iphone {
	scroll-snap-type: y proximity;
}
html.iphone nav.main a {
	/* pointer-events: none; */
}

html.smooth {
	scroll-behavior: smooth;
}

#content > section {
	position: relative;
	width: 100vw;
	height: 100vh;
}
#content > section > section.burns {
	overflow: xxx;
}
section.chapter .wrapper,
section.sub-2 .wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100vw;
	max-width: 1200px;
	height: 100vh;
	margin: 0 auto;
	scroll-snap-align: start;
	scroll-snap-stop: always;
	padding: 100px 120px 120px;
}
section.sub-2 .wrapper {
	position: unset;
	display: block;
	justify-content: start;
	align-items: start;
	scroll-snap-align: unset;
}
section.sub-2 .wrapper footer {
	width: 100vw;
	position: fixed;
	left: 0;
	bottom: 0;
}
section.sub-2 .wrapper footer .constrainer {
	display: flex;
	justify-content: space-between;
	padding: 20px;
}
section.sub-2 .wrapper footer nav {
	background-color: var(--customerColorDark);
	color: var(--contentTextColorWhite);
}
section.sub-2 .wrapper footer nav .crumbs,
section.sub-2 .wrapper footer nav .toppers {
	white-space: nowrap;
	overflow: hidden;
	font-size: var(--fontSizeSmall);
}
section.sub-2 .wrapper footer nav .toppers {
	margin-left: 10px;
}
section.sub-2 .wrapper footer nav a {
	font-weight: 600;
	color: var(--contentTextColorWhite);
}
section.sub-2 .wrapper footer nav a .icon {
	margin: 3px 5px 0;
	fill:var(--contentTextColorWhite);
}
section.sub-2 .wrapper footer small {
	display: block;
	background-color: var(--customerColorDark);
	color: var(--contentTextColorWhite);
}
section.sub-2 .wrapper footer small div,
section.sub-2 .wrapper footer small div a {
	display: flex;
	align-items: center;
	color: var(--contentTextColorWhite);
}
section.sub-2 .wrapper footer small .icon {
	fill: var(--contentTextColorWhite);
}
section.sub-2 .wrapper footer small .icon.mp {
	width: 20px;
	height: 20px;
}
section.sub-2 .wrapper footer small .icon.x {
	margin: 0 5px;
}
section.sub-2 .wrapper footer small .icon.zero7 {
	margin-top: -3px;
}


/* centertext */
section.chapter.centertext {
	text-align: center;
}
/* globalbg */
Xsection.chapter {
	background: rgb(34,52,93);
	background: linear-gradient(128deg, rgba(34,52,93,1) 0%, rgba(146,153,183,1) 99%);
}
/* transbg */
section.chapter.transbg {
	background-color: var(--customerColor);
	animation: glow linear 20s infinite;
}
@keyframes glow {
	0% { background-color: var(--customerColor); }
	50% { background-color: var(--customerColor5); }
	100% { background-color: var(--customerColor); }
}
section.chapter.videobg {
	background-color: transparent !important;
	color: #fff;
}
section.imgbg > img,
section.videobg > video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	z-index: 0;
}
section.burns .burns {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	z-index: 0;
	overflow: hidden;
}
section.burns .burns img {
	width: 100vw;
	height: 100vh;
	max-width: none;
	object-fit: cover;
  animation: move ease 60s infinite;
}
@keyframes move {
  0% {
    transform-origin: bottom left;
    transform: scale(1.0);
  }
  50% {
    transform: scale(1.2);
  }
	100% {
    transform: scale(1.0);
  }
}
#content section.sub-2.imgbg h2,
#content section.sub-2.videobg h2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: calc(100% + 200px);
	margin: -100px 0 75px 0;
	text-align: center;
	font-size: 10rem;
	color: var(--contentTextColorWhite);
}

/* splash */
#content section.splash h1 {
	margin-top: -9em;
	margin-bottom: 0 !important;
	font-size: 3rem !important;
	color: var(--customerColor) !important;
}
#content section.splash blockquote {
	margin-bottom: 7rem;
}
#content section.splash blockquote > p {
	font-weight: 900;
	font-size: 7rem;
	line-height: normal;
}

/* forord */
#content #forord figcaption {
	padding-left: 20px;
}
#content #forord p {
	font-size: 2.5rem;
}
#content #forord p.heading {
	margin: 1em 0;
	font-size: 5rem;
	font-weight: 900;
	font-family: var(--contentHeading);
	color: var(--customerColor);
}
#content #forord p.quote {
	position: relative;
	margin-bottom: 4rem;
	text-indent: 86px;
	font-family: var(--contentHeading);
	font-weight: 900;
	line-height: 1.5;
	font-size: 3.6rem;
	color: var(--contentQuoteColor);
	hyphens: none !important;
}
#content #forord p.quote:before {
	position: absolute;
	top: 7px;
	left: 0;
	height: 42px;
	width: 60px;
	content: '';
	background: transparent url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54.91 39.4"><path style="fill: %2300abb9" d="M35.11,39.4v-3.1c4.5-2.2,7.6-4.7,9.6-7.4,2-2.3,3.1-5.2,3.1-8.3,.1-1.2-.1-2.5-.7-3.6-.4-.6-1-1.1-1.8-1.1-.9,.1-1.8,.3-2.7,.7-1,.4-2.1,.6-3.1,.7-2,0-4-.8-5.4-2.2-1.5-1.5-2.3-3.5-2.2-5.6,0-2.4,1-4.7,2.9-6.3,1.9-1.8,4.4-2.8,6.9-2.7,3.4,0,6.5,1.6,9.2,4.5,2.7,3,4.1,7,4,11-.1,5.2-1.9,10.2-5.2,14.3-3.8,4.3-9,7.5-14.6,9.1Zm-31.5-.2v-2.9c5.1-2.9,8.5-5.6,10.1-8.1,1.6-2.4,2.5-5.3,2.5-8.3,.1-1.1-.2-2.2-.9-3.1-.4-.6-1-1.1-1.8-1.1-.8,.1-1.7,.3-2.4,.7-1.2,.4-2.3,.6-3.5,.6-2,0-4-.8-5.4-2.2C.81,13.3-.09,11.3,0,9.2,0,6.7,1.01,4.3,2.91,2.7,4.91,.9,7.41,0,10.11,0c3.5,0,6.9,1.6,9.2,4.2,2.7,3,4.2,6.9,4,11,0,5.3-1.8,10.4-5.1,14.5-3.4,4.6-8.4,7.7-14.6,9.5Z"/></svg>') no-repeat 0 0;
	background-size: auto 42px;
}
#content #forord p.lesmer {
	font-size: var(--fontSize);
}

/* aside */
section.chapter.aside {
	flex-direction: column;
	text-align: center;
}
section.chapter.aside .asidewrap {
	display: grid;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
	justify-items: center;
	gap: 30px;
}
section.chapter.aside .asidewrap aside {
	display: flex;
	margin-top: 20px;
	min-width: 180px;
	max-width: 200px;
	perspective: 1;
}
section.chapter.aside .asidewrap aside:hover {
	z-index: 2;
}
section.chapter.aside svg.icon {
	cursor: pointer;
	position: relative;
	z-index: 66;
}
section.chapter.grow .cluster aside .wrap,
section.chapter.aside.reveal .asidewrap aside .innerwrap,
section.chapter.aside.grow .asidewrap aside .wrap {
	z-index: 1;
	margin-top: -50px;
	text-align: left;
	background-color: var(--variantColor4);
	border-radius: var(--borderRadius);
	text-align: center;
	cursor: pointer;
}
section.chapter.aside.reveal .asidewrap aside .innerwrap {
	padding: 20px;
}
section.chapter.aside.reveal .asidewrap aside .innerwrap:hover {
	background-color: var(--customerColorDark);
}
section.chapter.aside.reveal .asidewrap aside {
	display: unset;
	position: relative;
}
section.chapter.aside.reveal .asidewrap {
	gap: 10px;
}
section.chapter.aside.reveal aside svg.icon {
	width: 100px;
	height: 100px;
	padding: 10px;
	border-radius: var(--borderRadius);
	background-color: #fff;
	fill: var(--iconMenuColor);
}
section.chapter.aside.reveal aside:hover svg.icon {
	border-color: var(--customerColorDark);
	fill: var(--customerColorDark);
}
section.chapter.aside.reveal .asidewrap aside .innerwrap {
	background-color: var(--customerColorDark);
	border-radius: var(--borderRadius);
	border-radius: 20px;
	transform: scale(0);
	transition: transform 500ms ease-in-out;
	transform-origin: top;
}
section.chapter.aside.reveal .asidewrap aside:hover .innerwrap,
section.chapter.aside.reveal .asidewrap aside:focus-within .innerwrap {
	transform: scale(1);
	transition: transform 500ms ease-in-out;
}
#content aside .wrap h2 {
	margin-top: 80px;
	margin-bottom: .5em;
	font-weight: 900;
	line-height: 1.2;
	font-size: 5.5rem;
	text-align: center;
	color: #fff;
}
#content aside .wrap p {
	color: #fff;
}
#content section.chapter.wide .wrapper {
	padding: 0 20px;
}
#content section.chapter.grow h1 {
	margin-bottom: 3em;
}
#content section.chapter.wide .wrapper .asidewrap {
	width: 100%;
	min-height: 180px;
}
#content section.chapter.grow aside .wrap {
	display: flex;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
	padding: 10px;
	background-color: var(--customerColorDark);
}
#content section.chapter.grow aside.background .wrap {
	position: relative;
}
#content section.chapter.grow aside .wrap h2 {
	opacity: 0;
	color: var(--contentTextColorWhite);
}
#content section.chapter.grow aside .wrap h2 a {
	color: var(--contentTextColorWhite);
}
#content section.chapter.grow aside:focus-within .wrap,
#content section.chapter.grow aside .wrap:hover {
	z-index: 666;
	box-shadow: 0px 20px 20px #00000033;
	transform: scale(1.7);
	transition: all 500ms ease-in-out;
}

#content section.chapter.grow aside:focus-within .wrap h2,
#content section.chapter.grow aside .wrap:hover h2 {
	opacity: 1;
	transition: opacity 500ms ease-in-out;
}
#content section.chapter.grow aside .wrap svg {
	z-index: 1;
	position: absolute;
	top: calc(50% - 35px);
	left: calc(50% - 35px);
	margin: 0;
	opacity: 1;
	transition: opacity 500ms ease-in-out;
	fill: var(--contentTextColorWhite);
	user-select: none;
}
#content section.chapter.grow aside .wrap .innerwrap {
	z-index: 666;
	width: 100%;
	height: 100%;
}
#content section.chapter.grow aside:focus-within .wrap svg,
#content section.chapter.grow aside .wrap:hover svg {
	opacity: 0;
}

#content section.chapter.grow aside .innerwrap h2 {
	margin: 0;
	height: 100%;
	font-size: var(--fontSize);
	font-weight: 600;
	user-select: none;
	text-shadow: none;
}
#content section.chapter.grow aside .innerwrap h2 a {
	display: flex;
	width: 100%;
	height: 100%;
	align-content: flex-end;
	justify-content: center;
	align-items: center;
	text-shadow: none;
}
section.chapter.aside .cluster > .wrap {
	position: relative;
	/* display: flex;
	gap: 30px;
	justify-content: center;
	align-items: center;
	margin: 20px 100px; */
}

#content section.chapter.grow .cluster aside {
	display: contents;
}
#content section.chapter.grow .cluster aside .wrap {
	position: absolute;
	min-width: 100px;
	height: 100px;
	background-color: var(--customerColorDark);
}
#content section.chapter.grow .cluster aside .wrap:hover {
	background-color: #fff;
	box-shadow: 0px 10px 20px #00000033;
}
#content section.chapter.grow .cluster aside .wrap svg {
	transition: unset;
	fill: #fff;
}
#content section.chapter.grow .cluster aside:focus-within .wrap svg,
#content section.chapter.grow .cluster aside .wrap:hover svg {
	opacity: 1;
	fill: var(--customerColorDark);
}
#content section.chapter.grow .cluster aside .wrap a {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 667;
	width: 100%;
	height: 100%;
	border-radius: var(--borderRadius);
	font-size: 0;
	color: transparent;
}

/* box */
#content section.chapter.box .component {
	display: flex;
	text-align: center;
}
#content section.chapter.box .component aside {
	display: flex;
	flex-grow: 1;
	align-items: flex-start;
	justify-content: center;
	max-width: 200px;
	margin: 20px;
	padding: 20px 10px;
	background-color: var(--customerColorDark);
	border-radius: var(--borderRadius);
}
#content section.chapter.box .component aside svg {
	width: 80px;
	height: 80px;
	padding: 5px;
	background-color: var(--customerColorDark);
	border: 3px solid #fff;
	border-radius: 50%;
	fill: var(--contentTextColorWhite);
}
#content section.chapter.box .component aside h3 {
	margin: .5em 0;
	font-size: 3rem;
	color: var(--contentTextColorWhite);
}
#content section.chapter.box .component aside p {
	font-size: var(--fontSize);
	hyphens: auto;
}

/* graphs */
#content figure.imbed div {
	text-align: center;
}

/* headings */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	width: 100%;
	margin: 1em 0 .5em 0;
	font-family: var(--contentHeading);
	font-weight: 700;
	line-height: 1.2;
	color: var(--contentHeaderColor);
}
#content h1 {
	margin-top: 0;
	text-align: center;
	font-size: 4.8rem;
	font-weight: 300;
}
#content h1.light {
	color: #fff !important;
}
#content h1.higher {
	margin-top: -3em;
}
#content h2 {
	margin-bottom: 1em;
	font-size: 4rem;
	font-weight: bold;
	color: var(--customerColor);
}
#content h3 {
	font-size: 3rem;
	font-weight: bold;
}
#content h4 {
	margin-bottom: .2em;
	font-weight: bold;
	font-size: 1.9rem;
}
#content h5 {
	font-size: 2.2rem;
}
#content h6 {
	font-size: 2.2rem;
	font-style: italic;
	font-weight: normal;
}
#content section.chapter .wrapper > h1,
#content section.chapter .wrap > h1 {
	margin-bottom: 1.5em;
	font-family: var(--contentHeading), sans-serif;
	font-size: var(--fontSizeBig);
	font-weight: 600;
	text-align: center;
	color: var(--customerColor1);
}
#content section.chapter .wrapper > h1.bigger,
#content section.chapter .wrap > h1.bigger {
	font-size: 10rem;
	margin-bottom: .5em;
}
#content section.chapter .wrapper h1.bottomless {
	margin-bottom: 0;
}

#content .chapter .wrapper > .lead p {
	margin-bottom: .4em;
	font-size: 4.7rem;
	line-height: 1.2;
	font-weight: 600;
	color: var(--customerColor);
}
#content .sub-2 .wrapper > .lead p {
	font-size: 2rem;
	font-weight: 600;
	color: var(--customerColor);
}
#content .sub-3 .lead p {
	font-weight: 600;
}
#content blockquote {
	margin-bottom: 2rem;
	padding-top: 2rem;
}
#content .sub-2 blockquote {
	margin-bottom: 5rem;
	margin-left: var(--onecolpaddingNegative);
	margin-right: var(--onecolpadding);
	padding-top: 5rem;
	padding-left: 66px;
	background: transparent url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54.91 39.4"><path style="fill: %2300abb9" d="M35.11,39.4v-3.1c4.5-2.2,7.6-4.7,9.6-7.4,2-2.3,3.1-5.2,3.1-8.3,.1-1.2-.1-2.5-.7-3.6-.4-.6-1-1.1-1.8-1.1-.9,.1-1.8,.3-2.7,.7-1,.4-2.1,.6-3.1,.7-2,0-4-.8-5.4-2.2-1.5-1.5-2.3-3.5-2.2-5.6,0-2.4,1-4.7,2.9-6.3,1.9-1.8,4.4-2.8,6.9-2.7,3.4,0,6.5,1.6,9.2,4.5,2.7,3,4.1,7,4,11-.1,5.2-1.9,10.2-5.2,14.3-3.8,4.3-9,7.5-14.6,9.1Zm-31.5-.2v-2.9c5.1-2.9,8.5-5.6,10.1-8.1,1.6-2.4,2.5-5.3,2.5-8.3,.1-1.1-.2-2.2-.9-3.1-.4-.6-1-1.1-1.8-1.1-.8,.1-1.7,.3-2.4,.7-1.2,.4-2.3,.6-3.5,.6-2,0-4-.8-5.4-2.2C.81,13.3-.09,11.3,0,9.2,0,6.7,1.01,4.3,2.91,2.7,4.91,.9,7.41,0,10.11,0c3.5,0,6.9,1.6,9.2,4.2,2.7,3,4.2,6.9,4,11,0,5.3-1.8,10.4-5.1,14.5-3.4,4.6-8.4,7.7-14.6,9.5Z"/></svg>') no-repeat 0 5.5rem;
	background-size: auto 32px;
}
#content blockquote > p {
	margin-bottom: .2em;
	font-size: 2.6rem;
	color: var(--contentQuoteColor);
	font-family: var(--contentHeading);
	font-weight: 900;
	line-height: 1.5;
	hyphens: none !important;
}
#content blockquote .origin p {
	text-align: right;
	font-size: unset;
}
#content p,
#content ul,
#content ol {
	font-family: var(--contentText);
	font-size: var(--fontSize);
	color: var(--contentTextColor);
	line-height: 1.3;
}
#content .sub-2 p {
	hyphens: auto;
}
#content .persons {
	padding: 1rem 0;
	font-family: var(--contentSans), sans-serif;
}
#content .persons.flex.wide {
	margin-right: var(--onecolpaddingNegative);
	margin-left: var(--onecolpaddingNegative);
}
#content .person {
	margin: 1rem 0;
	color: var(--contentTextColorLight);
}
#content .person > *,
#content .person [class^="misc"] {
	display: inline-block;
}
#content .persons .name span {
	font-weight: bold;
}
#content .persons p {
	margin: 0;
	font-size: var(--fontSizeSmall);
	color: var(--contentTextColorLight);
}
#content .persons.flex {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
}
#content .persons.flex .person {
	max-width: 200px;
}
#content .persons.flex .person figure {
	margin: 0;
}


#content .suptitle {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: var(--contentHeading), sans-serif;
	font-size: var(--fontSizeSmall);
	font-weight: 600;
	line-height: 1.2;
	color: var(--contentHeaderColor);
}
#content .subtitle {
	font-family: var(--contentHeading), sans-serif;
	font-size: 2.5rem;
	color: var(--contentHeaderColor);
}
#content h2 + section > h3,
#content h3 + section > h4 { margin-top: 0; }
#content :not(section) h1,
.page #content :not(section) h1 {
	font-size: var(--fontSize);
}
#content figure h1 {
	margin-bottom: .5em;
}

#content p { margin: 0 0 1em 0; }
#content p.blank { margin-top: 4rem; }
#content p.unindented { margin: 0; }
#content h2 + p.unindented { margin-top: 0; }
#content p.hanging {
	padding-left: 2.2rem;
	text-indent: -2.2rem;
}
#content p.left { text-align: left; }
#content p.center { text-align: center; }
#content p.right { text-align: right; }
#content p.justify { text-align: justify; }
#content p.source {
	text-align: right;
	font-size: var(--fontSizeSmall);
}
#content p:last-child:not(.lead *) {
	margin-bottom: 0;
}
#content .sub-2 p:last-child {
	padding-bottom: 1rem;
}
#content .sub-2 th p:last-child,
#content .sub-2 td p:last-child {
	padding-bottom: 0;
}
#content .sub-2 .wrapper > h2,
#content .sub-2 .wrapper > nav,
#content .sub-2 .wrapper > figure,
#content .sub-2 .wrapper > .lead,
#content .sub-2 .wrapper > p,
#content .sub-2 .wrapper > ul,
#content .sub-2 .wrapper > ol,
#content .sub-2 .wrapper > section,
#content .sub-2 .wrapper > .chartcontainer {
	padding-right: var(--onecolpadding);
	padding-left: var(--onecolpadding);
}
/* #content .sub-2 .wrapper > blockquote {
	position: relative;
	padding-right: calc(var(--onecolpadding) + 100px);
	padding-left: 100px;
} */

#content .sub-2 .twocol {
	padding-right: 0;
	padding-left: 0;
}
#content .sub-2 .wrapper > nav {
	display: flex;
	justify-content: space-between;
	padding: 100px 0;
	border-bottom: 136px solid transparent;
	text-align: right;
	font-size: var(--fontSizeSmall);
}
#content .sub-2 .wrapper > nav a {
	font-weight: 600;
}
#content .sub-2 .wrapper > nav .icon {
	margin: 2px 5px 0;
	fill: var(--customerColorDark);
}

#content p a {
	word-wrap: break-word;
	word-break: break-all;
}
#content a.button {
	display: inline-block;
	margin-top: 2em;
	padding: 1rem 8rem .5rem;
	border: 2px solid var(--buttBorder);
	border-radius: var(--borderRadius);
	background-color: var(--buttBg);
	color: var(--buttColor);
}
#content .bgdark a.button {
	background-color: var(--buttBg);
	border-color: var(--buttBorder);
	color: var(--buttColor);
	text-shadow: none;
}
#content aside a.button {
	width: 90%;
	margin: 2em 0 1.5em 0;
	padding: 1rem;
	background-color: var(--buttBgDark);
	border-color: var(--buttBorderDark);
	color: var(--buttColorDark);
}
#content aside a.button:hover {
	background-color: var(--buttBgDarkHover);
	border-color: var(--buttBorderDarkHover);
	color: var(--buttColorDarkHover);
}

#content a.button:hover {
	background-color: var(--buttBgHover);
	border-color: var(--buttBorderHover);
	color: var(--buttColorHover);
}
#content .bgdark a.button:hover {
	background-color: var(--buttBgHover);
	border-color: var(--buttBorderHover);
	color: var(--buttColorHover);
}

#content em {
	font-weight: inherit;
	font-style: normal;
	text-decoration: none;
}
#content em.strong { font-weight: bold; color: var(--contentTextColorDark); }
#content em.italic { font-style: italic; }
#content em.underline { text-decoration: underline; }

#content em.heading {
	font-weight: bold;
	color: var(--customerColor1);
}

#content ol,
#content ul { margin: .5em 0 1em 1.2em; }
#content ol.num { list-style: decimal; }
#content ol.A { list-style: upper-alpha; }
#content ol.a { list-style: lower-alpha; }
#content ol.I { list-style: upper-roman; }
#content ol.i { list-style: lower-roman; }
#content ul.circle { list-style: circle; }
#content ul.bullet { list-style: initial; }
#content ul.free { list-style: none; }
#content li { margin: .5em 0; }
#content li p { margin: 0; }

#content ul.free { margin-left: 0; }
#content ul.free > li {
	display: grid;
	grid-template-columns: 3em auto;
	padding-left: 0;
}
#content ul.free li div.listbullet {
	grid-column: 1;
}
#content ul.free li p,
#content ul.free li ul,
#content ul.free li ol,
#content ul.free li figure,
#content ul.free li .variant { grid-column: 2; }
#content ul.free li ul,
#content ul.free li ol { list-style: initial; }

#content figure {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-gap: 10px;
	margin: 4em 0;
	margin: 4em 0 6em 0;
}
#content figure.img {
	margin: 4em 0;
}
#content figure.lessmargin {
	margin: 3em 0;
}
#content figure.wide {
	margin-left: var(--onecolpaddingNegative);
	margin-right: var(--onecolpaddingNegative);
}

#content figure:not(.textflow) > *   { grid-column: 1 / span 8; }
#content figure:not(.textflow).w100 > *   { grid-column: 1 / span 8; }
#content figure:not(.textflow).w75 > *    { grid-column: 1 / span 6; }
#content figure:not(.textflow).w50 > *    { grid-column: 1 / span 4; }
#content figure:not(.textflow).w25 > *    { grid-column: 1 / span 2; }
#content figure:not(.textflow).w12½ > *   { grid-column: 1 / span 1; }
#content figure:not(.textflow).center.w100> *  { grid-column: 1 / span 8; justify-self: center; }
#content figure:not(.textflow).center.w75> *   { grid-column: 2 / span 6; }
#content figure:not(.textflow).center.w50> *   { grid-column: 3 / span 4; }
#content figure:not(.textflow).center.w25> *   { grid-column: 4 / span 2; }
#content figure:not(.textflow).center.w12½> *  { grid-column: 4 / span 1; }
#content figure:not(.textflow).right.w100 > *  { grid-column: 1 / span 8; justify-self: end; }
#content figure:not(.textflow).right.w75 > *   { grid-column: 3 / span 6; }
#content figure:not(.textflow).right.w50 > *   { grid-column: 5 / span 4; }
#content figure:not(.textflow).right.w25 > *   { grid-column: 7 / span 2; }
#content figure:not(.textflow).right.w12½ > *  { grid-column: 8 / span 1; }
#content figure:not(.textflow).left.w75 figcaption[class^="side-"]   { grid-column: 7 / span 2 !important; grid-row: 1; }
#content figure:not(.textflow).left.w50 figcaption[class^="side-"]   { grid-column: 5 / span 4 !important; grid-row: 1; }
#content figure:not(.textflow).left.w25 figcaption[class^="side-"]   { grid-column: 3 / span 6 !important; grid-row: 1; }
#content figure:not(.textflow).left.w12½ figcaption[class^="side-"]  { grid-column: 2 / span 7 !important; grid-row: 1; }
#content figure:not(.textflow).center figcaption.full-width          { grid-column: 1 / span 8 !important; grid-row: 1; }
#content figure:not(.textflow).right.w75 figcaption[class^="side-"]  { grid-column: 1 / span 2 !important; grid-row: 1; }
#content figure:not(.textflow).right.w50 figcaption[class^="side-"]  { grid-column: 1 / span 4 !important; grid-row: 1; }
#content figure:not(.textflow).right.w25 figcaption[class^="side-"]  { grid-column: 1 / span 6 !important; grid-row: 1; }
#content figure:not(.textflow).right.w12½ figcaption[class^="side-"] { grid-column: 1 / span 7 !important; grid-row: 1; }
#content figure:not(.textflow) figcaption.side-top { align-self: start; }
#content figure:not(.textflow) figcaption.side-bottom { align-self: end; }
#content figure:not(.textflow) figcaption.full-width { grid-column: 1 / span 8 !important; }
#content figure.right figcaption { text-align: left; }
#content figure.center figcaption { text-align: center; }
#content figure.textflow {
	display: block;
	margin-top: 0.5em;
}
#content figure.textflow {
	float: left;
	margin-right: 20px;
	padding-right: 66px; /* CUSTOM */
}
#content figure.textflow.center { margin-left: auto; margin-right: auto; text-align: center; }
#content figure.textflow.right { float: right; margin-left: 20px; }
#content figure.textflow.w75  { width: 75%; }
#content figure.textflow.w50  { width: 50%; }
#content figure.textflow.w25  { width: 25%; }
#content figure.textflow.w12½ { width: 12.5%; }

#content figure h1 {
	margin-bottom: 0;
	text-align: left;
	font-size: var(--fontSizeSmall);
	font-weight: 600;
	color: var(--customerColor);
}
#content figcaption {
	margin-top: 0;
	font-family: var(--contentSans), sans-serif;
	line-height: 1.2;
	color: var(--contentTextColorDark);
}
#content figcaption p {
	line-height: normal;
	font-size: var(--fontSize);
	color: var(--contentTextColorLight);
}
#content figcaption .note p,
#content .origin p {
	color: var(--contentTextColorLight);
}
#content figcaption p {
	margin-bottom: .5em;
	font-size: 1.2rem;
}

#content figure.table {
	overflow-x: auto;
	overflow-y: hidden;
}
#content figure img {
	max-width: 100%;
	border-radius: var(--borderRadius);
}
#content figure img.b {
	padding: 10px;
	border: 1px solid var(--tableborder-color);
}
#content figure video {
	border-radius: var(--borderRadius);
	box-shadow: 0px 20px 20px #00000033;
}
#content figure.imbed iframe {
	width: 100vw;
	height: 400px;
	border-radius: var(--borderRadius);
	box-shadow: 0px 20px 20px #00000033;
	overflow: hidden;
}
#content .sub-2 figure.imbed iframe {
	width: 100%;
	height: 214px;
}


#content .gallery {
	margin: 2em 0;
}
#content .gallery a { display: inline-block }
#content .gallery .item {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 10px;
	background-size: cover;
}
#content .gallery .item img {
	width: 1px;
	height: 1px;
}


#content table {
	width: 100%;
	margin: .5em 0;
	border-collapse: collapse;
}
#content table caption {
	margin-bottom: .5em;
	font-family: var(--contentSans), sans-serif;
	font-size: var(--fontSizeSmall);
	font-weight: 700;
	text-align: left;
	line-height: 1.2;
}
#content table th,
#content table td {
	padding: 5px;
	border-bottom: 1px var(--dividor) solid;
	font-family: var(--contentSans), sans-serif;
	font-size: var(--fontSizeSmall);
	line-height: 1.2;
}
#content table th.left,
#content table td.left { text-align: left; }
#content table th.center,
#content table td.center { text-align: center; }
#content table th.right,
#content table td.right { text-align: right; }
#content table th,
#content table td { vertical-align: top; } /* default */
#content table th.top,
#content table td.top { vertical-align: top; }
#content table th.middle,
#content table td.middle { vertical-align: middle; }
#content table th.bottom,
#content table td.bottom { vertical-align: bottom; }
#content table p {
	margin: 0;
	font-size: var(--fontSizeSmall);
	color: var(--contentTextColorLight);
}
#content table p.blank { margin-top: .5em; }
#content table th p {
	color: var(--variantColor1);
}
#content table.var-a tr:nth-child(even) td { background-color: var(--tablestripe-color); }
#content table.var-b tr th,
#content table.var-b tr td { background-color: transparent; }
#content table.var-c tr > * { border: none; }
#content table.var-d { margin: 0; }
#content table.var-d tr > * {
	padding: 0;
	border: none;
}
#content table.var-d tr > * > p {
	font-size: initial;
	font-family: var(--contentText);
	line-height: 1.8;
}

#content .footnote {
	vertical-align: baseline;
	top: -0.4em;
	position: relative;
	padding: 0 0 0 3px;
	cursor: help;
	font-weight: bold;
}
#content .footnote span {
	display: none;
	position: absolute;
	bottom: 20px;
	left: -150px;
	z-index: 666;
	width: 300px;
	padding: 10px;
	background-color: var(--variantColor1);
	border-radius: 3px;
	box-shadow: 1px 1px 6px var(--variantColor1);
	text-indent: 0;
	font-weight: normal;
	font-size: var(--fontSizeSmall);
	line-height: normal;
	color: var(--customerColor5);
}
#content .footnote.active span {
	display: unset;
}

/* content elements */
#content .box {
	margin: 1rem 0;
	background-color: var(--contentBoxBgColor);
	color: var(--contentBoxTextColor);
}
#content .box h1,
#content .box h2,
#content .box h3,
#content .box h4,
#content .box p {
	color: var(--contentBoxTextColor);
}
#content .box.var-a {
	background-color: var(--contentBoxBgColor);
}
#content .box.var-a h1,
#content .box.var-a h2,
#content .box.var-a h3,
#content .box.var-a h4,
#content .box.var-a p {
	color: var(--contentBoxTextColor);
}
#content .box.var-b {
	background-color: var(--contentBoxBgColorB);
}
#content .box.var-b h1,
#content .box.var-b h2,
#content .box.var-b h3,
#content .box.var-b h4,
#content .box.var-b p {
	color: var(--contentBoxTextColorB);
}
#content .box.var-c {
	background-color: var(--contentBoxBgColorC);
}
#content .box.var-c h1,
#content .box.var-c h2,
#content .box.var-c h3,
#content .box.var-c h4,
#content .box.var-c p {
	color: var(--contentBoxTextColorC);
}
#content .box.var-f {
	background-color: var(--contentBoxBgColorF);
}
#content .box.var-f h1,
#content .box.var-f h2,
#content .box.var-f h3,
#content .box.var-f h4,
#content .box.var-f p {
	color: var(--contentBoxTextColorC);
}
#content .box h1 {
	color: var(--contentBoxTextColor);
}
#content .box h2 {
	margin-top: 0;
	font-size: 120%;
}
#content .box h3 {
	margin-top: 0;
	font-style: normal;
	font-weight: bold;
	font-size: 110%;
}
#content .box h4 {
	margin-top: 0;
	font-style: italic;
	font-size: 100%;
}
#content .box p {
	font-family: var(--contentBoxText), sans-serif;
	font-size: var(--fontSizeSmall);
	color: var(--contentBoxTextColor);
}
#content .box section + p { margin-top: 1.2em; }

#content .petit {
	margin-left: 20px;
}
#content .petit p {
	font-size: 1.9rem;
}

#content .example {
	margin: 1rem 0;
	padding: 2rem 3rem;
	border: 1px solid var(--variantColor1);
}
#content .variant p {
	font-weight: 700;
	font-style: italic;
	color: var(--customerColor1);
}

#content .poem { margin: 1em 0; }
#content .poem h1 {
	margin-top: 1.5em;
	font-size: 22px;
	font-style: italic;
}
#content .verse { margin: 1em 0;  }
#content .verse p { margin: 0; }

/* result */
main.result .partitle {
	margin: 20px 0 2rem;
	font-size: var(--fontSizeSmall);
	font-weight: 700;
	color: var(--tocPartColor);
}
main.result h2.in { margin-bottom: 10px; } /* ? */
main.result nav form {
	display: flex;
	margin: 20px 0;
	padding-bottom: 2px;
	border: 1px solid var(--dividor);
	border-width: 0 0 1px 0;
}
main.result nav form input {
	width: calc(100% - 52px);
	padding: 5px;
	background-color: transparent;
	border: none;
	font-size: var(--fontSize);
	color: var(--customerColor);
	outline: none;
	-webkit-appearance: textfield;
}
main.result nav form input::placeholder {
	color: var(--customerColor);
}
main.result nav form button {
	background: none;
	border: none;
	font-size: 0;
	color: transparent;
}
main.result nav form button .icon {
	fill: var(--customerColorDark);
}
main.result nav ul { margin-left: 0; }
main.result nav li input { display: none; }

main.result #content > a {
	display: flex;
	margin: 3rem 0;
	text-decoration: none;
	color: var(--contentTextColorLight);
}
main.result #content > a > .icon {
	flex-shrink: 0;
	fill: var(--customerColorDark);
	margin: 6px 2rem 0 0;
}
main.result #content article h1 {
	display: flex;
	justify-content: space-between;
	font-size: var(--fontSize);
}
main.result #content article h1 .issue {
	margin: .3em 0 0 10px;
	font-size: var(--fontSizeSmall);
	color: var(--tocPartColor);
}
main.result #content a:hover h1 .title { text-decoration: underline; }
main.result #content a:hover h1 .issue { text-decoration: none; }
main.result #content article * { margin: 0; }
main.result #content article p {
	display: inline;
	font-size: var(--fontSizeSmall);
	color: var(--contentTextColorLight);
}
main.result #content article .lead {
	font-family: var(--contentText);
	font-size: unset;
	line-height: unset;
}
main.result #content article p.author { font-style: italic; }
main.result #content article p.author:before { content: ' – '; }
main.result #content article em {
	font-weight: bold;
	color: var(--contentTextColorDark);
}

/* animania */
.prevnext .prev:hover .icon {
  animation: bounce-l 1.5s infinite;
}
	@keyframes bounce-l {
	0%, 20%, 50%, 90%, 100% { transform: translateX(0); }
  40% { transform: translateX(3px); }
  70% { transform: translateX(2px); }
}

.prevnext .next:hover .icon {
  animation: bounce-r 1.5s infinite;
}
@keyframes bounce-r {
	0%, 20%, 50%, 90%, 100% { transform: translateX(0); }
  40% { transform: translateX(-3px); }
  70% { transform: translateX(-2px); }
}
nav.next .icon {
  animation: bounce-d 1.5s infinite;
}
@keyframes bounce-d {
	0%, 20%, 50%, 90%, 100% { transform: translateY(0); }
  40% { transform: translateY(-3px); }
  70% { transform: translateY(-2px); }
}


#topmenu nav .icon:hover,
#content menu.share .icon:hover,
main.result nav form button:hover .icon {
	animation: expand 2000ms infinite;
}
@keyframes expand {
  0%, 100% { transform: scale(1); transform-origin: center; }
	50% { transform: scale(1.05); transform-origin: center; }
}
#content.library article:hover img {
	animation: expand-less 1500ms infinite;
}
@keyframes expand-less {
  0%, 100% { transform: scale(1); transform-origin: center; }
	50% { transform: scale(1.01); transform-origin: center; }
}

@media (max-width: 1200px) {
	section.chapter .wrapper {
		max-width: 756px;
	}
	#content #forord p.quote {
		font-size: 2.6rem;
		text-indent: 66px;
	}
	#content #forord p.quote:before {
		background-size: auto 32px;
	}
	#content h2 {
		font-size: 4rem;
	}
	#content a.button {
		padding: 1rem 5rem .5rem;
	}
	#content section.chapter blockquote > p {
		font-size: 4rem;
	}
	section.chapter.aside.reveal .asidewrap aside a.clicker {
		position: absolute;
		top: 0;
		left: 0;
		width: 68px;
		height: 68px;
		z-index: 666;
	}
	section.chapter.aside.reveal .asidewrap aside .innerwrap {
		display: none;
	}
	section.sub-2 .wrapper {
		max-width: 800px;
		padding: 100px 0 60px;
	}
	#content .onecol,
	#content .sub-2 .wrapper > nav,
	#content .sub-2 .wrapper > figure,
	#content .sub-2 .wrapper > .lead,
	#content .persons.flex.wide,
	#content .sub-2 .wrapper > p,
	#content .sub-2 .wrapper > ul,
	#content .sub-2 .wrapper > ol,
	#content .sub-2 .wrapper > section {
		margin: 0 auto;
		padding-right: 10px;
		padding-left: 10px;
	}
	#content .sub-2 .wrapper > h2 {
		padding-right: 10px;
		padding-left: 10px;
	}
		#content .sub-2 .wrapper blockquote {
		margin-right: 0;
		margin-left: 0;
	}
}
@media (max-width: 1000px) {
	html.page #maingrid > header {
		background-color: #ffffffcc;
	}
	section.chapter.aside .asidewrap {
		grid-template-rows: 120px 120px;
	}
	section.chapter.aside .asidewrap aside {
		padding: 20px;
	}
	#content section.chapter.grow aside .innerwrap h2 a {
		font-size: 1.5rem;
	}
}
@media (max-width: 800px) {
	#menu a {
		font-size: unset;
	}
	section.chapter .wrapper {
		max-width: 520px;
		padding: 100px 60px 60px;
	}
	#content a.button {
		padding: 1rem 3rem .5rem;
	}
	#content figure.wide {
		margin-left: 0;
		margin-right: 0;
	}
	#content #forord p.heading {
		font-size: 4rem;
	}
	#content #forord p.quote {
		font-size: 2rem;
		text-indent: 40px;
	}
	#content #forord p.quote:before {
		background-size: auto 22px;
	}
	#content .sub-2 .wrapper > nav {
		border-bottom-width: 0;
	}
	section.sub-2 .wrapper footer small {
		display: none;
	}
}

@media (max-width: 600px) {
	html.smooth {
		 scroll-behavior: unset;
	}
	section.chapter .wrapper {
		padding-right: 10px;
		padding-left: 10px;
	}
	section.chapter.sidescroll .slidewrap {
		width: 100%;
	}
	section nav.left {
		top: unset;
		bottom: 70px;
	}
	section nav.right {
		top: unset;
		bottom: 70px;
	}
	#content .sub-2 .wrapper > nav.prevnext {
		justify-content: end;
	}
	#content .sub-2 .wrapper > nav.prevnext .prev {
		display: none;
	}
	.chartcontainer {
		padding: 0;
	}
	#content h1,
	#content section.splash blockquote p,
	#content section.sub-2.imgbg h2,
	#content section.sub-2.videobg h2 {
		-webkit-hyphens: auto;
		hyphens: auto;
		font-size: 10.3vw;
	}
	#content h2 {
		font-size: 8.33vw;
	}
}
@media only screen and (min-width: 500px) and (max-width: 736px) and (orientation: landscape) {
	#content section.chapter .wrapper > h1,
	#content section.chapter .wrap > h1 {
		margin-bottom: 0;
	}
	section.chapter .wrapper {
		max-width: unset;
		padding: 50px 20px
	}
	#content h2 {
		margin: 0;
		font-size: 3.3rem;
	}
}

@media (max-width: 466px) {
	#menu {
		max-height: calc(100vh - var(--headerHeightMax));
		overflow-y: auto;
	}
	body.min-header #menu {
		max-height: calc(100vh - var(--headerHeightMin));
	}
	body.menu {
		overflow-y: hidden;
	}
	#menu .constrainer > ul {
		column-count: 1;
	}
	html.iphone section nav.next {
		bottom: 70px;
	}
	#content h1,
	#content section.splash blockquote p,
	#content section.sub-2.imgbg h2,
	#content section.sub-2.videobg h2 {
		-webkit-hyphens: auto;
		hyphens: auto;
		font-size: 10.3vw !important;
	}
	#content h2 {
		font-size: 8.33vw;
	}
	#content figure,
	#content figure.textflow.w75,
	#content figure.textflow.w50,
	#content figure.textflow.w25,
	#content figure.textflow.w12½ {
		width: 100%;
		float: unset;
		margin: 0;
		padding: 0;
	}
	#content .background figure,
	#content .background figure.textflow.w75,
	#content .background figure.textflow.w50,
	#content .background figure.textflow.w25,
	#content .background figure.textflow.w12½ {
		width: inherit;
		float: inherit;
		margin: inherit;
		padding: 0;
	}
	#content figure:not(.textflow) > *,
	#content figure:not(.textflow).left.w50 figcaption[class^="side-"] {
		grid-column: 1 / span 8 !important;
	}
	#content section.splash h1 {
		margin-top: -5em;
	}
	#content #forord img {
		display: none;
	}
	#content section.chapter.box .component aside:first-child,
	#content section.chapter.box .component aside:last-child {
		display: none;
	}
	#fagomrader section.chapter.aside .asidewrap {
		grid-template-rows: 120px 120px 120px;
	}
	section.chapter .wrapper,
	section.sub-2 .wrapper {
		width: unset;
	}
}

.centered { text-align: center; }
.hidden { display: none; }

#content section.bgdark *,
#content #content section.bgdark .wrapper > h1,
#content #content section.bgdark .wrap > h1,
#content #content section.bgdark .subtitle {
	color: var(--contentTextColorWhite);
}


/* site */
.customerColor {
	color: var(--customerColor) !important;
}

/* hacks of shame */

#tall blockquote p {
	font-size: 10rem;
}
#tall .lead p {
	font-size: 5rem;
}