@charset "utf-8";
/* CSS Document */


.menue_web {
	border: none; /*#ccc 1px solid*/
	border-radius: 4px;
	margin: 5px;
	padding: 5px;
	padding-left: 0px;
	padding-right: 0px;
}

.menue_web-sprache {
	border: none; /*#ccc 1px solid; */
	margin: 0px;
	padding: 5px;
}

.trennung_logo {
	position: absolute;
	left: 15px;
	height: 43px;
	width: 1px;
	background-color: #999;
	margin-top: 12px;
}

.trennung_web {
	position: absolute;
	height: 30px;
	width: 1px;
	background-color: #999;
	padding-top: 15px;
}

.btn-default a{
	color:#333;
}

.btn-default:hover, .btn-default:active a {
	color:#000;
	background-color:#d3d3d3;
}

.schriftzug {
	height: 70px;
	text-align: left;
	font-family:Arial;
}

.schriftzug h1 {
	font-size: 15px;
	text-transform: uppercase;
	color: #888;
	letter-spacing: 0.1em;
	margin: 20px 0px 0px 30px;	
}

.schriftzug > hr {
	margin: 0px 10px 2px 10px;
	color: #999;
}

.logozusatz {
	visibility:visible;
	width: 280px;
	height:70px;
}

.umlautbutton {
	position: absolute;
	top:0;
	left: 0;
}

.suchfeld {
	position:inherit;
	left: 4.2em;
	width: 90%;
	margin-bottom:15px;
}

.suchebutton {
	position:absolute;
	top:0;
	right:0em;
	float:right;
}

/*#back-top {
	position: fixed;
	bottom: 30px;
	left:1px;
	z-index: 1000;
}

#back-top a {
	width: 35px;
	height: 35px;
	display: block;
	font-size:24px;
	text-align: center;
	color: #666;
	background-color: rgba( 255, 255, 255, 0.7);
	border: none;
	border-radius: 8px;
}

#back-top a:hover, #back-top a:active {
	text-decoration: none;
	background-color: rgba( 200, 200, 200, 1);
}*/

.about_format1{
	font-size: 16px;
}

unk { background-color: yellow; }
#collapse_translate1_stderr_id .card-body { white-space: pre-wrap; }

.footer_links_justify { display:flex !important; }
.footer_links_left { display:none !important; }

@media (max-width: 540px) {
.logozusatz {
	visibility:hidden;
	display: none;
	height:0px;
}
.schriftzug {
	display: none;
}
.trennung_logo {
	visibility: hidden;
	display: none;
}
}

@media (max-width: 640px) {
.footer_links_justify { display:none !important; }
.footer_links_left { display:inherit !important; }
}

/* Ab hier CSS-Definitionen aus template.ini */
  
@media print { /* siehe z. B. https://www.itsupportguides.com/tech-tips-tricks/how-to-hide-urlhref-when-printing-bootstrap-website/ */
  a[href]:after {
    content: none !important;
   }
}

.div_navbar_header { font-size:180%  !important;}
.nav_adjust_logo { padding: 0px  !important;}
.nav_adjust_search_web { padding-top: 4px  !important;position: absolute !important;right: 10.1em !important;font-size:75%  !important;}
.nav_adjust_search_app { padding-top: 2px  !important;position: absolute !important;right: 8.5em !important;font-size:75%  !important;}
.nav_adjust_menu_web { padding-top: 4px  !important;padding-right: 4px !important; position: absolute !important;right: 0em !important; font-size:80%  !important;}
.nav_adjust_menu_app { padding-top: 0px  !important;padding-right: 0px !important; position: absolute !important;right: 0em !important; font-size:80%  !important;}
.nav_adjust_lang_web { padding-top: 4px  !important;position: absolute !important; right: 3.1em !important;}
.nav_adjust_lang_app { top: -6px  !important;position: absolute !important; right: 2.9em !important;}
.nav_adjust_expertmode_web { padding-top: 4px  !important;position: absolute !important;right: 6em !important;font-size:80%  !important;}
.nav_adjust_expertmode_app { padding-top: 0px  !important;position: absolute !important;right: 5.8em !important;font-size:80%  !important;}
.nav_adjust_back { padding: 0px !important; font-size:80%  !important; position: absolute !important;left: 0em !important;}
   
.trennung_web {margin-top: 20px !important; position:absolute !important; right: 2.8em !important;}

.hsb_inactive {
color: #000000;
background: #ffffff;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border: 1px solid #000000;
width: 40px;
font-size: 10px;
padding: 3px 10px;
margin: 0 0;
}

.de_active {
color: #ffffff;
background: #000000;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border: 1px solid #000000;
width: 40px;
font-size: 10px;
padding: 3px 3px;
margin: 0 0;
}

.hsb_active {
color: #ffffff;
background: #000000;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border: 1px solid #000000;
width: 40px;
font-size: 10px;
padding: 3px 3px;
margin: 0 0;
}

.de_inactive {
color: #000000;
background: #ffffff;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border: 1px solid #000000;
width: 40px;
font-size: 10px;
padding: 3px 3px;
margin: 0 0;
}

//
// dark mode
//

html {

    transition: all 0.4s ease;

}

html[data-theme='dark'] {

    background: #000;

    filter: invert(1) hue-rotate(180deg)

}

html[data-theme='dark'] img {

  filter: invert(1) hue-rotate(180deg)

}


// * {
//    outline: 1px solid red;
//   }