:root{
  --menuebutt_normalHG: #6f6553; /*#42963f;*/
  --menuebutt_normalColor: #fff;
	--menuebutt_normalHGhover: #7d7464; /*#5cad59;*/
	--menuebutt_normalColorhover: #fff;
	
  --menuebutt_aktivHG: #f4f1e8; /*#e9e9e9;*/
  --menuebutt_aktivColor: #313131; /*#000;*/
	--menuebutt_aktivHGhover: #eff0ef; /*#dbdbdb;*/
	--menuebutt_aktivColorhover: #313131; /*#000;*/
  
  --menuebutt_inaktivHG: #964141;
  --menuebutt_inaktivColor: #fff;
 

  --bodyHG:#f0eeec;
  --fontcolor:#313131;
  --headerHG:#ffffff;
  
  --pannelHG:#f4f1e8c7;
  
  --shadows:0px 1px 17px -2px #00000040;
  --menuebutt_aktivshadow:inset 0px 1px 17px -2px #00000000;
  
  --headeheight: 52px;
  --statusheight: 20px;
  
}


*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html{font-family: sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background:transparent;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
h1{font-size:2em;margin:0.67em 0;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em40px;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{box-sizing: border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}

/*   --------------   */

body{
	transition:all 0.25s linear 0s;
	-webkit-transition:all 0.25s linear 0s;
	background-color:var(--bodyHG);
	color:var(--fontcolor);
	font-family:Verdana,sans-serif;
	font-size:12pt;
	overflow:hidden;
}
body.textuebersicht{
	overflow:auto;
}

header{}

button{
	border:0;
	background-color:transparent;
}

#menueheader{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:var(--headeheight);
	background-color:var(--headerHG);
	-webkit-box-shadow:var(--shadows);
	box-shadow:var(--shadows);
	overflow:auto;
}

#menueheader{
	z-index:10;
}
#vrcontainer{
	z-index:2;
}
#menue.an,#dateimenue.an{
	z-index:6;
}
#link{
	/*z-index:4;*/
}
#popup{
	z-index:7;
}
#annotation{
	z-index:7;
}
#RsiRseDialog{
	z-index:8;
}
#RechnlisteDialog{
	z-index:9;
}

#link{/*ArKit Button*/
	position:absolute;
	bottom:20px;
	left:calc(50% - 50px);
	text-decoration:none;
	display:none;
	flex-direction:column;
	flex-wrap:nowrap;
	align-items:center;
}

#info{
	position:absolute;
	right:0;
	bottom:0;
	width:auto;
	background-color:#fff;
	color:#000;
}

#headermenue{
	display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;	
    align-items:center;
	height:100%;
	padding-left:10px;
}

#messanzeige{
	position:absolute;
	left:0;
	top:0;
	white-space: nowrap;
	background-color:#fff;
	color:#000;
	padding:2px 5px;
	font-size:14pt;
	z-index: 1;/*hinter header*/
}

#hintanzeige{
	position:absolute;
	left:0;
	top:0;
	white-space: nowrap;
	background-color:#fff;
	color:#000;
	padding:2px 5px;
	font-size:14pt;
	z-index: 1;/*hinter header*/
}

#VRAROptionemenue{
	position:absolute;
	left:0;
	top:0;
	width:220px;
	height:220px;
	white-space: nowrap;
	background-color:#fff;
	color:#000;
	padding:5px 5px;
	z-index: 1;/*hinter header*/
	border-radius: 10px;
}
#VRAROptionemenue .plusminus{
	display:inline-block;
	width:36px;
	font-size:14pt;
	border: 2px solid var(--menuebutt_normalHG);
    margin: 2px;
    padding: 3px 8px;
    border-radius: 5px;
	text-align:center;
	vertical-align:middle;
}
#VRAROptionemenue .optionbuttdarstlg{
	min-width:60%;
}

#VRAROptionemenue .optionbutthreset {
	min-width: 92px;
}
.buttgroup{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}


#htmldialog{
	width:512px;
	max-width:100%;
	max-height:calc(100% - 90px);
	overflow:auto;
	position:absolute;
	right:5px;
	top:80px;
	background-color:#fff;
	color:#000;
	padding:0;
	font-size:12pt;
	z-index: 4;/*1=allem*/
	-webkit-box-shadow: var(--shadows);
    box-shadow: var(--shadows);
}
@media (max-width:800px){
	#htmldialog{
		right:0px;
		top: 52px;
		max-height: calc(100% - 72px);
	}
}

#htmldialog h1,#VRAROptionemenue h1{
	font-size:12pt;
	padding: 2px 5px;
	margin:0;
	margin-bottom:5px;
	/*background-color: #eff0ef;*/
	display: flex;
    justify-content: space-between;
	align-items: center;
}
#VRAROptionemenue h1{
	padding:0;
	justify-content: center;
}
#VRAROptionemenue hr{
    border: 0;
	margin: 5px 0;
    background-color: var(--menuebutt_normalHG);
    height: 2px;
}

