body {
	margin: 0;
	padding: 0;
    background-color: var(--background-subtle);
}

header a {
	text-decoration: none;
}

a {
    text-decoration: none;
    background: transparent;
}

/*footer {*/
/*	border: 0;*/
/*	padding: 0;*/
/*    height: 7rem;*/

/*    position: static;*/
/*    bottom: initial;*/
/*    width: 100%;*/
/*}*/

footer .nav > li > a,
footer .nav > li > a:hover, footer .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}

.nav>li>a:hover {
    color: var(--text-action-secondary-hover);
}

.nav>li>a:active, .nav>li>a:focus {
    color: var(--text-action-secondary-pressed);
}

.footerNav > li:nth-child(odd) {
    border-right: none;
}

.footerNav > li:first-child {
    border-left: none;
}

.footerNav > li > a {
	color: #a5b9c5;
    position: relative;
    display: block;
    padding: 0 18px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

.footerNav li.trademark {
    width: auto;
    font-size: 18px;
    background: transparent;
    color: #002d52;
    padding: 0 15px;
}

div#myCarousel {
    background-color: #E6EDF5;
    padding: 32px;
}

.carousel-inner {
    min-height: 305px;
}

.carousel-inner .item h1 {
    color: #002d52;
    font-weight: 700;
    margin-bottom: 18px;
    font-size: 48px;
    line-height: 1.3;
}

.carousel-inner .item p {
    color: #002D52;
    font-size: 18px;
    line-height: 1.44;
}

.carousel-indicators {
    bottom: 0;
}

.loginPanel {
    background-color: #002d52;
    border: none;
    border-radius: unset;
}

.panel-body {
    padding: 24px 30px;
}

#form_initialLogin_step2 .col-md-5 {
    /* background-color: #002d52; */
}

[id$="loginSubmit"].btn.btn-special {
	height: 60px;
    color: #fff;
    margin: 19px 0;
    border-radius: unset;
    background-color: #ff6b6b;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
    border: 2px solid transparent;
}

[id$="loginSubmit"].btn.btn-special:hover, [id$="loginSubmit"].btn.btn-special:active {
    background-color: #cc5656;
}

.loginPanel a {
    position: absolute;
    top: 85px;
    color: #5B7F95;
    font-weight: 700;
    text-decoration: none;
    margin-top: 0px;
    padding-left: 12px;
    font-size: 16px;
    line-height: 1.3;
}


.iconbtn.Wtext {
    font: normal normal 24px/34px 'FontAwesome', sans-serif;
    width: 24px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    color: #002d52;
    text-align: center;
    background-color: transparent;
}

a:hover .iconbtn.Wtext, a.iconbtn.Wtext:hover {
    color: #a5b9c5;
    background-color: transparent;
}

.specialLinkCont .btnTxt {
    margin-left: 10px;
    vertical-align: middle;
    position: relative;
    left: 0px;
    font-weight: 700;
    font-size: 16px;
    color: #5b7f95;
}

.btn {
    background: #002d52;
    color: #fff;
    border: 2px solid transparent;
    padding: 15px 50px;
    font-weight: bold;
    font-size: 20px;
}

.insideBtn {
    display: inline-block;
    border-radius: 0;
    background: transparent;
    color: #64c3ca;
    width: 35px;
    height: 35px;
    text-align: center;
    margin-right: 5px;
}

a.outsideBtn > ul > li {
    color: #64c3ca;
}

.letterBoxTable span.btnTxt {
    color: #64c3ca;
    font-weight: 700;
    margin-right: 8px;
}

.letterBoxTable td a .fa-trash {
    color: #64c3ca !important;
}

.tableList > li:last-child {
    padding-left: 5px;
}

a:hover .iconbtn, .btn:hover, a.iconbtn:hover, a.on .iconbtn {
    color: #fff;
    background-color: #002d52; /* TODO: Hover Style */
}

.form-group.has-feedback input.form-control {
    border: 1px solid #74828c;
    color: #002D52;
    padding: 12px 12px;
}

.sidebar-offcanvas.right > div.withBackground {
    background: #ffffff;
    overflow: hidden;
    margin-bottom: 30px;
    padding-top: 0;
    padding-bottom: 9px;
    border: 1px solid #e6edf5;
}

