/* ############################### Schriften einbinden ###############################*/

@font-face {
    font-family: BundesSansWeb;
    src: url(../resources/fonts/bundessansweb-regular.eot) format("eot"), url(../resources/fonts/bundessansweb-regular.woff) format("woff"), url(../resources/fonts/bundessansweb-regular.ttf) format("ttf");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: BundesSansWeb;
    src: url(../resources/fonts/bundessansweb-bold.eot) format("eot"), url(../resources/fonts/bundessansweb-bold.woff) format("woff"), url(../resources/fonts/bundessansweb-bold.ttf) format("ttf");
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: BundesSansWeb;
    src: url(../resources/fonts/bundessansweb-bolditalic.eot) format("eot"), url(../resources/fonts/bundessansweb-bolditalic.woff) format("woff"), url(../resources/fonts/bundessansweb-bolditalic.ttf) format("ttf");
    font-style: italic;
    font-weight: bold;
}
@font-face {
    font-family: BundesSansWeb;
    src: url(../resources/fonts/bundessansweb-italic.eot) format("eot"), url(../resources/fonts/bundessansweb-italic.woff) format("woff"), url(../resources/fonts/bundessansweb-italic.ttf) format("ttf");
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: BundesSerifWeb;
    src: url(../resources/fonts/bundesserifweb-regular.eot) format("eot"), url(../resources/fonts/bundesserifweb-regular.woff) format("woff"), url(../resources/fonts/bundesserifweb-regular.ttf) format("ttf");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: BundesSerifWeb;
    src: url(../resources/fonts/bundesserifweb-bold.eot) format("eot"), url(../resources/fonts/bundesserifweb-bold.woff) format("woff"), url(../resources/fonts/bundesserifweb-bold.ttf) format("ttf");
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: BundesSerifWeb;
    src: url(../resources/fonts/bundesserifweb-bolditalic.eot) format("eot"), url(../resources/fonts/bundesserifweb-bolditalic.woff) format("woff"), url(../resources/fonts/bundesserifweb-bolditalic.ttf) format("ttf");
    font-style: italic;
    font-weight: bold;
}
@font-face {
    font-family: BundesSerifWeb;
    src: url(../resources/fonts/bundesserifweb-italic.eot) format("eot"), url(../resources/fonts/bundesserifweb-italic.woff) format("woff"), url(../resources/fonts/bundesserifweb-italic.ttf) format("ttf");
    font-style: italic;
    font-weight: normal;
}

/* ############################################# allgemeine Angaben ############################################# */

html {
	font-family: "BundesSansWeb",Arial, helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	}

body {
	xfont-size:x62.5%;
	color: #000;
	border-top: 10px solid #64c3d5;
	margin:0 auto;
	font-family: "BundesSansWeb",Arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	}

/* innerhalb des Textbereichs */
#inhalt h1, #inhalt h2, #inhalt h3, #inhalt h4, #inhalt h5, #inhalt h6 {font-family: "BundesSerifWeb",Georgia, Times New Romans, serif;}
#inhalt h1 {font-size: 26px;}
#inhalt h2 {font-size: 22px; margin: .67em 0;}
#inhalt h3 {font-size: 20px;}
#inhalt h4 {font-size: 18px;}
#inhalt h5 {font-size: 18px;}
#inhalt h6 {font-size: 18px; font-weight: normal;}

#inhalt h1, #inhalt h2, #inhalt h3, #inhalt h4,#inhalt h5, #inhalt h6 {margin-top: 20px; margin-bottom: 10px;}

#inhalt p, #index p {font-size: 15px;}

#inhalt a , #index a {color: #004f80;}

#inhalt a:link {
	font-size: 15px;
	text-decoration: underline;
}

#inhalt a:hover, #inhalt a:active, #inhalt a:focus {color:#6b7581;}

#inhalt a:visited, #index a:visited {color: #004f80;}

#inhalt .clearer {clear: both; xmargin:0;}

#inhalt hr {border: solid #e1e3e6 1px; height:1px;}

#inhalt .abstract {
	font-size: 15px;
	font-family: "BundesSansWeb",Arial, helvetica, sans-serif;
	font-weight: bold;
}

#inhalt em {font-weight: bold; font-style: normal;}

#inhalt strong {background: #e0f3f7;}/* 20% der Hausfarbe*/

#inhalt cite {font-style: italic;}

#inhalt .totop {
	text-align: right;
	line-height: 0.5em;
}

#inhalt .totop a {
	font-size: 80%;
	padding-left: 3em;
}

#index .baustein_farbe, #inhalt .baustein_farbe {
	color: #64c3d5;
	font-weight: bold;
}

#index .baustein_weight, #inhalt .baustein_weight {font-weight: bold;}

#index  a:hover .baustein_farbe, #index  a:focus .baustein_farbe,
#inhalt a:hover .baustein_farbe, #inhalt a:focus .baustein_farbe {
	color: #64c3d5;
	font-weight: bold;
}

#index a:visited .baustein_farbe, #inhalt a:visited .baustein_farbe {color: #64c3d5;}

ul {font-size: 15px;}

/* listenpunkte mit groesserem abstand */
#inhalt ul.textlisten li {padding-bottom: 1em;}/* line-height: 1.7; */

#inhalt ul.textlisten li ul li:first-child {padding-top: 1em;}

#inhalt ul.textlisten li ul li:last-child {padding-bottom: 0em;}

/* ############# Primefaces Theme Override  ############# */