.flexGroup{
	display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.flexFEr{
	display: flex;
    justify-content: flex-end;
}
.pabstand{
	margin-bottom:5px;
}



#htmldialog .gruppe{
	margin-bottom:15px;
}
#htmldialog .gkeinabstand{
	margin-bottom:0;
}
#htmldialog .optionsgruppe{
	padding: 0 10px;
	margin-bottom:15px;
}
.optionsgruppe input[type="checkbox"]{
	margin-left:5px;
	width: 14px;
    height: 14px;
    top: 2px;
    position: relative;
}

.schichtmiddle{
	background-color:#f3f3f3;
}

#htmldialog .einzeldaten{
	margin-bottom:15px;
}
#htmldialog p{
	margin:0 15px;
}
#htmldialog .werstoffinfo{
	border:0px solid transparent;
	border-bottom: 1px solid #ddd;
}
.aufbauinfo{
	border: 2px solid #ddd;
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	padding:3px;
	margin-left:10px;
	margin-right:5px;
}
.hatdatenB{border-bottom:0;}
.hatdatenT{border-top:0;}


.flex40with{
	flex: 1 1 40%;
}
.flex60with{
	flex: 1 1 60%;
}

.flex30with{
	flex: 1 1 30%;
}
.flex70with{
	flex: 1 1 70%;
}

.flex50with{
	flex: 1 1 50%;
}
.flexfullwith{
	flex: 1 1 100%;
}

#htmldialog .auswahltab{
	width:100%;
}
#htmldialog .auswahltab td{
	width:33%;
}
#htmldialog .auswahltab th{
	align-Items:center;/* für htmltocanvas*/
}
.snfrm_auswahlname{
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

.infoblock{
	display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.spacer{
	height:10px;
	border-top: 3px solid #ddd;
}
.hinweiszurauswahl{
	padding-bottom: 10px;
	border-bottom: 3px solid #ddd;
}

.grdickenauswahl{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
}
.dickenauswahl{
	width:20%;
}
.materrialbezeichnung{
	font-weight:bold;
}
.ruwert{
	min-width: 22px;
    display: inline-block;
}

.ladebalken{position:absolute;left:0,bottom:0;width:calc(99% - 10px);height:4px;}
.ladebalkenbalken{position:absolute;left:0;width:0%;height:100%;background-color:#189411;}

input[readonly] {
	cursor: default;
}


#htmldialog .einrueck{
	margin-left:30px;
}
#htmldialog p.keinebauteile{
	font-style: italic;
}
#htmldialog .bstinfo {
	display: flex;
    flex-direction: column;
	width: 70%;
}
#htmldialog .bstinfo p{
	margin:0;
}
#htmldialog .bstiw,#htmldialog .bstiwsize{
	padding-left:10px;
	/*white-space: nowrap;*/
}

#htmldialog h2{
	font-size: 12pt;
	padding-left: 10px;
}
#htmldialog h3{
	font-size: 11pt;
}

.bstiw input, 
.bstiwsize input 
{
	 width: 90px;
}



.bstaction {
	display: flex;
    flex-direction: column;
	min-width:118px;
}
.bstinstallayer{
	display: flex;
	flex-direction: column;
	border: 0px solid transparent;
	border-top: 2px solid #ddd;
	margin-left: 10px;
	font-size: 11pt;
}
.bstinstallayer hr{
	border-top: 2px solid #ddd;
	margin: 5px 0;
}

#htmldialog .bstinstallayer p{
	margin: 0;
}

#htmldialog .auswahlhinweis{
	margin:0 10px;
}
#htmldialog .auswahlbutt{
	text-decoration:none;
	margin:10px;
}
#htmldialog .auswahlbutt:hover{
	text-decoration:underline;
}
#htmldialog.dlg_hidden{
	display:none;
}

.modeVR #htmldialog,
.modeAR #htmldialog{
	height:auto;
	max-height: initial;
	width:512px;
	max-width:initial;
}


.kacheln{
	display:flex;
	flex-wrap: wrap;
    justify-content: space-around;
	padding:10px;
}
.kachel{
	display:flex;
	flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-between;
	align-items: center;
	width:130px;
	height:130px;
	background-color:#eee;
	border:2px solid #eee;
	color:#000;
	margin:5px;
	border-radius:5px;
	padding:5px;
}
.kachel span{
	display:block;
	width:100%;
	
}
.kachel:hover{
	background-color:#fff;
}
.kachel span.subtitel{
	font-size:86%;
}
.kachel span.subtitel:before{
	content:"(";
}
.kachel span.subtitel:after{
	content:")";
}

#printlogo{
	z-index: 1;
    position: absolute;
	width: 10px;
}