.sidebar-offcanvas.right .withBackground h3:first-of-type {
	color: #002d52;
    margin-top: 23px;
    margin-bottom: 23px;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

.sidebar-offcanvas.right .teaser h2:first-of-type {
	color: #002d52;
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
}

div.sidebar-offcanvas.right .teaser p {
	color: #002d52;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.4;
}

.profilList dt {
	font-size: 16px;
	line-height: 1.4;
    float: left;
    width: 35%;
    clear: left;
    text-align: left;
    margin-bottom: 0px;
    color: #002d52;
}

.profilList dd {
	font-size: 16px;
	line-height: 1.4;
    color: #002d52;
}

.sidebar-offcanvas.right .withBackground h3 {
    margin-top: 22px;
    font-size: 20px;
    font-weight: 700;
    line-height:1.3;
}

div.sidebar-offcanvas.right h3 {
    color: #002d52;
    margin-top: 0;
}

.sidebar-offcanvas.notLogged {
    margin-top: 430px;
}

.carousel-indicators li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #002d52;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000;
    background-color: rgba(0,0,0,0);
}

.carousel-indicators .active {
    margin: 0;
    width: 16px;
    height: 16px;
    background-color: #fff;
}

.carousel-indicators li.active {
    background-color: #002d52;
}

.carousel {
    margin-top: 42px;
}

/*.nav.tabNav > li.active a, .nav.tabNav > li > a:hover {*/
/*	color: #fff;*/
/*    background-color: #64c3ca;*/
/*}*/
/*
Gleicher Selektor wird in nvg_tabnavigation.css (ca. Zeile16)
verwendet. Da vermutlich nur für TopService auf Startseite
benötigt, vorerst hier auskommentiert.
OP20.03.2025
*/
/*.nav.tabNav > li > a {*/
/*    text-align: center;*/
/*    background: #e6edf5;*/
/*    padding: 10px 4px;*/
/*    border-radius: 0;*/
/*    color: #002d52;*/
/*}*/

.nav.tabNav .ownPanel {
}

.nav.tabNav .ownPanel .inside {
	color: inherit;
	background-color: inherit;
	padding: 16px;
}

.nav.tabNav .active .ownPanel .inside {
    background-color: inherit;
}

/*.nav.tabNav .ownPanel .inside:hover, .nav.tabNav .ownPanel .inside:active {*/
/*	color: #fff;*/
/*	background-color: inherit;*/
/*}*/

/*.ownPanel.selectedPanel, div.ownPanel:hover {*/
/*    background: #64c3ca;*/
/*}*/

div.sidebar-offcanvas.right .noBackground {
    border-top: 2px solid var(--border-base);
    padding-top: 20px;
}

div.sidebar-offcanvas.right h3 {
    margin-top: 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
}

@media (max-width: 992px) {
    #faq .vertical-menu li a {
        letter-spacing: -0.03em;
    }   
}

.faqList h4.noPadding {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.glossarXs {
    background: transparent;
    padding: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-base);
    margin-bottom: 12px;
}

/*[class*="icon-"] {*/
/*    color: #002d52;*/
/*}*/

/*.nbLogo > .fa {*/
/*    color: #002d52;*/
/*}*/

div[id$="news"] > p strong {
    font-size: 24px;
    line-height: 1.44;
    font-weight: normal;
}

div[id$="news"] > h2 {
    font-size: 40px;
    line-height: 1.4;
    font-weight: bold;
}

.newsTxt ul {
	list-style: none;
	margin: 0 0 24px 0;
	padding: 0;
}

.newsTxt ul li strong {
	color: #002d52;
}

.newsTxt ul li:not(:last-child) {
	margin-bottom: 14px;
}

.newsTxt ul li:before {
	content: '\f00c';
	color: #5b7f95;
    padding-right: 8px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.circle-text:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background: transparent;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.circle-text [class*="icon-"], .circle-text .fa[class*="fa-"] {
	color: #002d52;
}

.txtCont {
	color: #002d52;
	margin: 0;
	font-size: 16px;
	line-height: 1.4;
	text-align: center;
}

.explainCont .arrow::after {
    color: #002d52;
}

.has-feedback .control-label {
	font-size: 16px;
	font-weight: 700;
	color: #002d52;
}

.form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 15px;
    text-align: left;
    margin-right: -15px;
}

