body {
	background-color: #2C3675;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #2C3675;
}

a {
}

a:hover {
	text-decoration: none;
}

.spalte_links {
	background-color: #A2BCF4;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}


/*Navigation*/

.spalte_links .navi .navbar.navbar-default {
	background-color: rgba(120,154,234,1.00);
	border-radius: 0px;
	border-width: 0px;
	border-style: solid;
}
.navi .navbar.navbar-default .navbar-header {
	background-color: rgba(210,221,249,1.00);
}
.navbar.navbar-default .navbar-header .navbar-brand {
	color: rgba(44,54,117,1.00);
	text-transform: uppercase;
}
.nav.navbar-nav li a {
	color: rgba(44,54,117,1.00);
	text-transform: uppercase;
	font-weight: 700;
}
.nav.navbar-nav li a:hover  {
	color: rgba(44,54,117,1.00);
	text-transform: uppercase;
	background-color: rgba(230,230,230,1.00);
}
.nav.navbar-nav li a:active  {
	color: rgba(44,54,117,1.00);
	text-transform: uppercase;
	background-color: rgba(230,230,230,1.00);
}
.navbar-header .navbar-toggle .icon-bar {
	color: rgba(44,54,117,1.00);
	background-color: rgba(44,54,117,1.00);
}
.navbar.navbar-default .navbar-header .navbar-toggle {
	border: 1px solid rgba(44,54,117,1.00);
}
.collapse.navbar-collapse.navbar-ex1-collapse a .flag {
	margin-left: 16px;
}
.row .col-md-12 .text-center.h2 {
    font-size: 24px;
    line-height: 34px;
}
.row .col-md-12 h4 {
    line-height: 24px;
}
.row_text_rechts_index .row .col-md-12.index_header {
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
}


/* make sidebar nav vertical */ 
@media (min-width: 768px) {
  .navbar-collapse {
	height: auto;
	border-top: 0;
	box-shadow: none;
	max-height: none;
	padding-left: 0;
	padding-right: 0;
  }
  .navbar-collapse.collapse {
	display: block !important;
	width: auto !important;
	padding-bottom: 0;
	overflow: visible !important;
  }
  .navbar-collapse.in {
	overflow-x: visible;
  }

.navbar
{
	margin-right: 0;
	margin-left: 0;
}	

.navbar-nav,
.navbar-nav > li,
.navbar-left,
.navbar-right,
.navbar-header
{
	float: none !important;
}

.navbar-right .dropdown-menu {left:0;right:auto;}
.navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: 0;
}
}

/* Change bootstrap navbar collapse breakpoint */
@media (max-width: 768px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
	float: none;
  }
  .navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
  }
  .collapse.in{
	display: block !important;
  }
}



.logo {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}



.navi_adresse {
	padding-left: 30px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-top: 10px;
	font-size: 20px;
}

.navi_adresse a {
	color: #2C3675;
	text-decoration: none;
	font-size: 20px;
}
.navi_adresse a:hover {
	color: #2C3675;
	text-decoration: underline;
}

.spalte_rechts {
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
}

.spalte_rechts h1 {
	color: #FFFFFF;
	font-size: 30px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	font-weight: 300;
}

.spalte_rechts h2 {
	color: #2C3675;
	font-size: 24px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-bottom: 14px;
	font-weight: 300;
}

.spalte_rechts h3 {
	color: #FFFFFF;
	font-size: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	line-height: normal;
	font-weight: 400;
}

.spalte_rechts h4 {
	color: #273F7D;
	font-size: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	line-height: normal;
	font-weight: 600;
}

.spalte_rechts .preis {
	color: #c00000;
	font-size: 21px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	line-height: normal;
	font-weight: 600;
}

.spalte_rechts .preisab {
	font-size: 15px;
	font-weight: 600;
}

.spalte_rechts .preisinfos {
	font-size: 15px;
	font-weight: 300;
}

.text_rechts_index {
}

.spalte_rechts_index_header {
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	height: 0px;
	background-color: hsla(222,82%,72%,1.00);
}