.menueleft{
	display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
}
.menuecenter{
	display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
}
.menueright{
	display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
}

.butt{
	position:relative;
	display:flex;
	/*min-width:42px;*/
	height:42px;
	border-radius:5px;
	margin-right:10px;
	justify-content:center;
    align-items:center;
	text-decoration:none;
	padding:0px 10px 2px 10px;
	background-color:var(--menuebutt_normalHG);
	color:var(--menuebutt_normalColor);
}
.butt:hover{
	background-color:var(--menuebutt_normalHGhover);
	color:var(--menuebutt_normalColorhover);
}
.butt:focus{
	background-color:var(--menuebutt_normalHG);
	color:var(--menuebutt_normalColor);	
}

.butt_aktiv,.butt_aktiv:focus{
	background-color:var(--menuebutt_aktivHG);
	color:var(--menuebutt_aktivColor);
	-webkit-box-shadow:var(--menuebutt_aktivshadow);
	box-shadow:var(--menuebutt_aktivshadow);
}
.butt_aktiv:hover{
	background-color:var(--menuebutt_aktivHGhover);
	color:var(--menuebutt_aktivColorhover);
}


.buttinaktiv{
	cursor:not-allowed;
	opacity:0.5;
}
.buttinaktiv:hover{
	background-color:var(--menuebutt_normalHG);
	color:var(--menuebutt_normalColor);
}


.changedinfopoint:after{
	content:"";
	position:absolute;
	width:9px;
	height:9px;
	background-color:#f9c8c8;
	/*border:1px solid #fff;*/
	right:3px;
	top:3px;
	border-radius:5px;
	-webkit-box-shadow: 0px 0px 2px 0px #000000; 
	box-shadow: 0px 0px 2px 0px #000000;
}
.butt_aktiv.changedinfopoint:after{
	background-color:#f58d8d;
	    box-shadow: none;
}

.inputtext{}
.inputeinheit{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.zahleninput{
	width: 55px;
	text-align:center;
}
.inputtext_mass{
	display: flex;
    align-items: center;
}

/*.inputpmbutt:before{
	font-size: 1.3rem;
	padding-top: 3px;
}*/
.inputpmbutt{
	margin:0 5px;
	width: 27px;
    height: 40px;
	font-weight:bold;
	display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.butt span.txt{}
.butt span.icon{
	margin-right:5px;
}

.butt_vollbild.butt_aktiv span.icon-resize-full-screen:before{
	content:"\e922";
}


.needshttps{
	background-color:#dbb713;
	color:#000;
}
.notavailable{
	background-color:#ff0000;
}
.XRready{}
.XRNotFound,.XRNotFound:hover,.XRNotFound:focus{
	background-color:var(--menuebutt_inaktivHG);
	cursor:not-allowed;
	color:var(--menuebutt_inaktivColor);
	opacity:0.6;
	display:none;
}
.exitAR{}
.exitVR{}


.noARkit,.noARkit:hover,.noARkit:focus{
	background-color:var(--menuebutt_inaktivHG);
	cursor:not-allowed;
	color:var(--menuebutt_inaktivColor);
	opacity:0.6;
	display:none;
}

.ARwait{
	cursor:wait;
}
.ARwait:after{
	content:"...";
}
.ARwait span{
	display:none;
}

#menue,#dateimenue{
	position:absolute;
	left:0;
	width:0px;
	opacity:0;
	top:var(--headeheight);
	display:none;
	user-select:none;
}
#menue.an,#dateimenue.an{
	opacity:1;
	display:inline-block;	
	background-color:var(--pannelHG);
	bottom:var(--statusheight);
	width:300px;
	backdrop-filter:blur(10px);
	padding-top:0px;
}
#dateimenue.an{
	width:460px;
}

#dateimenue .grmvnotiz{
	display:none;
}

.primo3d #dateimenue .grprimo4d{/*in Primo3D keine primo4d-Dateien anzeigen*/
	display:none;
}

#dateimenue .grundefined{/*Ordner*/
	display:none;
}

.menuemain{
	display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:flex-start;
	width:100%;
	height:100%;
	overflow:hidden;
	padding:5px;
}
.menueactions{
	width:100%;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
	margin-bottom:5px;
	padding-top:5px;
}

.menuecontent{
	width:100%;
	height:100%;
	overflow:auto;
	padding:5px;
	border-top:1px solid #ababab;
	background-color: #ffffff57;
	margin-top: 5px;
}
.dateiitem{
	margin-bottom:5px;
	color:#00000082;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	transition: all 0.25s linear 0s;
	-webkit-transition: all 0.25s linear 0s;
}
.islokalstorage{
	/*background-color:#00ffb717;*/
}

