body {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 25px;
}

#breadcrumb {
	display: none;
}

#header img {
	float: left;
	margin-left: 2.5%;
}

#header li {
	list-style-type: none;
	color: white;
}

#navigation ul,
.navbar-toggle {
	float: left;
}

.navbar-toggle {
	margin-left: 15px;
}

.navbar {
	border: none !important;
	margin-bottom: 0;
}

.nav li a, .nav li input {
	padding: 25px !important;
}

.nav li:hover {
	background-color: #DDDDDD;
}

#navbarCollapse li:hover a {
	color: #17356C;
}

.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}

.navbar-header {
	background-color: #17356C;
}

.navbar-toggle {
	background-color: #FFFFFF;
}

#navbarCollapse, #navbarCollapse li input {
	background-color: #17356C;
}

.collapse.in, .collapsing {
	display: flex;
	flex-direction: column;
}

#navbarCollapse li[class="active"] a, #navbarCollapse li[class="active"] input
{
	background: white !important;
	color: #17356C !important;
}

#navbarCollapse li a, #navbarCollapse li input {
	color: white;
}

#navbarCollapse li input {
	border: none;
}

#navbarCollapse img {
	margin: auto 0;
}

#breadcrumb {
	background-color: white;
	height: 40px;
}

#breadcrumb img {
	float: left;
}

#breadcrumb p {
	margin-right: 10px;
	float: left;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

html, #wrapper {
	background-color: white;
}

.ueberschrift, .ueberschrift2, .jqplot-title {
	text-align: center;
	color: rgb(23, 53, 108);
	-webkit-print-color-adjust: exact;
}

.ueberschrift {
	margin-top: 40px;
	margin-bottom: 0;
}

.jqplot-title {
	font-size: 24px !important;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

#angaben, .angabenwrapper, #ergebnis, #informationen, #datenschutz {
	background-color: #DAEAFB;
	margin: 10px 0 20px 0;
	text-align: center;
	padding-top: 20px;
	border: 1px solid rgb(206, 206, 206);
}

#informationen, #datenschutz {
	text-align: left;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 1%;
}

#datenschutz {
	border: none;
	background-color: white;
}

#datenschutz h1, #datenschutz h2 {
	color: #17356C;
}

.bezeichnung p {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.eingabefelder select, .eingabefelder input {
	width: 100%;
}

#ergebnis header {
	background-color: white;
	padding-left: 70%;
}

#angabenfooter, .angabenfooter {
	text-align: right;
	background-color: #DAEAFB;
}

#angabenfooter input, .angabenfooter input {
	background-color: #ef7d00 !important;
	border-color: #ef7d00 !important;
	color: white;
	margin: 20px 0;
}

#links a, #copyright a {
	color: grey;
}

.links_margin {
	margin-right: 5%;
}

.order-table {
	border-collapse: collapse;
}

.order-table-header {
	text-align: center;
	background: none repeat scroll 0 0 #17356C;
	color: white;
	border-bottom: 1px solid #BBBBBB;
	padding: 16px;
}

.order-table-odd-row {
	text-align: center;
	background: none repeat scroll 0 0 #FFFFFF;
	border-top: 1px solid #BBBBBB;
}

.order-table-even-row {
	text-align: center;
	background: none repeat scroll 0 0 #D4D4D4;
	border-top: 1px solid #BBBBBB;
}

#ergebnis p, #informationen p {
	margin: 20px;
}

.versteckt {
	display: none !important;
}

