@font-face { font-family: 'DINOT';
             src: url('../fonts/DINWeb.eot');
             src: url('../fonts/DINWeb.woff') format('woff');
}

@font-face { font-family: 'DINOTBOLD';
             src: url('../fonts/DINWebBold.eot');
             src: url('../fonts/DINWebBold.woff') format('woff');
}

body {
	font-family: DINOT !important;
	background-color:#ffffff;
}

.navbar {
	height:80px;
}



.navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        margin-left:-50px;
        text-align: center;
}

.navbar-style {
	box-shadow:none !important;
}

.imprint-link {
	color:#000000;
}

.extra-small-text-1 {
	font-size:0.8rem;
}

footer {
    position: fixed;
    height: 30px;
    bottom: 0;
    width: 100%;
}

.bold {
	font-family:DINOTBOLD;
}

.btn-outline-dark {
	border-radius:0px;
	border-width:2px !important;
}

.progress-bar {
	background-color:#3BCDFF;
}

.progress {
	background-color:#E2E5F2;
}

.auto-silbentrennung {
	hyphens: auto;
}

.text-pink {
	color:#AF1CFA;
}

.text-blue {
	color:#3BCDFF;
}

.bg-blue {
	background-color:#3BCDFF;
}

.bg-lightgrey {
	background-color:#E2E5F2;
}

.bg-white {
	background-color:#ffffff;
}

.bg-black {
	background-color:#000000;
}

.reduced-smartphone-text {
	font-size:20px;
}


.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.square:before{
    content: "";
    display: block;
    padding-top: 100%;  /* initial ratio of 1:1*/
}

.tiles > div{
  flex: 0.5;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}

.text-container {
	width:100%;
	background-color:#E2E5F2;
}

.text-container:hover {
	cursor:pointer;
	background-color:#3BCDFF;
}

.icon-text-container {
	width:115px;
}

.image-icon-text-container {
	width:50%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	.gender-ie {
		min-width:200px;
	}

}

.icon-text-container:hover {
	cursor:pointer;
	background-color:#3BCDFF;
}

@media (min-width: 576px) {

.icon-text-container {
	width:180px;
}

.image-icon-text-container {
	width:50%;
}

.reduced-smartphone-text {
	font-size:28px;
}

.icon-text {
	font-size:1.0rem !important;
}

.navbar {
	height:100px;
}

}

/*Style von Checkboxen*/
.icheck-material-lightblue>input:first-child:checked+label::before, .icheck-material-lightblue>input:first-child:checked+input[type="hidden"]+label::before {
	color:#3BCDFF !important;
	background-color:#3BCDFF !important;
	border-color:#3BCDFF !important;
}

.icheck-material-lightblue>input:first-child {
	background-color:#3BCDFF !important;
	border-color:#3BCDFF !important;
}

[class*="icheck-material"]>input:first-child+label::before, [class*="icheck-material"]>input:first-child+input[type="hidden"]+label::before {
	border-radius:0px;
}

.checkbox input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
}



/*Result Styles Anfang-------------------------------*/
.ml12 {
  font-weight: 200;
  font-size: 1.0em;
  text-transform: uppercase;
  letter-spacing: 0.5em;
  hyphens: auto;
  text-align:center;
  
}



@media (max-width:991px) and (min-width:768px) {
	.container {
	    max-width: 100% !important;
	}
}

.ml12 .letter {
  display: inline-block;
  line-height: 1em;
}

.max-width-1 {
	max-width:400px;
}

.min-height-1 {
	min-height:370px;
}

.results_button {
	width:100px;
	height:50px;
	background-color:white;
}

.results_button:hover {
	cursor:pointer;
	background-color:#3BCDFF;
}


.responsive-text-1 {
	font-size:15px;
}

.responsive-text-2 {
	font-size:16px;
}

@media (min-width: 769px) {
	.responsive-text-2 {
	font-size:24px;
	}	
}

@media (min-width: 992px) {
	.responsive-text-1 {
	font-size:16px;
	}
	.responsive-text-2 {
	font-size:24px;
	}
}

@media (min-width: 1200px) {
	.responsive-text-1 {
	font-size:15px;
	}
	.responsive-text-2 {
	font-size:24px;
	}
}
/*Result Styles Ende---------------------------------*/