.dateiitemspacer{
	height:0;
	margin: 7px;
    border-top:1px solid #ababab;
}
.dateigruppeninfo{
	color:#000;
	margin-bottom: 5px;
    font-weight: bold;
	background-color: #fff;
	margin-top: 10px;
	border-top:1px solid #ababab;
	font-size: 12pt;
	display: flex;
    justify-content: space-between;
	align-items:center;
}
.dateigruppeninfo:first-of-type {
	margin-top: 0;
}

.clickbar{
	cursor:pointer;
}

.grupponoff{
	width: 32px;
    height: 32px;
	font-size: 15pt;
}
.gruppaus{
	display:none
}

.dateioffen{
	font-weight: bold;
}
.dateioffen .primodatei .icon:before{
	color:#000000;
}

.dateisavingOK{
	background-color:#e0e016;
}
.ioerror{
	background-color:#e04a16;
}
.statusERROR{
	font-weight:bold;
	background-color: #ffd0d0;
    padding: 1px 5px;
    height: 100%;
    display: inline-block;
}

.primodatei{
	text-decoration:none;
	color:#000;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.primodatei:hover{
	text-decoration:underline;
}
.primodatei .icon{
	margin-right:5px;
}

.primodatei .txt{
	text-align:left;
}

.pdinaktiv{
	color: #00000082;
}
.pdinaktiv:hover{
	text-decoration:none;
}

.dsperre button.primodatei{
	cursor:not-allowed;
	color: #00000082;
}
.dsperre button.primodatei:hover{
	text-decoration:none;
}


.keindirektaufruf{
	cursor:default;
}
.keindirektaufruf:hover{
	text-decoration:none;
}


.dateiops{
	text-decoration:none;
	color:#000;
	margin-left:10px;
}

.dateioptionen{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}


.strukmenue{
	display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:space-between;
	width:100%;
	height:100%;
	overflow:hidden;
}
.struktur{
	overflow:auto;
	width:100%;
}
.struktur ul{
	padding-left:10px;
	list-style-type:none;
	width:100%;
}

.strukturactions{
	padding-top:10px;
	border-bottom:1px solid #000;
    padding-bottom:10px;
}
.bauteilbutt{
	text-decoration:none;
	margin-left:5px;
	display:inline-block;
	color:#000;
}
.bauteilbutt:hover{
	text-decoration:underline;	
}

ul.bauteile{
	padding-left:10px;
	width:100%;
	padding-top:10px;
}

.bauteile li{
	list-style-type:none;
	margin-bottom:1px;
	white-space:nowrap;
	padding:2px 1px;
	width:100%;
}
.bauteile li.hatchilds{}


.bauteile a{
	text-decoration:none;
}
.bauteile .aktiv{}
.bauteile ul{
	width:100%;
}
.bauteile li ul{
	margin-top:5px;
}
.bauteile ul.unsichtbar{
	display:none;	
}

.optname{
	color:#000;
	padding:2px 4px;
    border-radius:5px;
	margin-right:2px;
}
.optname:hover{
	text-decoration:underline;
}

.icon-VolumeInfo:after,
.icon-Meshinfo:after{
	margin-left:5px;
	content:"\e901";
}

.aktiv .optname{
	/*color:#fff;*/
	background-color:#b4d3b3;
}
.optsichbarkeit{
	margin-right:5px;
	padding:0 5px;
	color:#000;
	min-width:30px;
    display:inline-block;
	text-align:center;
	border-radius:10px;
	min-height:18px;
}
.optsichbarkeit:before{
	content:"\e904";
}
.sichtbar:before{
	content:"\e902";
}

.optgruppe{
	color:#000;
	margin-right:5px;
	padding:0 5px;
	display:inline-block;
	border-radius:0px;
	min-height:18px;
	width:26px;
	text-align:center;
}
.keinegruppe{
	display:none;
}
.optgruppe:before{
	content:"\e90b"
}
.optgruppezu:before{
	content:"\e90d"
}

.bauteile li ul li.nogruppe{
	padding-left:35px;
}
.ulnogruppe{
	display:none;
}

.infonode{
	background-color:#fff; /*#00000054;*/
	overflow:auto;
	min-height:40%;
	max-height:60%;
	display:none;
	border-top:2px solid var(--menuebutt_normalHG);
	padding: 10px;
}
.modellname{
	text-align:center;
    background-color:#fff;
	font-weight:bold;
	padding-bottom: 10px;
}
.datenblock{
	margin-bottom:10px;
	list-style: none;
}
.datenblocktext{
	background-color: #eff0ef; /*#ddd;*/
	color:#000;
	padding:5px 2px;
	font-weight:bold;
}
.infonode table{
	border-collapse:collapse;
    border-spacing:0;
	font-size:14px;
	width:100%;
}
.infonode table tr{
	/*background-color:#d3d3d3;*/
	border-bottom:1px solid #ddd;
}
.infonode table tr:nth-child(even){
	/*background-color:#c9c9c9;*/
}

