@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,500;1,300;1,500&display=block');

@font-face {
	font-family: "SacreManteau";
	src: url(/fonts/SacreManteau-Regular.ttf);
}

@keyframes fadeInDisplayNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

html {
	scroll-padding-top: 5rem;
}

body {
	font-family: 'Nunito', sans-serif;
	font-weight: 300;
	background: rgb(242, 226, 247);
	margin: 0;
	padding: 0;
	--nav-base-color: rgb(242, 226, 247);
	--nav-color: var(--nav-base-color);
	--nav-grow: 0.5rem;
}

@media (max-width: 750px) {

	html {
		font-size: 10px;
	}

}

b {
    font-weight: 500;
}

a {
	color: rgb(76, 37, 87);
	text-decoration-thickness: from-font;
}

.standout {
	padding-top: 2rem;
	padding-bottom: 2rem;
	font-size: 1.5rem;
}

.content-outer, .shadowed, nav, nav > ul ul {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.content-outer {
	background-color: inherit;
}

.content {
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	padding: 1rem;
	max-width: 60rem;
}

body.noautotitle > .content-outer > .content > h1:first-child
{
	display: none;
}

.content img.filigrane
{
	width: 11em;
	max-width: 50vw;
    float: left;
    shape-outside: circle(50%);
	opacity: 25%;
    margin-left: -2em;
	margin-top: -0.5em;
}

.content img.filigrane::before {
	content: "";
	width: 100%;
	height: 0;
	padding-bottom: 100%;
}

.content img, .content object, .content svg {
    margin: 0.5em;
}

.content.object {
	display: flex;
}

.content.object > *  {
	flex: 50%;
}

.content.object .images {
	padding-right: 1rem;
}

.content.object .images img {
	margin: 0;
	vertical-align: middle;
}

.content.object .images :first-child {
	margin: 0;
	width: 100%;
}

.content.object .images :first-child > img {
	width: 100%;
}

.content.object .images .thumbnails {
	margin: 0 -0.5rem;
	width: calc(100% + 1rem);
	padding-top: 1rem;
}

.content.object .images .thumbnails > img {
	width: calc(24.9% - 1rem);
	padding: 0 0.5rem;
}

.center {
	text-align: center;
}

.left, .right {
	width: 90%;
	max-width: 32rem;
}

.left {
	margin-right: auto;
}

.right {
	margin-left: auto;
}

.big {
	font-size: 150%;
}

figure {
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

blockquote {
	position: relative;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0;
    margin-inline-end: 0;
	text-align: center;
	padding: 0 3em 0 3em;
}

blockquote:before {
    font-family: Georgia, serif;
    position: absolute;
    font-size: 6em;
    line-height: 1;
    top: 0;
    left: 0;
    content: "\201C";
	opacity: 0.5;
}

blockquote:after {
    font-family: Georgia, serif;
    position: absolute;
    float: right;
    font-size: 6em;
    line-height: 1;
    right: 0;
    bottom: -0.5em;
    content: "\201D";
	opacity: 0.5;
}

figcaption {
	text-align: right;
}

blockquote+figcaption:before {
	content: "\2013\A0";
}

cite {
	font-style: italic;
}

.with-picture-left {
	padding-right: calc(30vw + 1rem);
	position: relative;
}

.with-picture-left .picture {
	position: absolute;
	top: 0;
	right: 0;
	width: 30vw;
}

.firstline-standout p::first-line {
	font-size: 1.5rem;
}

.firstline-standout p.left+p.left::first-line {
	font-size: initial;
}

.firstline-standout p.right+p.right::first-line {
	font-size: initial;
}

body > .main{
	padding: 2rem;
	background: inherit;
}

nav {
	position: sticky;
	left: 0;
	top: 0;
	width: 100%;
	background-color: rgb(243, 233, 247);
	background-color: var(--nav-color);
	transition: background-color 0.3s;
	text-align: right;
	z-index: 200;
	backdrop-filter: blur(2px);
}

nav a {
	color: black;
	text-decoration: none;
}

nav:hover {
	background-color: var(--nav-base-color);
}

nav ul {
	margin: 0;
	position: relative;
}

nav li {
	display: inline-block;
	padding: 1rem;
	padding-bottom: 1.3rem;
}

nav > ul {
	padding: 0 1rem 0 1rem;
}

nav > ul > li {
	margin-top: calc(var(--nav-grow) + 0.5rem);
	position: relative;
}

nav > ul ul {
	text-align: left;
	display: none;
	opacity: 0;
	position: absolute;
	top: calc(100% - 2px);
	width: 50vw;
	left: -0.5rem;
	padding: 0.5rem;
	transition: background-color 0.3s;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	clip-path: inset(1px -5px -5px -5px);
	z-index: 1;
}

nav > ul ul li {
	display: block;
	padding: 0.5rem;
	margin: 0.5rem;
}

.link,
nav a {
	position: relative;
	cursor: pointer;
}

nav > ul > li > a {
	font-size: 1.5rem;
	font-size: calc(1.2rem + var(--nav-grow) / 2);
	display: inline-block;
	transform-origin: 0 80%;
	transform: rotate(-5deg);
}

nav > ul > li > ul > li > a {
	font-size: 1.2rem;
	display: inline-block;
}

nav li > p {
	margin: 0 0 0 1rem;
}

.link::before,
nav a::before {
	position: absolute;
	top: calc(100% - 2px);
	height: 0.038em;
	left: 0;
	right: 0;
	background: currentColor;
	border-radius: 0.019em;
	content: " ";
	opacity: 0;
	transition: opacity 0.3s;
}

.link:hover::before,
nav > ul > li:hover > a::before,
nav > ul ul a:hover::before {
	opacity: 1;
}

nav > ul > li:hover > a,
nav > ul > li > a:hover {
	transform: rotate(-3deg) scale(108%);
}

nav li:hover ul {
	display: block;
	opacity: 1;
	animation: fadeInDisplayNone 0.3s;
}

body:hover nav a {
	transition: transform 0.3s ease-in-out;
}

nav .logo {
	float: left;
	z-index: 1;
}

nav .logo img {
	vertical-align: bottom;
	height: 4rem;
	height: calc(3.2rem + 2 * var(--nav-grow));
	padding: 0.5rem;
}

.parallax-image {
	position: relative;
	overflow: hidden;
	background-color: inherit;
	z-index: -1;

}

.parallax-image * {
	width: 100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.parallax-above {
	position: relative;
}

.parallax-above * {
	width: 100%;
	position: relative;
}

.framed-photo {
	/* required proportion: 12/10 */
	background-color: black;
	z-index: 1;
	position: relative;
	filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.8));
	font-size: 0;
}

.framed-photo * {
	width: 100%;
}

.framed-photo::before {
	position: absolute;
	z-index: -1;
	left: -31.5%;
	right: -28.8%;
	top: -16.3%;
	bottom: -16.3%;
	content: '';
	/* photo: x=19.562513 y=12.30076 w=62.4716 h=75.396599 */
	clip-path: polygon(90.98445892333984% 1.6584675312042236%, 89.78099822998047% 1.7748606204986572%, 88.5792236328125% 1.9099737405776978%, 87.38182830810547% 1.8158512115478516%, 86.1723861694336% 1.8019853830337524%, 84.96475219726562% 1.862196922302246%, 83.94886016845703% 2.3796374797821045%, 82.81689453125% 2.777738571166992%, 81.61790466308594% 2.925347328186035%, 80.40902709960938% 2.9676554203033447%, 79.19969940185547% 2.995056629180908%, 77.99022674560547% 3.0154905319213867%, 76.78067779541016% 3.030977725982666%, 75.57109069824219% 3.0425338745117188%, 74.37671661376953% 3.1691794395446777%, 73.1927261352539% 3.416073799133301%, 71.99652099609375% 3.594848394393921%, 70.79258728027344% 3.7108428478240967%, 69.5843734741211% 3.7672653198242188%, 68.37484741210938% 3.7655656337738037%, 67.16680145263672% 3.7057924270629883%, 65.96321105957031% 3.5862605571746826%, 64.76193237304688% 3.4444844722747803%, 63.56245422363281% 3.2879903316497803%, 62.36233901977539% 3.147287130355835%, 61.15342712402344% 3.18135666847229%, 59.94526672363281% 3.238875150680542%, 58.73691940307617% 3.204855442047119%, 57.53617858886719% 3.0608479976654053%, 56.36153030395508% 2.781068801879883%, 55.1873893737793% 2.5117478370666504%, 53.97876739501953% 2.4678428173065186%, 52.769405364990234% 2.4836528301239014%, 51.57735824584961% 2.414693832397461%, 50.3904914855957% 2.225612163543701%, 49.21498107910156% 2.4868831634521484%, 48.00802993774414% 2.56308913230896%, 46.79983139038086% 2.6209897994995117%, 45.59528732299805% 2.730309009552002%, 44.401893615722656% 2.9256410598754883%, 43.216068267822266% 3.158127546310425%, 42.0450325012207% 3.3053205013275146%, 40.83544921875% 3.316309928894043%, 39.62581253051758% 3.3202664852142334%, 38.44437789916992% 3.51291561126709%, 37.26913833618164% 3.7984797954559326%, 36.07866287231445% 4.01204252243042%, 34.8782844543457% 4.16035270690918%, 33.67191696166992% 4.247611999511719%, 32.462730407714844% 4.276210308074951%, 31.25355339050293% 4.24686336517334%, 30.047245025634766% 4.158781051635742%, 28.846969604492188% 4.0096435546875%, 27.656660079956055% 3.7951457500457764%, 26.48167610168457% 3.508561849594116%, 25.298873901367188% 3.325338840484619%, 24.089237213134766% 3.323023557662964%, 22.87959098815918% 3.319089412689209%, 21.669965744018555% 3.3123414516448975%, 20.460390090942383% 3.2999300956726074%, 19.251251220703125% 3.267500638961792%, 18.150836944580078% 2.8767194747924805%, 17.02444839477539% 2.465611219406128%, 15.847124099731445% 2.2312498092651367%, 14.803051948547363% 2.3540215492248535%, 13.599222183227539% 2.460649251937866%, 12.389724731445312% 2.4753661155700684%, 11.182587623596191% 2.424730062484741%, 10.059776306152344% 2.480621337890625%, 9.590181350708008% 3.3105382919311523%, 9.599061012268066% 4.520150661468506%, 9.61323356628418% 5.729703426361084%, 9.628727912902832% 6.939253807067871%, 9.644562721252441% 8.14879035949707%, 9.696247100830078% 9.34958553314209%, 10.23971176147461% 10.430279731750488%, 10.597159385681152% 11.55473518371582%, 10.593403816223145% 12.76437759399414%, 10.589649200439453% 13.97401237487793%, 10.585893630981445% 15.18365478515625%, 10.582138061523438% 16.39329719543457%, 10.57838249206543% 17.60293197631836%, 10.749225616455078% 18.78456687927246%, 11.08011245727539% 19.947906494140625%, 11.35092544555664% 21.12673568725586%, 11.57018756866455% 22.316255569458008%, 11.743757247924805% 23.513317108154297%, 11.875643730163574% 24.715688705444336%, 11.968599319458008% 25.921703338623047%, 12.024412155151367% 27.13001823425293%, 12.044148445129395% 28.339458465576172%, 12.028153419494629% 29.548952102661133%, 11.976165771484375% 30.757429122924805%, 11.887152671813965% 31.963743209838867%, 11.759449005126953% 33.16657638549805%, 11.590413093566895% 34.36428451538086%, 11.376151084899902% 35.55471420288086%, 11.111082077026367% 36.73485565185547%, 10.786979675292969% 37.900108337402344%, 10.486042022705078% 39.06068420410156%, 10.475584030151367% 40.270286560058594%, 10.463726997375488% 41.47986602783203%, 10.449639320373535% 42.68943405151367%, 10.431015014648438% 43.89893341064453%, 10.308392524719238% 45.091270446777344%, 10.159103393554688% 46.29124450683594%, 10.015610694885254% 47.49235534667969%, 9.889628410339355% 48.695396423339844%, 9.804011344909668% 49.901859283447266%, 9.911090850830078% 51.100852966308594%, 9.971858978271484% 52.30861282348633%, 10.005139350891113% 53.51762008666992%, 10.102882385253906% 54.72315979003906%, 10.233543395996094% 55.92526626586914%, 10.280571937561035% 57.13393020629883%, 10.30284595489502% 58.34336853027344%, 10.315342903137207% 59.552955627441406%, 10.322689056396484% 60.7625732421875%, 10.386029243469238% 61.96360397338867%, 10.691636085510254% 63.133872985839844%, 10.941015243530273% 64.31743621826172%, 11.14148235321045% 65.51026153564453%, 11.298011779785156% 66.70967102050781%, 11.41404914855957% 67.91368865966797%, 11.491981506347656% 69.12076568603516%, 11.533363342285156% 70.32965850830078%, 11.538772583007812% 71.53925323486328%, 11.508529663085938% 72.74846649169922%, 11.441856384277344% 73.95621490478516%, 11.337658882141113% 75.16130828857422%, 11.193842887878418% 76.3623275756836%, 11.00728702545166% 77.55742645263672%, 10.773594856262207% 78.74417877197266%, 10.486106872558594% 79.91905212402344%, 10.29548454284668% 81.10221099853516%, 10.286271095275879% 82.31181335449219%, 10.274988174438477% 83.52140045166016%, 10.261141777038574% 84.73098754882812%, 10.244211196899414% 85.94049835205078%, 10.224403381347656% 87.14998626708984%, 10.200183868408203% 88.359375%, 10.051098823547363% 89.54784393310547%, 9.588665962219238% 90.66333770751953%, 9.360237121582031% 91.84626770019531%, 9.325834274291992% 93.0552749633789%, 9.322911262512207% 94.26490020751953%, 9.32814884185791% 95.47453308105469%, 9.335969924926758% 96.68415832519531%, 9.3441162109375% 97.89376831054688%, 10.054386138916016% 98.34620666503906%, 11.261343955993652% 98.2655258178711%, 12.46975326538086% 98.21199798583984%, 13.67921257019043% 98.1939468383789%, 14.888691902160645% 98.21165466308594%, 16.096813201904297% 98.21722412109375%, 17.22890281677246% 97.80589294433594%, 18.30331039428711% 97.25019836425781%, 19.48041534423828% 97.02708435058594%, 20.68991470336914% 97.0123519897461%, 21.8995361328125% 97.01312255859375%, 23.109169006347656% 97.00682067871094%, 24.3183650970459% 96.9754638671875%, 25.525060653686523% 96.8937759399414%, 26.720842361450195% 96.71485900878906%, 27.90345001220703% 96.46385192871094%, 29.096208572387695% 96.2634048461914%, 30.298032760620117% 96.1272964477539%, 31.505191802978516% 96.05155944824219%, 32.714576721191406% 96.03421783447266%, 33.92341613769531% 96.07496643066406%, 35.12882995605469% 96.17474365234375%, 36.327491760253906% 96.33627319335938%, 37.51527404785156% 96.56424713134766%, 38.7043571472168% 96.7663803100586%, 39.89645004272461% 96.95669555664062%, 41.105072021484375% 96.9993896484375%, 42.3146858215332% 96.99234008789062%, 43.50033950805664% 97.0968246459961%, 44.603912353515625% 97.59217071533203%, 45.7503776550293% 97.96137237548828%, 46.959171295166016% 97.9805908203125%, 48.16878128051758% 97.97146606445312%, 49.37840270996094% 97.9714584350586%, 50.58786392211914% 97.99101257324219%, 51.7953987121582% 97.94720458984375%, 52.99435806274414% 97.78895568847656%, 54.197425842285156% 97.66377258300781%, 55.39044952392578% 97.4657974243164%, 56.569759368896484% 97.19682312011719%, 57.765872955322266% 97.02017211914062%, 58.96747970581055% 96.88160705566406%, 60.159549713134766% 96.68923950195312%, 61.36692428588867% 96.61658477783203%, 62.57569885253906% 96.57096862792969%, 63.760433197021484% 96.36337280273438%, 64.94575500488281% 96.12296295166016%, 66.14282989501953% 95.95004272460938%, 67.3472900390625% 95.83952331542969%, 68.55572509765625% 95.78840637207031%, 69.76520538330078% 95.79581451416016%, 70.97298431396484% 95.86105346679688%, 72.17601013183594% 95.98617553710938%, 73.37067413330078% 96.17484283447266%, 74.55235290527344% 96.43257904052734%, 75.71419525146484% 96.76832580566406%, 76.90425109863281% 96.92161560058594%, 78.11309814453125% 96.96516418457031%, 79.32221221923828% 97.00145721435547%, 80.5313949584961% 97.03433990478516%, 81.74028015136719% 97.07575225830078%, 82.92359161376953% 97.29766082763672%, 84.03852844238281% 97.76655578613281%, 85.14352416992188% 98.14647674560547%, 86.35185241699219% 98.09464263916016%, 87.55953979492188% 98.02567291259766%, 88.76844787597656% 98.03736877441406%, 89.96437072753906% 98.21509552001953%, 91.16732025146484% 98.33743286132812%, 91.80134582519531% 97.57945251464844%, 91.8580322265625% 96.37120819091797%, 91.88333892822266% 95.16182708740234%, 91.89851379394531% 93.95230102539062%, 91.91416931152344% 92.74273681640625%, 91.91184997558594% 91.53363037109375%, 91.5947036743164% 90.37174224853516%, 91.11920166015625% 89.26189422607422%, 91.00869750976562% 88.05884552001953%, 90.9765625% 86.84968566894531%, 90.95521545410156% 85.64019775390625%, 90.93621063232422% 84.43070220947266%, 90.92378234863281% 83.22113037109375%, 90.91471862792969% 82.01150512695312%, 90.75386810302734% 80.8253402709961%, 90.44583129882812% 79.65575408935547%, 90.19430541992188% 78.4726333618164%, 89.99202728271484% 77.28011322021484%, 89.8338394165039% 76.0809097290039%, 89.71623992919922% 74.8770523071289%, 89.63677978515625% 73.67008209228516%, 89.59394836425781% 72.46121978759766%, 89.58710479736328% 71.25165557861328%, 89.615966796875% 70.04241180419922%, 89.68106079101562% 68.83455657958984%, 89.78370666503906% 67.62933349609375%, 89.92581176757812% 66.4281234741211%, 90.11055755615234% 65.23275756835938%, 90.3422622680664% 64.04559326171875%, 90.6274642944336% 62.870174407958984%, 90.90583038330078% 61.70050811767578%, 90.91386413574219% 60.49085998535156%, 90.9251480102539% 59.28129959106445%, 90.94587707519531% 58.07184600830078%, 91.00321960449219% 56.863643646240234%, 91.19892883300781% 55.67241668701172%, 91.48747253417969% 54.50071716308594%, 91.56371307373047% 53.29389572143555%, 91.61298370361328% 52.08531951904297%, 91.73519897460938% 50.88237380981445%, 91.75777435302734% 49.692466735839844%, 91.53068542480469% 48.509788513183594%, 91.48159790039062% 47.315372467041016%, 91.50479125976562% 46.110233306884766%, 91.28876495361328% 44.920658111572266%, 91.05180358886719% 43.734474182128906%, 90.9926986694336% 42.52847671508789%, 90.98304748535156% 41.31887435913086%, 90.97671508789062% 40.1092414855957%, 90.97212219238281% 38.89962387084961%, 90.78712463378906% 37.7181282043457%, 90.47309112548828% 36.55011749267578%, 90.21653747558594% 35.36811065673828%, 90.00971984863281% 34.17634963989258%, 89.84745788574219% 32.97774124145508%, 89.72598266601562% 31.77425193786621%, 89.64298248291016% 30.5674991607666%, 89.59671020507812% 29.35879135131836%, 89.58636474609375% 28.149234771728516%, 89.61175537109375% 26.939891815185547%, 89.6733627319336% 25.731868743896484%, 89.77233123779297% 24.526338577270508%, 89.91055297851562% 23.324649810791016%, 90.09105682373047% 22.128671646118164%, 90.31800842285156% 20.94057273864746%, 90.59771728515625% 19.763839721679688%, 90.93902587890625% 18.603527069091797%, 91.0216064453125% 17.407320022583008%, 91.0298843383789% 16.197690963745117%, 91.04635620117188% 14.988204002380371%, 91.06929016113281% 13.778743743896484%, 91.09973907470703% 12.569487571716309%, 91.14151763916016% 11.360604286193848%, 91.275390625% 10.163636207580566%, 91.74990844726562% 9.05179214477539%, 92.07157897949219% 8.000065803527832%, 92.07672119140625% 6.7986040115356445%, 91.9613037109375% 5.614804267883301%, 91.98902893066406% 4.405553340911865%, 92.13025665283203% 3.2073512077331543%, 92.06535339355469% 2.0045177936553955%, 90.98445892333984% 1.6584675312042236%);
	background-image: url(../img/photoframe.jpg);
	background-size: 100% 100%;
}

.framed-photo::after {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.8);
	content: '';
}

.footer {
	padding-top: 2rem;
}

.footer .copyright-notice {
	text-align: left;
	font-size: 80%;
}

.footer .design-notice {
	text-align: right;
	font-size: 65%;
	float: right;
}

.footer .contact {
	text-align: center;
	margin-bottom: 1rem;
}

.footer .contact #contact-checkbox {
	display: none;
}

.footer .contact #contact-checkbox ~ .toggle {
	overflow: hidden;
	max-height: 1.5em;
	transition: max-height 0.5s;
}

.footer .contact .details {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.5s;
}

.footer .contact #contact-checkbox:checked ~ .toggle {
	max-height: 0;
}

.footer .contact #contact-checkbox:checked ~ .details {
	max-height: 8em;
}

.removeme {
	display: none;
}