/*ALLGEMEIN*/

@font-face {
  font-family: 'tkType';
/*  font-weight: 300;
  font-style: normal;*/
  /*src: url('./font-src/tk_Type/TKTypeMedium.ttf');*/
   src: url('./font-src/tk_Type/TKTypeRegular.ttf');
}

body, h1, div {
    color: #00a0f0; /*black;*/
    font-family: "tkType";
}


/*logo*/
.logo-container>img {
    max-height: 100%;
    padding: 15px;
    width: auto;
}


/*Nav link animation*/
@media (min-width: 768px)
{
    .fruity .navbar .animate:after{
        text-align: right;
        content: '';
        display: block;
        width: 0;
        height: 2px;
        background-color: #00a0f0; /* #00A0F5; */
}}

@media only screen and (max-width: 767px) {
	.logo-container.hidden-xs {
		display: block !important;
		max-width: 100%;
	}
}

.logo-container>img {
    max-height: 100%;
    padding: 0px;
    width: auto;
}
/*
@media only screen and (max-width: 767px) {
#topsurveymenubar {
background: black url("../files/tk_pc_1920_small.png") no-repeat left center;
}
}
*/

.fruity .text-info{
    color:#00a0f0;
}

/*Sprachen Selector*/
.fruity .form-control:focus{
    border: 1px solid #00a0f0; /* #00A0F5; */
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #00a0f0; /* #00A0F5; */
}
.fruity .has-success .form-control:focus{
    border: 1px solid #00a0f0; /* #00A0F5; */
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #00a0f0; /* #00A0F5; */
}

.fruity .text-primary{
        color:#00a0f0; /*black;*/
}

/*Weiter Button*/
.fruity .btn-primary{
        background-color:#00a0f0; /* #00A0F5; */
        border: 1px #00a0f0; /* #00A0F5; */
}
.fruity .btn-primary:hover{
        background-color:#0070ab;
        border: 1px solid #0070ab;
}
.fruity .btn-primary:active:after{
        background-color:#0070ab;
        border: 1px solid #0070ab;
}
.fruity .btn-primary:active{
        background-color:#0070ab;
        border: 1px solid #0070ab;
}
.fruity .btn-primary:after{
        background-color:#0070ab;
        border: 1px solid #0070ab;
}
/*Zurück Button*/
.fruity .btn-default{
        border: 1px solid #00a0f0; /* #00A0F5; */
        color: #00a0f0; /* #00A0F5; */
}
.fruity .btn-default:hover{
        border: 1px solid #0070ab;
        color: #0070ab;
}
.fruity .btn-default:active{
        border: 1px solid #0070ab;
        color: #0070ab;
}
.fruity .progress-bar{
    background-color: #0070ab;
}

/*INTRO PAGE*/

/*Logo*/

.picture{
    width: 100%;
}

/*Erste Seite Container*/
.backgroundcontainer {
    background-color: white;  /*#00a0f0;*/ /* #00A0F5; *//* = tk_Blau anstatt  #F5F5F5;*/
    padding: 20px 21px 20px 21px;
    color: black;
}


.front-description{
    color: black;
}

.fruity .well{
   /*background-color: #00a0f0; oder #00A0F5; */

    background-color: white;
    color: #00a0f0;
}

/*FRAGEN PAGE*/

/*Grosser Container*/
.col-centered{
    background-color: #FFFFFF; /* #F5F5F5;*/
    padding: 15px 16px 15px 16px;    
}
.space-col {
    padding-left: 15px;
    padding-right: 15px;
}

/*Container der Frage*/
.question-container {
    /*background-color: #00a0f0; /* #00A0F5; */
    border: none;  /*0 solid #00a0f0;*/
    box-shadow: none;  /*0 0 0 white;*/
    margin-bottom: 3em;
}

.questiontitlecontainer{
    background-color: #FFFFFF; /*#00A0F5;*/
}

/* FrageText */
.lsquestiontext {
        color: #00a0f0; /* #00A0F5; */; /* white;*/ 
        font-family:tkType;
        padding: 6px 13px 6px 6px;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
}
.fruity .text-muted{
    color: white;
}
.question-number{
        font-family:tkType, 15px;
        font-weight: bold;
        padding: 5px 1px 5px 1px; 
}
.question-code{
        font-family:tkType, 15px;
        font-weight: bold;
        padding: 5px 6px 5px 6px;  
}

/*Antworten direckt container*/
.ls-answers {
    background-color: #FFFFFF; /* #E5E5E5;*/
    color: #00a0f0; /* #00A0F5; */
}

.ls-answers .ls-heading th {
    font-weight: 400;
}

.answer-container {
   /* background-color: #FFFFFF; /* #E5E5E5;*/
    
}
.question-valid-container{
    background-color:#E5E5E5;
}
.question-help-container {
     background-color:#FFFFFF; /* #E5E5E5;*/
     color: #00a0f0; /* #00A0F5; */
     font-size: 12px;

}

/* Ausrichtung DropDown Box und Option Button */
.list-dropdown {
    text-align: center
}
.list-unstyled {
    text-align: center;

}

.star-1{color: #eee}
.star-1.star-rated-on:not(.star-stub){color: #00a0f0}
.star-1.star-drained{color: #00a0f0}
.star-1.star-drained.star-hover{text-shadow: 1px 2px #00a0f0}
.star-2{color: #eee}
.star-2.star-rated-on:not(.star-stub){color: #00a0f0}
.star-2.star-drained{color: #00a0f0}
.star-2.star-drained.star-hover{text-shadow: 1px 2px #00a0f0;}

.star-3{color: #eee}
.star-3.star-rated-on:not(.star-stub){color: #00a0f0}
.star-3.star-drained{color: #00a0f0}
.star-3.star-drained.star-hover{text-shadow: 1px 2px #00a0f0;}
.star-4{color: #eee}
.star-4.star-rated-on:not(.star-stub){color: #00a0f0}
.star-4.star-drained{color: #00a0f0}
.star-4.star-drained.star-hover{text-shadow: 1px 2px #00a0f0;}
.star-5{color: #eee}
.star-5.star-rated-on:not(.star-stub){color: #00a0f0}
.star-5.star-drained{color: #00a0f0}
.star-5.star-drained.star-hover{text-shadow: 1px 2px #00a0f0;}

/*Selector*/
body .answer-item label::after{
    background-color: #00a0f0; /* #00A0F5; */;
}

/*ENDPAGE*/
.fruity a{
    color:#00a0f0; /* #00A0F5; */
}


table.subquestions-list {
    width: 100%;
}