.vertical-menu li a:hover, .vertical-menu li a:focus, .vertical-menu li.active a {
    background: #64c3ca;
    color: #fff;
    float: left;
    margin-bottom: 15px;
    padding: 15px;
    transition: all 0.3s ease 0s;
    width: 100%;
    text-decoration: none;
}

.vertical-menu li a {
    background: #e6edf5;
    border-radius: 0;
    float: left;
    margin-bottom: 15px;
    padding: 15px;
    transition: all 0.3s ease 0s;
    width: 100%;
    color: #002d52;
    font-weight: 700;
}

.vertical-menu li a {
	position: relative;
}

.vertical-menu li.active a:after {
    content: "";
    border-top: 0.5em solid rgba(0, 0, 0, 0);
    border-bottom: 0.5em solid rgba(0, 0, 0, 0);
    border-left: 0.5em solid;
    display: inline-block;
    height: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: top;
    width: 0;
    color: #64c3ca;
    z-index: 50;
    left: 100%;
}

/* FAQ Accordion */

div#howTo hr {
	display: none;
}

div#howTo h1, div#howTo h2, div#howTo h3 {
	margin-bottom: 25px;
}
.tab-content [id*="accordionFAQ_"].faqPanelGroup .panel-heading,
[id*="accordion_"].infoPanelGroup .panel-heading {
    padding: 5px;
    border-bottom: none;
    background: transparent;
    border: none;
    border-radius: 0px;
}

.contractPanelGroup.faqPanelGroup .panel,
.contractPanelGroup.infoPanelGroup .panel {
	margin-bottom: 0;
    border-left: 0;
    border-right: 0;
    background: #fff;    
    border-bottom: 1px solid #e7ecef;
}

.contractPanelGroup.faqPanelGroup .panel:first-child,
.contractPanelGroup.infoPanelGroup .panel:first-child {
	border-top: 1px solid #e7ecef;
}

.contractPanelGroup.faqPanelGroup .panel .list-group-item,
.contractPanelGroup.infoPanelGroup .panel .list-group-item {
    padding: 5px 0px;
    margin-bottom: -1px;
    background-color: transparent;
    border: none;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #e7ecef;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #e7ecef;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #e7ecef;
}
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #e7ecef;
}

.tab-content [id*="accordionFAQ_"] .contractPanelGroup.faqPanelGroup .panel .list-group-item,
[id*="accordion_"] .contractPanelGroup.infoPanelGroup .panel .list-group-item {
    padding: 5px 0px;
    margin-bottom: -1px;
    background-color: transparent;
    border: none;
}

.tab-content [id*="accordionFAQ_"] .fa-li,
[id*="accordion_"] .fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .35em;
    text-align: center;
}

.tab-content [id*="accordionFAQ_"] .panel-title,
[id*="accordion_"] .panel-title {
	color: #002d52; /* #5b7f95 */
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.44;
}

.tab-content [id*="accordionFAQ_"] .panel-heading i,
[id*="accordion_"] .panel-heading i {
    color: #002d52; /* #5b7f95 */
}

.tab-content [id*="accordionFAQ_"] .panel-body,
[id*="accordion_"] .panel-body {
    padding: 0 45px;
}

.tab-content [id*="accordionFAQ_"] .panel-body.panelText p,
[id*="accordion_"] .panel-body.panelText p {
	margin: 20px 0;
}

/* Startseite Header */

.metaInf ul.metaInfList.list-inline.list-unstyled li {
	color: #002d52;
    border: none;
}

.metaInf ul.metaInfList.list-inline.list-unstyled li a:hover,
.metaInf ul.metaInfList.list-inline.list-unstyled li a:focus {
    text-decoration: none;
    color: #a5b9c5;
}

/*.sidebar-offcanvas.pos-t {*/
/*    margin-top: 130px;*/
/*}*/

/*!* Side Navigation sidebar-nav *!*/

/*.sidebar-nav ul > li > a {*/
/*    color: #002d52;*/
/*}*/

/*.sidebar-nav li {*/
/*    border-bottom: 1px solid #e7ecef;*/
/*}*/

/*.sidebar-nav li:first-child {*/
/*    border-top: 1px solid #e7ecef;*/
/*}*/

/*.sidebar-nav li:last-child {*/
/*    border-bottom: 1px solid #e7ecef;*/
/*}*/