.infonode table td{
	padding:2px;
	width:50%;
	-moz-hyphens:auto;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
	-o-hyphens:auto;
	hyphens:auto;
}

.bslider{
	position:absolute;
    right:-12px;
    top:0;
    background-color:#fbfdff;
    width:12px;
    bottom:0;
	cursor:ew-resize;
	display:flex;
    align-items:center;
	justify-content:center;
}
.bslider:after{
	content:"";
    width:20%;
    height:10%;
    background-color:#4b4b4b;
}

#vrcontainer{
	position:absolute;
	width:100%;
	bottom:var(--statusheight);
	left:0;
	top:var(--headeheight);
	overflow:hidden;
}

#vrcontainer canvas{
	position:absolute;
	left:0;
	top:0;
}

#statusleiste{
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	height:var(--statusheight);
	border-top: 1px solid #ababab;
    padding: 2px 5px;
	background-color: #ebebeb;
	color:#000;
    font-size: 0.7rem;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.statusL{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.statusM{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.statusR{}

@media(max-width:480px){
	.statusM{display:none;}
}

.fehlermeldung{
	padding:10px;
    text-align:center;
}


#popup{
	display:flex;
	flex-direction:row;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
	
	position:absolute;
	left:0;
	top:var(--headeheight);
	right:0;
	bottom:0;
	overflow:hidden;
	background-color: #ffffffc2; /*#f4f1e8c2; #ffffffc2;*/
	backdrop-filter:blur(10px);
}
#popup.popupaus{display:none;}
.popupfenster{
	display:flex;
	flex-direction:column;
	overflow:auto;
	background-color:#ffffff;
	min-width:250px;
	min-height:50px;
	max-width:550px;
	max-height:95%;
	padding:20px;
	border-radius: 5px;					
	-webkit-box-shadow:var(--shadows);
    box-shadow:var(--shadows);
}

.popupfenster h1{
	font-size:13pt;
	margin:0;
	margin-bottom:10px;
}
.popupfenster h2{
	font-size:12pt;
	margin:0;
	margin-bottom:10px;
}
.popupfenster p{
	margin-bottom:10px;
}
.popupfenster ul{
	padding-left:25px;
}
.popupfenster ul li{
	padding-bottom:10px;
}


#annotation,#RsiRseDialog,#RechnlisteDialog{
	display:flex;
	position:absolute;
	left:0;
	top:var(--headeheight);
	right:0;
	bottom:0;
	flex-direction:row;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
}
#annotation.annotationaus,#RsiRseDialog.aus,#RechnlisteDialog.aus{
	display:none;
}

.annotationfenster{
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	overflow:auto;
	background-color:#ffffff;
	color:#000;
	min-width:330px;/*360 smartphone*/
	min-height:50px;
	max-width:512px;
	max-height:100%;
	padding:10px;
	-webkit-box-shadow:var(--shadows);
    box-shadow:var(--shadows);
	
	transition:border 0.25s linear 0s;
	-webkit-transition:border 0.25s linear 0s;
	border-radius:5px;
	
}
.rrdfenster{
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	overflow:auto;
	background-color:#ffffff;
	color:#000;
	width:100%;
	min-height:50px;
	max-width:712px;
	max-height:100%;
	padding:10px;
	-webkit-box-shadow:var(--shadows);
    box-shadow:var(--shadows);
	
	transition:border 0.25s linear 0s;
	-webkit-transition:border 0.25s linear 0s;
	border-radius:5px;
	
}
#RechnlisteDialog .rrdfenster{
	max-width:90%;
}
#RechnlisteDialog p{
	margin-bottom:3px;
}

.editoristan .annotationfenster{
	border:5px solid transparent;/*für speichernstatus*/
}

.annotationfenster header,.rrdfenster header{
	background-color:transparent;
	
	position:relative;
	left:0;
	top:0;
	width:100%;
	height:28px;
	-webkit-box-shadow:none;
	box-shadow:none;	

	display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
	align-items:center;
	margin-bottom:10px;
}
.annotationfenster header span,.rrdfenster header span{
	font-weight:bold;
}

.editlocked{
	margin-left:5px;
}

.editoristan .savingOK{
	/*border-color:green;*/
}
.editoristan .savingERR{
	/*border-color:red;*/
}

.footerstatus{
    font-size:10pt;
    width:100%;
	border-top:1px solid #d1d1d1;
    margin-top:10px;
	display:none;
}
.footerstatusaus{
	display:none;
}
.footernoeditable,.savingMSGok,.savingMSGerr{
	font-style:italic;
    text-align:right;
}
.savingMSGerr{
	color:#971515;
}

