ul.myli {top:150px!important;}
h2.supi {font-size: 1.5rem !important;}
h2.supi, h3.c2, p, span.sigoehw, span.spwp {
    font-size: clamp(1rem, 0.8430rem + 0.8972vw, 1.8rem);
    line-height: 1.1!important;
    font-family: convchristifont,sans-serif;
}
h2.supi {font-family: sans-serif!important;}
h3.ttus {font-family: Helvetica,Arial,Verdana,sans-serif!important;}
img.c2 {float: right!important;width: auto!important;height: 25vh!important;margin-right: 2px!important;}
h1.pree {
    font-size: 1em!important;
    font-family: Arial, cursive!important;
    text-align: center!important;
    margin: 0px!important;
    text-decoration: none!important;
}
p.pende {
    text-align: left !important;
    font-weight: bold !important;
    font-size: clamp(1rem,.4rem + 3vw,1.8rem)!important;
}
p, p.new {font-family: Arial, Helvetica, cursive;}
img.cct {float:right!important;height:250px!important}
img.inf {font-size: clamp(1rem, 0.8430rem + 0.8972vw, 1.8rem)!important;}
a { cursor: pointer !important}
a:any-link {cursor: pointer!important;}
p.ppx {font-family:Papyrus,serif!important;margin:0.1em!important}
body, body.c3 {
        background-attachment: fixed!important;
        background-color: lightgray!important;
        background-image: url(../all/strawxs.png)!important;
        background-position: left top!important;
        background-repeat: repeat!important;
        background-size: auto!important;
        height: auto!important;
        visibility: visible!important;
        width: auto!important;
    } 
@media screen and (orientation: landscape) and (max-resolution: 200dpi) and (max-height: 250px) and (max-width: 600px) {
body.c3 {background-image: url(https://www.inconsequential.org/files/stock/xx/screen.png)!important;}}
/* For risks and side effects read the package leaflet or ask your doctor or pharmacist. */
/* mobile tec link menue */
@media screen and (max-width: 1000px) {
    a.c1,li.menc, .menleiste, .menc {display:visible!important;font-size: 1em!important;opacity:1!important;}
    .controlme {visibility: visible!important;}
    .menleiste {visibility: visible!important;}
    ul.myli {top:0px!important;left:0px!important;line-height: normal!important}
    .menleiste, ul.myli, li.menc, ul, .menc, a.c1, li.menc {display:inline-block!important;}
    a.actived {font-family:Verdana,Arial,sans-serif;}
    ul {font-size:clamp(2.450rem, calc( 12px + 2.800vw ), 3.150rem);}
}
@media screen and (max-width: 410px) and (max-height: 740px) {
ul {font-size: clamp(1.400rem, calc( 12px + 0.560vw ), 1.575rem)!important;}
li.myli {font-size:unset!important;}}
@media screen and (orientation: landscape) and (max-resolution: 200dpi) and (max-height: 250px) and (max-width: 600px) { 
div, img, p, span, table {
    background-image: url(https://www.inconsequential.org/files/stock/xx/screen.png)!important;
    display: none!important;
    background-size: cover!important;
    height: 95vh;
    width: 95vw;
}
ul {display:none!important}}
/* further */
hr.hred {margin-top:0.5em!important;margin-bottom: 0.5em!important}
hr.hred {
    margin: 0 auto;
    margin-top: 40px;
    width: 20%;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
p.new {font-family: Arial, Helvetica, cursive;font-size: clamp(1rem, 0.8430rem + 0.8972vw, 1.8rem);line-height:normal!important;font-weight:400!important}
h1.c1 {color:black!important;margin-top: 0em!important;margin-bottom: 0em!important;}
ul {font-size: clamp(1.1rem, calc( 12px + 1.375vw ), 1.438rem)!important;}
@media screen and (max-width: 1000px) {
div.text.heighttxt.more {margin-top: 3rem!important;}
h1.two {font-size: clamp(1rem, 0.8430rem + 0.8972vw, 1.8rem)!important;margin-top: 0.5rem!important;font-weight: bold!important;margin-left: .25em!important;margin-bottom: auto!important;}}
li.menc {margin-right:1px!important;}
@media screen and (max-width: 1000px) {a.actived {font-family: Arial,Verdana,sans-serif;}}
@media screen and (min-width: 999px) {
h1.two {margin-top: 0.5rem!important;font-weight: bold!important;margin-left: .25em!important;margin-bottom: auto!important;
font-size: clamp(1.875rem, calc( 12px + 1.500vw ), 2.250rem)!important;}}
/* BRADLY HAND
p, p.new {font-size: 0.95em;font-family: 'Bradley Hand', fantasy!important;-webkit-text-stroke: 0px!important;}
h1, h2, h3, div.c4, h1.stl, h4.stl, h3.ttus {font-family: 'Bradley Hand', fantasy!important;-webkit-text-stroke: 0px!important;} */
h1 {
font-size: clamp(1.913rem, calc( 12px + 2.475vw ), 2.587rem)!important;
line-height: 1.1!important;
}

h2 {
font-size: clamp(1.575rem, calc( 12px + 1.800vw ), 2.025rem)!important;
line-height: 1.1!important;
}

h3 {
font-size: clamp(1.282rem, calc( 12px + 1.350vw ), 1.688rem)!important;
line-height: 1.1!important;
}

h4 {
font-size: clamp(1.125rem, calc( 12px + 0.900vw ), 1.350rem)!important;
line-height: 1.1!important;
}

p {
font-size: clamp(1.265rem, calc( 12px + 0.660vw ), 1.375rem)!important;
line-height: 1.1!important;
}

span {
font-size: clamp(0.900rem, calc( 12px + 0.360vw ), 1.012rem)!important;
line-height: 1.1!important;
}