/*.sidebar-nav .nav > li > a:hover, .nav > li > a:focus, .sidebar-nav ul > li > a.activeNav {*/
/*    text-decoration: none !important;*/
/*    background-color: transparent;*/
/*    color: #64c3ca;*/
/*}*/

/*.sidebar-nav .fa {*/
/*	color: transparent;*/
/*    line-height: 1.5em;*/
/*}*/

/*.sidebar-nav ul > li > a.activeNav .fa {*/
/*	color: #64c3ca;*/
/*}*/

/* message-list */

ul > li > h3 {
	font-weight: 700;
}

.specialHeadline {
    border-bottom: 2px solid #a5b9c5;
}

.specialHeadline:after {
	display: none;
}

.messageListHead {
	display: flex;
	justify-content: space-between;
}

.messageListHead li {
    flex: 1 auto;
}

.messageList {
    border-bottom: none;
    padding: 10px 0;
}

.circleStep {
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    border-radius: 33px;
    background: transparent;
    color: white;
    position: relative;
    z-index: 5;
    margin: 0 auto;    
}

ul:not(.pagerList) .circleStep {
	font-size: 28px;
}

.pagerList .circleStep.active, .circleInformation {
    background: transparent;
}

.circleInformation {
    color: #5b7f95;
    display: block;
    background: transparent;
    width: initial;
    height: initial;
    line-height: 1.4;
    border-radius: 0;
    text-align: right;
}

.list-group.messageList.messageSummary a {
	border-bottom: 1px solid #e7ecef;
}

.list-group.messageList.messageSummary a p span {
	color: #5B7F95;
}

a.list-group-item {
    text-decoration: none;
    color: #5B7F95;
    background-color: transparent;
}

a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    color: #002d52;
    background-color: transparent;
}

a.list-group.messageList.messageSummary a p {
	color: #5B7F95;
}

a.list-group-item:hover p span, a.list-group-item:focus p {
	color: #002d52;
}

.messageSummary.messageList .list-group-item-text {
	color: #5b7f95;
}

.messageSummary.messageList a.list-group-item:hover .list-group-item-text {
	color: #002d52;
}

.messageSummary.messageList a.list-group-item:hover .list-group-item-text span {
	color: #002d52;
}

.messageList .fa {
    color: #e7ecef;
    padding-top: 2px;
}

/* Table */

.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {
	border: 0; /* TODO STYLUS: only for inspector */
    border-bottom: 1px solid #e7ecef;
}

.table-hover > tbody tr > td:first-child, .table-hover > thead tr > th:first-child, .table-bordered > tbody tr > td:first-child, .table-bordered > thead tr > th:first-child, table.shortViewTable thead tr > th:nth-child(5n), table.table-bordered.tableToList > tbody > tr:last-child > td:last-child {
    border: 0; /* TODO STYLUS: only for inspector */
    border-bottom: 1px solid #e7ecef;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 0; /* TODO STYLUS: only for inspector */
}

.table-bordered > tbody > tr > td {
    border: 0; /* TODO STYLUS: only for inspector */
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-bottom: 1px solid #e7ecef;
}

.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
	color: #002d52;
    background-color: #e7ecef;
}

.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
    color: #002d52;
    background-color: #e7ecef;
}

table.shortViewTable .fa {
    color: #e7ecef;
    font-size: 18px;
    line-height: 1.4;
}

table.shortViewTable tbody>tr:hover>td .fa {
	color: #fff;
}

table.shortViewTable thead tr > th, table.letterBoxTable thead tr > th, table.tableToList thead tr > th {
    color: #002d52;
}

table.shortViewTable tbody tr > td {
	color: #5b7f95;
}

table.shortViewTable tbody tr:last-child, table.shortViewTable tbody tr:last-child td, table.shortViewTable.table-hover > tbody > tr:last-child:hover > td, table.tableToList tbody tr:last-child, table.tableToList.table-hover > tbody > tr:last-child:hover > td {
    background: #002d52;
    border-top: none;
    color: #fff;
}

table.letterBoxTable tbody tr > td:last-child {
    padding: 9px;
}

/* content header */

.headerList dt {
    color: #002d52;
}

.headerList li + li {
    border-left: 2px solid #e7ecef;
}

