.preloader {
	width: 100%;
	height: 100%
}

html {
	position: relative;
	min-height: 100%
}

body,
p {
	font-size: 16px;
        color:#444;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;        
}

a,
nav.navbar {
	-webkit-transition: all .3s ease;
	color: #337ab7
}

a:hover {
	color: #337ab7!important
}

body {
	overflow-x: hidden;
	color: #2a3237;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.65em;
	margin-bottom: 125px;
/*	background-image: url(../files/karte.png), url(../files/background.jpg);
	background-size: 70%, cover;
	background-repeat: no-repeat;
	background-position: right 0 bottom 30% */
}

.preloader {
	position: fixed;
	z-index: 9999;
	background-color: #fff
}

.preloader img {
	position: absolute;
	top: calc(50% - 32px);
	left: calc(50% - 32px)
}

h1,
h2,
h3,
h4,
h5,
h6,
header,
header2 {
	position: relative
}

.preloader div {
	display: none;
	background: url(../files/pricing2.jpg) 9999px 9999px no-repeat
}

p {
	line-height: 1.8;
	color: #373737
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 10px 0;
	color: #073b83 !important;
}

h1 {
	font-size: 60px
}

h2 {
	font-size: 28px
}

h3 {
	font-size: 30px
}

h4 {
	font-size: 20px
}

h5 {
	font-size: 10px
}

h6 {
	font-size: 18px
}

header {
	width: 100%;
	color: #fff
}

header .table {
	display: table;
	height: 100%
}

header .container {
	height: 100%
}

header .header-text {
/*	margin-top: 300px;*/
    margin-top: 210px;
    color: #fff
}

.header-text1 {
	float: left
}

.header-text2 {
	margin-left: auto
}

.btn,
header .typed {
	display: inline-block
}

header .typed {
	margin: 0
}

.btn
 {
	color: #fff
}

a {
	color: #073b83;	
	transition: all .3s ease
}

nav.navbar {
	position: absolute;
	z-index: 9500;
	width: 100%;
	width: 100vw;
	transition: all .3s ease
}

.container {
	position: relative
}

.btn {
	-webkit-transition: all .3s ease
}

nav.navbar .navbar-nav li.active a:not(.btn) {
	color: #00a8ff!important
}

nav.navbar-fixed-top {
	z-index: 9499;
	top: 0;
	padding-top: 52px;
	opacity: 0;
	background: #fff;
	box-shadow: 0 4px 3px rgba(0, 0, 0, .05)
}

nav.navbar-fixed-top .navbar-nav>li>a:not(.btn) {
	color: #bbb
}

.navbar-default {
	background-color: #fff; /*transparent;
	border-color: transparent;
	margin-top: 40px;*/ 
	padding-top:5px;
        padding-right: 18px;
}

.navbar-brand {
	padding-left: 18px
}

