.Konkordanz { color: #999; font-weight: normal; font-size:80%; margin-left: 15px;}
.strnummer { display: none; margin-right: 0.12em; }
.app1lemm { display: inline; }
.mark2 { background-image:url(/img/mark3.gif); background-repeat:repeat-x; background-position:bottom; }
.guess { background: #05A; color: #C00;}
.sm { background: #b00; color: white; }
.dm { background: #f3d8d3; }
.kap {font-variant:small-caps; letter-spacing:0.05em;}
.komm_sektion {font-variant:small-caps; letter-spacing:0.05em;}
/* Untergeordnete Sektionsmarke im Kommentar, eine Stufe unter .komm_sektion. Inline und
   damit im Fluss des Absatzes -- deshalb entsteht im Spaltendruck keine Ueberschriftszeile.
   Angelegt 2026-08-03. */
.komm_subsektion {font-style:italic; letter-spacing:0.15em; margin-right:0.1em;}
.metr_formel { background-color: #f1f489; }
.musik_link { background-color: #b1e1fd; }
.s {letter-spacing:0.2em; margin-left: 0.25em; margin-right: 0.1em;}
.s-pur {letter-spacing:0.2em;}
.s-init {letter-spacing:0.2em; margin-right: 0.1em;}
.rasur { color: #999; }
.mut { color: #999; }
.ers { color: #999; }
.refrain { font-style:italic; }
.metrikhilfe { display: none; }

del {
	text-decoration: none;
    position: relative;
}
del::before{
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: calc( 40% + 1px );
    border-bottom: 2px solid rgba(255,0,0,0.7);
}
.kontraktion {
	position: relative;
}
.kontraktion::before{
	content: '';
    width: 70%;
    position: absolute;
    left: 20%;
    top: 5%;
    border-bottom: 1px solid rgba(0,0,0,0.7);
}

.kl { font-size:70%; }
.pnum { color: #777; font-weight: normal; font-size:70%; }
div.strophenuntergliederung { width: 100%; padding: 4px; }
.e-schweb {font-size:80%; margin-left: 0.03em; line-height: 10px; }
.lemmaklammer { margin-left: 0.1em; }
.ls { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.nolig {
	font-variant-ligatures: none;
	-moz-font-feature-settings: "liga" 0;
	-webkit-font-feature-settings: "liga" 0;
	font-feature-settings: "liga" 0;
	}
	
.zitat { 
	cursor: pointer; color: #999; font-weight: normal; font-size:12px; margin-left: 35px; float: right;
	font-family: Noto Sans, Tahoma, Helvetica, Verdana, sans-serif;
	}

sup, sub {
	line-height: 0;
	font-size: 70%;
}
.vzl_grau {
	line-height: 0;
	font-variant-position: sub;
	color: #777;
	font-size: 20px;
	position: relative;
	bottom: -2px;
	cursor: help;
}
.vzl_grau::after {
	background: rgba(88, 0, 0, 0.8); /* Hintergrund schwarz leicht durchsichtig */
  	border-radius: 9px 9px 9px 0px; /* Box mit Rundungen – nicht links unten */
  	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); /* Schatten halbtransparent */
  	color: #fff;
	font: 13px/18px Noto Sans, Tahoma, Helvetica, Verdana, sans-serif;
  	content: 'Verszählung: Die Angaben im Apparat beziehen sich auf diese Zählung und nicht auf die Zeilenzählung am linken Rand.';
  	margin-top: -100px;
	width: 200px;
  	opacity: 0; /* Element ist durchsichtig – sieht beim einblenden besser aus */
  	padding: 15px 17px;
  	position: absolute; 
	visibility: hidden; /* Element verstecken */
 	transition: all 0.8s ease-in-out; /* Langsam einblenden */
	z-index:9999; 
	white-space: pre-line;
	hyphens:auto;
	-ms-hyphens:auto;
	-webkit-hyphens:auto;
	text-align: left;
}
.vzl_grau:hover::after {
    opacity: 1; /* Transparenz ausschalten */
    visibility: visible; /* Element einblenden */
}



.umbr {
    margin: 0;
    }

.umgestinline::before { 
	content: "\2e22";
    }
.umgestinline::after { 
	content: "\2e23";
    }
.umstell-line-mark {
	border-left: 2px solid black;
	}

.live-preview-wrapper-hs sup {
    font-size: 75%;
    position: relative;
    vertical-align: 0; 
    bottom: 0.3em; 
    margin: 0 0.03em;
    }
.live-preview-wrapper-hs sub {
    line-height: 0;
    font-size: 75%;
    margin: 0 0.03em;
    }
        
.live-preview-wrapper-edit i {
    font-weight:bold;
    color: #a70a0a;
   }
.live-preview-wrapper-edit .rubrik {
    font-style:italic;
    letter-spacing:0.1em;
   }

.live-preview-wrapper-edit sup, sub {
    line-height: 0;
    font-size: 75%;
}

.live-preview-wrapper-edit sup {
    position: relative;
    vertical-align: 0; 
    bottom: 0.3em;
	margin: 0 0.03em;
}

.ed-anz i {
    font-weight:bold;
    color: #a70a0a;
   }
.ed-anz .rubrik {
    font-style:italic;
    letter-spacing:0.1em;
   }

.ed-anz sup, .ed-anz sub, .hs-anz sup, .hs-anz sub {
	line-height: 0;
	font-size: 75%;
}

.ed-anz sup, .hs-anz sup {
    position: relative;
    vertical-align: 0; 
    bottom: 0.3em;
	margin: 0 0.03em;
}

.apparat i sup {
	margin-left: 0.12em;
}
	
.apparat i {
    font-weight:normal;
    color: #000;
   }

.unlesb {
    /* border-bottom: 2px dotted #ba0000; */
    background-image:url(sk/img/uncleardot.gif); 
	background-repeat:repeat-x; 
	background-position-y:bottom -2px;
    }
.unlesb sup {
	line-height: 24px;
	}
.unlesb-sym {
    bottom: 0.15em;
    font-size: 80%;
    position: relative;
    }

.live-preview-wrapper-hs .rub {
    font-weight: bold;
    background-image:url(/img/rub.gif); 
    background-repeat:no-repeat; 
    background-position:50% 3px;
    }
.live-preview-wrapper-hs .rubrik { 
    color: #C00; 
    }
.live-preview-wrapper-hs .ini1 {
    font-weight: bold;
    }
.live-preview-wrapper-hs .ini2 {
    font-size: 300%;
    float : left;
    line-height: 1em;
    margin-bottom: -0.2em;
    margin-right: 0.05em;
    }
 
.live-preview-wrapper-hs .ini3 {
    font-size : 470%;
    float : left;
    line-height: 0.95em;
    margin-right: 0.05em;
    margin-bottom:-0.1em; 
    }
 
.live-preview-wrapper-hs .ini4 {
    font-size : 700%;
    float : left;
    line-height: 0.85em;
    margin-bottom: -0.2em;
    margin-right: 0.03em;
    }

.live-preview-wrapper-hs .ini5 {
    font-size : 900%;
    float : left;
    line-height: 0.80em;
    margin-bottom: -0.1em;
    margin-right: 0.03em;
    }

.live-preview-wrapper-hs .ini6 {
    font-size : 1050%;
    float : left;
    line-height: 0.80em;
    margin-bottom: -0.1em;
    margin-right: 0.03em;
    }

.live-preview-wrapper-hs .umbr .nofloat { float: none; }

.rot {
    color: #C00;
    font-weight: bold;
    } 
.blau {
    color: #33C;
    font-weight: bold;
    }

.hs-anz .rub {
    font-weight: bold;
    background-image:url(/img/rub.gif); 
    background-repeat:no-repeat; 
    background-position:50% 3px;
    }
.hs-anz .rubrik { 
    color: #C00; 
    }
.initial {
    vertical-align: top;
	overflow: hidden;
    }
.initial .ini2 {
    font-size: 300%;
    line-height: 0.9em;
    bottom: -0.1em;
	position: relative;
    }
 
.initial .ini3 {
    font-size : 470%;
    line-height: 0.85em;
	bottom: -0.1em;
	position: relative;
    }
 
.initial .ini4 {
    font-size : 700%;
    line-height: 0.80em;
    bottom: -0.1em;
	position: relative;
    }

.initial .ini5 {
    font-size : 900%;
    line-height: 0.80em;
    bottom: -0.07em;
	position: relative;
    }

.initial .ini6 {
    font-size : 1050%;
    line-height: 0.80em;
    bottom: -0.04em;
	position: relative;
    }

.app_num {
    font-weight:bold;
    font-style:normal;
    }

.gloss.gramm::after {
	padding: 7px 17px;
	transition: all 0.4s ease-in-out;
	background: rgb(88, 0, 0);
	}