.spalte_rechts_index_text01 {
    height: auto;
    background-image: -webkit-linear-gradient(180deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
    background-image: -moz-linear-gradient(180deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
    background-image: -o-linear-gradient(180deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
    background-image: linear-gradient(270deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
    padding-left: 12px;
    padding-right: 12px;
    min-height: 450px;
}
.spalte_rechts_index_text01 h3 {
	color: #2c3675;
	font-size: 18px;
	line-height: 28px;
}
.spalte_rechts_index_text02 {
    background-color: hsla(222,82%,72%,1.00);
    height: auto;
    /* [disabled]min-height: 236px; */
    padding-left: 27px;
    padding-right: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.spalte_rechts_index_text02 h1 {
	color: #2c3675;
	font-size: 16px;
	font-weight: 600;
}

.spalte_rechts_index_text02 h2 {
	color: #2c3675;
	font-size: 16px;
	font-weight: 600;
}

.spalte_rechts_index_text02 h3 {
	color: #2c3675;
	font-size: 24px;
	font-weight: 300;
}

.start-text h1 {
	color: #2c3675;
	font-size: 16px;
	font-weight: 600;
}

.start-text h2 {
	color: #2c3675;
	font-size: 16px;
	font-weight: 600;
}

.start-text h3 {
	color: #2c3675;
	font-size: 24px;
	font-weight: 300;
}


/*vertikale ausrichtung*/
.spalte_rechts .row.artikel .col-md-7, .spalte_rechts .row.artikel .col-md-6, .spalte_rechts .row.artikel .col-md-4, .spalte_rechts .row.artikel .col-md-2 {
    float:none;
    display:inline-block;
    vertical-align:middle;
    margin-right:-4px;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.artikel {
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: -webkit-linear-gradient(180deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
	background-image: -moz-linear-gradient(180deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
	background-image: -o-linear-gradient(180deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
	background-image: linear-gradient(270deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
	padding-top: 6px;
	padding-bottom: 6px;
}
a:link .artikel{
	padding-bottom: 12px;
	padding-top: 12px;
	border-radius: 0px;
	margin-bottom: 12px;
	background-image: -webkit-linear-gradient(180deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
	background-image: -moz-linear-gradient(180deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
	background-image: -o-linear-gradient(180deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
	background-image: linear-gradient(270deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
/* 	color: #000000; */
	padding-right: 2px;
}
a:hover .artikel{
	padding-bottom: 12px;
	padding-top: 12px;
	border-radius: 0px;
	margin-bottom: 12px;
	background-image: -webkit-linear-gradient(180deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
	background-image: -moz-linear-gradient(180deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
	background-image: -o-linear-gradient(180deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
	background-image: linear-gradient(270deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
}

.preisbeispiel {
	background-image: -webkit-linear-gradient(180deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
	background-image: -moz-linear-gradient(180deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
	background-image: -o-linear-gradient(180deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
	background-image: linear-gradient(270deg,rgba(221,231,251,1.00) 0%,rgba(162,188,244,1.00) 100%);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

hr {
	border: none;
	background-color: #424FAB;
	color: #424FAB;
	height: 1px;
	width: auto;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.flag {
	margin-right: 10px;
}

.infobutton {
	float: right;
	border: none;
	margin-top: 8px;
}
.row.artikel .col-md-9 h2 {
	font-size: 24px;
}
.table.table-condensed tr td    {
	border: none;
	vertical-align: middle;
}
.pinbild {
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	margin-bottom: 5px;
	margin-top: 4px;
}
.btn-group.btn-group-sm {
}
.btn.btn-default {
	color: #FFFFFF;
	text-align: left;
}
.vorwort a  {
	color: #FFFFFF;
}
.vorwort a:hover  {
	color: #A2BCF4;
	text-decoration: none;
}

.well.anfragepopup h3 {
	font-size: 20px;
	line-height: 28px;
}
.anfragepopup {
	margin-top: 24px;
	width: 80%;
}

/*Navigation*/
#accordion {
	background-color: rgba(125,160,243,1.00);
}
.panel {
	box-shadow: none;
}
.panel-body {
	padding: 0px;
	background-color: hsla(221,79%,80%,1.00);
	color: hsla(232,44%,32%,1.00);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: none;
	font-size: 18px;
}
.panel-body a {
	padding: 0px;
	color: hsla(232,44%,32%,1.00);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: none;
	font-size: 18px;
	display: block;
}
.panel-body a:hover {
	padding: 0px;
	color: hsla(0,0%,0%,1.00);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: none;
	font-size: 18px;
	display: block;
}
.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
	background-color: #d4dff9;
	}
.panel-body table tr td {
	border: none;
	color: hsla(232,44%,32%,1.00);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 50px;
}
.panel-body table tr td:hover {
	background-color: hsla(223,76%,90%,1.00);
}
.panel-body .table {
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border: none;
	padding-left: 0px;
}
.panel.panel-default .panel-heading {
	background-color: hsla(222,83%,72%,1.00);
	border-radius: 0px;
	font-size: 28px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-left: none;
	border-right: none;
	border-bottom: 0px solid rgba(255,255,255,1.00);
	border-top: 0px solid rgba(255,255,255,1.00);
	margin-left: 0px;
}
.panel.panel-default .panel-heading:hover {
	background-color: hsla(223,76%,90%,1.00);
}
.panel.panel-default .panel-heading .panel-title {
	font-size: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border: none;
	padding-left: 0px;
}
.panel-title {
	color: rgb(51,51,51);
}
.panel.panel-default {
	color: hsla(232,44%,32%,1.00);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: none;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border: none;
}

.panel-group {margin-bottom: 0px;}

.btn.btn-default {
	color: #2D3674;
}
.col-md-8.rechts {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}
.col-md-4.links {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}
.panel.panel-default .panel-heading.active {
	background-color: #d4dff9;
}

/*Navigation*/
.btn-group-vertical a{
	border: none;
	border-radius: 0px;
	width: 100%;
}
.btn-group-vertical .btn.btn-default a{
	border: none;
	border-radius: 0px;
	width: 100%;
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
	border: none;
	border-radius: 0px;
}
.form_checkbox {
	font-weight: normal;
}
.sidebar {
}

.navbar-nav > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
}


@media (max-width: 992px) and (min-width: 768px) {
    .logo img {width: 173px;}
    .navi_adresse, .navi_adresse a {font-size: 16px;}
}

@media (max-width: 768px) {
    .spalte_rechts_index_header, .navi_adresse {display: none;}
}

@media (min-width: 769px) {
    .navi_adresse_box {display: none;}
    .logo_welcome {display: none;}
}

.logo_welcome {padding: 9px 15px 0px 15px; text-align: center;}


/* hi-20200918 */

@media (max-width: 768px) {
    .logo-hi {display:none;}
}


/* hi-20201117 */

.spalte_rechts_index_text01 {
    padding-left: 0px;
    padding-right: 0px;
    min-height: 0px;
}


/* hi-20220909 + 20250804 */

@media (min-width: 1600px) {
    .container {width: 1170px;}
}

@media (min-width: 2000px) {
    .container {width: 1170px;}
}

@media (min-width: 2400px) {
    .container {width: 1170px;}
}

.spalte_rechts_index_text01 {background-image:none;background-color: #7DA0F2;}