/*ub*/

/*footer am seitenende, nach https://www.youtube.com/watch?v=ffb34dCmMVQ*/

@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'SUSE';
    font-style: normal;
    font-weight: 400;
    src: url('../suse-v1-latin/suse-v1-latin-regular.woff2');
}

@font-face {
  font-family: 'bootstrap-icons';
  src: url('../bs-icons-1.11.3/font/fonts/bootstrap-icons.woff2');

}

body {
	font-family: 'SUSE', var(--bs-body-font-family);
	}


.page-wrapper {
  display:flex;
  flex-direction: column;
  min-height: 100vh;
}
.content-wrapper {
  flex-grow: 1;
}


/*anzeige belayout*/
.bel-text { position: fixed; top:20%; z-index:100000; background-color: red; width: 1rem; height: auto;}
.belayout {text-orientation: mixed;   writing-mode: sideways-rl; }


/*navbar submenu anzeige unterhalb/neben - je nach viewport*/
@media (min-width: 992px) {
	.untermenue{position: absolute;}
}

/*deutlicher kennz. des aktuellen links*/
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--bs-danger);
  }


/* zustzmenü - linie oberahlb bei toggler*/
@media (max-width: 991px) {
  .zusatzmenu {
    margin-top : 1rem;
    border-top: 1px solid darkgray}
}




/*
.langmenuitem:first-of-type span {
  color:red;
  font-size: 2rem;
  width: 10rem;
  }
*/

/*
  .langmenuitem:first-of-type span::after {
content: "|";
margin-left: 1rem;
margin-right: 1rem;
display: inline-block;
  }
*/

/*sprachumschalter trenner zw. sprachen*/
#language .trenner:last-of-type {display:none;}


#language .list-inline-item:not(:last-child) {
  margin-right: 0;
}

#language .nav-link  {
  padding-left: 0;
  padding-right: 0;
}


.language-flag-na .icon-markup img {
filter: grayscale(75%);
}




/* suchmodal ke_search */
#my_popup_ke.show {backdrop-filter: blur(3px);}


/* suchmodal */
body .modal-backdrop.show {
  background-color: rgba(234, 237, 240, 0.59) !important;
     /* #my_popup.show ~ #wrapper-inner {filter: blur(2px);} - ft. hier nicht, weil kein wrapper-inner */
}

#my_popup.show {backdrop-filter: blur(3px);}


#indexedsearch-sword-modal:focus, #indexedsearch-sword-modal:focus-within {background-color: rgba(255, 255, 255, 0.443) !important;  border-color: transparent !important;    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 0px transparent !important;
  outline: 0 none;}

/*suche sonstiges*/
.tx-indexedsearch-redMarkup {color: var(--bs-danger)}

.btn-close {color: red;}


/*schließen-x oben rechts, svg-farbe %23 statt #*/
.btn-close-custom {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23dc3545'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/2rem auto no-repeat;
  height: 2.2rem;
  width: 2.2rem;
  padding-right: 20%;
  margin-top: 2rem;
}

.btn-close-custom:hover {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23980210'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/2rem auto no-repeat;
  height: 2.2rem;
  width: 2.2rem;
  padding-right: 20%;
  margin-top: 2rem;
}


























.internal-link::before, 
.internal-link-new-window::before,
.external-link::before,
.external-link-new-window::before,
.download-link::before,
.email-link::before,
.phone-link::before {

  
  display: inline-block;
  content: "";
}

/*+- ub */
.internal-link::before {
	content: "\F138"; 
	font-family: bootstrap-icons;
	margin-right: 0.1rem;
	vertical-align: baseline;
	font-weight: 200;
	font-size: 80%;
}
 
.internal-link-new-window::before {
	/* .bi-arrow-right-square::before { content: "\f137"; }  */ 
    content:"\f144";
	font-family: bootstrap-icons;	 
	margin-right: 0.3rem;
	vertical-align: baseline; 
	font-size: 80%;
}

.external-link::before {
    content:"\F1BE";
	font-family: bootstrap-icons;
	margin-right: 0.4rem;	
	margin-left:0;
	vertical-align: baseline; 
	font-weight: 200;
}

.external-link-new-window::before {
    content:"\F1C5";
	font-family: bootstrap-icons;
	margin-right: 0.3rem;	
	vertical-align: baseline; 		
	font-weight: 200;
	font-size: 75%;
}

.download-link::before {
    content:"\F30A";
	font-family: bootstrap-icons;
	margin-right: 0.3rem;	
	vertical-align: bottom; 
	font-size: 75%;	
}

.email-link::before {
    content:"\F32F";
	font-family: bootstrap-icons;	
	margin-right: 0.3rem;
	vertical-align: baseline; 
	font-weight: 200;
	font-size: 75%;	
}

