@charset "UTF-8";
@import url("fonts.css");
@import url("circle.css");

body, html {
  font-family: 'Open Sans';
}
header #logo {
	background: #a2c7eb;	
}
header {
	border-bottom:#143374 solid 50px;	
	height:auto;
}
.navigation header {
	border-bottom:0px;	
}
.navigation .navbar-default .navbar-collapse, .navigation .navbar-default .navbar-form {
	background-color:#143374;
	padding-top:15px;
	padding-bottom:15px;
}
.navbar {
	min-height: 0;
}
.greenline {
	border-bottom:#b4bd10 solid 10px;	
}
.navbar-brand {
    margin-left: 15px;
    height: 90px;
    width: 220px;
    background-size: 220px;
}
#content {
	margin-top:150px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans';
	font-weight: bold;
	line-height: 1.2;
	color: #518ac8;
}

/* Farbboxen */
.padding-c-box {
	padding:20px 15px;
	min-height:200px;
}
.padding-c-box-header {
	padding:20px 15px 0;
}
.padding-c-box-line {
	padding:5px 15px;
}
.c-hwkp-d {
	width:100%;
}
.c-hwkp-d h1, .c-hwkp-d h2, .c-hwkp-d h3, .c-hwkp-d h4, .c-hwkp-d h5, .c-hwkp-d a {
 color:#fff;
 font-weight:normal;
}
.content span.glyphicon {
	color: #fff;
}
.content .blue-icon span.glyphicon {
	background:#f3f8fd;
  color: #143374;
  line-height:34px;
  height:34px;
  top:0;
  bottom:0;
}
.content .blue-icon span.glyphicon {
  border-right:1px solid #fff;
}
.content .blue-icon span.glyphicon-repeat {
  transform: scaleX(-1);
}
.c-hwkp-blue {
	background:#143374;
	color:#fff;
}
.blue-hbt {
	color:#518ac8;
}
.content .blue-hbt span.glyphicon {
	color:#518ac8;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.content .blue-hbt a:hover span.glyphicon {
	color:#fff;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.c-hwkp-blue h1, .c-hwkp-blue h2, .c-hwkp-blue h3, .c-hwkp-blue h4, .c-hwkp-blue h5 {
 color:#518ac8;
 font-weight:normal;
}

.c-hwkp-blue-light {
	background:#518ac8;
	color:#fff;
}
.c-hwkp-blue-xlight {
	background:#a2c7eb;
	color:#fff;
}
.questionbox {
	padding-top:90px !important;
	background: #518ac8 url(../img/sprechblase.png) no-repeat top 15px right 15px;
	background-size: 100px 100px;
}
.linkbox {
	border-top: #fff solid 1px;
	border-bottom: #fff solid 1px;
	margin-top:-1px;
	padding: 10px 0;
}
.c-hwkp-gray {
	background:#edf4fa;
}
.c-hwkp-red {
	background:#b71342;
}
.c-hwkp-red-light {
	background:#e61c48;
}
.c-hwkp-orange {
	background:#f3942f;
}
.c-hwkp-orange-light {
	background:#fbcb3d;
}
.c-hwkp-green {
	background:#5e8f23;
}
.c-hwkp-green-light {
	background:#b5be0b;
}
.c-hwkp-blue-orange-arrow {
	background: #143374 url(../img/arrow-orange.png) no-repeat center right;
	background-size: contain;
}
.c-hwkp-blue-orange-arrow h3, .c-hwkp-blue-orange-arrow h4 {
	margin:0;
}
.c-hwkp-gray .c-hwkp-blue-orange-arrow {
	background: #143374 url(../img/arrow-orange-bgg.png) no-repeat center right;
	background-size: contain;
}
.c-hwkp-orange-blue-arrow {
	background: #f3942f url(../img/arrow-blue.png) no-repeat center right;
	background-size: contain;
}
.c-hwkp-orange-blue-arrow h3, .c-hwkp-orange-blue-arrow h4 {
	margin:0;
}
.c-hwkp-gray .c-hwkp-orange-blue-arrow {
	background: #f3942f url(../img/arrow-blue-bgg.png) no-repeat center right;
	background-size: contain;
}

