@charset "utf-8";
html, body {margin: 0;padding: 0;}
body {margin:2px;font:12px Verdana,sans-serif;background:#eee;padding-top: 36px;}
h1,h2,h3,h4{margin:1px;padding:1px;color:#333}
a{text-decoration:none}
a,a:link,a:visited{color:#00f}
a:hover,a:active,a:focus{color:red;text-decoration:underline}
ul{padding-left: 15px;}
li p{margin:5px 0}
.center a,a.forml{display:inline-block;border:1px solid #376698;border-radius:3px;font:11px arial,sans-serif;text-decoration:none;}
.center a{padding:3px 0;width:130px;margin:2px;color:#000;background-color:#fff;white-space:nowrap}
.center a:hover{background-color: #badbff;}
h1#thema,#thema{font-size:14px;text-align:center;width:17%;max-width:200px;display:block;position:absolute;top:65px;text-shadow:1px 1px 2px #000,0 0 5px #000,0 0 7px #000,0 0 8px #000;color:#fffffe;
background:rgba(255,255,255,0.01);padding:2px;font-weight:bold;-webkit-backdrop-filter: blur(1px);backdrop-filter:blur(1px);}
#santaoben{max-width:728px;height:90px;padding:10px;margin:10px auto;text-align:center;}
#fiel2,#fiell{width:360px}
#menu,#oben{margin:0 auto;width:98.5%;overflow:hidden;padding:3px;position:relative;}
#oben{position:relative;padding:0px 3px 10px;text-align:left}
#menu img{float:left;border:0;width:17%;max-width:257px;min-width:64px;height:auto;}
#menu .center{overflow:hidden;}
#beispiel img{display:inline-block;max-width:100%;height:auto;}
#b_text,#b_text h3,#b_text h2,fieldset{background:#F8F8F8;border:2px solid #ddd}
#fiel1k legend input{font-size:11px}
#b_text h3,#b_text h2{color:#2a7fff;margin:0px}
#b_text{width:350px;float:right;padding:3px;text-align:justify}
#brief,#beispiel{overflow:hidden;max-width:630px;font:11px Verdana,sans-serif;text-align:left;margin:1px 0 2px 0;background:#ffffef;color:#333;padding:0 3px;border:2px solid #ddd;box-shadow:0 0 8px #333}
#beispiel{font:13px Verdana,sans-serif;min-height:650px}
#inwerb{width:300px}
.Betr,.Bereich,.Anl{width:98%;max-width:580px;margin-bottom:5px}
#fenbil,#neuLand,#losNmForm,#neuZusatz,#div_men{display:none}
#fenbil,#videocam,#o_men{margin:0 auto 0;padding:3px;border:3px solid #ddd}
.inblock,.inline{display:inline-block}
#fopt,#fiel3{max-height:15px;overflow:hidden}
#logost{float:right;margin-left:5px;border:2px solid #ddd;width:110px;height:132px}
.Fekl{border:solid 1px #aaa;font-size:9px}
button,input[type=button],.foptopt{font-size:12px;color:#fff;background-color:#6EA6E4;border:solid 1px #376698}
#b_textaus{display:none;position:absolute;right:0;top:0;background-color:#fffca0;color:#000;}
#fform{display:block;position:absolute;top:-999px;left:-999px;z-index:1} 
#install-notice a,#createDinfo a{color:#fff;background-color:transparent;font-size:14px;padding:0 10px;display:inline-block;text-decoration:none;text-shadow: 0 0 2px #000, 0 0 2px #000;height: 26px;vertical-align:top;padding-top: 6px;}
#aBoxMenu0,#aBoxMenu1,#briefvor{margin-right:15px;float:left;}
#aBoxMenu4{float:right;}
a#aBoxMenu3{display:none;}
a.anchor{padding-top:40px;margin-top:-40px;}
a.forml{color:#fff;background-color:#306eb3;margin-bottom:3px;width:100%}
a.forml:hover{background-color:#305588}
#asdr,#aspd,#fopt,#s_acti,#pdfopt fieldset,#pdfop4,fieldset#fiel3,#fenbil fieldset,.boxBords{margin:5px;border:1px solid #999;padding:3px;background-color:#d8eaff}
#asdr,#aspd{display:table-cell;min-height:6em;vertical-align:top;border:5px solid silver;border-radius:15px;}
#briefOptikus{background-color:#eef5ff;border:2px solid #c0c0c0;}
input,select,textarea{font:14px arial,sans-serif;color:#00c;margin:1px;text-align:left;border:2px solid #999}
input,textarea{color:#041167;margin:1px;caret-color:red;}
textarea{text-align:left;overflow:auto}
.Bereich,.Anl,.Betr{text-align:justify;white-space:pre-line;position:relative;margin-right:0;overflow-y:scroll;}
#rte1{text-align:left;color:#00c;font-size:12px;background-color:#fff;border:solid 0px #ddd}
span{color:#666}
.Adr{background-color:#eef;padding:1px;border:1px solid #ddd;margin-right:3px}
.Feld{max-width:350px}
#Absch,#Begrus{width:95%}
.Bereich,.Bertext,.Ober,.Anlag,.Betr,.Leb,.Titl,.Feld,#lieb input[type=text],#lieb textarea,.Anl{background-color:#fff;border:2px solid #f3bf73;padding-left:4px;text-shadow:0 0 1px #041167}
label.dort,.mintxti{display:inline;text-align:inherit;width:auto;color:#006;font:11px Verdana,sans-serif}
.Ober{width:98%;max-width:500px;font-size:14px}
.Anlag{width:130px}
h2{font-size:15px}
h1{font-size:16px}
.Titl{font-size:16px}
.Leb,h3{font-size:14px}
.info b{color:#333}
.Titl,.Leb,.Betr,.Ober{font-weight:bold}
.Titl{max-width:450px}
.Fekl{background-color:#fff;border:1px solid #aaa;border-bottom:1px solid #00c;font-size:10px}
.Auswahl{background-color:#dff;width:300px;border:3px solid #ddd}
.Check,.Radio,#boff{border:1px solid #aaa;background-color:#fff}
.Tast{background-color:#aaa;color:#fff; width:53px;border:2px solid #ddd;cursor:w-resize}
.bil{float:left;margin:10px}
#fbl,#fbb{padding-left:3px;padding-right:3px}
#fbl,#fbl img,#fbb,#fbb img{border:2px solid #ccc}
#brimem{text-align:center;background-color:#FFF;border:1px solid #ccc}
#unterschr{display:block;color:#666;font-size:10px}
#grus select,#newgrus select{margin-bottom:8px;width:185px;}
#grus,#newgrus{min-width:160px;min-height:22px;display:inline-block;}
.datort{width:180px;color:#555}
#bildrs{text-align:center;width:260px;min-height:300px;border:solid 1px #ccc}
#fenbil,#videocam{display:none;background-color:#eee;width:99%;max-width:1000px;;-webkit-user-select:none;user-select:none}
#unterschr,#bizeio,.datort,#bildrs{float:right;font-size:10px}
#zcan,#zeichn{border:1px solid #ddd;padding:2px}
#zcan{width:300px;height:150px}
#zeichn{position:relative;width:341px;max-height:0px;overflow:hidden;background-color:#eee;transition:all .4s ease-in-out}
#s_acti{padding:2px;text-align:left}
fieldset{border:2px solid #ddd;border-radius:5px;background-color:#FDFCEB;padding:2px;}
#fiel1,#fiel2,#fiel1k,#fiellp,.fieldbc{margin-top:5px;background-color:#fff7ac51}
legend{border:1px solid #aaa;color:#555;padding:0 3px;margin:auto;display:block;text-align:center;background-color:#F9F9F959;border-radius:3px;}
legend.foptopt{border-top-width:3px}
#absl{color:#2a7fff;margin:1px;text-align:justify}
#bildsp{clear:both;margin:1px;font-size:9px;color:#666;display:none}
#abild{z-index:2}
#empr{position:absolute;top:-2px;left:-2px;z-index:1;border:2px dashed #0C3;opacity:50}
#fonts{font:11pt arial,sans-serif}
.bsp,#bi,#bh,#s_acti{color:#999;font-size:10px}
input:focus:-moz-placeholder{color:transparent}
input:focus::-moz-placeholder{color:transparent}
input:focus::-webkit-input-placeholder{color:transparent}
::-webkit-input-placeholder{color:#ccc;text-shadow: none;}
:-moz-placeholder{color:#ccc;text-shadow: none;}
::-moz-placeholder{color:#ccc;text-shadow: none;}
:-ms-input-placeholder{color:#ccc;text-shadow: none;}
#lieb textarea{width:98%;max-width:423px}
#pers1{display:block}
#pers2,#pers3,#pers4,#pers5,#pers6{display:block;border:1px solid #ddd;color:#555}
#pers6{background-color:#c5c5c559;margin-top: 4px;}
#lieb #pers6{background-color: transparent;margin-top: 0;}
#feaa2,#feaa3,#feaa4,#feaa5{float:right}
#famw{width:60px}
.fabWuk{display:block;width:30px;height:13px;margin:5px 0}
#empfen,#bFoto,#zbildein,#a_itSp,#imlos{display:none}
#div_men{position:fixed;top:0;left:0;width:100%;text-align:center;z-index:9999;display: none;}
#o_men{display:inline-block;font-size:10px;background-color:#A9C7E8;width:98.5%;max-width:1002px;min-width:308px;margin:0;box-shadow:0 3px 3px #aaa}
#o_men input,#o_men button{font-size:11px;color:#333;border:solid 1px #999}
#spmen{display:none;padding:0 2px;font:11px arial,sans-serif;text-align:left}
#o_men input[type=text],#o_men input[type=password]{max-height:12px;margin:0}
#items input[type=text]:disabled,input[type=text]:disabled{border:solid 1px #ddd;color:#ccc;background-color:#eee}
input[type=text]:disabled.Fekl{background-color:#ccc}
#oben input[type=text]:hover,#oben textarea:hover{border-color:#6cf}
#oben input[type=text]:focus,#oben textarea:focus{border-color:#FC6}
input[type=checkbox],input[type=radio]{vertical-align:bottom}
select{border: solid 1px #376698;font-size:11px;margin:1px;background-color:#2980b9;border-radius:3px;color:#fff;}
#items{height:62px;width:94%;max-width:715px;overflow:hidden;overflow-y:auto;padding:0;padding-right:10px;border:1px solid #999;box-shadow: 0px 2px 0px #999;background-color:#fff;transition:all .2s ease-in-out;resize:vertical;}
hr{border:solid 1px #ddd;width:90%;height:0;text-align:center}
#spmen hr{margin:0;border:solid 1px #ccc;width:96%;height:0px}
#s_meld,#s_end,#areset{display:none;color:#C00;margin:2px;background-color:#ffd;text-align:center;border:solid 1px #ccc;}
#s_end input{margin-top:5px}
#it_name,.st_ein{width:95px}
button,input[type=button],.foptopt,#xlif,#xlit,#xlig,#xlie{font-size:12px;cursor:pointer;color:#fff;background-color:#306eb3;border-radius:3px;border:solid 1px #376698;-webkit-appearance:none;
appearance:none}
button:hover,input[type=button]:hover,.foptopt:hover{background-color:#305588}
button:active,input[type=button]:active{background-color:#6EA6E4}
#o_men input[type=button]{min-width:20px;background-color:#b3e4ff;color:#333;font-size:11px;padding:0 2px 0 2px;-webkit-appearance:none;appearance:none}
#o_men input[type=button]:hover{background-color:#adff96}
#items input[type=button]:disabled,button:disabled,input[type=button]:disabled{background-color:#ddd;color:#fff !important;cursor:default}
#dewdMen{float:right}
#dewdMen,#dewdMen button{color:#333;font-size:9px}
#dewahl{display:none;overflow:hidden;padding:1px;text-align:center;border:solid 2px #999;background-color:#FFF}
#dewahl button,#dewMen button{padding:0 !important;border:0 none !important;margin:1px}
#dewahl button:hover{background-color:#ffc;color:#00f}
.debut{border:solid 2px #999;padding:0px;margin:1px;background-color:#00F}
.fabDew{display:block;width:30px;height:10px;margin:1px}
#deTeil{height:0;border:solid 1px #999;text-align:center;overflow:hidden}
#deTeil,#s_acti,#dewahl{background-color:#DFE3F2;color:#333}
#deTeil input[type=text]{font-size:10px;width:99%;text-align:center;border:solid 1px #999}
#xlif,#xlit,#xlig,#xlie{display:inline-block;background-color:#376698;font:bold 12px Times,"Times New Roman",serif}
#xlif:hover,#xlit:hover,#xlig:hover,#xlie:hover{background-color:#00f}
#deTeil input[type=text]#xxin{width:100px;font-weight:bold}
#bucut,#buein,.bigbt,#insertLogo{font:bold 17px arial !important;text-shadow:0 0 2px #000,0 0 2px #000}
#dzb fieldset{margin:0;display:inline-block;font-weight:normal;padding:1px}
#dzb legend{font-size:10px}
#dzb button{padding:0 5px;margin:2px}
#bzs button{margin:2px}
#dzb{text-align:justify}
#s_meld i{color:#0C0}
#s_meld i u{color:#009c5c}
.center{display:block;text-align:center}
#stik,.bsp{font-size:10px;color:#555;display:inline-block;}
#stik{text-shadow:0 0 3px #fff;}
.info strong,#arich{color:#000}
#flos{visibility:hidden}
#forminfo,#informer{text-align:right;font:bold 11px Arial,sans-serif}
label{display:inline-block;text-align:right;width:35px;font:11px arial,sans-serif;color:#555}
.posabsolut,#zwzeit{display:none;position:absolute;top:20px;left:10px;width:230px;font-size:12px;background:#eee;color:#555;text-align:center;padding:10px;white-space:normal;z-index:100;border-radius:10px;box-shadow:0 0 15px #000;transition:all .6s ease-in-out;}
#htmlLadInf{right:10px;left:auto;}
#zwzeit{height:95px;padding:37px 0 0 0;font-size:14px;font-weight:bolder}
#fotneuEin{display:block;float:left;margin-right:10px}
#bh,#bi{padding:0;margin:0;display:block;line-height:11px}
#b_text a::before{content:"➤ ";font-family:Segoe,"Segoe UI Symbol",Verdana, sans-serif}
.Button,input[type=button].Button,#items input[type=button].Button,#spmen input[type=button].Button,#o_men button.Button{background-color:#da7575;color:#fff;font-size:11px;-webkit-appearance:none;appearance:none}
.Button:hover,input[type=button].Button:hover,#items input[type=button].Button:hover,#spmen input[type=button].Button:hover,#o_men button.Button:hover{background-color:#ff4;color:#900}
.Button:active,input[type=button].Button:active{background-color:#c7aaaa;color:#fff}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;margin:-1px 0}
#stlogos a{display:inline-block;overflow:hidden;border:2px solid #ccc;width:300px;min-height:68px;margin:5px;background-color:#DFE3F2;text-shadow:0 1px 0 #fff;font-weight:bold;vertical-align:top;text-align: center;}
#stlogos a:hover{background-color:#fff;text-decoration:none; border-color:#00f;}
#stlogos em{display:block;color:#333;font-size:10px}
#stlogos b{display:block;width:55px;height:66px;border:1px solid #999;margin-right:5px;float:left;background-image:url(/bilder/slog.png);background-repeat:no-repeat;mix-blend-mode: multiply;}
.Menu-1{background-position:0 0}
.Menu-2{background-position:-55px 0}
.Menu-3{background-position:-110px 0}
.Menu-4{background-position:-165px 0}
.Menu-5{background-position:-220px 0}
.Menu-6{background-position:-275px 0}
.Menu-7{background-position:-330px 0}
.Menu-8{background-position:-385px 0}
.Menu-9{background-position:-440px 0}
.Menu-10{background-position:-495px 0}
.Menu-11{background-position:0 -66px}
.Menu-12{background-position:-55px -66px}
.Menu-13{background-position:-110px -66px}
.Menu-14{background-position:-165px -66px}
.Menu-15{background-position:-220px -66px}
.Menu-16{background-position:-275px -66px}
.Menu-17{background-position:-330px -66px}
.Menu-18{background-position:-385px -66px}
.Menu-19{background-position:-440px -66px}
.Menu-20{background-position:-495px -66px}
#dbildcan{overflow-x:auto;border:1px solid #333;max-width:720px}
#fopt .center{border:1px solid #999;background:#DFE3F2;margin-top:5px}
#fiel3 legend::before,#fopt legend::before{content:"≡ ";color:#000}
#fiel3,#fopt{overflow:hidden;transition:all .4s ease-in-out;padding-top:14px !important;}
.sitz95{width:270px;font-size:12px;}
a#fbb::before{content:"f";margin-right:3px;padding:0 6px;background:#3a5795;color:#fff;font-size:12px}

#inwerb{float:left;margin:7px;margin-top:30px;width:300px; max-width:300px}
#respNewWbu{margin-bottom:15px}
#vorName,#vorName2{min-width:260px;max-width:500px;width:260px;}
#nachName,#nachName2{display:none}
a.fabDew:hover{outline:1px solid #000;}
#xlig,.offline{display:none;}
#linkoption,#adressGest{background-color:#fff;color:#376698;}
#fonts,#fontsGross{display:inline-block;}
#infobrief{text-align:left;}
a.bigbt.foptopt {display: inline-block;margin: 3px;}
#install-notice a img,#createDinfo img{vertical-align:middle;}
#install-notice a,#createDinfo a{vertical-align: middle;}
#install-notice a:hover,#createDinfo a:hover{background-color: #6EA6E4;}
#webteilen{display:inline-block;}

@font-face{font-family:'icomoon';
src:url('/fonts/icomoons.eot?5wrqld');
src:url('/fonts/icomoons.eot?5wrqld#iefix') format('embedded-opentype'),
url('/fonts/icomoons.ttf?5wrqld') format('truetype'),
url('/fonts/icomoons.woff?5wrqld') format('woff'),
url('/fonts/icomoons.svg?5wrqld#icomoon') format('svg');
font-weight:normal;font-style:normal;font-display:block;
}
[class^="icon-"]:before,[class*=" icon-"]:before{font-family:'icomoon' !important;}
.icon-upload2:before {content: "\e9c6";}
.icon-warning:before {content: "\ea07";}
.icon-facebook:before {content:"\ea90";}
.icon-whatsapp:before {content:"\ea93";}
.icon-twitter:before{content:"\ea96";}
.icon-envelop:before{content:"\e945";}
#aBoxMenu0{font-weight:bold;padding:0 !important;}
#aBoxMenu1:before,#aBoxMenu2:before,#aBoxMenu3:before,#pdfDatSps:before,#pdfDatSUnter:before,#aBoxMenu4:before,#xButton:before,#creInform:before,#opNewWind:before,#pdfDatNeww:before,#saveFileHTML:before,#saveFileHTMLas:before,#newWinHTML:before,#closeHTMLed:before{color:#fff;font-size:22px;display:inline-block;vertical-align:middle;margin:1px;padding:3px;font-family:'icomoon' !important;}
#aBoxMenu1:before{content:"\e9be ";}
#aBoxMenu2:before{content:"\e94d ";}
#aBoxMenu3:before{content:"\e962 ";}
#pdfDatSps,#pdfDatSUnter{background-color:transparent;}
#pdfDatSps:hover,#pdfDatSUnter:hover{background-color:#376698;}
#pdfDatSps:before,#pdfDatSUnter:before,#saveFileHTML:before,#saveFileHTMLas:before{content:"\e9c5 ";}
#aBoxMenu4:before{content:"\e994 ";}
#xButton:before,#closeHTMLed:before{content:" \ea0f ";background-color:red;padding:4px 6px;margin:0;}
#xButton,#closeHTMLed{padding:3px 10px !important;line-height:20px;}
.plusInfos{border:none;background-color:transparent;background-image: none;}
#creInform:before,#seitenNum:before,.plusInfos:before{content:"\ea0c ";color:#fffca0;}
#seitenNum:before,.plusInfos:before{font-family:'icomoon' !important;font-size:16px;color:#a96500;}
#opNewWind:before,#pdfDatNeww:before,#newWinHTML:before{content:"\ea7e ";}
#undoTxt,#redoTxt,#textLeftBt,#textJustBt{font-family:'icomoon' !important;font-weight: normal !important;}
#textJustBt{margin-left: 20px; margin-top: 0;}
#allInfosAn:before{font-size: 26px;color: #eef303;background-color: #068f17;border-radius: 50%;box-shadow: 0 0 5px #000;}
.plusInfos i{visibility:hidden;opacity:0;transition: visibility 0s, opacity 0.5s linear;z-index:100;display:inline;padding:3px;margin-top:25px;margin-left:-100px;width:120px;text-shadow:none;position:absolute;border: 1px solid #673f02;border-radius: 5px;color: #000;background-color: #b9d72c;font-size:12px !important;}
.plusInfos:hover i,.plusInfos i.ivisible{display:inline;visibility: visible;opacity: 1;}
a[target="_blank"]:after{content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);margin: 0 3px 0 5px;}
.fotlink hr,#saveAsDocSp{display:none}
.fotlink{width:98%;overflow:hidden;padding:10px; background-color:#ddd;}
.fotlink a{width:auto;padding:0 3px;color:#0004C8}
#pdfName{width:90px;text-align:right;padding:3px;color:#0004C8}
#pdfdivvis button,#saveFileHTML:before,#saveFileHTMLas:before,#newWinHTML:before{font-size:18px;}
#pdfdivvis button{font-size:14px;}
#sphHtmlId button{padding:2px;text-shadow:0 0 2px #000;}
#pdfdivvis button.Button{float:right;margin-right:20px;}
#farbin{z-index:900;}
a.social-fa,a.social-tw,a.social-em,a.social-wh{background-color:#fff;margin:0 4px;color:#fff;font-size:14px;font-weight:normal;padding:2px;border:1px solid #999;border-radius:4px;text-shadow:0 0 2px #000,0 0 3px #000;display:inline-block;}
a.social-fa:hover{background-color:#3b5998;}
a.social-tw:hover{background-color:#1da1f2;}
a.social-em:hover{background-color:#999;}
a.social-wh:hover{background-color:#3BBF26;}
#briefBlocks{vertical-align:top;}
#editableDiv div,#editableDiv span,#editableDiv p,.text7Id,.anlageId{color:#000;padding:0;margin:0;}
#editableDiv p,#editableDiv p.text7Id,.text7Id,.anlageId{min-height:1em;}
#aspd a{width:auto}
#myLogoIn label{text-align:left}
#createInfo,#createInfo2{position: absolute;width: 98%;background-color: rgba(255, 252, 158, 0.85);color: rgb(0, 0, 0);border: 2px solid rgb(153, 153, 153);}
table#saveUnial{border-collapse:collapse;max-width:810px;display:inline-block;background:#ffeb8c;}
table#saveUnial td{font-size:12px;padding-right:4px;padding-left:4px;border:2px solid #999}
table#saveUnial tr td:first-child{font-weight:bold}
table#saveUnial tr:nth-child(even){background-color:#fff1b0;}
table#saveUnial td a{color:#00f;font-size:12px;display:inline;text-shadow:none;padding:0}
table#saveUnial td a:hover{color:#059a11;background-color:transparent}
#textlab{display:inline-block;width:230px;vertical-align:top;}
#fiel1 legend{width:95%;background-color:#ffffff59;}
#insertLogo{float:right;padding:0 3px;font-size:12px !important;}
#ladeLinkSp{display:none;position:absolute;left:40%;top:30px;padding:15px;border:3px solid #787272;background:#f3e275;border-radius:9px;box-shadow:0 0 15px #000;}
@keyframes growDown{0%{transform:scaleY(0)}80%{transform:scaleY(1.1)}100%{transform:scaleY(1)}}
.meldeclass{text-align:center;position:fixed;top:32px;right:0;z-index:10006;width:100%;min-height:2.3em;background-color:rgba(227, 233, 241, 0.95);border:3px solid #ddd;box-shadow:0 3px 3px #aaa;}
.meldeclass,#div_men,#createDinfo,#createInfo,#createInfo2{animation:growDown 300ms ease-in-out forwards}
.buthover{animation:growDown 600ms ease-in-out forwards;color:#0f0}
#install-notice,#createDinfo{text-align:center;position:fixed;top:0;right:0;z-index:10005;width:100%;min-height:32px;color:#fff;line-height:14px;background-color:#555;box-shadow:0 0 6px #000;}
#brief{background-color:#ffffcb;position:relative;background-image:url("/briefsti/grund3.jpg");}
input[name="Datum"]{max-width:140px;}
::selection{color:red;background:yellow;}
#b_text div{vertical-align:top;}
#fopt,#fiel3,fieldset#fiel3{background-color:#d8eaff59;overflow:-moz-hidden-unscrollable;}
#geladenSp{color:green;background:#ffdd00;}
.info{font-size:12px;text-align:justify;margin-bottom:5px;background-color:#fdfdfd;background:#fff;padding:5px;border:1px solid #ddd;overflow:hidden;border-radius:9px;box-shadow: 0 0 6px #999;color:#000;}
.info input{border:none}
.middle h3,.middle a.infos{text-align:center;display:block;}
.template-list,.info2blocks,.info3blocks{display:grid;grid-template-columns:1fr;gap:10px;list-style:none;padding:0;}
.template-list.info2start{grid-template-columns: repeat(2, 1fr);}
.template-list li,.infoblock{padding:5px;border:1px solid #eee;border-radius:8px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.3);transition: 0.3s;border-left:5px solid #5bc0de;text-align:center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.template-list.sonder li{border-left-color: #d9534f;}
.template-list li:hover{box-shadow:0 5px 15px rgba(0,0,0,0.7);transform:translateY(-3px);}
.template-list a{color: #1565c0;font-weight:bold;text-decoration:none;display:block;margin-bottom:5px;}
.back-to-top{position: fixed;bottom: 30px;right: 30px;width: 50px;height: 50px;background-color:#0066cc;border: none;border-radius: 50%;cursor: pointer;z-index: 1000;opacity: 0;visibility: hidden;transition: all 0.3s ease-in-out;display: flex;align-items: center;justify-content: center;font-size: 24px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}
.back-to-top span{color: white;}
.back-to-top.show {opacity: 1;visibility: visible;}
.back-to-top:hover {background-color: #00a86b;transform: translateY(-5px);}
#stlogos a,#menu .center a,#b_text a,.bordleft,#logost,#b_text h3,#b_text h2,li.sonder{border-left:5px solid #5bc0de;}
#stlogos a.sonder,#menu .center a.sonder, #b_text .sonder,li.sonder{border-left-color:#d9534f;}
#stlogos a.sonder{background-color:#ffd5e1;}
#stlogos a.mitteil,#menu .center a.mitteil, #b_text .mitteil{border-left-color:#007bff;}
#stlogos a.mitteil{background-color:#c1ddff;}
#stlogos a.bewerben,#menu .center a.bewerben, #b_text .bewerben{border-left-color:#5cb85c;}
#stlogos a.bewerben{background-color:#d0fbf7;}
#stlogos a.beschriften,#menu .center a.beschriften, #b_text .beschriften{border-left-color:#6f42c1;}
#stlogos a.beschriften{background-color:#fbdfd0;}
#stlogos a.infos,#menu .center a.infos, #b_text .infos{border-left-color:#f0ad4e;}
#stlogos a.infos{background-color:#f7fbd0;}
#infosin{background:#d8eaff;text-align:center;border:1px solid #ddd;border-radius:9px;padding:5px}
input[type=text]#uberinp:hover{outline:3px solid #ff0}

@media screen and (min-width:1050px){
#textlab{width:35px;}
#textJustBt{margin-left: 0; margin-top: 10px;}
.fotlink a {margin: 7px;padding: 3px;font-size:16px;}
#adressGest u{display:block;text-decoration:none;}
#b_text{width:calc(-680px + 99vw);}
#menu .center a{font-size:12px;width:155px;}
}
@media screen and (min-width:1350px){
body{padding-left:20px;padding-right:20px;}
#menu,#oben{max-width:1400px;}
.Anl{min-height:3.9em}
#b_text{width:calc(-1050px + 99vw);max-width: 400px;padding:10px;}
#brief, #beispiel {max-width: 995px; width: 930px; display:table;padding: 7px;}
#beispiel.briefbsp{max-width:600px;width:100%;float:left;margin-right:10px;}
#briefBlocks{display:table-cell;padding-right:5px;vertical-align:top;}
#briefOptikus{width:290px;display:table-cell;max-width:290px;}
#asdr, #aspd {display: block;}
#asdr.bigbtnew,#aspd.bigbtnew{display:table-cell;}
#o_men{max-width:inherit;width: 90%;}
#menu .center a{font-size:14px;width:185px;}
}



@media screen and (max-width:980px){
#b_text{width: calc(-680px + 99vw);}
#menu .center a{font-size:11px;}
#b_textaus{display:block;}
#menu,#oben,#fenbil,#videocam{margin:0}
#oben img{max-width:99%;height:auto}
#b_text,#b_text .adsbygoogle{width:300px}
#brief, #beispiel {padding:3px;}
#bildrs{float:none;width:99%;overflow:hidden;}
#bild4docu{float:left}
}
@media screen and (max-width:800px){
#install-notice,#createDinfo{text-align:left;left:0;}
#createDinfo b{display:inline-block;max-width:60px;vertical-align:middle;}
#createInfo b{display:inline;max-width:inherit;vertical-align: baseline;}
#b_text{width:98.5%;float:none;overflow:hidden;border:none;}
#b_text .adsbygoogle{float:right;margin:0 0 7px 7px}
fieldset{padding:2px 0 !important}
#menu,#oben,#fenbil,#videocam,#o_men{min-width:318px;width:100%;border:none;padding:0;margin:0;}
#menu img,h1#thema,#thema,#stik,.la_bel,#banun,#menu a{display:none}
#brief,#beispiel{padding-left:5px;}
.Betr,.Bereich,.Anl{padding-left:0}
#fiel3{margin-left:0 !important}
.center a,#b_text a,.Button{margin:3px !important}
.inblock,#b_text a{display:inline-block}
#fiel1 label,#fiel2 label{display:none !important}
#unterschr,#bizeio{float:none !important}
#b_text h3,#b_text h2,{font-size:12px}
#nameFormat input,#nameFormat select,#nameFormat.Button{margin:2px !important}
label.litlzel{display:none}
#stlogos a{width:230px}
}

@media screen and (max-width:650px){
#aBoxMenu1,#aBoxMenu2,#aBoxMenu3,#aBoxMenu4,#createDinfo a{width:28px;height:21px !important;padding:6px 3px 3px 3px !important;overflow:hidden;}
#pdfName{width:55px;}
}
@media (min-width:640px){
.template-list,.info3blocks{grid-template-columns:repeat(3,1fr);}
.info2blocks{grid-template-columns:repeat(2,1fr);}
}
@media screen and (max-width:500px){.mobil500,#nameFormat u{display:none}#nameFormat select{max-width:50px !important}}
@media screen and (max-width:400px){
#install-notice,#createDinfo{text-align:left;left:0;}
#createDinfo b{display:none;}
#stlogos a{min-height:27px;width:115px;font-size:10px;}
#stlogos em,#stlogos b{display:none;}
}
@media print{
@page{size:auto;margin:0mm;}
}

#kalender{color:#000 !important}
#s_acti{min-height:50px;}
#speicherhilfe{display:none;}
dfn,label,.bsp,.helpbsp,#briefOptikus #absl{visibility:hidden;opacity:0;transition:all .5s ease-in-out;}
label.dort,.visivisi,#briefOptikus #absl.visivisi{visibility: visible;opacity:1;}
label.helpbsp{padding-left:0;text-align:left;width:auto;}
#allInfosAn{float:right;margin-right: 12px;}
fieldset:has(input:focus) label,fieldset:has(input:hover) label,
form:has(input#absendKlein:focus) label#absendvisi,form:has(input#absendKlein:hover) label#absendvisi,
form:has(#fenky:focus) label#absendvisi,form:has(#fenky:hover) label#absendvisi,
form:has(textarea.Betr:focus) label#betreffvis,form:has(textarea.Betr:hover) label#betreffvis,
form:has(input#Begrus:focus) label#anredevis,form:has(input#Begrus:hover) label#anredevis,
form:has(input#Absch:focus) label#grussvis,form:has(input#Absch:hover) label#grussvis,
form:has(input#vorName2:focus) label#name2vis,form:has(input#vorName2:hover) label#name2vis,
form:has(input#ort2datum:focus) label#ort2vis,form:has(input#ort2datum:hover) label#ort2vis,
form:has(.boxBords:focus) .boxBords dfn,form:has(.boxBords:hover) .boxBords dfn,
form:has(#asdr:hover) #asdr dfn,form:has(#aspd:hover) #aspd dfn,
form:has(#adressGest:hover) #adressGest dfn,
form:has(#briefOptikus:hover) #briefOptikus #absl
{visibility:visible;opacity:1;}
form:has(#s_acti:hover) #s_acti em{display:inline;}
input[type=button].bigbt{min-height: 30px;}
#adressGest .foptopt{padding: 5px;}
.plusInfos i,#areset{color: #000;background-color: #f9fb9a;}
#zeigeEinstellDiv input{font-size: 16px;font-family:Segoe UI Symbol}