/* @group BFSG */

/* Global contrast */
/*body {*/
/*	--postboxBGColor: #00829A; !* vorher: #009BB7 *!*/
/*	--shortViewTableColor: #5779A2; !* vorher: ##5B7F95 *!*/
/*	--tabActiveColor : #2F818F; !* vorher:  #64c3ca *!*/
/*	--errorColor: #BD285A; !* #D6405F *!*/
/*	--btnTxtColor: #56788A !* vorher: #5B7F95 *! */
/*}*/


/* fieldset: legend */
legend.kupo {
	border: 0;
	color: #002d52;
	display: contents;
	font-family: inherit;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	line-height: inherit;
	margin-bottom: 0;
	padding: 0;
	width: 100%;
}

legend.fwNormal {
	font-weight: normal;
}

/* Freiraum zwischen fieldset-Legende und nächstem input-Feld */
.spaceLegend {
	margin-bottom: 15px;
}


/* heading */

/* h2 mit Aussehen von h3 */
h2.fH3, p.fH3 {
	font-size: 23px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.1;
	margin-bottom: 12.5px;
	margin-top: 25px;
}

/* h2,h3 zusätzlich bold */
h2.bold, h3.bold, p.bold {
	font-weight: 700;
}

/* h2,h3 zusätzlich margin-top:0 */
h2.noMarginT, h3.noMarginT, p.noMarginT {
	margin-top: 0;
}

/* h2,h3 mit Aussehen von h4 */
h2.fH4, h3.fH4 {
	font-family: inherit;
	font-size: 21px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.1;
	margin-bottom: 12.5px;
	margin-top: 12.5px;
}

/* h2,h3 mit Aussehen von h4 - spezielle */
h2.fH4Special, h3.fH4Special {
	font-family: inherit;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: 2px;
	margin-top: 0;
}

/* h3, h4, h5 mit Aussehen von p mit panel-titel - für accordion */
h3.accordion, h4.accordion, h5.accordion {
	color: inherit;
	display: inline-block;
	font-family: inherit;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 0;
	margin-top: 0;
	width: 80%;
}

/* h3 mit Aussehen von h4 - panel-titel - für accordion mit full width */
h3.accordionFullWidth, h4.accordionFullWidth, h5.accordionFullWidth{
	color: inherit;
	display: inline-block;
	font-family: inherit;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 0;
	margin-top: 0;
	width: 100%;
}

/* h4 mit Aussehen von h3 */
h4.fH3 {
	font-family: inherit;
	font-size: 23px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.1;
	margin-bottom: 12.5px;
	margin-top: 25px;
}

/* contrast */
a {
	color: var(--text-action-primary-base);
	text-decoration: underline;
}


a.outsideBtn > ul > li {
	color: var(--text-action-primary-base);
}

.linkInside {
	color: var(--text-action-primary-base);
	font-family: 'source-sans-pro';
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 1.4;
	text-decoration: none;
}

/* TODO  */
.btn-file {
	background: transparent;
	border-radius: 4px;
	width: auto;
	height:auto;
	display: block;
	padding: 1rem;
}

.btn-file:hover {
    background: var(--background-base);
}

.btn-file:active {
    background: var(--background-subtle);
}

.btn-file:focus {
     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
}

.input-group.btnRound .input-group-btn .btn-file {
	background-color: var(--background-base);
	border-radius: 4px;
}

.input-group.btnRound .input-group-btn .btn-file:hover {
    background-color: var(--background-base);
	border-radius: 4px;
}

.input-group.btnRound .input-group-btn .btn-file:active {
    background-color: var(--background-subtle);
	border-radius: 4px;
}

.input-group.btnRound .input-group-btn .btn-file:focus {
     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
}

.post-box__txt span {
	display: inline-block;
	background: var(--postboxBGColor);
	color: #fff;
	border-radius: 9999px;
	padding: 1px 12px;
}

.post-box__txt h3[data-count]:after {
	top: 0;
	position: absolute;
	width: 24px;
	height: 24px;
	content: attr(data-count);
	display: inline-block;
	color: #fff;
	background-color: var(--postboxBGColor);
	border-radius: 9999px;
	margin-left: 10px;
	font-size: 14px;
	padding: 4px;
	text-align: center;
}

table.shortViewTable tbody tr > td {
	color: var(--shortViewTableColor);
}

/*.nav.tabNav > li.active a, .nav.tabNav > li > a:hover {*/
/*	color: #fff;*/
/*    background-color: var(--tabActiveColor);*/
/*}*/

/*.nav.tabNav > li.active a, .nav.tabNav > li > a:hover {*/
/*    background-color: var(--tabActiveColor);*/
/*}*/

/* Startseite / firstpage: Tab-Button */
/*.nav.tabNav .ownPanel .inside:hover, .nav.tabNav .ownPanel .inside:active {*/
/*	color: #fff;*/
/*	background-color: var(--tabActiveColor);*/
/*}*/


/* linke Navigation */
/*.sidebar-nav .nav > li > a:hover, .nav > li > a:focus, .sidebar-nav ul > li > a.activeNav {*/
/*    text-decoration: underline; !* none !important; *!*/
/*    background-color: transparent;*/
/*    color: var(--tabActiveColor);*/
/*}*/

/* footer */
.footerNav > li > a {
	color: var(--tabActiveColor);
    position: relative;
    display: block;
    padding: 0 18px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

/* stepper - Tabs */
ul.information li:not(.done) dl {
    background: var(--tabActiveColor); /* #64c3ca; */
    padding: 10px 20px;
    width: 8em;
}

/* Fehlermeldung rechts */
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: var(--errorColor);
}

/* Registrierung: 1. 2. 3. */ 
.fRegLabel { 
	color: #002d52; 
	display: inline-block; 
	font-weight: bold; 
	font-size: inherit; 
	margin-bottom: 5px; 
	margin-right: 0; 
	max-width: 100%; 
}

/* Registrierung ? Hinweis auf VSNR */ 
.fRegbtnTxt { 
	color: var(--btnTxtColor); 
	font-weight: bold; 
	font-size: 16px; 
	margin-left: 10px; 
	left: 0px; 
	margin-left: 10px; 
	vertical-align: middle; 
	position: relative; 
}

.fileLabel:focus-within, .fileLabel:hover  {	
	box-shadow: 0 0 0 5px var(--feedback-success-muted);
    outline-style: solid;
    outline-color: var(--action-focus);
}