/*
--------------------------------------------------------------------------------
  Start Stylesheet: home3/css/home.css
--------------------------------------------------------------------------------
*/

body {
	background: #FFF;
	/*padding-top:43px;
	padding-bottom:43px;*/
}





body {
	/*overflow-y: scroll;*/
	height: 100vh;
	padding: 0;
	position: relative;
	overflow-y:hidden;
	margin-top:-20px; /*why??*/
}

body>div.errorcontent {
	margin-top:20px; /* Ausgleich fuer oben in error.html */
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, a
{
	font-size:12px;
	color:var(--color-bmw-basic4);
}

div.maincontent div.content {
	position: unset;
}

div.maincontent div.scrolledcontent {
    height: 100%;
    overflow-y: scroll;
	overflow-x: hidden;
	min-width: 1087px;
}

div.maincontent{
	position: absolute;
	top:43px;
	bottom:30px;
	right: 0px;
	left: 0px;
	min-width: 1087px;
}





.homeheader {
	display: flex;
	flex-direction: row;
	padding: 50px 100px 0px 100px;
	border-bottom: 4px solid var(--color-bmw-basic3-shade3); 
}

.homeoutput {
	display: flex;
	flex-direction: row;
	padding: 20px 100px 10px 100px;
}



div.headercaptions {
	font-size:14pt;
	/*color:#C9D1DE;*/
	font-weight:bold;
	padding-bottom: 10px;
}
div.headertabs {
	margin-left: -6px;
	margin-right: 6px;
	padding-left: 20px; 
	padding-right: 20px;
	/*text-align: center;*/
	margin-bottom: -4px;
    flex-direction: column;
    display: flex;
	width: 200px;
	min-width: 200px;
    justify-content: end;
	border-bottom: 4px solid;
	border-image: linear-gradient(to right, white 6px, transparent 6px) 1;
}

div.headertabs.spacer {
	margin-bottom: -4px;
    flex: 1;
	padding: 0;
	min-width: 0px;
	border-bottom: 4px solid;
	border-image: linear-gradient(to right, white 6px, transparent 6px) 1;
}

div.headertabs.end {
	margin-bottom: -4px;
	margin-right: -6px;
    width: 6px;
	min-width: 6px;
	padding: 0;
	border-bottom: 4px solid white;
}


/*
div.headertabs:hover {
	color: var(--ds-color-typography-action-hover);
	border-bottom: 2px solid var(--ds-color-typography-action-hover);
}
div.headertabs:hover * {
	color: var(--ds-color-typography-action-hover);
}
*/
div.headertabs.selected {
	color: var(--ds-color-typography-action-hover);
	border-bottom: 4px solid;
	border-image: linear-gradient(to right, white 6px, var(--ds-color-typography-action-hover) 6px) 1;
}
div.headertabs.selected * {
	color: var(--ds-color-typography-action-hover);
}
	



div.mdHeader * {
	
	font-size:12pt;

}


div.content {
	min-width:1087px;
	position:relative;
	padding-bottom:50px;
}



div.footer {
    display: flex;
    position: fixed;
    bottom: 0;
    flex-direction: row;
    align-items: center;
    width: 100%;
	min-width:1087px;
    height: 30px;
    padding: 10px 20px;
    background-color: var(--color-bmw-accent2-shade3);
    box-sizing: border-box;
}

div.footer .footeritems {
	flex: 1;
}
div.footer .footeritems>span {
	padding-right: 2px;
}

div.footer .footeritems>span~span {
	padding-left: 5px;
	border-left: 1px solid var(--color-bmw-basic4);
}

div.wfitemslist {
	flex: 1;
	width: 0;
}

div.workflowitemrow {
	display: flex;
    flex-direction: row;
	height: 60px;
	border-top: 2px solid transparent;
	border-bottom: 2px solid var(--color-bmw-basic3-shade3); 
	margin-bottom: 0px;
	padding-top: 10px;
}
div.workflowitemrow:hover {
	background-color: #F0F5F7;
}
div.workflowitemrow.edit.active {
	background-color: #F0F5F7;
	border-top: 2px solid var(--color-bmw-basic4); 
	border-bottom: 2px solid var(--color-bmw-basic4); 
}

div.workflowitemrow div.workflowitemicon {
	height: 60px;
	width: 60px;
	background-size: 60px;
	/*background-image: url(../img/WFITEM_Default.png);*/
    background-repeat: no-repeat;
}
div.workflowitemrow div.workflowitemicon.AWT {
	background-image: url(../img/WFITEM_AWT.svg);
}
div.workflowitemrow div.workflowitemicon.ZBG {
	background-image: url(../img/WFITEM_ZBG.svg);
}
div.workflowitemrow div.workflowitemicon.ANE {background-image: url(../img/WFITEM_ANE.svg);}
div.workflowitemrow div.workflowitemicon.AAU {background-image: url(../img/WFITEM_AAU.svg);}
div.workflowitemrow div.workflowitemicon.ADMIN {background-image: url(../img/WFITEM_ADMIN.svg);}
div.workflowitemrow div.workflowitemicon.AVM {background-image: url(../img/WFITEM_AVM.svg);}
div.workflowitemrow div.workflowitemicon.ERCP {background-image: url(../img/WFITEM_ERCP.svg);}
div.workflowitemrow div.workflowitemicon.EPM {background-image: url(../img/WFITEM_EPM.svg);}
div.workflowitemrow div.workflowitemicon.EWT {background-image: url(../img/WFITEM_EWT.svg);}
div.workflowitemrow div.workflowitemicon.DSGVO {background-image: url(../img/WFITEM_DSGVO.svg);}
div.workflowitemrow div.workflowitemicon.DFA {background-image: url(../img/WFITEM_DFA.svg);}
div.workflowitemrow div.workflowitemicon.FIPS {background-image: url(../img/WFITEM_FIPS.svg);}
div.workflowitemrow div.workflowitemicon.FFE {background-image: url(../img/WFITEM_FFE.svg);}
div.workflowitemrow div.workflowitemicon.KAV {background-image: url(../img/WFITEM_KAV.svg);}
div.workflowitemrow div.workflowitemicon.MAT {background-image: url(../img/WFITEM_MAT.svg);}
div.workflowitemrow div.workflowitemicon.MIT {background-image: url(../img/WFITEM_MIT.svg);}
div.workflowitemrow div.workflowitemicon.PAR {background-image: url(../img/WFITEM_PAR.svg);}
div.workflowitemrow div.workflowitemicon.PIT {background-image: url(../img/WFITEM_PIT.svg);}
div.workflowitemrow div.workflowitemicon.QRCT {background-image: url(../img/WFITEM_QRCT.svg);}
div.workflowitemrow div.workflowitemicon.RZK {background-image: url(../img/WFITEM_RZK.svg);}
div.workflowitemrow div.workflowitemicon.RZL {background-image: url(../img/WFITEM_RZL.svg);}
div.workflowitemrow div.workflowitemicon.SLV {background-image: url(../img/WFITEM_SLV.svg);}
div.workflowitemrow div.workflowitemicon.VOWI {background-image: url(../img/WFITEM_VOWI.svg);}
div.workflowitemrow div.workflowitemicon.WERKVERBOT {background-image: url(../img/WFITEM_WERKVERBOT.svg);}
div.workflowitemrow div.workflowitemicon.ABM {background-image: url(../img/WFITEM_ABM.svg);}
div.workflowitemrow div.workflowitemicon.OTW {background-image: url(../img/WFITEM_OTW.svg);}
div.workflowitemrow div.workflowitemicon.ADMN_STLLV {background-image: url(../img/WFITEM_ADMN_STLLV.svg);}
div.workflowitemrow div.workflowitemicon.AWE {background-image: url(../img/WFITEM_AWE.svg);}
div.workflowitemrow div.workflowitemicon.AWT {background-image: url(../img/WFITEM_AWT.svg);}
div.workflowitemrow div.workflowitemicon.ZFA {background-image: url(../img/WFITEM_ZFA.svg);}
div.workflowitemrow div.workflowitemicon.ZTE {background-image: url(../img/WFITEM_ZTE.svg);}


div.workflowitemrow div.workflowitemoutput {
	flex: 1;
	display: flex;
    flex-direction: column;
	min-width: 0;
	width: 0;
	padding: 0px 10px;
}
div.workflowitemrow div.workflowitemoutput * {
	font-size: 16px;
}
div.workflowitemrow div.workflowitemoutput div.workflowitemtitle {
	padding: 3px 0px; 
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
	width: 100%;
}
div.workflowitemrow div.workflowitemoutput div.workflowitemdesc {
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
	width: 100%;
}

div.workflowitemeditinfo {
	padding: 6px 10px 5px 0px; 
	font-size: 16px;
	width: 350px;
	text-align: end;
}

div.homeinfooutput.wditbuttons {
	margin-right: 200px;
	position: relative;
	z-index: 200;
	min-height: 65px;
}
div.ownItemsEditButtonsWrapper {
	display: flex;
	flex-direction: row;
	justify-content: end;
	margin-top: -60px;
	position: sticky;
	top:0px;
	background: #FFF;
	z-index: 100;
}
div.ownItemsEditButtonsBorder {
	margin-top: -65px;
	position: sticky;
	top:0px;
	background: #FFF;
	z-index: 100;
	height: 60px;
	border-bottom: 2px solid var(--color-bmw-basic3-shade3); 
}
div.ownItemsEditButtons {
	width: 200px;
	height: 60px;
	display:flex;
    flex-direction: row;
	align-self: end;
	justify-content: end;
}
div.ownItemsEditEditMode {
    width: 300px;
	height: 60px;
	display:flex;
    flex-direction: row;
	align-self: end;
	justify-content: end;
}


div.workflowitemrow div.workflowitemlinkicon {
	height: 60px;
	width: 50px;
	background-size: 40px;
	background-position: 5px 10px;
    background-repeat: no-repeat;
}

div.workflowitemrow div.workflowitemlinkicon.plus {
	background-image: url(../img/icons/plus_rg.svg);
}
div.workflowitemrow div.workflowitemlinkicon.ownrequests {
	background-image: url(../img/icons/list-checkmarks_rg.svg);
}
div.workflowitemrow div.workflowitemlinkicon.ownrights {
	background-image: url(../img/icons/list-checkmarks_rg.svg);
}
div.workflowitemrow div.workflowitemlinkicon.home {
	background-image: url(../img/icons/home_rg.svg);
}
div.workflowitemrow div.workflowitemlinkicon.extlink {
	background-image: url(../img/icons/external-link_rg.svg);
}
div.workflowitemrow div.workflowitemlinkicon.info {
	background-image: url(../img/icons/information_rg.svg);
}


div.workflowitemrow div.workflowitemaddicon {
	height: 60px;
	width: 50px;
	background-size: 40px;
	background-position: 5px 10px;
    background-repeat: no-repeat;
	background-image: url(../img/icons/plus_rg.svg);
}

div.workflowitemrow div.workflowitemdeleteicon {
	height: 60px;
	width: 50px;
	background-size: 40px;
	background-position: 5px 10px;
    background-repeat: no-repeat;
	background-image: url(../img/icons/minus_rg.svg);
}

div.workflowitemrow div.workflowitemaborticon {
	height: 60px;
	width: 50px;
	background-size: 40px;
	background-position: 5px 10px;
    background-repeat: no-repeat;
	background-image: url(../img/icons/close_rg.svg);
}

div.workflowitemrow div.workflowitemconfirmicon {
	height: 60px;
	width: 50px;
	background-size: 40px;
	background-position: 5px 10px;
    background-repeat: no-repeat;
	background-image: url(../img/icons/checkmark_rg.svg);
}

div.editIcon {
	height: 60px;
	width: 50px;
	background-size: 40px;
	background-position: 5px 10px;
	background-repeat: no-repeat;
	background-image: url(../img/icons/edit_rg.svg);
}

div.abortIcon {
	height: 60px;
	width: 50px;
	background-size: 40px;
	background-position: 5px 10px;
	background-repeat: no-repeat;
	background-image: url(../img/icons/close_rg.svg);
}

div.editModeAlertIcon {
	height: 60px;
	width: 50px;
	background-size: 40px;
	background-position: 5px 10px;
	background-repeat: no-repeat;
	background-image: url(../img/icons/ausrufezeichen_orange.svg);
}

div.editModeAlertInfo {
	font-size: 14pt;
    color: #EC9500;
    font-weight: bold;
    padding-bottom: 10px;
    line-height: 60px;
}

div.confirmEditIcon {
	height: 60px;
	width: 50px;
	background-size: 40px;
	background-position: 5px 10px;
	background-repeat: no-repeat;
	background-image: url(../img/icons/checkmark_rg_green.svg);
}

div.moveupIcon {
	height: 60px;
	width: 50px;
	background-size: 40px;
	background-position: 5px 10px;
	background-repeat: no-repeat;
	background-image: url(../img/icons/arrow-chevron-up_rg.svg);
}

div.movedownIcon {
	height: 60px;
	width: 50px;
	background-size: 40px;
	background-position: 5px 10px;
	background-repeat: no-repeat;
	background-image: url(../img/icons/arrow-chevron-down_rg.svg);
}

div.wfgenHeader,
div.wftopicHeader {
	margin: 20px 0px;
	padding: 10px 25px 10px 5px;
	font-size: 16px;
	background-color: #F0F5F7;
	border-bottom: 1px solid #136379;
	color: #035970;
	height: 18px;
	/*width: 100%;*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div.closeAllIcon, div.openAllIcon {
	width: 25px;
	height: 20px;
	background-size: 20px;
	background-position: right 5px top 0px;
    background-repeat: no-repeat;
	align-self: flex-end;
}
div.closeAllIcon {
	background-image: url(../img/icons/arrow-chevron-up_rg.svg);
}
div.openAllIcon {
	background-image: url(../img/icons/arrow-chevron-down_rg.svg);
}

div.wfgenHeader.closable,
div.wftopicHeader {
	background-size: 20px;
	background-position: right 5px top 8px;
    background-repeat: no-repeat;
	background-image: url(../img/icons/arrow-chevron-down_rg.svg);
}

div.wfgenHeader.closable.open,
div.wftopicHeader.open {
	background-image: url(../img/icons/arrow-chevron-up_rg.svg);
}

div.homeinfooutput {
	margin: 20px 0px;
}

div.homeinfooutput,
div.wftopicHeader *,
div.homeinfooutput * {
	font-size: 16px;	
}



div.clsMarkdownOutput b,
div.clsMarkdownOutput strong {
  font-weight: bold;
}


div.clsMarkdownOutput {
  padding: 5px;
}

div.clsMarkdownOutput a {
  text-decoration: underline;
}

div.clsMarkdownOutput a:hover,
div.clsMarkdownOutput a:focus {
  text-decoration: underline;
}

div.clsMarkdownOutput a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

div.clsMarkdownOutput hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
  display:block;
}


div.clsMarkdownOutput h1,
div.clsMarkdownOutput h2,
div.clsMarkdownOutput h3,
div.clsMarkdownOutput h4,
div.clsMarkdownOutput h5,
div.clsMarkdownOutput h6,
div.clsMarkdownOutput .h1,
div.clsMarkdownOutput .h2,
div.clsMarkdownOutput .h3,
div.clsMarkdownOutput .h4,
div.clsMarkdownOutput .h5,
div.clsMarkdownOutput .h6,
div.zonenregelung-iconrow h4,
div.zonenregelung-iconrow h5,
div.markdown-iconrow h4,
div.markdown-iconrow h5
{
  font-weight: 500;
  line-height: 1.1;
  border-bottom: 0px solid #fff;
  padding:0px;
}

div.clsMarkdownOutput h1,
div.clsMarkdownOutput h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left:0px;
}
div.clsMarkdownOutput h3 {
  margin-top: 50px;
  margin-bottom: 10px;
  margin-left:0px;
}

div.clsMarkdownOutput>h1:first-child,
div.clsMarkdownOutput>h2:first-child,
div.clsMarkdownOutput>h3:first-child,
div.clsMarkdownOutput>h4:first-child,
div.clsMarkdownOutput>h5:first-child,
div.clsMarkdownOutput>h6:first-child {
  margin-top: 0px;
  margin-left:0px;
}


div.clsMarkdownOutput h4,
div.clsMarkdownOutput h5,
div.clsMarkdownOutput h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}


div.clsMarkdownOutput h2,
div.clsMarkdownOutput h3 {
	font-weight:bold;
}

#content .container div.zonenregelung-iconrow h5,
#content .container div.markdown-iconrow h5,
div.clsMarkdownOutput h2,
div.clsMarkdownOutput h3,
div.clsMarkdownOutput h4,
div.clsMarkdownOutput h5,
div.clsMarkdownOutput h6 {
	font-size:12px;
}
#content .container div.zonenregelung-iconrow h4,
#content .container div.markdown-iconrow h4
{
	font-size:16px;
}
div.clsMarkdownOutput h1 {
	font-size:18px;
}

div.clsMarkdownOutput ul,
div.clsMarkdownOutput ol {
  margin-top: 0px;
  margin-bottom: 0px;
}

div.clsMarkdownOutput ul li,
div.clsMarkdownOutput ol li{
  margin-top: 0px;
  margin-bottom: 0px;
}

div.clsMarkdownOutput ul{
    list-style: disc;
}

div.clsMarkdownOutput ol {
    list-style: decimal;
}

div.clsMarkdownOutput ul,ol {
    padding-left: 18px;
}



div[i18n-markdown-output].clsMarkdownOutput {
  padding: 0px;
}

div[i18n-markdown-output].clsMarkdownOutput h1,
div[i18n-markdown-output].clsMarkdownOutput h2 {
  margin-top: 20px;
  margin-bottom: 5px;
}
div[i18n-markdown-output].clsMarkdownOutput h3 {
  margin-top: 20px;
}

div[i18n-markdown-output].clsMarkdownOutput h4,
div[i18n-markdown-output].clsMarkdownOutput h5,
div[i18n-markdown-output].clsMarkdownOutput h6 {
  margin-top: 10px;
}

div[i18n-markdown-output].clsMarkdownOutput h2,
div[i18n-markdown-output].clsMarkdownOutput h3 {
	font-size:12px;
	font-weight:bold;
}

div[i18n-markdown-output].clsMarkdownOutput h1 {
	font-size:14px;
	font-weight:bold;
}

div[i18n-markdown-output].clsMarkdownOutput p {
	margin-bottom: 0px;
}




/*
--------------------------------------------------------------------------------
  End Stylesheet: home3/css/home.css
--------------------------------------------------------------------------------
*/