.btn-arrow-bg-blue {
	background: url(../img/arrow-bg-blue.png) no-repeat;
	background-size: contain;
	width:2em;
	height:2em;
	border:none;
}
.btn-arrow-bg-green {
	background: url(../img/arrow-bg-green.png) no-repeat;
	background-size: contain;
	width:2em;
	height:2em;
	border:none;
	display:inline-block;
	margin-top: -5px;
}
.btn-arrow-bg-green-ok {
	background: url(../img/arrow-bg-green-ok.png) no-repeat;
	background-size: contain;
	width:3em;
	height:3em;
	border:none;
	display:inline-block;
	margin-top: -5px;
	margin-left:15px;
}
.btn-arrow-bg-green-down {
	background: url(../img/arrow-bg-green-down.png) no-repeat;
	background-size: contain;
	width:5em;
	height:5em;
	border:none;
	display:inline-block;
	margin-right:15px;
}
.btn-save {
	background: url(../img/btn-save.png) no-repeat;
	background-size: contain;
	width:5em;
	height:5em;
	border:none;
	display:inline-block;
	margin-right:15px;
}
.btn-close {
	background: url(../img/btn-close.png) no-repeat;
	background-size: contain;
	width:5em;
	height:5em;
	border:none;
	display:inline-block;
	margin-right:15px;
}
.btn-check {
	background: url(../img/btn-check.png) no-repeat;
	background-size: contain;
	width:5em;
	height:5em;
	border:none;
	display:inline-block;
	margin-right:15px;
}
.btn-check-blue {
	background: url(../img/btn-check-blue.png) no-repeat;
	background-size: contain;
	width:3em;
	height:3em;
	border:none;
	display:inline-block;
	margin-left:15px;
}
.btn-arrow-bg-gray {
	background: url(../img/arrow-bg-gray.png) no-repeat;
	background-size: contain;
	width:1.5em;
	height:1.5em;
	display:inline-block;
	margin-top: -1px;
}
.btn-home {
	background: url(../img/btn-home.png) no-repeat;
	background-size: contain;
	width:4em;
	height:4em;
	display:inline-block;
	margin: -1em 0 -1.5em 1em;
}
.btn-sm {
	width:1.5em;
	height:1.5em;
}
.btn-md {
	width:3em;
	height:3em;
}
.btn-l {
	width:5em;
	height:5em;
}
.va-box {
	display: flex; 
  flex-direction: column; 
  justify-content:center;
	width:100%;
	padding:62% 15px;
}
.va-middle {
	display:block;
}
.va-middle button,
.va-middle .check-box {
	vertical-align:middle;
	margin:5px 0 5px 15px;
}
.modal-body .va-middle button {
	margin:5px 15px 5px 0;
}
.text-right button {
	margin:0 0 10px 15px;
}
.float-r {
	float:right;
}
.lh-med {
	line-height:3em;
}
.lh-big {
	line-height:5em;
}
.input-group-addon {
  padding: 0;
	background-color: transparent; 
  border: none;
}
form input:not([type=checkbox]):not([type=radio]).bg-white {
	background:#fff;
}
.login form .input-group {
	margin-bottom: 0px;
}
img.img-eid {
	width:45%;
	max-width:100px;
	height:auto;
	margin:5px 0 8px
}
img.img-user {
	width:80%;
	max-width:200px;
	height:auto;
}
.content span.gly-edit {
	font-size:5em;
	color:#143374;
}
span.gly-sm {
	font-size:1.1em;
}
.privacy {
	background-color:#143374;
}

.col-20p {
	width:22%;
	padding-left:0.5%;
	padding-right:0.5%;
	float:left;
}
.col-40p {
	width:33%;
	padding-left:0.5%;
	padding-right:0.5%;
	float:left;
}



body.login {
	padding:0;
	background-color:#518ac8;
}
.login #content {
	margin-top:0;
}
.login .container.content {
  background-color:#fff;
  padding-top:180px;
  max-width: 1140px;
}
.login .navbar-fixed-top {
	max-width: 1140px;
	margin: auto;
}

