/* (c)2025 ing.-buero bechler, dortmund, www.ebechler.de */
@font-face { font-family:'Roboto'; src:url('Roboto-Light.ttf') format('truetype'); }
body { font-family:Roboto, Verdana, sans-serif; font-size:1.25vw; font-weight:normal; color:#303030; padding:0vw; margin:0vw; }
div, h1, h2, h3, p { position:relative; margin:0vw; padding:0vw; cursor:default; font-weight:normal; }
h1, h2, h3 { font-size:2vw; }
h1 { margin-bottom:1.5vw; } h2 { font-size:1.75vw; font-weight:bold; } h3 { font-size:1.5vw; }
h2.h2t { font-size:1.5vw; font-weight:normal; color:#000; }
h2:not(h2.h2t) { border-radius:2px; margin:8vw; margin-top:1vw; margin-bottom:5vw; padding:1vw; text-align:center; font-size:1.5vw; }
a, a.tstlnk { text-decoration:none; color:#000; } a:hover { text-decoration:underline; }
a.tstlnk { position:relative; color:#fff; padding:7px; padding-right:9px; margin-left:-7px; top:-10px; } a.tstlnk:hover { text-decoration:none; background-color:#10c787; border-radius:4px; }
.fat { position:relative; top:0.6vw; font-size:3vw; }
span.tpw { display:inline-block; text-align:center; }
span.uppil { position:relative; padding-left:10px; padding-right:14px; top:-6px; color:#666; font-weight:bold; }
span.uppil:hover { color:#000; }
#all { overflow:hidden; }
#mainleft { position:absolute; background-image:url('../img/home_25.png'); background-repeat:repeat-y; background-size:10vw; width:10vw; bottom:0px; top:0vw; left:0vw; overflow-y:hidden; }
#maininner { display:table-cell; vertical-align:top; padding-left:21vw; padding-right:0vw; user-select:none; }
#bot_symb { padding-bottom:12vw; margin-top:10vw; margin-bottom:30vw; }
#copyright { top:46vw; text-align:left; padding:.7vw; background-color:#aaa; color:#fff; font-size:0.75vw; }
#copyright a { color:#fff; text-decoration:underline; }
#copyright a:hover { color:#eef; }
#qrcodetop { position:absolute; width:84px; height:84px; left:35vw; top:2.8vw; border:solid 4px #fff; background-repeat:no-repeat; background-color:#fff; background-image:url(../img/plotit_qr_90_gr.png); }
#qrcodetop.qrcodetopm { left:46vw; }
#qrcodetop span {  width:84px; top:90px; font-size:14px; }
#lplotit, #lbot, #lup { position:absolute; top:0px; background-repeat:no-repeat; cursor:pointer; }
#lplotit { width:50vw; height:12.147vw; max-width:992px; max-height:241px; top:24vw; background-size:cover; background-image:url(../img/plotit-aion.png); cursor:default; }
#stop { position:fixed; color:#fff; background-color:rgba(0,0,0,0.5); left:2vw; top:2vw; padding:15px; border:solid 2px #fff; padding-top:22px; padding-bottom:22px; border-radius:200px; box-shadow:0px 0px 15px 0px rgba(170,170,170,0.5); font-family:Arial black, sans-serif; font-size:12px; }
#stop:hover { background-color:rgba(90,0,0,0.5); }
#lbot { width:22.7vw; height:8.1vw; max-width:227px; max-height:81px; margin-top:1vw; background-size:cover; background-image:url(../img/plotit_de.png); }
#lup { right:0px; width:39px; height:39px; background-image:url(../img/pil_top_sm.png); }
#lup:hover { background-image:url(../img/pil_top_smm.png); }
#adrdo { position:absolute; color:#fdfdfd; left:26vw; top:5.5vw; }
#title_img { margin:2vw; margin-left:0vw; margin-bottom:0vw; width:29.0vw; height:12.618vw; background-image:url(../img/plotit_title.png); background-size:29.0vw; background-repeat:no-repeat; }
#demo { position:fixed; left:0px; top:0px; opacity:.9; width:6vw; height:6vw; background-image:url(../img/demom.png); background-size:6vw 6vw; background-repeat:no-repeat;  }
div.title, div.mtitle { margin-top:11vw; }
div.mtitle { margin-left:8vw; }
div.title_text { font-size:4vw; margin:2vw; margin-left:4.4vw; margin-top:-1.7vw; margin-bottom:0vw; color:#6b6b6b; }
div.icon_img1, div.icon_img2  { position:absolute; right:2vw; top:2.75vw; width:144px; height:144px; background-image:url(../img/apple-touch-icon.png); background-size:144px 144px; background-repeat:no-repeat; }
div.icon_img2 { right:20vw; top:1.35vw; }
div.top, div.mid, div.left, div.right, div.bot { padding:4vw; }
div.left, div.right { display:table-cell; vertical-align:top; width:50%; margin:0vw; padding:9vw; padding-left:6vw; padding-top:5vw; }
div.top, div.mtop { padding-left:0vw; padding-top:2vw; padding-bottom:0vw; margin-bottom:0vw; }
div.mtop { padding-left:5.7vw; }
div.mid { padding:0vw; text-align:justify; }
div.left { margin-right:2vw; }
div.bot { padding-top:0vw; margin-top:4vw; }
div.bot p { margin-bottom:3vw; }
p.anchr { margin-top:6vw; }
p.sm_plotit, p.sm_plotit_md { position:relative; background-size:1.9vw 0.8vw; background-repeat:no-repeat; width:1.9vw; height:0.8vw; padding:0px; margin:0px; margin-left:auto; margin-right:auto; background-image:url('../img/plotten_lg_bl.png'); }
p.sm_plotit_md { margin-top:10vw; }
p#kunden + h2 { border-left:solid 9vw #7e55c7; background-color:#efefff; }
p#mitarbeiter + h2 { border-left:solid 9vw #55c77e; background-color:#efffef; }
p#geschaeftsfuehrung + h2 { border-left:solid 9vw #c77e55; background-color:#ffefef; }
div.trennung { text-align:center; margin-top:10vw; margin-bottom:9vw; }
div.okh { margin-left:4.35vw; margin-top:.99vw; }
div.okh p { font-size:1.2vw; padding-bottom:.1vw; padding-left:.35vw; }
div.okh p span:first-child { padding-right:.5vw; color:#e30051; font-weight:bold; }
div.okh p span:not(:first-child) { font-weight:bold; }
.cp:hover { cursor:pointer; color:#d30041;/*00a747*/ text-decoration:underline; }
.spe { background-color:#777; color:#fff; padding-left:.35vw; padding-right:.35vw; }
.nobr { white-space:nowrap; }
.di { display:inline; } .dn { display:none; }
.mnui { position:absolute; color:#fdfdfd; font-size:1.9vw; font-weight:bold; right:0.2vw; top:0.8vw; cursor:pointer; }
.mnui:hover { color:#e4e4e4; }
.bot_lab, .bot_lab2, .bot_lab_h { position:absolute; background-image:url(../img/plotit_sm_h_i_n.png); background-repeat:no-repeat; background-size:cover; width:2.6vw; height:5.2vw; max-width:52px; max-height:104px; right:4.7vw; top:12.5vw; }
.bot_lab2 { top:2.8vw; }
.bot_lab2 div { position:relative; left:0.5vw; top:6vw; font-weight:bold; transform:rotate(90deg); }
.bot_lab_h { display:inline-block; background-image:url(../img/plotit_sm_v_i_n.png); width:3.5vw; height:1.73vw; max-width:104px; max-height:52px; left:-3.9vw; top:2.0vw; }
.bold { font-weight:bold; } .part { position:absolute; right:0px; top:0px; } .w6 { width:6vw; }
.br { border-radius:2px; } .btl { border-top-left-radius:2px; } .bbl { border-bottom-left-radius:2px; } .btr { border-top-right-radius:2px; } .bbr { border-bottom-right-radius:2px; }
.hfat { font-family:Arial black, sans-serif; font-weight:800; }
.nbred { color:rgb(195,14,74); } .wh { color:#fff; }
.mta1 { margin-top:15px; } .mtt1 { margin-top:.7vw; } .mt2 { margin-top:2vw; } .mt4 { margin-top:4vw; } .mt6 { margin-top:6vw; } .mt8 { margin-top:8vw; }
.mb12 { margin-bottom:30vw; }
.bbg { border-bottom:solid 3vw #7272f2; }
.invgr { background-color:#aaa; color:#fff; border-radius:2px; padding-left:0.4vw; padding-right:0.5vw; }
.pic { background-color:#eae9e3; }
.img_cl, .img_cr { position:relative; width:20vw; z-index:1; }
.pa { position:absolute; } .rb { right:0px; } .tac { text-align:center; } .tar { text-align:right; } .abli { margin-left:2vw; } .ablr { margin-right:2vw; } .stpd { padding:1vw; } .stpd p { margin-left:1vw; }
.blau { background-color:#019fe4; } .gruen { background-color:#00b777; } .orange { background-color:#fe7f41; } .lila { background-color:#7e55c7; } .rot { background-color:#e6017e; } .bleu { background-color:#7272f2; } .blau, .gruen, .orange, .lila, .rot, .bleu, .weiss { color:#fff; } .dgr { color:#111; }
@media print { .blau, .gruen, .orange, .lila, .rot { color:#000; background-color:#fff; } body, div, h1, h2, h3, #copyright, .invgr { font-size:12px; color:#000; background-color:#fff; } h2, p#kunden + h2, p#mitarbeiter + h2, p#geschaeftsfuehrung + h2 { border-left:0px; } #mainleft img { width:8vw; } #all { padding-left:4vw; } #maininner { padding-left:1px; padding-right:0px; } .np { clear:both; page-break-after:always; } div.title, div.top { margin-left:4vw; } .dontprint { display:none; }}