/*! CSS Used from: https://www.inconsequential.org/files/123/ai/markup.css */
*{box-sizing:border-box;line-height:normal;}
body{margin:0;background:#d3d3d3 url('https://www.inconsequential.org/files/123/ai/dats/strawxs.png') repeat left top fixed;color:#121414;font-family:'chandw', serif;font-size:1.5em;line-height:1.2;}
a{cursor:pointer;text-decoration:underline;color:black;}
a:visited{color:gray;}
a:hover{color:#000;}
a:active{color:#b73f1e;text-decoration:none;}
a:active:hover{background-color:rgba(183, 63, 30, 0.5);color:#000;}
p{background-color:#9e9e9e;color:#121414;font-family:'convchristifont', sans-serif;font-size:1.48em;font-weight:400;line-height:1.2;margin:0.1em 0 0.1em 0.25em;width:fit-content;}
span{font-size:clamp(0.9rem, calc(12px + 0.36vw), 1.012rem);line-height:1.1;font-family:Arial, sans-serif;}
span.c2{margin-top:0.87em;position:absolute;margin-left:auto;font-size:2.5em;line-height:1;}
div{font-family:Arial, sans-serif;font-size:medium;line-height:normal;}
div.divc{margin:0;}
div.c3{position:absolute;left:7.5em;margin-top:3.25rem;max-width:88vw;}
div.text{background-color:#9e9e9e;position:absolute;left:0;right:0;top:25px;margin-top:5rem;max-width:75vw;min-width:250px;font-family:'chandw', serif;font-size:1.5em;width:fit-content;}
div.text.heighttxt.more{border:2px solid #000;margin-top:2.15em;height:auto;}
img{background-size:cover;}
img.b2dy,img.b2dy1,img.c1{background-color:transparent;}
img.b2dy{height:550px;position:absolute;top:10px;width:100px;z-index:-1;}
img.b2dy1{height:107px;margin-left:105px;max-width:750px;min-width:633px;position:absolute;top:10px;width:632px;z-index:-1;}
ul{color:#000;font-size:1.2em;list-style-type:none;margin:1px;padding:1px;}
ul.menu{margin-top:120px;background-color:white;width:fit-content;}
footer{position:absolute;bottom:0.1rem;color:black;background-color:white;}
.blueheadborder{background:#4682b4;border:6px groove #90a4b5;border-width:6px 6px 1px 2px;color:#000;display:block;height:106px;margin-left:2px;max-height:110px;min-height:106px;min-width:725px;max-width:750px;opacity:0.7;position:absolute;text-align:center;top:2px;width:740px;z-index:1;}
.c3{left:5em;}
.menleiste{background:#6da6c4;border:6px groove #a7bac4;border-width:6px 6px 3px 2px;border-bottom:3px ridge #a7bac4;border-left:2px groove #000;color:#000;display:inline;margin-left:2px;max-height:900px;min-height:555px;min-width:90px;opacity:0.7;position:fixed;text-align:left;top:2px;width:99px;}
@media (max-width: 916px){
p{max-width:max-content;font-size:clamp(1.265rem, calc(12px + 0.66vw), 1.375rem);line-height:1;}
}
@media (min-width: 916px){
div.text{max-width:75vw;}
div.text.heighttxt.more.divc.c3{top:2.4cm;font-size:1em;left:3.5cm;margin-right:7em;}
}
@media (orientation: portrait) and (max-width:1000px){
li{background-color:white;max-width:fit-content;}
.menleiste{max-height:9vh!important;min-height:4rem!important;right:1px;min-width:1.2em;max-width:35px;min-width:35px;max-height:30px!important;min-height:30px!important;}
nav.menleiste .menu li a{padding:1px;text-align:left;}
.menu-toggle{padding:1px;right:1px;top:1px;}
}
@media screen and (max-width: 1000px){
nav.menleiste .menu{display:none;flex-direction:column;background:#6da6c4;width:100%;}
.menu-toggle{display:block;position:absolute;right:1em;top:0.5em;cursor:pointer;padding:1em;}
.menu-toggle span{display:block;width:25px;height:3px;margin:5px;background:#393121;}
}
@media screen and (max-width: 1000px){
body{background-color:#000;font:1em Verdana, Arial, sans-serif;margin-left:0;margin-top:2px;}
div.divc{margin:0;}
div.text{left:0;right:0;max-width:85vw;min-width:85vw;top:25px;}
div.text.heighttxt.more{margin-top:3rem;}
img.b2dy,img.b2dy1,.blueheadborder{display:none;}
ul{font-size:3.4vh;}
.menleiste{background:#6da6c4;border:2px solid;color:#000;font-size:24pt;opacity:0.7;position:absolute;top:2px;width:0;z-index:2;}
.text{background:#9e9e9e;border:2px solid #000;color:#000;left:166px;max-width:82%;position:absolute;top:17.5%;}
}
@media screen and (min-width: 769px){
body{background-color:#000;font:1em Verdana, Arial, sans-serif;margin-left:0;margin-top:2px;}
div.text.heighttxt.more{margin-top:3rem;}
}
@media screen and (orientation: landscape) and (max-resolution:200dpi) and (max-height:250px) and (max-width:600px){
body{background:gray center center / cover no-repeat fixed;height:auto;visibility:hidden;width:auto;}
div,img,p,span,ul{background-size:cover;display:none;height:95vh;width:95vw;}
.b2dy,.blueheadborder,.heighttxt,.menleiste,.text{display:none;}
}
@media screen and (max-width: 1000px){
.menu-toggle{position:relative;right:1.1em;top:-1.09rem;}
.menu-toggle{position:absolute;right:-2px;top:-0.09rem;padding:0px;}
.menu{background:#6da6c4;border:6px groove #a7bac4;border-width:6px 6px 3px 2px;border-bottom:3px ridge #a7bac4;border-left:2px groove #000;color:#000;display:inline;margin-left:2px;max-height:900px;min-height:555px;min-width:90px;opacity:0.7;position:fixed;text-align:left;top:2px;width:99px;padding:1px;}
}
@media screen and (max-width: 1000px){
nav.menleiste{position:relative!important;float:right!important;min-height:30px!important;min-width:35px!important;}
}
.blueheadborder{height:115px;max-height:115px;}
.menleiste{min-height:563px;}
@media screen and (orientation: portrait){
br{display:none;}
nav.menleiste .menu li a{font-size:2em;}
}
@media screen and (orientation: portrait) and (max-width: 1000px){
div.text{max-width:95vw;}
}
/*! CSS Used from: https://www.inconsequential.org/files/123/ai/atmedia.css */
main{font-size:clamp(14px, calc(12px + 2vw), 18px);}
@media (min-width: 768px){
main{font-size:clamp(16px, calc(14px + 1.5vw), 22px);}
}
@media (min-width: 1024px){
main{font-size:clamp(18px, calc(16px + 1vw), 24px);}
}
@media (min-width: 1440px){
main{font-size:clamp(20px, calc(18px + 0.5vw), 28px);}
}
/*! CSS Used from: Embedded */
hr.c1{border:none;height:3px;background:linear-gradient(to right, black, gold, black);margin:auto;}