html{-ms-touch-action:manipulation;touch-action:manipulation}
* {box-sizing: border-box;}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,img,q,s,small,strong,b,u,i,center,ol,ul,li,form,table,tbody,canvas,output{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
body{font:12px Arial,Helvetica,sans-serif;text-align:center;background-color:#6b4dff;}
#mein{overflow:hidden;margin:0 auto 0;max-width:1210px;padding:5px}
#headeroben{max-width:1230px;margin:0 auto 0;overflow: hidden; max-height:130px;}
#logooben{float:left;color:#FC0;text-shadow:0 0 1px #573081,0 0 10px #000;}
#itex{width: 100%;overflow: hidden;background-color: #cab3eb}
#tab{padding:6px;font:12px Arial,Helvetica,sans-serif}
#re1,#re1h{float:right;text-align:justify;padding:5px;margin:5px;background-color:#f2e6fe;height:100% }
#re1{width: calc(100% - 580px);}
#re1h{width:160px;}
#zusa,#zusah,#inha{padding:5px;margin:0;text-align:left;height: min-content;position: relative;display: inline-block;}
#mitte,#mitteh{float:left;height:100%;padding:0}
#mitte{width:559px}
#mitteh{width:793px}
#re2,#re2h{display:inline-block;margin-top:0;-webkit-user-select:none;user-select:none}
#opiFen,#startGest{position:relative;text-align:right;max-width:230px;width: 99%;}
#startGest{position: absolute;}
#tabu{display:block;clear:both;overflow:hidden;background-color:#f2e6fe;text-align:center;padding:10px;margin:5px}
#malOp{vertical-align:middle}
#malOp b
#itex,#re1,#re1h,#tabu{box-shadow:1px 1px 8px #663300}
#infoo,#infbb{text-align:justify;}
#anzob{float:right;width:100%;min-height:50px;min-width:230px;margin: 0 auto;}
#headeroben h1,#headeroben p,.tshad{margin:0;padding:0;font-size:16px;color:#FC0;text-shadow:0 0 1px #573081,0 0 10px #000}
#inha{background-color:#fff;margin:5px}
#re1 h1,#inha h1,#inha h2,#inha h3{margin-bottom:5px;margin-top:10px;color:#333 }
#re1 h1,#inha h1{font-size:18px}
#re1 h2,#inha h2{font-size:16px}
#inha h3{font-size:14px}
input[type="button"]:enabled{cursor:pointer}
input[type="button"]:disabled{cursor:default}
.kursor{cursor:url(smiley.gif),url(myBall.cur),auto}
a:link,a:visited{color:#00f;text-decoration:none}
a:hover{color:#06f}
#opiFen button,#startGest button{display:block;margin-top:5px;width:78px;height:66px;font-size:9px;color:#573081}
a.info{display:inline-block;width:115px;margin:2px}
#opiFen button,a:link.men,a:visited.men,#startGest button{padding:1px;text-align:center;background-color:#fcf0bc;border:1px solid #C90;border-radius:3px;box-shadow:1px 1px 6px #663300;cursor:pointer;position:relative;top:-3px}
a:link.men{display: inline-block;margin: 5px;}
#startGest{font-size:14px;position: absolute;left: 15px;background: #fff9e073;padding: 9px;text-align: center;border-radius: 9px;}
#startGest button{width: 200px;font-size: 22px;font-weight: bold;height: auto;}
#opiFen button#hi1u,#opiFen button#hi1r,#opiFen button#hi2u,#opiFen button#hi2r{display:inline-block;vertical-align:text-bottom;width:26px;height:22px}
#opiFen button:disabled{cursor:default;opacity:0.6}
#opiFen button:hover:disabled{background-color:#fcf0bc}
#opiFen button:hover,#startGest button:hover,a:hover.men{color:#FC0;background-color:#573081}
#opiFen button:active{box-shadow:0 0 1px #000;top:-1px;left:2px}
#opiFen button h4{font-size:12px;padding:0;margin:0}
h3{color:#7a7a7a;margin:2px}
#ram{padding:1px;text-align:justify;border:2px solid #aaa}
#grundIm{display:none;margin:0 auto;z-index:51} 
#karte,#ktxt,.freidi,.freibi,#ktin{transform-origin:50% 50%;transform-origin:50% 50%;transform:scale(1) rotateY(0deg) rotateX(0deg) rotate(0deg) translate(0px,0px);transform:scale(1) rotateY(0deg) rotateX(0deg) rotate(0deg) translate(0px,0px);}
#ktin{position:absolute; left:45px; top:280px; width:447px; height:auto;z-index:99;}
.freidi{position:absolute;overflow:hidden;z-index:60;perspective: 600px;}
#imagl a:hover img{transition:all .5s ease-in-out;transform-origin:0% 0%;transform:scale(1.4)}
#karte{width:559px; height:793px;position:relative;border:0px solid #F90;background-color:#FFF;overflow:hidden;transform-origin:0% 0%;transform-origin:0% 0%;box-shadow:2px 2px 15px rgba(0,0,0,1);z-index:50}
::-moz-selection{background-color:rgba(255,255,0,0.6);}
::-webkit-selection{background-color:rgba(255,255,0,0.6);}
::selection{background-color:rgba(255,255,0,0.6);}
#karte img,.d_info,#ktxt div img{-webkit-user-select:none;user-select:none}
.log{line-height:0;width:0;height:0;border-style:solid}
#Schrift{width:65px}
#grego,#ima1,#karte2,#karte3,#karte4{display:none}
#karte2,#karte3,#karte4{width:559px; height:793px;}
#malcan{position:relative;display:block;z-index:55;position:absolute; left:0px; top:0px; width:559px; height:793px}
#mitteh #karte,#mitteh #karte4,#mitteh #karte2,#mitteh #karte3,.kartenh,#mitteh .malcanh{width:793px; height:559px;}
#txtBew,#bewBid,#bewBfd,#podit,.rawei{overflow: hidden;width:99%;-webkit-user-select:none;user-select: none;}
#bilNumm b,#txtBew b,#bewBid b,#bewBid b,#bewBfd b,#erkan b,#bbear b,#writeBil b,#podi input{display:inline-block;line-height:18px;padding:0;margin:2px;width:18px;height:18px;border:1px solid #FC0;border-radius:2px;color:#FC0;background-color:#573081;box-shadow:1px 0 1px #203891,0px 1px 1px #3852b1,2px 1px 1px #203891,1px 2px 1px #3852b1,3px 2px 0 #203891,2px 3px 0 #3852b1;position:relative;top:-4px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;}
#bbear{background-color:#fff}
.d_info{position:absolute;border:4px dashed rgba(255,255,0,0.6);}
#bilNumm b:hover,#txtBew b:hover,#bewBid b:hover,#bewBfd b:hover,#bewBid b:hover,#erkan b:hover,#bbear b:hover,#writeBil b:hover,#podi input:hover{background-color:#fcf0bc;color:#573081;border-color:#573081}
#bilNumm b:active,#txtBew b:active,#bewBid b:active,#bewBfd b:active,#bewBid b:active,#erkan b:active,#bbear b:active,#writeBil b:active,#podi input:active,#podi input:disabled{border:1px solid #00f;color:#000;box-shadow:1px 0px 1px #203891,0px 1px 1px #3852b1,2px 1px 0 #203891,1px 2px 0 #3852b1;top:-3px;left:2px;background:#CCC}
#malOp b{display:inline-block;width:21px;border:1px solid #666;cursor:pointer;text-shadow:1px 1px 0 #fff }
.cl{clear:both;margin:0;padding:0}
.zuk,.butti{display:inline-block;font-size:12px;width:100px;text-align:center;border:1px solid #FC0;border-radius:3px;cursor:pointer}
#zukl{width:70px}
.zuk{background-color:#F63}
.zuk:hover{background-color:#F00;border-color:#fff;color:#fff}
.butti:hover{background-color:#9CF;border-color:#00f;color:#00f}
#option,#optHibi,#karteGr,#schieb,#bildin,#karMal,#karteImg{ position:absolute;width:135px;top:0; left:4px;padding:2px 0px;border:1px solid #FC0;background-color:#fcf0bc;font-size:9px;text-align:center;display:none;box-shadow:2px 2px 8px #000;z-index: 999;}
#colorBox33{margin:0 auto;border:1px solid #fff;width:70px;height:12px;display:inline-block}
.text-u{width:580px;font-size:11px}
#Test{font-size:11px;color:#FC0;background-color:#FFFFE6;padding:7px;height:60px;width:350px;border:1px solid #FC0}
#optUn{width:559px}
.meld{color:#FF0000}
#mini{font-size:9px}
input.hhfb{width:40px;height:45px;background-color:#fff;border:1px solid #F90;box-shadow:2px 2px 12px rgba(0,0,0,1)}
.papb1,.papb2{vertical-align:top;background-color:#FFF;border:1px solid #B3B3B3;display:inline-block;margin:1px;box-shadow:1px 1px 3px #333}
.papb1{width:46px;height:34px}
.papb2{width:34px;height:46px;text-align:center}
.papb2 p{position:absolute;margin:35px auto;width:34px}
#bA4h,#bA4v{width:30px;height:42px}
#bA5h{width:21px;height:30px;background-color:#FFF}
#bA5v{width:30px;height:21px;background-color:#FFF}
#bA6h{width:15px;height:21px}
#bA6v{width:21px;height:15px}
#bF10h{width:14px;height:22px}
#bF10v{width:22px;height:14px}
#bF9h{width:13px;height:20px}
#bF9v{width:20px;height:13px}
#Aman{width:100px;text-align:center;box-shadow:1px 1px 3px #333}
#A4h,#A4v,#A5h,#A5v,#A6h,#A6v,#F10h,#F9h,#F9h,#F9v{display:inline-block;margin:1px}
.ppap{width:30px;height:13px;background-color:#FFF;border:solid 1px #B3B3B3;font-size:11px;font-weight:normal}
.papier{border:solid 1px #B3B3B3;background-color:#F8EEBA;font-size:9px;margin:1px;display:inline-block}
a:link.papier,a:link.papbl,a:link.papb2{color:#000;font-weight:normal;font-size:9px}
a:visited.papier,a:visited.papbl,a:visited.papb2{color:#000}
a:hover.papier,a:hover.papb1,a:hover.papb2{background:#FF8000;color:#00F;border-color:#000}
a:active.papier,a:active.papb1,a:active.papb2{background:#FFD2A6;color:#00F;border-color:#000}
b.papier{font-weight:normal}
#podi{position:relative}
#a4inf{position:absolute;top:-5px;left:10px;display:none;width:100px;height:75px;background:#FFD2A6;color:#F60;border:1px solid #F60;z-index:999}
#editMode label,.intLink{cursor:pointer}
[contenteditable="true"]{outline:0 solid #00f}
[contenteditable="true"]:hover{outline:1px dashed #00f}
blockquote{margin:0;padding:0}
img.intLink{padding:0;margin:0;border:0 solid #ccc}
img.intLink:hover{background-color:#fff}
#optHibi button.bik{width:34px;height:44px;background-color:#fff;border:2px solid #F90;box-shadow:2px 2px 6px #000;margin:2px;display:inline-block; font-size:24px;vertical-align: top;}
#optHibi button.bik:hover{border-color:#ff0}
img#bz9{max-width:40px;max-height:40px}
#opcol a{margin:0;padding:0;font-size:10px;border:0 solid #ccc;line-height:10px}
#fontLi{position:absolute;z-index:998;margin-left:-5px;width:172px;height:485px;background-color:#FCF0BC;padding:3px;border:1px solid #F90;display:none;box-shadow:2px 2px 12px #000}
#fontLi b{display:block;width:90%;text-align:right}
#fontLi a{font-size:18px;color:#000;display:block;width:90%}
#fontLi a:hover{color:#00f}
#fontLa,#addfe{width:165px;height:250px;background-color:#fff;padding:3px;border:1px solid #00f;overflow:auto}
#addfe{height:130px;background-color:#573081}
#addfe a{color:#FC0}
#re2 ul,#re2h ul{margin:3px 0;text-align:center}
#re2 ul li,#re2h ul li{list-style:none;display:inline-block;width:21px;height:22px;margin:0;padding:0}
#re2 ul li a,#re2h ul li a{display:block;margin:0;padding-top:6px;font-size:14px;border:1px solid #999;background-color:#cab3eb}
#re2 ul li a:hover,#re2h ul li a:hover{border-color:#333}
.txShadow1{text-shadow:0px 1px rgba(0,0,0,0.2),1px 0px rgba(0,0,0,0.2),0px 0px rgba(0,0,0,0.2),0px -1px rgba(0,0,0,0.2),-1px 0px rgba(0,0,0,0.2)}
#logo{position:absolute;left:48%;bottom:7px;z-index:99;color:#FC0;text-shadow:0 0 1px #000,0 0 8px #fcf0bc}
#melde{display:block;/*position:absolute;top:0;left:-50px;width:120px;background-color:#FFC;border:1px solid #0C3*/}
#sWort1,#sWort2,#bi0,#melde,button#bab,#bilNumm{display:none}
#tab a,#tab a:link,.butti,a.butti{color:#FC0;padding:2px;text-align:center;background-color:#573081;border:1px solid #C90;border-radius:3px;box-shadow:1px 1px 6px #663300;transition:all .3s ease-out}
#tab ul{margin:0;padding:0}
#tab li{margin:0 3px;padding:0;display: inline-block;list-style:none}
#tab a,#tab a:link{display:block;width:80px;margin-bottom: 7px;}
#tab a:hover,#tab .active a,#tab li:hover > a{background-color:#fcf0bc;color:#573081}
#tab ul:after{content:'.';display:block;clear:both;visibility:hidden;line-height:0;height:0}
#anz{text-align:center;min-height: 100px;min-width: 230px;}
#bilkor{display:none;position:absolute;margin-bottom:0;width:120px;padding:2px 0px;border:1px solid #FC0;font-size:9px;text-align:center}
#biopz fieldset{width:105px}
#zwzeit,#progress{position:absolute;display:none;width:130px;background-color:#eee;text-align:center;padding:37px 0 0 0;font-size:11px;font-weight:bolder;color:#399;z-index:999}
#zwzeit{width:105px;}
#biopz,#meinbgcol{display:none;position:absolute;width:130px;text-align:center;font-size:10px;z-index:900;background-color: #ffc164;box-shadow: 0 0 5px #000;}
#fform{display:block;position:absolute;top:-999px;left:-999px;z-index:1}
#B1,#B2,#B3,#B4,#B5,#B6,#B7{float:right;clear:both;margin-right: 5px;}
#kartenlist{display:block; overflow:hidden;}
#kartenlist a{display:inline-block; margin:3px;}
#elemInfoIm{width:130px;height:auto;}
#insbi,#bikcolor{background-color:#fff;}
#malfinp,#malfinptx{display:none;background-color: transparent;width:70px;height:25px;padding: 0;border: none;cursor: pointer;border-radius:5px;border:2px solid #777;-webkit-appearance: none;appearance: none;}
#writeBildiv em{display:block;font-size:10px;line-height:8px;}
#opcol{display:inline-block;width: 105px}
#meinb,#opcol a{display: inline-block;}
a.butti{background-color: #2a3e95;}
#opiFen k {display:block;min-width: 70px;vertical-align: middle;}
.card{padding: 2px;}
.tab-switch{display:none;}
.content-2{display:block;}
.content-1{display:none;}
.content{box-shadow:0 0 5px #000;background:#ceffbb;}
.tab-switch:checked ~ .content-1 {display:block; }
.tab-switch:checked ~ .content-2 {display:none; }
.tabs{overflow: hidden;font-size: 11px;padding-top: 2px;}
.tabs label{cursor:pointer;padding:0 5px 5px 5px;background:#bbb;box-shadow:0 0 5px #000;border-radius: 3px 3px 0 0;}
.tabs .label-2{ background:#ceffbb;}
.tab-switch:checked ~ .tabs .label-1{ background:#ceffbb; }
.is-active{position: relative; visibility: visible;}
input[type=button].ibklas.eyedropp{background-color:#fff;width:24px;height: 24px;text-shadow: none;background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 0.8 0.8" xml:space="preserve"><path d="M0.713 0.088a0.124 0.124 0 0 0 -0.175 0l-0.057 0.057 -0.038 -0.038 -0.035 0.035 0.038 0.038L0.375 0.25 0.113 0.513v0.125L0.05 0.7l0.05 0.05 0.063 -0.063h0.125L0.55 0.425l0.07 -0.07 0.038 0.038 0.035 -0.035 -0.038 -0.038L0.713 0.263a0.124 0.124 0 0 0 0 -0.175M0.275 0.625h-0.025v-0.025h0.025zm0.075 -0.075h-0.025v-0.025h0.025zm0.075 -0.075h-0.025v-0.025h0.025zm0.107 -0.068 -0.14 -0.14L0.463 0.198l0.14 0.14z" style="fill:%238841ef"/></svg>');background-position:0 0;padding:4px;border:2px solid #999;border-radius:5px;}
input[type=button].ibklas.eyedropp:hover{background-color:#ff0;}
#re1 h3,#re1h h3,#tabu h3{font-size:15px;width:auto;color:#500099;margin-top:7px;display: block;
    overflow: hidden;}
#malf,#malfhg,#opcol a{cursor: url(/dropps.svg) 4 2, auto;}
.content h3{margin-top: 0;}
a.butoptio{display:none;float: left;background-color: #f7d12a;color: #573081;box-shadow: none;margin-top: 7px;width: auto;}
.footerlinks a,a.menunten {display:inline-block;background-color: #fdfae9;color: #573081;margin: 7px;padding:3px;border: 1px solid #C90;border-radius: 3px;}
.footerlinks a:hover, a.menunten:hover{background-color:#e7edff}
.kartendiv{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 10px;}
.kartenlinks{margin-top:15px; padding:10px; padding-left:20px;background-color: #f9f9f9; border-radius: 8px;line-height: 1.8;box-shadow:0 0 3px #000;max-width:500px;display:inline-block;}
.kartenlinks img{float: left;margin-right: 9px;}
.kartendiv .kartenlinks{max-width:unset;}
.kartendiv .kartenlinks em{color: #460085;}

@media screen and (max-width:1220px){
#startGest{display: inline-block;}
#headeroben{max-height:none;}

}
@media screen and (max-width:1075px){
.printer{position: absolute;right: 0px;}
#re2h #startGest,#re2h #opiFen{position: absolute;left: 0;bottom: auto;left: 0;z-index: 999;max-width: none;width:99%;}
#zusa {display:block;}
#karteGr{left:unset;right: 90px;}
#infbb {width: auto;}
#re2h{width: auto;display: block;
#opiFen button{float:left;height: 30px;}
.zuk{float:right;}

#B1, #B2, #B3, #B4, #B5, #B6, #B7 {clear: none;}
#option,#schieb,#bildin,#optHibi,#karMal,#karteGr{width:100%;z-index: 999;left: 0;}
#aktf{display: inline-block;}
#malf{width: 90px;float: left;}
#option span, #option #optff,form {display: inline-block;}
#opcol{width:auto;}
#malf,#option span#opcol,#option span#colorBox33{display:none;}
#malfinp,#malfinptx,a.butoptio{display:inline-block;}
#opiFen h3{width: 150px;overflow: hidden;}
#Schrift{width:auto;margin-bottom: 5px;}
#biopz,#biopz fieldset {width:98%;background: #a0f5f5;}
#opiFen k {display: inline-block;min-width: 70px;vertical-align: middle;max-width: 200px;}
#opiFen dfn,#opiFen k#bildintx{display:none;}
#grego{max-width: 380px;float: left;}
#erkan h3,#erkan k{display: inline-block;}
}
#optHibi button.bik {height: 44px !important;}
}
@media screen and (max-width:825px){
#re1{width:auto;float:none;}
#mein,#zusa,#zusah{padding:0}
#startGest{position: absolute;left: 0;padding: 25px;background: rgba(250,235,215,0.6);}
#opiFen {position: absolute;bottom: auto;left: 0;z-index: 999;max-width: none;width:99%;display:none;}
#opiFen button{float:left;height:30px;}
.zuk{float:right;}
#re2, #re2h {margin-left:0;display: block;}
#B1, #B2, #B3, #B4, #B5, #B6, #B7 {clear: none;}
#option,#schieb,#bildin,#optHibi,#karMal,#karteGr{width:100%;z-index: 999;left: 0;}
#aktf{display: inline-block;}
#malf{width: 90px;float: left;}
#option span, #option #optff,form {display: inline-block;}
#opcol{width:auto;}
#malf,#option span#opcol,#option span#colorBox33{display:none;}
#malfinp,#malfinptx,a.butoptio{display:inline-block;}
#opiFen h3{width: 150px;overflow: hidden;}
#Schrift{margin-bottom: 5px;}
#biopz,#biopz fieldset {width:98%;background: #a0f5f5;position:relative;}
#opiFen k {display: inline-block;min-width: 70px;vertical-align: middle;max-width: 200px;}
#opiFen dfn,#opiFen k#bildintx{display:none;}
#grego{max-width: 380px;float: left;}
#erkan h3,#erkan k{display: inline-block;}
.printer{position:unset;right:unset;}
#optHibi button.bik {height: 44px !important;}
}

@media screen and (max-width:793px) {
#mitte,#mitteh{transform-origin: left top;
transition: transform 0.3s ease;
transform: scale(var(--scale-factor, 1));width: 95vw;}
#re1h,#infbb{width: 95vw;margin:0}
#infbb{width:100%;}
}

@media screen and (max-width:559px) {
#re1,#tabu{margin:0;}
#tabu img{Width:100%;height:auto}
}
@media screen and (max-width:350px) {

}