.login header {
	border:none;
}
.login header #logo {
	padding: 0;
	margin-left:0;
	min-width: auto;
	width: auto;
}
.blueline {
	background-color:#143374;
}
.blueline h1 {
	color:#fff;
	text-transform:uppercase;
	font-size:26px;
	margin:10px 0;
}

form.form-portal label.control-label {
	background:#f3f8fd;
	color:#143374;
	display:inline-block;
	margin:0;
	padding:0 12px;
	min-height:34px;
	width:100%;
	text-align:left;
	line-height:34px;
	font-weight:normal;
}
form.form-portal input:not([type=checkbox]):not([type=radio]), form select, form textarea {
	font-family: 'Open Sans';
	background:#f3f8fd;
	color:#143374;
	border:0;
	border-radius: 0;
	margin-bottom:0;
	padding: 0 12px;
	box-shadow:none;
}
.content .form-control {
  font-family: 'Open Sans';
	background:#f3f8fd;
	color:#143374;
	border:none;
	margin-bottom:0;
	box-shadow:none;
}
form.form-portal label.control-label.changed, 
form.form-portal input:not([type=checkbox]):not([type=radio]).changed, form select.changed, form textarea.changed, 
.content .form-control.changed {
	background:#d1e3f6;
}
.content .blue-icon.changed span.glyphicon {
	color:#d1e3f6;
	background:#d1e3f6;
}
.content .blue-icon.light span.glyphicon {
	color:#bec7d8;
}
input[type="checkbox"].check-box {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../img/btn-nocheck-blue.png) no-repeat;
	background-size: contain;
	width:3em;
	height:3em;
	border:none;
	display:inline-block;
	margin-left:15px;
	outline:0;    
}

input[type=checkbox].check-box:checked {
	background: url(../img/btn-check-blue.png) no-repeat;
	background-size: contain;
}

.rail-select-box {
	position: relative;
}
.rail-select {
	position: absolute;
	width: 100%;
}
.rail-select select {
	border: 0;
	border-radius: 0;
	height: 34px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.rail-select select:focus {
	outline: none;
	box-shadow: none;
	border: 0;
}
.rail-select .select-side {
	pointer-events: none;
	width: 40px;
	position: absolute;
	top: 0px;
	background-color: #f3f8fd;
	height: 100%;
	right: 0;
	border-radius: 0;
	border: 0;
}
.rail-select .select-side:before {
	border: 0;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 1px;
      /* or 100px */;
}
.rail-select .select-side i {
	left: 30%;
	top: 8px;
}
.rail-select .select-side i.blue {
	color: #143374;
}

.form-portal .form-group {
	margin-bottom:6px;
}
.sm-abs-r {
	padding-right:3px;
}
.sm-abs-m {
	padding-right:3px;
	padding-left:3px;
}
.sm-abs-l {
	padding-left:3px;
}

.orange-qm {
	background:#f3942f;
	color:#fff;
	font-size:18px;
	line-height:26px;
	display:inline-block;
	text-align:center;
	height:26px;
	width:26px;
	margin-top:5px;
	border-radius:13px;
	float:right;
	cursor: pointer;
}
.tooltip.top .tooltip-inner {
 background-color:#f3942f;
}
.tooltip.top .tooltip-arrow {
 border-top-color:#f3942f;
}

.modal-content {
	color:#fff;
	border-radius:0;
}
.modal-content a{
	color:#fff;
}
.modal-content h4 {
	color:#fff;
	padding:10px 0;
}
.modal-warning {
	background:#e30613;
	color:#fff;
	padding:10px 15px;
}

/* fixed boxes */
.fixed-box-1, .fixed-box-2, .fixed-box-3 {
	position:fixed;
	top:200px;
	right:0;
	width:140px;
	height:140px;
	padding-top:10px
}
.fixed-box-2 {
	top:350px;
}
.fixed-box-3 {
	top:500px;
}
.fb-circle span {
	top: 32%;
	left: 12.5%;
	line-height: 1.2em;
	text-transform:uppercase;
	font-size:0.15em;
}
.fb-circle:hover > span {
  width: 5em;
  line-height: 1.2em;
  font-size:0.15em;
  color: #fff;
}

.error:after {
	background-color:#e7214c;
}
.warning:after {
	background-color:#f3942f;
}