@charset "UTF-8";

:root {
	--hh-border-radius: 0.175rem
}

.dropdown-menu li {
	position: relative;
}

.dropdown-menu .dropdown-submenu {
	display: none;
	position: absolute;
	left: 30%;
	top: -5px;
}

.dropdown-menu > li:hover > .dropdown-submenu {
	display: block;
}

.card-body > ul 
{
	MARGIN-top: 5px; 
}

.card-body > ul > li
{
	MARGIN-bottom: 5px; 
}

.hh-doc-links
{
	width: 22rem;
	float:right !important;
	text-align:right;
	FONT-SIZE: 80%;
}

.hh-doc-links > .card-body > ul
{
	list-style-type: none;
	MARGIN-top: 0px; 	
}

.hh-doc-links > .card-body > ul > li
{
	MARGIN-bottom: 0px; 
}


.hh-wrapper
{
	text-align: justify;
	hyphens: auto; 
}

.hh-prod-video
{
	outline: none;
	border:2px solid #e9ecef;
	padding: 30px; 
	border-radius:var(--hh-border-radius) !important;
	display: block;
    	margin-left: auto;
    	margin-right: auto;	
}

.hh-prod-video > video
{
	width: 100%;

}

.hh-eula-style
{
	list-style-type: none;
}

.hh-eula-style > li > ul
{
	MARGIN-bottom: 2em; 
}

.hh-eula-style > li > ul > li
{
	list-style-type: none;
	MARGIN-top: 1em; 
}

a[rel*="external"]::after
{
	content: "\F1C5";
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: 400 !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -.125em;  
	margin-left: 4px;
	display: inline-block;
}


.hh-source-reference
{
	font-style: italic;
	FONT-SIZE: 60%;
}


.hh-icon
{ 
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: 400 !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -.125em;  
}



.hh-page-up-footer::before
{
	content: "\f147";
}

.hh-page-up::before
{
	content: "\f148";
}

.hh-page-down::before
{
	content: "\f128";
}


.navbar-left img
{
	height: 15px;
	MARGIN-RIGHT: 10px; 
}


.navbar-brand img
{
	height: 40px;
	MARGIN-left: 20px; 
}


.card
{
	MARGIN-top: 1em; 
	MARGIN-bottom: 1em; 
}


.form-group
{
	MARGIN-bottom: 1em; 
	margin-left: 1em;
	margin-right: 1em;
}


label, .card-title, .card-header
{
	font-weight: 700;
}

.has-error
{
	COLOR: red;
}


.hh-language-info
{
	COLOR: red;
    	FONT-SIZE: 70%;
}

.hh-ds-info
{
	COLOR: #00B7C3;
    	FONT-SIZE: 70%;
}


ul.inhalt
{
	 list-style-type: none;
}

ul.inhalt  ul,
ul.inhalt  ul  li
{
	list-style-type: none;
	padding-left: 2rem;
}


ul.app-list
{
	 list-style-type: none;
}

ul.app-list > li
{
	 margin-top: 1em;
}

ul.app-list li img
{
	height: 2em;
	margin-left: -1em;
}


ul.info-list
{
	 list-style-type: none;
}

ul.info-list > li
{
	 margin-top: 1em;
}

ul.info-list li p
{
	margin-bottom: 0 !important;
}


app-short,
app-long
{
	font-weight: bold;
	color: #070a39;
}



.HHi-BC-App-logo,
.HHi-BC-App-logo
{
	text-align: left;
	text-align-last: center;
	font-weight: bold;
	color: #505C6D;
	text-shadow: -1px 1px 0pt black;
}


.HHi-BC-App-logo,
HHi-BC-App-logo
{
    font-size:1.5rem;
}

.HHi-BC-App-logo > img
{
	width: 100px;
	padding-right: 10px; 
	border-radius: unset !important;
	
}


@media (min-width:1200px) {
	.HHi-BC-App-logo,
	HHi-BC-App-logo
  	{
    	font-size:2.5rem
  	}

	.HHi-BC-App-logo > img
	{
		width :120px;
		padding-right: 10px; 
		border-radius: unset !important;
	}
}