.btn {
	font-size: 14px;
	padding: 6px 30px !important;
	border: 0 solid transparent;
	border-radius: 0;
	background: 0 0;
	transition: all .3s ease
}
.iconbtn {
	font-size: 16px;
	padding: 6px !important;
	 border-radius: 0;
	margin-left:5px;
	margin-right:5px;
	transition: all .3s ease;
}
.iconbtn:focus, .iconbtn:visited, .iconbtn:active {background: #337ab7 !important;
        color: #fff !important;}
.btn-primary, .btn-default,
.btn-small {
	background-color: #073b83;
	border-color: #073b83;
	margin-top: 15px;
	color: #fff !important;
}
.modal-content{
    border-radius: 0;
}
.btn-primary:hover, .btn-default:hover  {
	background: #337ab7 !important;
	color: #fff !important;
}

.btn-small:hover, .btn-primary:hover, .btn-small:focus, .btn-primary:focus{
	background: #337ab7 !important
}
.navbar .btn{
	margin-left: 5px;
	margin-right:5px;
}

.btn:focus,
.btn:hover {
	color: #fff
}

.btn.btn-blue {
	background: #00a8ff
}

.btn.btn-blue:hover {
	background: #31b9ff
}

.container {
	z-index: 1
}

@media (max-width:992px) {
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9 {
		padding-top: 30px;
		padding-bottom: 30px;
		position: relative
	}
}

.modal {
	padding: 0 25px!important
}

.row.title {
	padding: 0 20px
}

.light {
	font-weight: 300
}

.blue {
	color: #00a8ff
}

.hwk-blue {
	color: #073b83
}

@media (max-width:992px) {
	h1 {
		font-size: 60px
	}
	h2 {
		font-size: 28px
	}
	h3 {
		font-size: 24px
	}
	h4 {
		font-size: 20px
	}
	h5 {
		font-size: 12px
	}
	h6 {
		font-size: 18px
	}
}

@media (max-width:768px) {
	h1 {
		font-size: 29px
	}
	h2 {
		font-size: 20px
	}
	h5 {
		font-size: 14px
	}
	.typo {
		margin-top: -100px
	}
}

@media (max-width:768px) {
	.modal {
		padding: 0 10px!important
	}
}

.footer {
	background: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 125px;
	align-items: center;
	border-top: 1px solid #073b83
}
.footer .nav .nav-item {float:left;}
.footer img.logos{ padding:10px;}
@media (max-width:768px) {
	.logos {
		margin-left: 0;
		margin-right: 0;
		width: 370px
	}
}

@media (min-width:992px) {
	.logos {
		margin-left: 15px;
		margin-right: 15px
	}
}

@media (min-width:0) {
	.nav>li>a {
		padding: 20px 5px
	}
}

@media (min-width:992px) {
	body {
		padding: 0
	}
}

@media (min-width:1600px) {
	body {
		background-size: 60%, cover
	}
}

@media (min-width:2100px) {
	body {
		background-size: 50%, cover
	}
}

@media (min-width:768px) {
	.btn-primary {
		display: block
	}
	.btn-small {
		display: none
	}
}



.navi2 {
	display: inline
}

@media (min-width:992px) {
	footer .col-md-4 {
		border-left: 1px solid #fff
	}
}

@media (max-width:992px) {
	footer .col-md-4 {
		border-top: 1px solid #fff
	}
	.logos {
		margin-left: 0;
		margin-right: 0;
		width: 320px
	}
}

.modal p {
	color: #073b83
}

@media (min-width:992px) {
	footer .col-md-4 {
		padding-left: 15px
	}
	.welcome {
		margin-top: 5%
	}
}

@media (max-width:768px) {
	footer .col-md-4 {
		padding-left: 15px
	}
	footer .col-md-8 {
		padding-left: 15px
	}
	.welcome {
		margin-top: -7%
	}
}

.row {
	margin-right: 0;
	margin-left: 0;
	align-items: center
}

.welcome {
	max-width: 780px;
	background: rgba(255, 255, 255, .5);
	margin-left: -35px;
	padding-left: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-right: 4%;
	position: relative
}

.nav-item {
	font-size: 13.4px;
	list-style: none
}
/*body>article {
    margin-top:30px;
}*/

.progress {
    height: 3px;
/*    height: 3px;*/
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 0px;
    -webkit-box-shadow: none; /* inset 0 1px 2px rgba(0,0,0,.1);*/
    box-shadow: none; /* inset 0 1px 2px rgba(0,0,0,.1);*/
}
.progress-bar {
 float:left;
/* margin-top:17px;*/
 width:0;
 /*height:100%;*/
  height: 3px;
 font-size:12px;
 line-height:20px;
 /*color:#fff;*/
 color: #073b83;
 text-align:center;
 background-color:#073b83;
/* -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
 box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);*/
 -webkit-transition:width .6s ease;
 -o-transition:width .6s ease;
 transition:width .6s ease
}
.progress-value{
    font-size:12px;
}
h1.survey-name{
	font-size:28px;
	margin-top:60px;
}
.navbar-default {
	border:0 none;
}
.question-container {
    border: 0;
    background-color: transparent; /*#f8f8f8;*/
    box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.3);
}
.radio-item label::before, .checkbox-item label::before, 
.radio-item label::after,.checkbox-item label::after, .answer-container ul input[type="text"] {
	margin-top:4px;
	}
.radio-item label::before{
	border: 1px solid #073b83;
}
.checkbox-item label::before{
	border-color:#073b83;
	border-radius:0;
}
.checkbox-item label::after {
	background-color: #073b83;
    	padding: 2px !important;
    	font-size: 14px !important;
    	color: #fff !important;
    	line-height: 1em !important;
}
.group-title.space-col{
	margin-top: 15px;
	margin-bottom:1em;
    margin-left:5px;
}
input[type="text"], input[type="password"], input[type="email"]{
	border: 1px solid #073b83;
	border-radius:0;
}
.question-text{
/*    font-weight: bold;*/
    font-size:18px;
}
.text-danger{
    font-size:12px;
    margin-right: 3px;
    color: #e94b48;
}
.ls-questionhelp, .ls-question-message{
    font-size: 12px;
}
@media (min-width:992px) {
    #answer526617X1X195 {
        width:20%;
    }
}
.alert-warning, .alert-danger{
    background-color: transparent;
    border-radius:0;
}
.alert-danger{
    color: #e94b48;
    border-color: #e94b48;    
}
.alert-warning{
    color: #f8aa32;
    border-color: #f8aa32;
}
.footer .nav-item a:hover, .footer .nav-item a:focus{
    background-color: transparent !important;
}
.navGroupName{
    top: 60px;
    left: 16%;
    position: absolute;
    display:none;
    font-size: x-large;
    color: #073b83;
}

.dis{
    display:inline-block;
}