.dataListContainerFirst {
	font-size: 16px;
    background: #f8fafd;
    color: #002d52;
    margin-top: 40px;
    margin-bottom: 0px;
    padding-top: 25px;
    padding-bottom: 25px;
    border: none;
}


dl.longDataList {
    color: #002d52;
}

/* Verträge content */

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
    color: inherit;
}

.contractPanelGroup .panel {
    margin-bottom: -1px;
    border-radius: 0px;
    background: #f8fafd;
    box-shadow: none;
    border-left: 0;
    border-right: 0;
}

.panel-default {
    border-color: #e7ecef;
}

.highlightTable {
    background: #fff;
    padding: 15px 0 15px 0;
    margin-bottom: 15px;
}

.highlightTable thead tr th {
	color: #002d52;
	font-weight: 700;
	font-size: 16px;
}

.highlightTable tbody tr td, .highlightTable tbody tr th {
	color: #002d52;
	font-size: 16px;
}

.contractPanelGroup .badge, #documents .badge, .notificationList .badge, .panel-default > .panel-heading .badge, .contractPanelGroup .openPanel.wAmount .badge, .accordion .badge{
	padding: 5px 7px;
    background-color: transparent;
    border-radius: 0px;
    color: #002d52;
    font-size: 20px;
}

/* Sidebar */

.noBackgroundVermittler {
    border-bottom: 1px solid #e7ecef;
    border-top: 1px solid #e7ecef;
    padding-bottom: 15px;
    margin-bottom: 30px;
    padding-top: 25px;
}

.hr {
	display: none;
}

.lightBg {
    background: transparent;
}

.sidebar-offcanvas.right > .lightBg {
    margin-top: 0;
    margin-bottom: 30px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

/* Icons (bspw. Verträge) */

.circleIcon {
    display: block;
    background: transparent;
    width: auto;
    height: auto;
    line-height: 1.2;
    border-radius: 0;
    color: #002d52;
    text-align: left;
    font-size: 2.0em;
}

/* div table */

a.list-group-item .list-group-item-heading {
	font-size: 18px;
    color: #002d52;
    font-weight: 700;
    margin-bottom: 2px;
}

.messageList.border .list-group-item {
    border-bottom: 1px solid;
    margin-bottom: 0;
    border-color: #e7ecef;
}

.messageList.border .list-group-item {
    padding: 10px 0;
}

.letterBoxTable .iconEnvelope-briefIcon {
    color: #002d52;
}

.letterBoxTable span {
    color: #002d52;
    font-weight: normal;
    margin-right: 8px;
}

.mailCont {
    background: #e6edf5;
    margin-left: -8px;
    margin-top: -8px;
}

pre {
    color: #002d52;
}

/* trenner hr */

hr {
    border-top: 1px solid #eaeaea;
}

/* input */

textarea.form-control {
    padding: 5px;
    color: #002d52;
}

.errorFieldRight.alert-info {
    color: #002d52;
}

.twitter-typeahead > input {
	color: #002d52;	
}

/* button */

.input-group.btnRound .input-group-btn .btn-file {
    border-radius: 0;
    padding: 9px 24px;
    background: #a5b9c5;
}

.input-group.btnRound .input-group-btn .btn-file:hover {
	background: #002d52;
	color: #fff;
}

a:hover .iconbtn, a.iconbtn:hover, a.on .iconbtn {
    color: #002d52;
    background-color: transparent;
}

.btn:hover {
	color: #002d52;
	background-color: transparent;
	border: 2px solid #002d52;
}

.iconbtn.btnBorder, .btn.btnBorder {
    background-color: transparent;
    text-decoration: none;
    border: 2px solid #002d52;
    color: #002d52;
}

.iconbtn.btnBorder:hover, .btn.btnBorder:hover {
    background: #002d52;
    color: #fff;
}

input.cmdBtn {
	font-weight: 700;
}


/* Dropdown */

/* hacks */

@media (max-width: 768px) {
    #j_idt314 .has-feedback .control-label {
        padding: 18px;
    }
}

#j_idt314 .has-feedback .control-label {
    font-size: 20px;
    padding-top: 5px;
}

.dropdown-toggle {
    background: #002d52;
    border: none;
    color: #fff;
    padding: 5px 20px;
}