.delete, .drop-down-icon {
	width: 40px !important;
	font-size: 30px;
	padding: 0;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.kind-eingabe, .drop-down-input {
	width: calc(100% - 40px) !important;
	float: left;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.btn-success, .btn-danger {
	background-color: #17356C !important;
	border-color: #17356C !important;
}

.order-table {
	display: inline;
}

.info {
	color: transparent;
	background-color: transparent;
	border-color: transparent;
	cursor: default;
}

.neueskindbutton {
	margin-top: 10px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px !important;
	font-size: 18px;
}

.fehlermeldungen {
	color: #a94442;
	margin: 1px 0;
}

abbr[title] {
	border-style: none !important;
}

#tooltip, .ui-tooltip {
	text-align: left;
	color: #fff;
	background: #17356C;
	padding: 15px;
	max-width: 600px;
}

.tooltipster-arrow-border, .tooltipster-arrow-background {
	border-bottom-color: #17356C !important;
}

.has-error {
	color: #a94442;
}

.btnNeueBerechnung {
	background-color: #17356C !important;
	border-color: #17356C !important;
	margin: 30px 30% 0;
	color: white;
	width: 40%;
}

.btnNeueBerechnung2 {
	background-color: #17356C !important;
	border-color: #17356C !important;
	margin: 10px 5px 0;
	width: 40%;
}

.btnNeueBerechnung3 {
	background-color: #ef7d00 !important;
	border-color: #ef7d00 !important;
	margin: 30px 30% 0;
	color: white;
	width: 40%;
}

.datalistfeld, .datalistfeld2 {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("/javax.faces.resource/images/arrowdown.jpeg.xhtml");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

#konfiguration {
	display: none;
}

input::-webkit-calendar-picker-indicator {
	display: none;
}

select::-ms-expand {
	display: none;
}

::-ms-clear {
	display: none;
}

#links, #copyright {
	margin-bottom: 10px;
}

.my-tooltip {
	cursor: pointer;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box
	{
	background: #17356C;
	border: 3px solid #17356C;
	border-radius: 6px;
	box-shadow: 5px 5px 2px 0 rgba(0, 0, 0, 0.4);
	max-width: 300px;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content
	{
	color: white;
	padding: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #17356C;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: #17356C;
}

.tooltipster-content a {
	font-style: italic;
	text-decoration: underline;
	color: white;
}

.form-control {
	border-radius: 0 !important;
}

.form-control:focus {
	border-color: #17356C;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #17356C;
}

.positiveZahl {
	color: green;
}

.negativeZahl {
	color: red;
}

#ergebnis h3 {
	margin-top: 2mm;
}

a[name="ergebnis"] {
	color: #333 !important;
	text-decoration: none !important;
}

.ergebnis-rentenrechner {
	background-color: white !important;
	border: none !important;
}

.ergebnis-rentenrechner h3, .ergebnis-rentenrechner h4 {
	color: #17356C !important;
}

#breadcrumb a {
	color: rgb(167, 155, 155);
	text-decoration: none !important;
}

hr {
	border-top: 1px solid rgb(206, 206, 206) !important;
}

.infotext {
	text-align: left;
}

.btn {
	white-space: normal !important;
	word-wrap: break-word;
}

#breadcrumb, #navbarCollapse, #footer {
	padding: 0 5%;
}

#content {
	padding: 0;
}

.tabelleGesamt {
	color: #17356C;
	background-color: #DAEAFB;
	height: 30px;
}

a[name='hinweis'] {
	color: black;
}

a[name='hinweis']:hover {
	color: black;
	text-decoration: none;
}

#sidebar h3 {
	text-align: center;
}

#sidebar {
	background-color: #DAEAFB;
	border: 1px solid rgb(206, 206, 206);
	overflow: hidden;
	margin-top: 20px;
	width: 100%;
	padding-bottom: 20px;
}

#sidebar ul li {
	float: left;
}

#ergebnis {
	padding: 10px;
}

h2 a, h2 a:hover {
	color: #17356C;
}

#output, #aologo {
	display: none;
}

.btn-weiter {
	min-height: 40px !important;
	height: auto !important;
	vertical-align: middle;
	padding: 5px 10px !important;
	box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.3) !important;
}

#hinweistextDruck {
	text-align: left;
}

.ui-autocomplete {
	width: 100% !important;
	text-align: left;
	display: block !important;
}

.ui-autocomplete-input {
	padding: 6px 12px !important;
	font-size: 14px !important;
	line-height: 1.42857143 !important;
	color: #555 !important;
	background-color: #fff !important;
	background-image: none !important;
	border: 1px solid #ccc !important;
	border-radius: 4px !important;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	box-shadow: none;
}

.ui-autocomplete-input:focus {
	border-color: #17356C !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #17356C;
	outline: 0;
}

.ui-state-highlight {
	background: #DAEAFB !important;
	color: black !important;
	text-shadow: none !important;
}

#ergebnis {
	clear: left;
}