.annotationfenster main,.rrdfenster main{
	min-height:50px;
	overflow:auto;
}
.annotationfenster pre{
	font-family:inherit;
    font-size:inherit;
	white-space:break-spaces;
	width:100%;
	margin:0;
}
.editoristan .annotationfenster pre{
	width:calc(100% - 40px);
}
/*.editoristan .annotationfenster pre div{display:inline;}*/

.closebutt{
	color:#000;
	text-decoration:none;
	font-size:20pt;
	border-radius:20px;
	padding:0px;
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}
.blinkclose{
	animation: blinkclose 1s ease-in-out infinite;
}
@keyframes blinkclose {
	0%   {opacity:1;}
	50%  {opacity:0.5;}
	100% {opacity:1;}
}

.editoristan{
	
}
.editbutt{
	color:#000;
	text-decoration:none;
	display:none;
	padding-left:5px;
	text-align: center;
}
.editbutt:hover{
	background-color:var(--menuebutt_normalHGhover);
	color:var(--menuebutt_normalColorhover);
}

.titeleditbutt{
	color:#000;
	text-decoration:none;
	display:none;
	padding-left:5px;
}
.titeleditbutt:hover{
	color:var(--menuebutt_normalHGhover);
	/*transform:scale(1.1);*/
}

.editoristan .editbutt,
.editoristan .titeleditbutt
{
	display:inline-block;
}
.addelemente{
	display:none;
}
.editoristan .addelemente{
	display:block;
	padding-bottom:10px;
}
.addelemente .editbutt{
	display:inline-block;
	border:1px solid #000;
    margin:2px;
    padding:3px 8px;
    border-radius:5px;
}
.addelemente .editbutt .icon{
	margin-left:8px;
}

.editable{
	border:1px solid #000;
    margin:2px;
    padding:2px 5px;
   background-color:#00000014;
}
.textblock,.linkblock{
	display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:space-between;
	margin-bottom:10px;
}
.textblock .editbuttT,
.linkblock .editbuttT
{
	width:25px;
	display:inline-block;
	text-decoration:none;
	text-align:center;
}
.textblock a.deletebutt,
.linkblock a.deletebutt{
    padding:4px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
	text-decoration:none;
	color:#000;
	font-size: 16pt;
}
.textblock a.deletebutt:hover,
.linkblock a.deletebutt:hover{
	color:#ff0000;
}

.textblock p.editable{
	width:calc(100% - 40px);
	margin-bottom:5px;
}
.textblock .icon-pencil{}


.linkblock select{
	width:calc(100% - 40px);
}

.urllink{
	text-decoration:none;
	color:#000;
}
.urllink:hover{
	text-decoration:underline;
}
.nichtexistent{
	cursor:not-allowed;
}
.nichtexistent:hover{
	text-decoration:none;
}

.dlg_edit_footer{
	border-top: 1px solid #d1d1d1;
}
.annotiongesperrt{
	border:0;
}

.annotationfenster footer{
	padding-top:10px;
	display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
}

.annotationfenster footer.iseditable{
	justify-content: flex-end;
}

.deleteanno,.saveanno,.editanno{
	display:inline-block;
    border:2px solid var(--menuebutt_normalHG);
    margin:2px;
    padding:3px 8px;
    border-radius:5px;
}

.deleteanno{
	/*background-color: #ffc2c2;*/
}
.deleteanno:hover{
	/*background-color: #ff6868;*/
    color: #fff;
}
.deleteanno .icon{
	margin-right:5px;
}

.saveanno{
	background-color: var(--menuebutt_normalHG);
	color:var(--menuebutt_normalColor);
}
.saveanno:hover{
	/*background-color: #5cad59;*/
    color: #fff;
}


.actionset{
	display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: row;
}
.editUP,.editDOWN{
	display: inline-block;
    border: 2px solid var(--menuebutt_normalHG);
    margin: 2px;
    padding: 3px 8px;
    border-radius: 5px;
}
.ebndlg_buttinaktiv{/*keine opacity bei VR*/
	cursor:not-allowed;
	/*opacity:0.5;*/
	color:#b5b2b2;
	border-color: #b5b2b2;
}
.ebndlg_buttinaktiv:hover{
    border-color:var(--menuebutt_normalHG);
	background-color:var(--menuebutt_normalHG);
	color:var(--menuebutt_normalColor);
	opacity:0.5;
}

#editor{/*Editorleiste unten*/
	display:flex;
	flex-direction:row;
	position:absolute;
	right:-200px;
	bottom:2px;
	padding:5px;
	background-color:var(--pannelHG);
	backdrop-filter:blur(10px);
	border-radius:5px 0 0 5px;
	width:auto;
	opacity:0;
	overflow:hidden;
}
#editor.editorein{right:-200px;animation:einblenden 0.25s ease-in-out forwards;}
#editor.initeditoraus{display:none; opacity:0;right:-200px;}
#editor.editoraus{right:-200px;animation:ausblenden 0.25s ease-in-out forwards;}

