:root{--black:#11161f;--red:#EE1E66;--green:#15FA9F;--yellow:#F8D557;
	--blue:#6FC7D8;--purple:#B58CFF;--cyan:#B5F1E9;--orange:#FCD092;
	--white:#fffffa;--gray:#ddd;--lightgray:#f9f9f9;--pluto:#F0D8C0;
	--color:var(--black);--bgcolor:var(--white);--paperw:60vw;/* 60em */
	--link:var(--primary);--primary:var(--red);--bs:.1em;
}
*{
	box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;
	border-width:var(--bs)!important
}
html,body{color:var(--color);background-color:var(--bgcolor);height:100%}

/* 									#####grid-table##### 					*/
@media screen and (min-width:768px){
	.col{display:table-cell}.\31{width:8%}.\32{width:17%}.\33{width:25%}
	.\34{width:33%}.\35{width:42%}.\36{width:50%}.\37{width:58%}
	.\38{width:66.6%}.\39{width:75%}.\310{width:83%}.\311{width:92%}
	.row{border-collapse:collapse;display:table;width:100%}
	.row.gap1{border-collapse:separate;border-spacing:.5em}
	.row.gap2{border-collapse:separate;border-spacing:1em}
	.row.gap3{border-collapse:separate;border-spacing:2em}
	.row.gap4{border-collapse:separate;border-spacing:4em}
	.row.gap01{border-collapse:separate;border-spacing:0 .5em}
	.row.gap02{border-collapse:separate;border-spacing:0 1em}
	.row.gap03{border-collapse:separate;border-spacing:0 2em}
	.row.gap04{border-collapse:separate;border-spacing:0 4em}
	.row.gap10{border-collapse:separate;border-spacing:.5em 0}
	.row.gap12{border-collapse:separate;border-spacing:.5em 1em}
	.row.gap13{border-collapse:separate;border-spacing:.5em 2em}
	.row.gap14{border-collapse:separate;border-spacing:.5em 4em}
	.row.gap20{border-collapse:separate;border-spacing:1em 0}
	.row.gap21{border-collapse:separate;border-spacing:.5em .5em}
	.row.gap23{border-collapse:separate;border-spacing:1em 2em}
	.row.gap24{border-collapse:separate;border-spacing:1em 4em}
	.row.gap31{border-collapse:separate;border-spacing:1em .5em}
	.row.gap32{border-collapse:separate;border-spacing:2em 1em}
	.row.gap34{border-collapse:separate;border-spacing:2em 4em}
	.row.gap40{border-collapse:separate;border-spacing:4em}
	.row.gap41{border-collapse:separate;border-spacing:4em .5em}
	.row.gap42{border-collapse:separate;border-spacing:2em 1em}
	.row.gap43{border-collapse:separate;border-spacing:2em 2em}
	.paper{max-width:var(--paperw);padding:1em;margin:auto}
}
.row,.strx{width:100%}.stry{height:100%!important}.str{width:100%;height:100%}
.autox{width:auto}.autoy{height:auto}.auto{width:auto;height:auto}
.row.cb>*{border-right:solid var(--primary)}
.row.cb>:last-child{border:none}
.row.acenter>*{vertical-align:middle}.row.atop>*{vertical-align:top}
.row.abottom>*{vertical-align:bottom}
.atop{vertical-align:top}.acenter{vertical-align:middle}.abottom{vertical-align:bottom}
.centered{margin:0 auto}.nowrap{white-space:nowrap}
.he1{height:8vh}.he2{height:17vh}.he3{height:25vh}.he4{height:33vh}.he5{height:42vh}
.he6{height:50vh}.he7{height:58vh}.he8{height:66.6vh}.he9{height:75vh}
.he10{height:83vh}.he11{height:92vh}.he12{height:100vh}
.wi1{width:8vw}.wi2{width:17vw}.wi3{width:25vw}.wi4{width:33vw}.wi5{width:83vw}
.wi6{width:50vw}.wi7{width:58vw}.wi8{width:66.6vw}.wi9{width:75vw}
.wi10{width:83vw}.wi11{width:92vw}.wi12{width:100vw}
/*									#####components#####					*/
.hero{min-height:100vh;}
.hero50{min-height:50vh!important;}
.card,pre{padding:1em;border:var(--bs) solid var(--primary);}
.card:focus,hr{outline:0;border:solid var(--link);}
/* 									#####text##### 							*/
h1,h2,h3,h4,h5,h6{font-weight:100}h1{font-size:2.5em}h2{font-size:2.2em}
h3{font-size:2em}h4{font-size:1.5em}h5{font-size:1.2em}h6{font-size:1em}
a,a:visited,a:link{color:var(--link);text-decoration:none;display:inline}
pre{overflow:auto}
td,th{padding:1em;text-align:left;border-bottom:solid var(--primary)}
/* 									#####input##### 						*/
fieldset,.btn,input,select{
	padding:1em;text-transform:uppercase;background:var(--bgcolor);
	border:solid;font:.7em;color:var(--color)
}
label{padding:1em;}
.btn.primary{color:var(--color);background:var(--primary);border:solid var(--color)}
.pill{border-radius:9999px}.round{border-radius:3px}
.roundbr{border-bottom-right-radius:6px}
/*									#####media#####							*/
@media screen and (max-width: 768px){.nomobile{display:none!important}
.mbnobor{border:none!important}
.mbm0{margin:0}.mbm1{margin:.5em}.mbm2{margin:1em}.mbm3{margin:2em}.mbm4{margin:4em}
.mbp0{padding:0}.mbp1{padding:.5em}.mbp2{padding:1em}.mbp3{padding:2em}.mbp4{padding:4em}
}
@media screen and (min-width: 769px) and (max-width: 1087px){.notablet{display:none!important}}
@media screen and (min-width: 1088px){.nodesktop{display:none!important}}
@media screen and (min-width: 1280px){.nowide{display: none !important}}
@media screen and (min-width: 1472px){.nohd{display:none!important}}
.hide{display:none!important}
/* 									#####color##### 						*/
.bgtransparent{background-color:transparent!important}
.bglightgray{background-color:var(--lightgray)!important}
.bggray{background-color:var(--gray)!important}
.bgwhite{background-color:var(--white)!important}
.bgblack{background-color:var(--black)!important}
.bgred{background-color:var(--red)!important}
.bggreen{background-color:var(--green)!important}
.bgyellow{background-color:var(--yellow)!important}
.bgblue{background-color:var(--blue)!important}
.bgpurple{background-color:var(--purple)!important}
.bgcyan{background-color:var(--cyan)!important}
.bgorange{background-color:var(--orange)!important}
.bgpluto{background-color:var(--pluto)!important}
.blightgray{border-color:var(--lightgray)!important}
.bpluto{border-color:var(--pluto)!important}
.bgray{border-color:var(--gray)!important}
.bwhite{border-color:var(--white)!important}
.bblack{border-color:var(--black)!important}
.bred{border-color:var(--red)!important}
.bgreen{border-color:var(--green)!important}
.byellow{border-color:var(--yellow)!important}
.bblue{border-color:var(--blue)!important}
.bpurple{border-color:var(--purple)!important}
.bcyan{border-color:var(--cyan)!important}
.borange{border-color:var(--orange)!important}
.lightgray{color:var(--lightgray)!important}.pluto{color:var(--pluto)!important}
.gray{color:var(--gray)!important}.white{color:var(--white)!important}
.black{color:var(--black)!important}.red{color:var(--red)!important}
.green{color:var(--green)!important}.yellow{color:var(--yellow)!important}
.blue{color:var(--blue)!important}.purple{color:var(--purple)!important}
.cyan{color:var(--cyan)!important}.orange{color:var(--orange)!important}
/* 									#####glaze#####							*/
.sha{box-shadow:3px 3px var(--color)}
.tsha{text-shadow:1px 1px 0px rgba(0,0,0,.4)}
/* animations */
.push{transition:box-shadow .1s,transform .1s;box-shadow:3px 3px var(--color)}
.push:hover{transform:translate(2px,2px);box-shadow:.0rem .0rem}
@keyframes fadeout{0%{opacity:0}20%{opacity:1}
	80%{opacity:1}100%{opacity:0;display:none;}
}
.fadeout{opacity:0;animation:fadeout ease-in-out;animation-fill-mode:forwards}
.fadeout.f1{animation-duration:2s}.fadeout.f2{animation-duration:4s}
.fadeout.f3{animation-duration:6s}.fadeout.f4{animation-duration:8s}
.fadeout.d1{animation-delay:.5s}.fadeout.d2{animation-delay:1s}
.fadeout.d3{animation-delay:1.5s}.fadeout.d4{animation-delay:2s}
@keyframes fadein{0%{opacity:0;display:none}100%{opacity:1}}
.fadein{opacity:1;animation:fadein ease-in-out;animation-fill-mode:forwards}
.fadein.f1{animation-duration:2s}.fadein.f2{animation-duration:4s}
.fadein.f3{animation-duration:6s}.fadein.f4{animation-duration:8s}
.fadein.d1{animation-delay:.5s}.fadein.d2{animation-delay:1s}
.fadein.d3{animation-delay:1.5s}.fadein.d4{animation-delay:2s}
.dim{opacity:1;transition:opacity .15s ease-in}
.dim:focus,.dim:hover{opacity:.5;transition:opacity .15s ease-in}
.rotate{transition:transform .3s ease-in-out!important}
.rotate:hover{transform:rotate(5deg)!important}
/* arrows */
.arrow {border:solid;border-width:0 3px 3px 0;display:inline-block;padding:3px}
.arrow.right {transform: rotate(-45deg)}.arrow.left {transform: rotate(135deg)}
.arrow.up {transform: rotate(-135deg)}.arrow.down {transform: rotate(45deg)}
/*									#####helpers#####						*/
/* text helpers */
.tleft{text-align:left}.tright{text-align:right}.tcenter{text-align:center}
.ts5{font-size:5em}.ts3{font-size:3.5em}.tsmini{font-size:.7em}
.t1{font-size:5em!important}.t2{font-size:3.5em!important}.t3{font-size:2.5em!important}
.t4{font-size:1.5em!important}.t5{font-size:.8em!important}.t6{font-size:.7em!important}
.bold{font-weight:700}.medium{font-weight:600}.normal{font-weight:normal}
.lighter{font-weight:100}
.light{font-weight:300}.italic{font-style:italic}.justify{text-align:justify}
.upper{text-transform:uppercase}.lower{text-transform:lowercase}
.capital{text-transform:capitalize!important}.initial{text-transform:initial!important}
.underline{text-decoration:underline!important}.overline{text-decoration:overline}.nodecor{text-decoration:none!important}
.strike{text-decoration:line-through}.wavy{text-decoration:wavy}
.dotted{text-decoration:dotted}
/* border helpers */
.bor{border:solid var(--black)}
.bleft{border-left:solid var(--black)}.bright{border-left:solid var(--black)}
.btop{border-left:solid var(--black)}.bbottom{border-left:solid var(--black)}
.b1{border-width:.5em}.b2{border-width:1em}
.b3{border-width:2em}.b4{border-width:4em}
.nobor{border-spacing:0;border:0}
/* position helpers */
.sticky{position:sticky!important}
.totop{top:0!important}.tobottom{bottom:0!important}.toleft{left:0!important}
.toright{right:0!important}.tocenter{right:50%!important;left:50%!important}
.fleft{float:left!important}.fright:{float:right!important}
.static{position:static!important}.relative{position:relative!important}
.absolute{position:absolute!important}.fixed{position:fixed!important}
.vcenter{position:relative;top:50%;transform:perspective(1px) translateY(-50%)}
.vcenterp{position:relative;top:0;transform:perspective(1px) translateY(50%)}
.vcenter2{position:relative;top:40%;transform:perspective(1px) translateY(-45%)}
.nooverflow{overflow:hidden}.scroll{overflow:scroll}
.inline{display:inline-block}
/* padding and margin helpers */
.mt-1{margin-top:-.5em}.mb-1{margin-bottom:-.5em}
.mt-2{margin-top:-1em}.mb-2{margin-bottom:-1em}
.mt-3{margin-top:-2em}.mb-3{margin-bottom:-2em}
.mt-4{margin-top:-4em}.mb-4{margin-bottom:-4em}
.ml-1{margin-left:-.5em}.mr-1{margin-right:-.5em}
.ml-2{margin-left:-1em}.mr-2{margin-right:-1em}
.ml-3{margin-left:-2em}.mr-3{margin-right:-2em}
.ml-4{margin-left:-4em}.mr-4{margin-right:-4em}
.m0{margin:0}.m1{margin:.5em}.m2{margin:1em}.m3{margin:2em}.m4{margin:4em}
.mt0{margin-top:0}.mt1{margin-top:.5em}.mt2{margin-top:1em}
.mt3{margin-top:2em}.mt4{margin-top:4em}
.mb0{margin-bottom:0}.mb1{margin-bottom:.5em}.mb2{margin-bottom:1em}
.mb3{margin-bottom:2em}.mb4{margin-bottom:4em}
.ml0{margin-left:0}.ml1{margin-left:.5em}.ml2{margin-left:1em}
.ml3{margin-left:2em}.ml4{margin-left:4em}
.mr0{margin-right:0}.mr1{margin-right:.5em}.mr2{margin-right:1em}
.mr3{margin-right:2em}.mr4{margin-right:4em}
.my0{margin-top:0;	margin-bottom:0}.my1{margin-top:.5em;margin-bottom:.5em}
.my2{margin-top:1em;margin-bottom:1em}.my3{margin-top:2em;margin-bottom:2em}
.my4{margin-top:4em;margin-bottom:4em}
.mx0{margin-right:0;margin-left:0}.mx1{margin-right:.5em;margin-left:.5em}
.mx2{margin-right:1em;margin-left:1em}.mx3{margin-right:2em;margin-left:2em}
.mx4{margin-left:4em;margin-right:4em}
.p0{padding:0}.p1{padding:.5em}.p2{padding:1em}.p3{padding:2em}.p4{padding:4em}
.pt0{padding-top:0}.pt1{padding-top:.5em}.pt2{padding-top:1em}
.pt3{padding-top:2em}.pt4{padding-top:4em}
.pb0{padding-bottom:0}.pb1{padding-bottom:.5em}.pb2{padding-bottom:1em}
.pb3{padding-bottom:2em}.pb4{padding-bottom:4em}
.py0{padding-top:0;	padding-bottom:0}.py1{padding-top:.5em;padding-bottom:.5em}
.py2{padding-top:1em;padding-bottom:1em}.py3{padding-top:2em;padding-bottom:2em}
.py4{padding-top:4em;padding-bottom:4em}
.px0{padding-right:0;padding-left:0}.px1{padding-right:.5em;padding-left:.5em}
.px2{padding-right:1em;padding-left:1em}.px3{padding-right:2em;padding-left:2em}
.px4{padding-right:4em;padding-left:4em}
.pl0{padding:0}.pl1{padding-left:.5em}.pl2{padding-left:1em}
.pl3{padding-left:2em}.pl4{padding-left:4em}
.pr0{padding:0}.pr1{padding-left:.5em}.pr2{padding-left:1em}
.pr3{padding-left:2em}.pr4{padding-left:4em}
.bgcover{align-items:center!important;background-repeat:no-repeat!important;
	background-size:cover!important;background-position-y:center!important;
	background-position-x:center!important;
}
.parallax{background-attachment: fixed;background-position: center;
	background-repeat: no-repeat;background-size: cover;
}
/*
.bgdotted:before{content: '';
	display: block;position: absolute;	left:0;right:0;top:0;bottom:0;
	background: rgba(127, 127, 127, 0.5);background-size: 3px 3px;
	background-image: radial-gradient(black 33%, transparent 33%);
}
*/
.pointer{cursor:pointer}.help{cursor:help}
.cap:first-letter{display:block;margin:5px 0 0 5px;float:left;color:#0033CC;
font-size:60px;
}
/*								#####hamburg#####										*/
.mbox{
	display:block;position:fixed;top:0;width:300px;height:100%;
	margin:0;padding:80px 0;list-style:none;background-color: var(--bgcolor);
	box-shadow:4px 4px 1px rgba(0,0,0,.8);transition-duration:.25s;z-index:777;
}
.mbox.mleft{left:-100%}.mbox.mright{right:-100%}
.mbtn.mleft{left:1.5em}.mbtn.mright{right:1.5em}
.mbtn>span::before{content:'';top:-.5em}
.mbtn>span::after{content:'';top:.5em}
.mbtn>span,.mbtn>span::before,.mbtn>span::after{
	display:block;position:absolute;width:100%;height:.2em;
	background-color:var(--color);transition-duration:.25s;
}
#moff{opacity: 0}
#moff:checked+.mbtn>span{transform:rotate(45deg)}
#moff:checked+.mbtn>span::before{top:0;transform:rotate(0deg)}
#moff:checked+.mbtn>span::after {top:0;transform:rotate(90deg)}
#moff:checked~.mbox.mleft{left:0}#moff:checked~.mbox.mright{right:0}
.mbtn{position:fixed;top:1.5em;width:1.5em;height:1.5em;cursor:pointer;
	z-index:999;
}
.mitem {
	display:block;padding:.5em 2em;color:#222;font-size:1.6rem;
	text-decoration:none;transition-duration:.25s;
}.mitem:hover{background-color:var(--lightgray)}