#ergebnis-rentenrechner {
	margin: auto;
	/* border: 3px solid #17356C; */
	background-color: white;
}

#ergebnis-rentenrechner .text-warnung {
	color: red;
}

#ergebnis-rentenrechner .zeile-hervorgehoben {
	background-color: #DAEAFB;
}

#ergebnis-rentenrechner td, #ergebnis-rentenrechner th {
	border: 2px solid white;
	padding: 10px;
}

#ergebnis-rentenrechner th {
	text-align: center;
}

#ergebnis-rentenrechner div, #erklaerungstexte {
	font-size: 11px;
	font-weight: normal;
	line-height: 1.2;
}

#erklaerungstexte {
	text-align: left;
}

#ergebnis-rentenrechner .zeilenueberschrift {
	text-align: left;
	width: 260px;
}

#ergebnis-rentenrechner th,
#ergebnis-rentenrechner td {
	width: 220px;
}

.deaktiviert {
	color: grey;
}

.hervorgehoben-first {
	border-top: 4px solid #ef7d00 !important;
}

.hervorgehoben-last {
	border-bottom: 4px solid #ef7d00 !important;
}

.hervorgehoben {
	border-left: 4px solid #ef7d00 !important;
	border-right: 4px solid #ef7d00 !important;
}

/*.hervorgehoben {
	background-color: #ef7d00 !important;
	color: white;
	border-color: #ef7d00 !important;
}*/
.deaktiviert-warnung {
	color: #FFBCBC;
}

.wrapper-startseite p {
	font-size: 15px;
}

.wrapper-startseite h1 {
	max-width: 70%;
	margin: 40px auto 20px;
	text-align: left;
}

#rechner-links {
	display: flex;
}

#rechner-links .my-container {
	max-width: 47.5%;
	-webkit-box-shadow: 10px 10px 26px -3px rgba(0, 0, 0, 0.71);
	-moz-box-shadow: 10px 10px 26px -3px rgba(0, 0, 0, 0.71);
	box-shadow: 10px 10px 26px -3px rgba(0, 0, 0, 0.71);
}

#rechner-links .my-container>div {
	position: relative;
}

#rechner-links .my-container .rechner-info {
	padding: 20px;
}

.fliesstext-startseite .hinweis {
	font-size: 11px;
	padding: 10px;
}

.fliesstext-startseite .hinweis strong {
	color: #17356C;
}

#rechner-links .my-container1 {
	margin-right: 2.5%;
}

#rechner-links .my-container2 {
	margin-left: 2.5%;
}

#rechner-links .my-container img {
	max-width: 100%;
	height: auto;
}

#rechner-links .my-container .zentriert {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 15px 30px;
	background-color: rgba(239, 124, 0, 0.75);
	text-align: center;
	width: 70%;
}

#rechner-links .my-container .zentriert a {
	font-size: 25px;
	color: white !important;
	text-decoration: none !important;
}

.fliesstext-startseite {
	max-width: 70%;
	margin: 20px auto;
}

.fliesstext-startseite img {
	max-width: 100%;
}

.inhalt-startseite {
	max-width: 70%;
	margin: 20px auto;
}

#accordion .card {
	background-color: #e0eefc;
	border-radius: 3px;
	margin-bottom: 10px;
	border: 1px solid #c0dbf7;
}

#accordion .collapse, #accordion .collapsing {
	background-color: white;
}

#accordion .card .mb-0 {
	margin: 0 !important;
	cursor: pointer;
}

#accordion .card .mb-0 button {
	font-size: 18px;
	color: #636362 !important;
	text-decoration: none !important;
	text-align: left;
	width: 100%;
	margin: 10px 0;
}

#accordion .card-body {
	margin: 0 15px;
	padding: 10px 10px;
	border-top: 2px solid white;
}

#accordion h4 {
	color: #17356C;
}

#accordion p {
	font-size: 14px;
}

#tabelle-infopunkte {
	font-size: 12px;
	text-align: left;
}

#ergebnis-tabelle-wrapper {
	max-width: 1050px;
	margin: auto;
}

#anfrage-zugangsdaten {
	text-align: center;
}

.konfiguration .form-group {
	display: flex !important;
}