body .ui-button.ui-state-hover {
	background: rgba(104, 150, 243, 0.04);
	border-color: transparent;
	color: black;
}

body .ui-button.ui-state-active, body .ui-button.ui-state-down {
	background: rgba(33, 150, 243, 0.16);
	color: black;
	border-color: transparent;
}

/** HELPACCORDION **/

.helpAccordion .ui-icon.ui-icon-triangle-1-e{
	background-position: -16px -128px;
}

.helpAccordion .ui-icon.ui-icon-triangle-1-s{
	background-position: -48px -128px;
}

.helpAccordion .ui-accordion-header {
	font-size: 15px;
	padding: 1em 0.5em 1em 2.2em !important;
	background-color: #f5f5f5;
	margin-bottom: 5px !important;
}

.helpAccordion .ui-state-active {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}


.helpAccordion .ui-accordion-content {
	border: 1px solid #e5e5e5;
	border-top: none;
}

.helpAccordion .ui-accordion-content p {
	padding-left: 1.7em;
}

/** CUSTOM DPMA **/

/** CONFIRMATION PANEL **/
.confirmPanel.ui-panelgrid>*>tr,
.confirmPanel.ui-panelgrid .ui-panelgrid-cell {
	border: none;
}

/** ADDRESSDISPLAY Panel **/
.addressDisplayPanel.ui-panelgrid .ui-panelgrid-cell {
	border: none;
	padding: 2px 2px ;

}
.addressDisplayPanel.ui-panelgrid td {
	padding: 2px 5px ;
}

.informationPanel.ui-panelgrid .ui-panelgrid-cell {
	border: none;
	padding: 10px 10px 10px 10px;
}

.dpmaImageCropperDiv > * {
	display: block;
	margin: 0px auto;
}

.dpmaDesignHeader {
    font-weight: bold;
    font-size: 16px !important;
}

.dpmaAttachmentHeader {
    font-weight: bold;
    font-size: 16px !important;
}

/** BUTTONS **/
.dpmaButtonColor {
	color: black !important;
}

.ui-menubutton .ui-button {
    background-color: white !important; /* Change background to white */
    color: black !important; /* Change text color if needed */
    border: none;
}

/** LINKS **/

.dpmaLinks a {
	color: #369;
	text-decoration: none !important;
	text-transform: uppercase;
}

.dpmaLinks:hover {
	background-color: #fff;
	outline: solid;
	outline-width: thin;
	outline-color: #369;
	text-decoration: underline;
	box-shadow: 0 0 8px #369;
}

.dpmaFooterLinks a {
	color: #000000;
	text-decoration: none !important;
	text-transform: uppercase;
}

.dpmaFooterLinks:hover {
	background-color: #fff;
	outline: solid;
	outline-width: thin;
	outline-color: #369;
	text-decoration: underline;
	box-shadow: 0 0 8px #369;
}

.dpmaFooterLinks:active {
    background-color: #fff;
    outline: solid;
    outline-width: thin;
    outline-color: #369;
    text-decoration: underline;
    box-shadow: 0 0 8px #369;
}

/** COLORCODES **/
/* Die Farben sollten sync sein mit AppHelpers.resolveStateColor(..). */
.stateOk {
	color: green;
}

.stateInfo {
	color: green;
}

.stateWarning {
	color: orange;
}

.stateError {
	color: red;
}

.dpma-footer {
    display: flex;
    justify-content: right;
    align-items: center;
    bottom: 0;
    width: 100%;
    height: 7em;
    background-color: #64c3d5;
}

.dpma-footer-copyright {
    text-align: right;
    vertical-align: center;
}

/*
  Used to calculate the position of the footer
  It should always be at the bottom of the screeen.
  If more content is visible it should be pushed down.
*/
.dpma-template-content-requirements {
	min-height: calc(100vh - 7em);
}

/********************** progress navi bar ***********************************/

.progress-navi-bar .navi-item-underscore-part {
    font-size: 1.4rem
}
.progress-navi-bar .navi-item-link {
    margin-left: 0px !important;
    margin-right: 3px !important;
    font-size: 0.9rem !important;
    color: black !important;
    text-decoration: none !important;
}
.progress-navi-bar .navi-item-top-menue-link {
    margin-left: 0px !important;
    margin-right: 3px !important;
    font-size: 2.4rem !important;
    text-decoration: none !important;
}
.progress-navi-bar .navi-item-separator {
    font-size: 0.9rem !important;
}

.progress-navi-bar .navi-item-top-menue-separator {
    font-size: 1.0rem !important;
}


@media screen and (max-width: 880px) {
    .progress-navi-bar .navi-item-underscore-part {
        font-size: 1.3rem !important;
    }
    .progress-navi-bar .navi-item-link {
        margin-right: 1px !important;
        font-size: 0.9rem !important;
    }
    .progress-navi-bar .navi-item-top-menue-link {
        margin-right: 1px !important;
        font-size: 1.8rem !important;
    }

    .progress-navi-bar .navi-item-separator {
        font-size: 0.9rem !important;
    }

    .progress-navi-bar .navi-item-top-menue-separator {
        font-size: 1.0rem !important;
    }
}

.importPopUp.ui-dialog .ui-dialog-titlebar {
    background-color: #E4E4E4 !important;
}

.invalidityFieldset .ui-fieldset-legend {
    height: 40px !important;
    font-size: 18px !important;
    padding: 0.3em 1em !important;
}