* {box-sizing:border-box; line-height:normal;}
body {margin:0; /*overflow:hidden;*/ background:#d3d3d3 url('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;}
h2 {font-size:clamp(1.575rem, calc(12px + 1.8vw), 2.025rem); line-height:1.1; margin:0;}
h2.c2 {text-align:center; text-decoration:underline;}
h3 {font-size:clamp(1.282rem, calc(12px + 1.35vw), 1.688rem); line-height:1.1; font-family:Helvetica, Verdana, sans-serif;}
h3.c3 {text-align:center;}
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;}
p.b2y {background-color:transparent;}
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;}
ul.myli {line-height:1.1; top:150px;}
li.c1 {list-style:none;}
li.menc {margin-right:1px;}
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;}
.menc {background:#fff; color:#393121; font-size:0.9em; font-weight:700; margin-left:1px;}
.menc a {font-family:Verdana, sans-serif; font-size:1em; line-height:1; color:#393121;}
.menc a:hover {background-color:rgba(183, 63, 30, 0.5); font-weight:700;}
.menc a:visited {color:#a2374b; font-weight:400;}
.menc a:active {color:#b73f1e; font-weight:400; text-decoration:none;}
.menc a:active:hover {background-color:rgba(183, 63, 30, 0.5); color:#000; text-decoration:none;}
.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) {
/*body {overflow:hidden;}*/
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.active {min-height:10vh !important; padding-top:5vh !important; margin-top:-0.4rem; margin-left:-2.4em; min-width:3.3em;}
nav.menleiste .menu li a {padding:1px; text-align:left;}
/*p {font-size:5.6vw !important;}*/
.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%;}
nav.menleiste .menu.active {display:flex; margin-top:2rem; margin-right:-5.5px;}
.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;}
ul.myli {left:0; line-height:normal; top:0;}
.menc {background:#fff; color:#393121; font-size:1.25em; font-weight:700; line-height:1; margin-left:1px; opacity:0.66;}
.menc a {font-family:Arial, sans-serif; font-size:0.86em; line-height:1;}
.menleiste {background:#6da6c4; border:2px solid; color:#000; font-size:24pt; opacity:0.7; position:absolute; top:2px; width:0; z-index:2;}
.myli {display:inline; left:-30px; list-style-type:none; position:fixed; top: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, table, 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;}
nav.menleiste .menu.active {margin-left:unset; min-width:3.7em; max-width:fit-content; right:0.1em; padding-top:0px !important; opacity:1;}
.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;}
nav.menleiste .menu.active {min-height: min-content!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;}}
@media screen and (max-width: 1000px) {ul.menu.active {left:1px}}
@media screen and (orientation:landscape) and (max-height: 768px) and (max-width: 667px) {ul.menu.active {font-size:2rem}}