.btn-group.bootstrap-select.form-control {
    height: 38px;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    right: -1px;
    width: 30px;
    height: 100%;
    border: none;
    background: #002d52;
    text-align: center;
    top: -1px;
    vertical-align: middle;
    display: inline-block;
}

.btn.dropdown-toggle:hover {
	border: none;
}

/* Pager List */

.pagerList .circleStep {
    background: #e7ecef;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 0;    
    color: #002d52;
    position: relative;
}

.pagerList .circleStep.active {
    background: #002d52;
    color: #fff;
}

.pagerList > li {
    padding: 2px 1px;
}

/*  Tabs */

.nav.tabNav li.smallPanelTab.active::after {
    border-left: .8em solid rgba(0, 0, 0, 0);
    border-right: .8em solid rgba(0, 0, 0, 0);
    border-top: .8em solid;
}

.nav.tabNav.tabNavSmallTabsText > li > a {
    padding: 20px 4px;
    font-weight: 700;
}

/* 1 2 3 4 */

.lightBackground {
    background: #f8fafd;
    border: none;
    margin: 0;
    padding: 20px;
}

.block-list li.active dd, .block-list li.active dt {
    background: transparent;
    color: #fff;
}

ul.information li:not(.done) dt.circleStep:after {
    content: '.';
}

.block-list li.active dd:after {
	content: none;
}

ul.information li:nth-child(even) {
    display: none;
}

ul.information li dl {
    background: #e7ecef;
    padding: 10px 20px;
    width: 8em;
}

ul.information.block-list.justify li:nth-child(even) {
    display: none;
}

ul.information.block-list.justify li dl {
    background: #e7ecef;
    padding: 10px 20px;
    width: 8em;
}

ul.information li:not(.done) dl {
    background: #64c3ca;
    padding: 10px 20px;
    width: 8em;
}

.block-list .done dd {
    color: #002d52;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}

.done dt {
    background: transparent;
}

.done dt i.fa.fa-check {
    font-size: 28px;
}

ul.information.block-list.justify li:not(.done) dl {
    background: #64c3ca;
    padding: 10px 20px;
    width: 8em;
}

.block-list li:not(.done) dd {
	padding: 2px 5px 3px 5px;
    margin-top: 10px;
    position: relative;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}

/* information */

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #002d52;
    border: none;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

.well {
    min-height: 20px;
    padding: 20px 30px;
    margin-bottom: 30px;
    background-color: #002d52;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.featureBox {
    background-color: #002d52;
    border: none;
    border-radius: 0px;
}


.well.featureBox > *:not(#glossar_faq) {
    color: #fff;
}

/* special Registrierungs-Banner */
.bannerReg {
  color: white;
  margin-top: 25px;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #FF6B6B;
  display: inline-block;
  transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
}


.glossarLg label {
    top: 25px !important;
    right: 10px !important;
}

ul.list-unstyled.blockBtnList.nav-pills li a.btn {
	color: #002d52;
	background: #e6edf5;
    width: 50px;
    height: 50px;
    border-radius: 0;
    padding: 13px 10px;
}

ul.list-unstyled.blockBtnList.nav-pills li a.btn.active {
	color: #fff;
    background: #64c3ca;
    box-shadow: none;
}

.rating-container {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: rgba(165,185,197,.5);
    overflow: hidden;
    letter-spacing: 5px;
}

.rating-container .rating-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #002d52;
    transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -webkit-transition: all .25s ease-out;
}

.form-horizontal .checkbox, .form-horizontal .radio {
    margin-bottom: 0;
}

.form-horizontal .checkbox:last-child, .form-horizontal .radio:last-child {
    margin-bottom: 15px;
}

#feedback .form-group.has-feedback {
	margin-bottom: 0;
}

input.dateInput + .fa-exclamation-circle:before {
    position: relative;
    top: 7px;
    right: -40px;
}

input + .fa-exclamation-circle:before {
    position: relative;
    top: 7px;
    right: 7px;
}

.screen-reader {
    height: 0;
}

@media (max-width: 768px) {
    input.dateInput + .fa-exclamation-circle {    
        display: none !important;
    }
}

/* help mode */

.HelpModeOn {
    border-bottom: 2px dotted #002d52;
}

@media (min-width: 768px) { 
    .errorFieldRight:after {
        top: 8px;
    }
}

