/* ©attacca 2013-2025 :  kontertext.ch aus css/_quellcode/ktxt_00_res.css / css/_quellcode/ktxt_10_bas.css / css/_quellcode/ktxt_12_mob.css / css/_quellcode/ktxt_20_tbl.css / css/_quellcode/ktxt_50_dtp.css / css/_quellcode/ktxt_60_dtpgr.css / css/_quellcode/ktxt_80_print.css / / 2025-12-19T11:18:12+01:00 */ 
@media all {
/* mk reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,acronym,address,article,big,cite,code,del,dfn,em,font,img,ins,kbd,nav,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,form,input,textarea,label,legend,section,table,caption,tbody,tfoot,thead,tr,th,td{
    border: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
    color: #000;
    font-size: 100.01%;
    text-decoration: none;
    text-indent: 0;
    outline: none;
    vertical-align: baseline;
}
}

@media all {
 /* Allgemeines mk 2020 */
::selection{background-color:#f4f5b5;color:#000}
:root{--bgr-vw:#bbb;--bgr-hdr:#777;--bgr-nav:#555;--akzent:#c32e04;--links:#037;--textfont:Charter,Georgia,"Minion Pro","Palatino Linotype",Palatino,Verdana,Helvetica,Arial,Geneva,sans-serif;--navfont:Tahoma,Helvetica,Arial,verdana,sans-serif;--navfont3:Helvetica,Arial,Geneva,sans-serif;--navfont4:Verdana,Helvetica,Arial,sans-serif}
:target{scroll-padding-top:1rem}
@font-face{font-family:'Charter';font-weight:normal;font-style:normal;src:url('fonts/charter_regular.woff2') format('woff')}
@font-face{font-family:'Charter';font-weight:normal;font-style:italic;src:url('fonts/charter_italic.woff2') format('woff')}
@font-face{font-family:'Charter';font-weight:bold;font-style:normal;src:url('fonts/charter_bold.woff2') format('woff')}
@font-face{font-family:'Charter';font-weight:bold;font-style:italic;src:url('fonts/charter_bold_italic.woff2') format('woff')}
a#top{position:relative;top:-3rem}
a:link,a:visited{color:var(--links);text-decoration:none}
footer a:link,footer a:visited{color:var(--links)}
a:focus,a:hover,a:active{border:0;background-color:#efefef;color:#c00;text-decoration:none}
a.edbtn{border:1px solid #ccc;padding:3px 3px 0 3px;background-color:#fed}
a.edbtn:hover,table.webs td.ed:hover{border:1px solid #00f}
a.hi{border-bottom:3px solid #ccc}
a.pfrr:before,ul.pfrr li a:before{color:#c00;content:"\25B6\A0"}
a[id]{top:-1rem}
aside{flex:0 0 auto;order:2}
body#adm{background-color:#fff}
button,.btn{border:1px solid #999;padding:.4rem 1rem;background-color:#eee;font-size:.8rem;text-align:right;outline:none}
button:hover,.btn:hover{border:1px solid #999;background-color:#fc9}
div.flexrows{display:flex;flex-flow:row wrap}
div.img-li{margin:0 .5rem .5em 0;float:left;clear:both}
div.img-li p,div.img-re p,p.bleg{margin:.5em 0;font-size:0.75em;line-height:1.2em}
div.img-re{margin:0 0 .5em .5rem;float:right;clear:both}
div.link-lr{display:flex;flex-flow:row;justify-content:space-between}
div.link-lr > div.llr{flex:0 1 auto}
fieldset{margin-bottom:1rem;padding:10px;border:1px solid #05c;background-color:#f9f9ff;box-sizing:border-box;max-width:600px}
footer{padding:1rem;margin:0 -1rem -1rem -1rem}
footer a:link,footer a:visited {color:#dff;background-color:inherit}
footer a:hover{color:#fff;background-color:#333}
footer,footer p{background-color:var(--bgr-hdr);color:#fff}
header{padding:0;background-color:var(--bgr-hdr);text-align:right;position:relative}
header h1 a{padding:0 .5rem;color:#c00}
header h1 a:hover{background-color:#666}
header,main,footer{padding:0;position:relative}
html{margin:0 auto;background-color:var(--bgr-vw);font-size:100%;font-family:var(--textfont);max-width:1099px;min-width:320px;min-height:40rem;overflow-y:scroll;scroll-behavior:smooth}
input,select,textarea{padding:.3rem;border:1px solid #00a;background-color:#fff;font-size:1rem;line-height:1.3em;outline:none}
input[disabled],textarea[disabled]{background-color:#ddd}
mark,.mark{padding:0 .2em;background-color:#fd3}
nav{}
ol{margin:1rem}
ol.cmpr li{margin:0 0 .3rem 1rem;line-height:1.1rem}
p{font-variant-numeric:oldstyle-nums}
p,li{margin:0 0 1em 0;font-size:1rem;line-height:1.4em;letter-spacing:.005em;word-spacing:.04em;max-width:35em}
p.gr,div.gr > p{font-size:1.1rem}
p.no-wwrap a{white-space:nowrap}
p.prgt{margin:0;text-align:right;max-width:100%}
p.sm{font-size:.8em;max-width:60em}
s{text-decoration:line-through;opacity:0.6}
span.captcha{padding:3px;border:1px solid #a00}
strong{border-bottom:1px solid #a00;color:#800;font-weight:normal}
table td{vertical-align:top}
table,table.webs{margin:0;width:100%;background-color:#fff;border-spacing:.3em}
table.webs td{padding:.2em 0 .3em .2em;background-color:#eff8ff;font-size:.9rem;vertical-align:top;max-width:260px}
table.webs td.bd img{border:1px solid #dde}
table.webs td.daten{background-color:#eee}
table.webs td.datum,table.blind td{background-color:#eee;min-width:75px}
table.webs td.ed{border:1px solid #ccc;background-color:#fec}
table.webs td.ed,a.ed,.pup01:hover > abbr{display:block}
table.webs td.kalid{background-color:#666;color:#ddd}
table.webs td.name{min-width:80px}
table.webs td.txt{min-width:14rem}
table.webs td.txtred{font-size:smaller;max-width:18rem}
table.webs th{padding:.2em;color:#eee;background-color:#666;font-weight:normal;vertical-align:top}
table.webs th.wonr{min-width:2rem}
u{text-decoration:underline;text-underline-offset:.2em}
ul{list-style:none}
ul li{font-size:.9rem}
ul.adrelist li{width:400px;padding:1rem 2rem 0 2rem;text-indent:-2rem;position:relative;min-width:350px}
ul.adrelist,.persbst{position:relative/* für p-br-inside https://stackoverflow.com/questions/7706504/ */}
ul.lilist li{margin:0 0 .4rem 1em;text-indent:-.85em}
ul.pagnav li{font-size:1rem}
ul.textlist li{margin:.8rem 0;text-indent:0}
ul.textlist,.compr{margin:0}
.bgrgelb{
    background-color: #fec;
}
.big{font-size:1rem !important}
.btn a,.btn a:hover{padding:.8em 1rem;display:block}
.btn,.btn p{padding:.2em;font-size:.8rem}
.cdgr{color:#444}
.cgn{color:#073}
.clr{clear:both}
.crt,a.crt{color:#c00}
.delete{padding:.5em;background-color:#ddd}
.sub5{
position:relative;
    top:.5em;
}
.sup5{
position:relative;
    top:-.4em;
}
.flr{float:right}
.formflx{width:100%;display:flex;flex-flow:row wrap}
.formflx .formadr{padding:0 1rem 0 0;font-size:1rem;flex:0 1 auto}
.formflx table.form{margin-top:-.4rem;background-color:#fff;max-width:1000px;min-width:600px;flex:1 1 auto}
.formflx table.form td{padding:2px;background-color:#e0e0e0;font-size:.9rem}
.pup01:hover{ padding: .5rem; border: 1px solid #666; background-color: #fec; position: relative; top: -200px; min-width: 300px; min-height: 400px; z-index: 500; }
.reob{position:absolute;top:0;right:0}
.rgt{text-align:right}
.sm6{font-size:.6em}
.tooltip{
    display: inline-block;
    font-size: .9em;
    line-height: 1.2em; /* Tooltip container */
    position: relative;
    cursor:help;
}
.tooltip .ttext{width:300px;padding:.5rem;border:1px solid #039;border-radius:5px;margin-left:-2rem;background-color:#fec;color:#000;text-align:left;visibility:hidden;/* Tooltip text */ /* Position the tooltip text */ position:absolute;z-index:10;bottom:125%;left:-50%}
.tooltip .ttext::after{margin-left:-5px;content:"";/* Tooltip arrow */ position:absolute;top:100%;left:50%}
.tooltip:hover .ttext{ visibility: visible; /* Show the tooltip text  */ opacity: 1; cursor: help; }
.tooltip a:hover{
    cursor:help;
}
#art-isp .entry-header{margin:0 0 1rem 0;padding:0;color:#333;background-color:#eee}
#art-isp .entry-header h1.entry-title{padding:.5rem;color:#333;font-size:1.5rem;font-family:Helvetica,Arial,sans-serif;text-align:left}
#art-isp .entry-like-donate,
#art-isp .article-dossiers-boxen,
#art-isp .sharing-container,.author-kommentar-box,.wp-block-infosperber-interests,.pup01 > abbr{display:none}
#art-isp h2{color:#555;font-size:1rem}
#kopf h1{margin:0;padding:0 .2rem;color:#333;font-size:2.2rem}
#lieferdat p{width:7em;margin:0;font-size:1rem}
#loginfeld{text-align:right;position:absolute;top:2.1rem;right:1rem}
#sres{width:700px}
#sres ol.srch li{font-size:.9rem;max-width:700px}
#wrap-cont{padding:0;background-color:#ffffef}
#wrap-page{padding:0;background-color:#999}
}

@media all {
/*     Basis: ktxt Mobile */
blockquote{margin:0 2em .9em 2em}
body{padding:1rem 1.5rem 0 1.5rem;background-color:#fcfcfc;position:relative;min-height:40rem}
div#hbg{padding:0 1em;display:inline;position:absolute;top:0;right:0}
div#srch{float:right;position:relative;top:1.9rem}
div#srch #srchfrm input{border:1px solid #ccc;padding:3px;margin:0;font-size:.7rem}
div#srch #srchfrm input .btn{margin-left:-.5em;padding:1px;color:#777;font-size:.75rem}
div.bild-li,div.bild{padding:5px 8px 0 0}
div.bild-re{padding:5px 0 0 8px}
div.sp-flex{display:flex;flex-flow:row wrap}
h0,h1,h2,h3,h4,h5,h6{margin:.8em 0 .4em 0}
h1{margin:-.3em 0 1rem 0;color:#a00;font-family:var(--navfont);font-size:1.6em;font-weight:bold}
h1 span.titdom{
	color:#b79a8f;
}
h2{margin:2rem 0 .4em 0;color:#000080;font-family:var(--navfont);font-size:1.4em;font-weight:bold;line-height:110%}
h3{margin-bottom:9px;font-family:var(--navfont3);font-size:1.2em;font-style:normal;font-weight:bold}
h3.menu{margin:0 0 15px -3px;font-size:1.3rem;font-weight:normal;line-height:1.8em}
h4{margin:1rem 0 6px 0;color:#049;font-family:var(--navfont4);font-size:.9rem;font-weight:bold}
h5,legend{font-size:0.8em;font-style:italic;font-weight:bold}
header h1{padding:.9rem 6rem .9rem 0;margin:0;color:#ddd;font-size:1.8rem;font-family:var(--textfont)}
hr{border:#666;background-color:#666;color:#666;height:1px}
hr.artsep{margin:2.5rem 0 .2rem}
legend{color:#039}
main{display:flex;background-color:#fff;/* enthält section + aside */ min-height:600px;order:1;flex-flow:row wrap;justify-content:space-between}
nav{width:100%;order:2}
nav,main{flex:0 1 auto}
p,td,ul{font-size:1rem}
p.submenu,section.submenu{padding:.3em 0;margin:0 0 .5rem 0;border-top:1px solid #666;border-bottom:1px solid #666;max-width:90% !important;min-width:500px}
p.totop{float:right;text-align:right}
p.totop a,.kasten h4:hover{color:#c00}
section{position:relative;max-width:900px;min-width:100px;flex:1 0 auto;order:1}
section.bio{width:100%;padding:1rem 0 .8rem 0;display:flex;max-width:1100px;min-height:150px;flex-flow:row-reverse wrap/* ??? */}
section.hrtop{border-top:2px solid #777;margin:1rem 0}
section.kal-125{border:1px solid #666;margin:3.2rem .5rem 0 0;padding:3px;background-color:#eee;flex:0 0 120px}
section.ktxt-ex-isp{max-width:590px}
section.txtbst{border:1px solid #6af;padding:.5rem;width:600px;position:relative}
section.txtbst-bdr-bd{border:2px solid #06f}
section.w100{width:100%;max-width:1100px;min-height:300px;flex:1 0 auto/* ??? */}
td,th{padding:1px 2px;text-align:left}
td.right{width:150px;text-align:right}
ul li{margin:0 0 .2em 2rem;text-indent:-2rem;line-height:1.2em}
ul.pagnav li{padding:.3em 0;margin:0;display:inline-block;font-size:1rem;text-indent:0}
ul.textlist{margin:0;max-width:50em}
ul.textlist li{text-indent:0;max-width:50em}
.bd,.kasten h4 a{font-weight:bold}
.bioimg{padding:.3rem 0 0 2rem;flex:1 0 auto}
.biotxt{max-width:33em;flex:1 0 35em}
.biotxt h2{margin:0 0 .2em 0;text-align:left}
.biotxt p{margin:0 0 .5em 0}
.cgr,.cgr b{color:#999 !important}
.kaesten-div-re{width:280px;padding:0;margin:0 0 0 1rem;display:flex;min-height:500px;flex-flow:column wrap}
.kasten{border:1px solid #049;padding:0 .5rem .5rem .5rem;margin:0 0 .5rem 0;min-width:250px;max-width:40em;min-height:2rem}
.kasten h4{margin:1em 0 1em 0;font-size:.9rem;font-weight:normal}
.kasten p,.kasten li{margin:0;font-size:1rem}
.logopipe{font-size:1.5em}
.re{text-align:right}
#nav{padding:1em;width:100%;background-color:var(--bgr-nav);color:#fff}
#nav .txt{border:1px inset #666;margin:2em 0 .5em 0;width:10em;background-color:#f8f8f8}
#nav a.chi:link,#nav a.chi:visited{color:#ff0;text-decoration:none}
#nav a:link,#nav a:visited{color:#fc6;text-decoration:none}
#nav a:hover,#nav a.subm:hover{color:#ffc}
#nav li{border-bottom:1px solid #666;margin-bottom:0.3em;font-size:16px;font-weight:bold;line-height:1.4em}
#nav li.sub{border:none;margin:0 0 .2em 2em;color:#ccc;font-size:15px;font-weight:bold;text-indent:-1em}
#nav ul{margin:0;padding:0;width:250px;list-style:none}
#nav ul a.subm:link,#nav ul a.subm:visited,#nav ul a.submhi:link,#nav ul a.submhi:visited{margin:0 0 1em 0;padding:0 0 0;width:220px;list-style:none;color:#ccc}
#nav ul a.subm:hover,#nav ul a.submhi:hover{z-index:999}
#nav ul a.submhi:link,#nav ul a.submhi:visited{color:#fff}
#wrap-cont{display:flex;flex-direction:column}
}

@media screen and (min-width: 750px)  and (max-width: 900px) {
/* Tablet */
div#hbg,.kanz{display:none}
footer{padding:1rem}
header h1{padding:.9rem 1.2rem;color:#ccc;font-size:2rem;font-family:var(--textfont)}
main{min-height:600px;order:2}
#nav{padding:.2em 1em 1em 1em;margin:0;width:100%;font-size:2em;min-height:4rem;order:1}
#nav li.sub{line-height:1em;min-width:8em;max-width:10em}
#nav li.sub,#nav li.sub a.subm,#nav li.sub a.submhi{margin:0;padding:0}
#nav ul{display:flex}
#nav ul li{padding:0 1.5em 0 0;height:1.2em;flex:0 2 10%}
#nav ul.sub{padding:.5em 1em 0 0;position:absolute;left:2rem}
#nav ul.sub li{padding:0 1em 0 0}
#nav,main{flex:0 1 auto;}
#wrap-cont{display:flex;flex-direction:column}
}

@media screen and (min-width: 901px) {
/* Desktop volles Bild*/
div#hbg{display:none}
footer{padding:.5rem}
header{height:62px}
header h1{padding:.9rem 1.2rem;color:#ccc;font-size:2rem;font-family:var(--textfont)}
html{margin:0 auto}
main{padding:1rem 0 0 .2rem;display:flex;flex-flow:row wrap;justify-content:space-between;}
main h1{margin:-.3em 0 1em 0;font-weight:normal;}
nav#nav{ font-size: 1.3em; max-width: 12em; min-width: 10rem; min-height: 40rem; overflow: hidden; flex: 0 0 auto; order: 1; }
blockquote > p{width:80%}
td.right{width:150px;text-align:right}
#wrap-cont{width:100%;display:flex;flex-direction:row}
}

@media screen and (min-width: 1100px) {
/* ab 1100 erscheinen Ränder */
html{margin:.5rem auto}
}

@media print {
/* mk 2020 PRINTER */
p#spitzm,p.reob.btn,a.edbtn,a.edbtn > img,
.btn,nav,#loginfeld,mark,footer,
aside.kaesten-div-re{display:none}
ul.adrelist li{border:1px solid #c00;page-break-inside:avoid;position:relative;-webkit-page-break-inside:avoid/* chromium */}
#kopf h1{font-size:14pt}
}