@keyframes einblenden{
  0%{opacity:0;right:-200px;display:flex;}
  1%{opacity:0;right:-100px;}
  100%{opacity:1;right:0px;}
}
@keyframes ausblenden{
  0%{opacity:1;right:0px;}
  90%{opacity:0;right:-200px;}
  100%{display:none;}
}


body.modeVR #annotation,
body.modeAR #annotation{
	z-index:-1;/*keine Wirkung android ar*/
}
body.modeVR .annotationfenster,body.modeAR .annotationfenster{
	width:360px;/*nicht breiter - sonst Qualität zu gering*/
	min-height:180px;
}

@media (max-width:500px){
	.bslider{display:none;}
	#headermenue{padding-left:5px;}
	.butt{min-width:45px;margin-right:5px;}
	.butt_iotest,.XRNotFound,.noARkit{display:none;}	
	
	button.isicon span.txt,
	a.isicon span.txt
	{display:none;}
	.butt span.icon{margin-right:0;}
	
	button.primodatei span.txt,
	a.primodatei span.txt
	{
		display:inline-block;
		text-align:left;
		text-overflow: ellipsis;
		overflow: hidden;
		}
	a.primodatei,button.primodatei {
		overflow:hidden;
	}
}

@media (max-width:700px){
	#menue.an,
	#dateimenue.an
	{width:100%;}
}
/*oculus 800px*/

/*
model-viewer{
	position:absolute;
	right:0;
	bottom:0;
	min-width:120px;
	min-height:120px;
	z-index:99;
}
*/

.DBviewer{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
#DBauswahl{
	display:flex;
	flex-direction: column;
	overflow:auto;
	height:100%;
	width:400px;
	background-color:#fff;
	padding:10px;
}
#DBvalues{
	width:calc(100% - 400px);
}


#DBauswahl p{font-weight:bold;}
#DBauswahl ul{
	list-style-type:none;
	width:100%;
	margin-bottom:10px;
	}
#DBauswahl li{
	border:1px solid transparent;
	padding:2px;
}
#DBauswahl li button{
	width:100%;
	text-align:left;
	position:relative;
}
#DBauswahl li button:hover{
	text-decoration:underline;
}
#DBauswahl li.aktivdbn{
	background-color:#f3f3f3;
	border-color:#666666;
}
#DBauswahl li.aktivdbn button:after{
	content:"";
	position:absolute;
	right:0;
	top:0;
	width:0px;
	height:0px;
	border:10px solid transparent;
	border-left:10px solid #000;
}