/* mobile */

@media (min-width: 768px) and (max-width: 1024px) {
    .nav.footerNav li {
        border: 0 transparent;
    }
    .nav.footerNav {
        border-top: 1px solid;
        padding-top: 10px;
    }
}

@media (max-width: 768px) {
    
    #form_initialLogin_step2 .panel-body {
        padding: 10px 30px;
    }
    
    [id$="loginSubmit"].btn.btn-special {
        margin: 6px 0;
        height: 56px;
        font-size: 18px;
    }
    
    .form-horizontal label[for$="anliegen"].control-label {
        padding-top: 7px;
    }
    
    .bootstrap-select.btn-group .dropdown-toggle .caret {
        height: 38px;
    }
    
    .bootstrap-select > .dropdown-toggle {
        padding: 5px 25px 5px 5px;
    }

	ul.information.block-list.justify li dl {
	    min-height: 96px;
	}

	.responsive-table tbody th {
	    background-color: transparent;
	}

	.sidebar-offcanvas.notLogged {
	    margin-top: 15px;
	}

	.carousel-inner {
	    min-height: 300px;
	}

	.carousel-inner .item h1 {
	    color: #002d52;
	    font-weight: 700;
	    margin-bottom: 18px;
	    font-size: 34px;
	    line-height: 1.3;
	}

	.loginPanel a {
	    position: relative;
	    top: 0;	    
	    color: #fff;
	    font-weight: 700;
	    text-decoration: none;
	    margin-top: 10px;
	    padding-left: 0;
	    font-size: 16px;
	    line-height: 1.3;
	}

	#form_initialLogin_step2 .col-md-5 {
		background: transparent;
	}

	.nav.tabNav .ownPanel .inside {
	    padding: 0;
	}

	.nav.tabNav > li > a {
	    padding: 12px 15px;
	}

	.explainCont .arrow::after {
		display: none;
	}

	.block-list li:not(.done) dd {
	    margin-top: 0px;
	    font-size: 18px;
	}

	ul:not(.pagerList) .circleStep {
	    font-size: 24px;
	}

	.input-group.btnRound .input-group-btn .btn-file {
		padding: 12px 24px;
	}

	.form-group.has-feedback input.form-control {
	    padding: 10px 10px;
	}

	.btn {
	    padding: 15px 35px;
	    font-size: 18px;
	}

	ul.information li dl {
	    padding: 5px 10px;
	    width: 8em;
	}
    
    ul.information li dl dd {
        margin-top: 10px;
    }

	.vertical-menu li.active a:after {
		display: none;
	}

	.logo {
		left: 25px;
	}

	.bigTab-Box .tab-pane {
	    padding-top: 45px;
	}

	.sidebar-offcanvas.pos-t {
	    margin-top: 15px;
	}


	.buttonList.tabNav i {
	    display: inline;
	    padding-right: 10px;
	    font-size: 22px;
	}

	.circleList .circleIcon {
	    margin: 0 auto;
	    text-align: center;
	}

	ul.list-inline.circleList li h3 {
	    margin-top: 5px;
	}

	a.list-group-item .list-group-item-heading {
	    font-size: 18px;
	}

	.buttonList.tabNav > li > a {
		font-weight: 700;
	}

	.footerNav.nav {
		margin-left: 0;
		margin-right: 0;
		border-top: 1px solid #002d52;
	}
	.footerNav.nav li:first-child {
		margin-top: 20px;
	}
	.footerNav.nav li {
		text-align: center;
		display: block;
		width: 100%;
		border: none;
		margin-bottom: 10px;
	}
	.footerNav.nav li:last-child {
		margin-top: 20px;
	}
	.footerNav.nav > li > a {
		font-size: 16px;
	}
}

@media (max-width: 420px) {
    h1 {
        font-size: 34px;
    }
    h2 {
        font-size: 28px;
    }
    .btn {
        padding: 15px 26px;
        font-size: 16px;
    }
    .carousel-inner {
        min-height: 485px;
    }
    div[id$="news"] > h2 {
        font-size: 34px;
    }
}

@media (min-width: 370px) and (max-width: 420px) {
    .inside span {
        font-size: 0.8em;
    }
}

@media (max-width: 320px) {
    .inside span {
        font-size: 0.65em;
    }
}