.konfiguration .feldbezeichnung,
.konfiguration .eingabefelder {
	float: none !important;
}

@media only screen and (min-width: 480px) {
	h1 {
		font-size: 40px;
	}
}

@media only screen and (max-width: 750px) {
	#sidebar ul li {
		width: 100%;
	}
}

@media only screen and (min-width: 751px) and (max-width: 1070px) {
	#sidebar ul li {
		width: 50%;
	}
}

@media only screen and (min-width: 1071px) and (max-width: 1400px) {
	#sidebar ul li {
		width: 33.333333333%;
	}
}

@media only screen and (min-width: 1401px) {
	#sidebar ul li {
		width: 25%;
		float: left;
	}
}

@media only screen and (max-width: 375px) {
	.bezeichnung {
		height: 60px !important;
	}
}

@media only screen and (max-width: 859px) {
	.feldbezeichnung {
		width: 100%;
		background-color: #DAEAFB;
		text-align: center;
	}
	.bezeichnung, .eingabefelder select, .eingabefelder input {
		height: 40px;
	}
	.eingabefelder {
		width: 100%;
		background-color: #DAEAFB;
	}
	#angabenfooter input, .angabenfooter input {
		width: 100%;
	}
	.neueskindbutton {
		margin-left: 0;
		width: 100%;
	}
	.btnNeueBerechnung2, .btnNeueBerechnung, .btnNeueBerechnung3 {
		width: 60%;
		margin-right: 20%;
		margin-left: 20%;
		min-width: 150px;
	}
}

@media only screen and (min-width: 860px) {
	.feldbezeichnung {
		float: left;
		width: 45%;
		background-color: #DAEAFB;
		text-align: left;
	}
	.bezeichnung, .eingabefelder select, .eingabefelder input {
		margin-top: 5px;
		margin-bottom: 5px;
		height: 40px;
	}
	.eingabefelder {
		float: left;
		margin-left: 2%;
		width: 53%;
		background-color: #DAEAFB;
	}
	#angabenfooter input, .angabenfooter input {
		width: 53%;
	}
	.neueskindbutton {
		margin-left: 47%;
		width: 53%;
	}
	#ergebnis {
		width: 100%;
		margin-right: 10px;
	}
	#sidebar h2 {
		text-align: center;
	}
	#anfrage-zugangsdaten {
		margin-left: 47%;
	}
}

@media only screen and ( max-width : 1010px) {
	.bezeichnung, .eingabefelder select, .eingabefelder input {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	.fliesstext-startseite {
		max-width: 90%;
		margin: 20px auto;
	}
	.wrapper-startseite h1 {
		max-width: 90%;
	}
	.inhalt-startseite {
		max-width: 90%;
		margin: 20px auto;
	}
	#rechner-links {
		flex-wrap: wrap;
	}
	#rechner-links .my-container {
		max-width: 100%;
	}
	#rechner-links .my-container1 {
		margin-right: 0;
		margin-bottom: 20px;
	}
	#rechner-links .my-container2 {
		margin-left: 0;
	}
}

@media only screen and ( max-width : 700px) {
	#errortexttabelle, #kurztitel {
		display: inline;
	}
	#verlaufstabelle, #langtitel {
		display: none;
	}
}

@media only screen and ( min-width : 701px) {
	#errortexttabelle, #kurztitel {
		display: none;
	}
	#verlaufstabelle, #langtitel {
		display: inline;
	}
}

@media only screen and ( max-width : 870px) {
	#links, #copyright {
		width: 100%;
		text-align: center;
	}
}

@media only screen and ( min-width : 871px) {
	#links {
		float: left;
		width: 50%;
	}
	#copyright {
		float: right;
		width: 50%;
		text-align: right;
	}
}

@media only screen and ( min-width : 1201px) {
	#wrapper2, .eingabewrapper {
		padding: 0 15%;
	}
}

@media only screen and ( max-width : 1200px) {
	#wrapper2, .eingabewrapper {
		padding: 0 5%;
	}
}

@media only screen and (min-width: 768px) {
	#navigation ul {
		float: right;
	}
	.nav li {
		border-right: 1px solid white;;
	}
	.nav li:first-child {
		border-left: 1px solid white;
	}
}