#DBvalues{
	display:flex;
	align-items: flex-start;
    flex-direction: column;
	overflow:auto;
	height:100%;
}
.bsttab{
	width: 90%;
	border-collapse: collapse;
	font-family: Arial, sans-serif;
	font-size: 16px;
	margin: 20px 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.bsttab .spalte1{
	width:100px;
}
.bsttab th,.bsttab td{
  padding: 12px 15px;
  border: 1px solid #ddd;
  text-align: left;
}
.bsttab th.def{
	background-color:#fdfdfd;
}
.bsttab thead {
  background-color: #009879;
  color: #ffffff;
}

.bsttab tbody tr:nth-child(even) {
  background-color: #f3f3f3;
}

.bsttab tbody tr:hover {
  background-color: #f1f1f1;
}
.bsttab code{
	color: #1564a9;
}

.kachelhead{
	 flex: 0 0 100%;
}
.kachelspacer{
	 flex: 0 0 100%;
	 border-bottom: 1px solid #ddd;
	 margin: 15px 0;
}



.popmenue{
	position:absolute;
	background-color:#fff;
	z-index: 20;
	min-width:120px;
	max-width:100%;
	border:1px solid var(--menuebutt_normalHG);
	box-shadow: var(--shadows);
}
.popmenue ul{list-style: none;}
.popmenue li{}
.popmenue button{
	padding:10px;
	border:0;
	background-color:var(--menuebutt_normalColor);
	color:var(--menuebutt_normalHG);
	width:100%;
	text-align: left;
}
.popmenue button:hover{
	color:var(--menuebutt_normalColor);
	background-color:var(--menuebutt_normalHG);
}
.popmenue button.scgroup{
	display: flex;
    justify-content: space-between;
}
.popmenue button.aktiv span{
	margin-left:5px;
}

@media(max-width:480px){
	.popmenue{
		width:calc(100% - 10px);
		margin: 5px;
		left:0 !important;
	}
}


.none{
	display:none;
}
.ohnerand{
	border:0;
}

.hatinstallschichten .aufbauinfo{
	border-bottom-width:0;
}
.hatinstallschichten .aufbauinfo .aufbauinfo{
	border-bottom-width:1px;
}

.bb{
	border:0;
}

.istinstallschichten{
	border-top:0;
	padding-bottom:5px;
}

.dlg_kompakt .bstiw{display:none}

.nobr{white-space:nowrap;}
.breakok{white-space:wrap;}



.tableA {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: thin 0 0 thin;
  margin: 0 0 1em;
  table-layout: auto;
  max-width: 100%;
}
.tableA, .tableA th, .tableA td {
  border: thin solid #a0a0a0;
}
.tableA th, .tableA td {
  font-weight: normal;
  text-align: left;
  padding:3px;
}
.tableA td{
	text-align:right;
}
.tableA th {
  background-color: #f1f3f4;
  font-weight: 700;
}
.tableA .seltd{
	background-color: #e3f6ff;
}

@media print{
	#printlogo{display:none;}
	body{background-color:#ffffff;}
	#menueheader{display:none;}
}


/*icomon*/
@font-face{
  font-family:'icomoon';
  src:url('fonts/icomoon.eot?rcdn37');
  src:url('fonts/icomoon.eot?rcdn37#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?rcdn37') format('truetype'),
    url('fonts/icomoon.woff?rcdn37') format('woff'),
    url('fonts/icomoon.svg?rcdn37#icomoon') format('svg');
  font-weight:normal;
  font-style:normal;
  font-display:block;
}
[class^="icon-"],[class*=" icon-"]{
  font-family:'icomoon' !important;
  speak:never;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}


.icon-document-file-dxf:before{content:"\e93b";}
.icon-creative-commons-noderivs:before{content:"\e931";}
.icon-arrow-bold-down:before{content:"\e932";}
.icon-arrow-down:before{content:"\e934";}
.icon-arrow-long-down:before{content:"\e935";}
.icon-arrow-with-circle-down:before{content:"\e936";}
.icon-bookmark:before{content:"\e900";}
.icon-bookmarks:before{content:"\e901";}
.icon-chevron-with-circle-down:before{content:"\e937";}
.icon-chevron-with-circle-left:before{content:"\e938";}
.icon-chevron-with-circle-right:before{content:"\e939";}
.icon-chevron-with-circle-up:before{content:"\e93a";}
.icon-download:before{content:"\e92c";}
.icon-flow-cascade:before{content:"\e90a";}
.icon-resize-100:before{content:"\e922";}
.icon-resize-full-screen:before{content:"\e923";}
.icon-trash:before{content:"\e90c";}
.icon-triangle-down:before{content:"\e90b";}
.icon-triangle-right:before{content:"\e90d";}
.icon-attachment:before{content:"\e90e";}
.icon-block:before{content:"\e914";}
.icon-briefcase:before{content:"\e929";}
.icon-check:before{content:"\e90f";}
.icon-circle-with-cross:before{content:"\e910";}
.icon-circle-with-minus:before{content:"\e911";}
.icon-circle-with-plus:before{content:"\e912";}
.icon-circle:before{content:"\e913";}
.icon-cw:before{content:"\e908";}
.icon-export:before{content:"\e93c";}
.icon-eye:before{content:"\e902";}
.icon-folder:before{content:"\e92a";}
.icon-grid:before{content:"\e916";}
.icon-help-with-circle:before{content:"\e917";}
.icon-help:before{content:"\e918";}
.icon-home:before{content:"\e930";}
.icon-inbox:before{content:"\e92d";}
.icon-info-with-circle:before{content:"\e919";}
.icon-info:before{content:"\e91a";}
.icon-key:before{content:"\e924";}
.icon-link:before{content:"\e915";}
.icon-lock-open:before{content:"\e92b";}
.icon-lock:before{content:"\e925";}
.icon-mask:before{content:"\e903";}
.icon-menu:before{content:"\e91d";}
.icon-minus:before{content:"\e904";}
.icon-new-message:before{content:"\e91e";}
.icon-news:before{content:"\e905";}
.icon-pencil:before{content:"\e906";}
.icon-quote:before{content:"\e907";}
.icon-ruler:before{content:"\e926";}
.icon-sound-mix:before{content:"\e909";}
.icon-squared-cross:before{content:"\e91f";}
.icon-squared-minus:before{content:"\e920";}
.icon-squared-plus:before{content:"\e921";}
.icon-tag:before{content:"\e91b";}
.icon-untag:before{content:"\e91c";}
.icon-google-drive:before{content:"\e927";}
.icon-image:before{content:"\e928";}
.icon-copy:before{content:"\e92f";}
.icon-stack:before{content:"\e92e";}
.icon-folder-download:before{content:"\e933";}
.icon-map:before{content:"\e94b";}
.icon-map2:before{content:"\e94c";}
.icon-bin:before{content:"\e9ac";}
.icon-file-pdf:before{content:"\eadf";}
.icon-libreoffice:before{content:"\eae3";}
.icon-codepen:before{content:"\eae8";}