img.banner
{
	width: 100%
}

.hh-info-container
{
	MARGIN-top: 5px;  
	MARGIN-bottom: 2.5rem;  
}


h1 > img{
	height: 0.5em;
}

.workInP > img {
	width: 150pt;
	margin: 5pt 0pt 5pt 0pt; /*o r u l*/
	border-radius: var(--hh-border-radius) !important;
}

img {
	margin: 5pt 0pt 5pt 0pt; /*o r u l*/
	border-radius: var(--hh-border-radius) !important;
}

img.border
{
	border: 3px solid #e9ecef;
}

img.r 
{
	float:right !important;
	margin-left: 10pt;
}

img.l
{
	float:left !important;
	margin-right: 10pt;
}

img.c
{
	display: block;
    	margin-left: auto;
    	margin-right: auto;
}

img.mini
{
	width: 70pt;
}

img.klein 
{
	width: 150pt;
}

img.mittel
{
	width: 26vw;
}

img.gross
{
	width: 40%;
}

img.halb
{
	width: 50%
}

img.zweidrittel
{
	width: 75%
}

img.max
{
	width: 100%
}


.hh-video
{
	width: 40vw;
	margin-left: 5vw;
	border-style: double;
	border-color: #c4c8cb;
	border-radius: var(--hh-border-radius) !important;
}


h1 {
	text-shadow: -1px 1px 0pt black;
	margin-bottom: 0.5em; 
}

h1.a {
	text-shadow: -1px 1px 0pt black;
}

h2 {
	text-shadow: -1px 1px 0pt black;
	margin-top: 1em; 
	margin-bottom: 0.5em; 
}


h3 {
	text-shadow: -1px 1px 0pt black;
	margin-top: 1em; 
	margin-bottom: 0.5em; 
}


.halb{
	clear:both;
	
}
#halb1{
	width: 49%;
	float:left !important;
}


#halb2{
	width: 49%;
	float:right !important;
}

.pic_link {
	float:right !important;
}


.list-style-none {
	list-style-type: none;
}

.newBlock {
	clear:both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.myKarteGross {
	display: block;
	padding:25px;
	margin-TOP: 20pt;
	margin-bottom: 15pt;
 	margin-left: auto;
 	margin-right:auto;
	width:400px; 
	height:200px;
}

.myKarteGross2 {
	display: block;
	padding:25px;
	margin-TOP: 20pt;
	margin-bottom: 15pt;
 	margin-left: auto;
 	margin-right:auto;
	width:80vw; 
	height:80vh;
}

#text {
	margin-bottom: 5pt;
}


object.centerApp {
	display: block;
    width:800px;
	height:400px;
    margin-left: auto;
    margin-right: auto;
	PADDING: 20pt 20pt 20pt 20pt; /*o r u l*/
}



img.index3 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}



.hh-index_bsp ul LI {
    list-style-type: square;
    margin-left: 20pt
}

.hh-footer{
	clear:both;
    	FONT-SIZE: 90%;
	margin-TOP: 50px; 
	BORDER-TOP: gray 1px solid;
	PADDING-TOP: 8px;	  
	PADDING-bottom: 4px;	  
	background-color: rgba(var(--bs-light-rgb),1) !important;
}



.modal-header {
	border-radius: 10px 10px 0px 0px;
    background:#eee;
}


.btn-black {
    color: #fff;
    background-color: #999999;
    border-color: #666666;
}

.btn-black.active, .open > .dropdown-toggle.btn-black {
    color: #fff;
    background-color: #333333;
    border-color: #1a1a1a;
}

.right-container {
    float: right;
    MARGIN-RIGHT: 26px;  
    padding-RIGHT: 26px; 
}


.fixed-container {
    position:fixed;
} 

#iframecontainer 
{
	display: block;
    	margin-left: auto;
    	margin-right: auto;
}

#iframe {
  padding-bottom: 10px;
  padding-top: 1px;
  width: 100%;
  
}

#iframewrapper {
  width: 100%;
  height: 700px;
  -webkit-overflow-scrolling: touch;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

iframe{
	scroll-behavior: smooth;
	width: 100%;
	height: 700px;
}