.phone-link::before {
    content:"\F5C1";
	font-family: bootstrap-icons;
	margin-right: 0.3rem;	
	vertical-align: text-top; 
	font-weight: 200;
	font-size: 75%;	
}













/*Einzüge entspr. ckeditor be.css*/

.indent-1 {padding-left: 1rem;}
.indent-2 {padding-left: 2rem;}
.indent-3 {padding-left: 3rem;}
.indent-4 {padding-left: 4rem;}
.indent-5 {padding-left: 5rem;}
.indent-6 {padding-left: 6rem;}






blockquote {
  font-style: italic;
  font-family: 'SUSE';
  padding: 0;
  border-style: solid;
  border-color: #dedede;
  border-width: 0;

  border-left: 5px solid #ccc;
  font-style: italic;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  padding-left: 1.5em;
  padding-right: 1.5em;
  position: relative;
}



blockquote::before{
  content: "\201C";
  font-family: bootstrap-icons;
  position:absolute;
  left:0;
  font-size: 3rem;
}

blockquote > :last-child {
  margin-bottom: 0;
}




































lul.liste-1 {  list-style: square ; padding-left: 0.5em;}

ul.blue-square-ul li::marker { content: '' !important; }

ul.blue-square-ul{
	padding-left: 0;
	/*margin-left: 0.0em;*/
	list-style: none;
}

ul.blue-square-ul  li:before {
	font-family: 'bootstrap-icons'; 
	content: "\f582"; 
	color: var(--bs-primary);
	margin-right: 0.2em;
	padding-right : 1em;
	/*font-size: inherit;  - fkt. nicht mit calc, weil inherit allein stehen muss, müsste von einer font-size des elternelements stammen, die aber im rte einstellbar ist -- daher rem*/
	font-size: 0.5rem;
}

/*content-icon lässt sich nicht animieren; im Bedarfsfall mit leeren Content und background-eigenschaft*/
ul.blue-square-ul  li:hover::before {
	font-family: 'bootstrap-icons'; 
	content: "\f584"; 
	color: #5675aa;
	/*opacity: 0.55;*/
}








/*-- checkmark, rot --*/

ul.check-red {
	padding-left: 0;
	margin-left:0.5rem;
	}


ul.check-red li {
	list-style-type: "\2713   ";    /*aus normaler schrift, 2714 wäre schöner suse hat aber keine checkmark -> fallback und dann grün*/
	margin-left: 1.1rem;
	padding-left: 1ch;
}

/*kein margin/padding für marker, daher bei ul bzw li
 https://css-tricks.com/everything-you-need-to-know-about-the-gap-after-the-list-marker/*/
ul.check-red li::marker {
  color: crimson;
}

ul.check-red li:hover::marker {
	color: grey;
}






/*-- große nummer davor, strich, aufz.text  --*/
/*https://clickhelp.com/clickhelp-technical-writing-blog/advanced-autonumbering-techniques-with-css/*/
ol.num-bordered {
    list-style-type: none;
    list-style-type: decimal !ie; 
    margin: 0;
    margin-left: 3em;
    padding: 0;     
    counter-reset: li-counter;
}



ol.num-bordered > li{
    position: relative;
    margin-bottom: 20px;
    padding-left: 0.75rem;
    min-height: 3rem;
    border-left: 2px solid #CCCCCC;
}

ol.num-bordered > li:before {
    position: absolute;
    top: 0;
    left: -1em;
    width: 0.8em;     
    font-size: 3em;
    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: #00796B; 
    content: counter(li-counter);
    counter-increment: li-counter;
}



ol.num-bordered li:hover::before {color: var(--bs-gray-600);}










ul.gray-square-ul{
	padding-left: 0;
	/*margin-left: 0.0em;*/
	list-style: none;
}

/*ab ebene 2*/


ul.gray-square-ul  ul {
	padding-left: 1em;
	margin-left: 0.3em;
	list-style: none;
}
/*auf.zeichen*/
ul.gray-square-ul  li:before {
	font-family: 'bootstrap-icons'; 
	content: "\f582"; 
	color: #717171;
	margin-right: 0.2em;
	padding-right : 1em;
	font-size: 0.5em;
	
	
	transition: all 0.5s ease 0s;
}



pre, code {
    white-space: break-spaces;
	tab-size: 3ch;
}


/*icons vor titel in suchergebnissen*/

.tx-indexedsearch-title  .file-icon {
	font-family: 'bootstrap-icons';
		margin-right: 0.3em;
}

.tx-indexedsearch-title  .file-icon.icon-html::before {
	content: "\f749"; 
}

.tx-indexedsearch-title  .file-icon.icon-pdf::before {
	content: "\F756"; 
}


.tx-indexedsearch-title  .file-icon.icon-img::before {
	content: "\F39B"; 
}














/* -------------- in div umgeschriebnes blockquote des ckeditors ---------------*/