.navbar-fixed-top>
.container {
    padding-right: 6px;
    padding-left: 24px;
    padding-bottom:4px;
}
.dropdown-menu{
/*    background-color: #073b83;*/
    padding: 1px;
    border:0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none; 
}
.dropdown-menu li{
    background-color: #073b83;
    padding:5px;
    border-bottom:1px solid #fff;
}
.dropdown-menu li:last-child{
    border-bottom:0;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #e7e7e7;
    background-color: #337ab7;
}
.dropdown-menu > .disabled > a {
    color: #e7e7e7;
    background-color: #337ab7;
}
.dropdown-menu li a {
    color: #fff;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu li a:hover{
    color: #fff !important;
    background: #337ab7;
}
.well{
   min-height: 20px;
    padding: 0;
    margin-bottom: 20px;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none; 
}
.group-outer-container.space-col {
    margin-bottom:0;
}
.navigator.space-col {
    margin-top:0;
}

span.iwc_tooltip {
    color: #073b83;
    border-bottom: 2px dotted;
    padding: 0;
    line-height: 1em;
    display: inline-block;
}
 
div.tooltip-inner {
    min-width: 300px;
}
.kreis {
    width: 17px; 
    height: 17px;  
    float: left; 
    border-radius: 10px; 
    margin-right:5px;
}
#Ebene_1{
    min-height: 400px;
}

/*Kreis Rund */
.flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
}

.single-chart {
  width: 80%;
  justify-content: space-around ;
}

.circular-chart {
  display: block;
/*  margin: 10px auto;*/
  max-width: 80%;
  max-height: 250px;
}

.circle-bg {
  fill: none;
  stroke: #ededed;
  stroke-width: 2;
}

.circle {
  fill: none;
  stroke-width: 2.4;
  /*stroke-linecap: round;*/
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.blue .circle {
  stroke: #073b83;
}

.percentage {
  fill: #666;
  /*font-family: sans-serif;*/
  font-size: 0.5em;
  text-anchor: middle;
}
/* End Kreis Rund */

.diagramsection {   
    margin-bottom: 1em;
}
.panel-group .panel{
    margin-bottom:20px;
}
.panel-group .panel, .panel-heading {
    border-radius: 0;
}
.panel-default {
    border:0 none;
}
.panel-heading{    
    background: #ededed;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top:0;
    margin-left: 1px;
    margin-right:1px;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.panel-heading .accordion-toggle:after{
    font-family:'FontAwesome'; 
    content:'\f106';
    margin-left: 5px;
    color: #073b83;
}

.panel-heading .accordion-toggle.collapsed:after {  
   content:'\f107' !important;
}
.cc-theme-classic .cc-btn {
    border-radius: 0 !important;
}
.cc-theme-classic .cc-btn:hover {
    color: #fff !important;
}


/* CSS Toggle Buttons SVG*/
.hideProcess {
    fill: #073b83;
}
 
.hideArrows {
    display: none;
}
 
.btn-toggle {
    display: inline-block !important;
    /*font-weight: bold;*/
     border: 1px solid #073b83;        
}
 
.btn-toggle:hover, .btn-toggle:active, .btn-toggle:focus{
    background-color: #f5f5f5;    
}
 
.btn-inactive {
    background-color: #fff;
    color: #073b83 !important;
    border: 1px solid #073b83;    
}
 
.btn-inactive:hover, .btn-inactive:active, .btn-inactive:focus {
    background-color: #f5f5f5;       
}

@media (max-width: 1024px) {
    .navGroupName {
        top: 75px;
        left: 24%;
        font-size: x-large;
    }
}
hr.divider {
    
}

.tooltip > .tooltip-inner {
    background-color: #073b83;
    border-radius: 0px;
}
.tooltip.top > .tooltip-arrow {
    border-top-color: #073b83;
}

.iwc_tooltip {
    cursor: pointer;    
}

@media (max-width:767px) {
    .navbar-brand>img {
        width: 80%;
        height: auto;
    }
/*    .btn {
            display: none;
    }*/
    .btn-small {
        display: block;
        padding: 6px 13px;
        border: 0 solid transparent;
        border-radius: 0;
        transition: all .3s ease;
    }
    .navGroupName{
        top: 77px;
	    left: 15%;
	    font-size: small;
    }

    .navbar-brand img {
    	max-width: 50%;
    }
}

.selectize-dropdown .optgroup-header {
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    border-top: 0 none !important;
    font-weight: bold !important;
    color: #073b83 !important;
}

.selectize-control {
	width: 100% !important;
}

.selectize-input {
	border: 1px solid #073b83 !important;
	border-radius: 0px !important;
}

.selectize-input.focus {
	border-radius: 0px !important;
} 

@media (min-width:767px) {
	.welcome .btn-primary {
		width: 35%;
	}
}

/* #vmsg_195_regex_validation {
	display: none;
} */

#question215 #answer526617X1X215F175kcomment {
	display: none;
}

#question215 .col-sm-4 {
	width: 55%;
}

#question215 .col-sm-8 {
	width: 45%;
}

.customSection {
	margin-bottom: 2em;
}

.iwc_footer {
	padding-top: 15px;
}

.iwc_footer img {
	padding-top: 15px;
}