/******************
    User custom CSS
    ---------------
bzst gruen  = #23614E
.wrapperInner {   border-top: 9px solid #23614E;}  - default vom Template ist #328637
#surveys-list-jumbotron {display: none;}
    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates

#surveys-list-container {
  margin-top: 50px;
  display: none;
}

.noanswer-text{white-space: nowrap;}

*/

/* Bundesschriften*/

@font-face {
  font-family: 'Bundessans';
  font-weight: 100;
  font-style: normal;
  src: url('./fonts/BundesSansWeb-Regular.eot');
  src: url('./fonts//BundesSansWeb-Regular.eot?#iefix') format('embedded-opentype'),
       url('./fonts/BundesSansWeb-Regular.woff') format('woff'),
       url('./fonts/BundesSansWeb-Regular.ttf') format('truetype');
}


#gerda {
   font-family:"bundessans";
   text-align:center;

}

.survey-name {display:none;}
.Auflistung {padding-left:40px;
             text-align:justify;
             font-family:"bundessans";
             font-size: 1.8rem;
             font-weight: 200;
             color: #333;
             line-height: 1.42857143;
}
#welcome-container {font-family:"bundessans";
}

/* Anpassung Checkboxen und Radiobuttons auf das BZSt-Grün */

.checkbox-item input[type="checkbox"]:checked+label::after,
.checkbox-item input[type="radio"]:checked+label::after {
 background-color:#23614E;
 color:white
}

.radio-item input[type=radio]:checked + label:after {
  background: #23614E;
}




/* Silbentrennung ausschalten*/

#outerframeContainer {word-wrap: initial; -ms-word-wrap: initial;}
#welcome-container {hyphens: none; -ms-hyphens: none;} 
h1 {-ms-hyphens: none;
    font-size: 4.5rem;
    line-height: 5.9rem;
    margin-bottom: 1rem;
    color: #23614E;
    font-family:"bundessans";
}
body {hyphens: none; -ms-hyphens: none;} 
p {hyphens: none; -ms-hyphens: none;} 
h2 {color:#23614E;
    font-size: 3rem;
    line-height: 4.3rem;
}
h3 {color:#23614E;
    font-size: 2.5rem;
}
h4 {padding-left:0px;}
.question-text {hyphens: none; -ms-hyphens: none;
    font-size:1.2em;
/*  font-size:1.2em !IMPORTANT;*/
    text-align:justify;
}

/* Positionierung der Fragennummer*/

.question-number, .question-code {
    float: left;
    margin: 0 0 0;
    font-size: 1.2em;
    margin-right: 5px;
}


/* Footer Positionierung (Impressum und Datenschutz) */

.bzstfooter {
    text-align: center;
    margin:auto;
    padding-bottom:10px;
}

 @media only screen and (min-width: 840px) {
 .bzstfooter {
    text-align: center;
    margin:auto;
    padding-bottom:10px;
    font-size: 2rem;
}
}
.bzstfooter-left {
   padding: 10px;
   display:inline;
}
 .bzstfooter-right {
padding: 10px;
display:inline;
}

/* Fehlerseite */
#block_error div h2 {color: #23614E;}
#block_error {
    background: #fff url("../files/block_1.gif") no-repeat 0 51px;
    border-top: 9px solid #23614E;}
}





/* Allgemeine Anpassungen */

.einleitung {
  text-align: center;
  font-family: "Bundessans",sans-serif;
}

#surveys-list-jumbotron {
  text-align: center;
  display: none;
}

.nav navbar-nav  navbar-action-link  navbar-right {display: none;}
#nav navbar-nav  navbar-action-link  navbar-right {display: none;}

.logo-container.hidden-xs {display: block !important;}

.fruity .bg-warning {
  background-color: #fff;
}


.fruity .text-info {
    color: #23614E;
     padding-top: 2rem;
}
.lastquestion .question-number {display:none;}

button, input, select, textarea {
  font-family:"Bundessans",sans-serif;
}

.fruity a:hover {
  color: #23614E;
}
.fruity a:focus {
  color: #23614E;
}

a:focus, a:hover {
  color: #23614E;
  text-decoration: underline;
}

.fruity .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #23614E;
}

.fruity .navbar a.animate:after {
  text-align:right;
  content:'';
  display:block;
  width:0;
  height:2px;
  background-color:#23614E;
 }



.fruity .dropdown-menu > .disabled > a:hover {
  color: #fff;
}

.fruity .btn-primary:hover, .fruity .btn-primary:focus, .fruity .btn-primary:active, .fruity .btn-primary.active, .fruity .btn-primary.active:focus, .fruity .open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #23614E;
  border: 1px solid #23614E;
}

.fruity .dropdown-menu > li > a:hover {
  color: #fff;
  background-color: #23614E;
}
.fruity .dropdown-menu > .disabled > a:focus {
  color: #23614E;
}

.fruity .bg-danger {
  background-color: #6f6969;
}

.fruity .dropdown-menu > .disabled > a {
  color: #666;
}

.text-success {
 color:#23614E
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
 color:#23614E
}






#navbar {text-transform: uppercase;}

.fruity .navbar a {
  text-decoration: none;
  line-height: 1.8rem;
  font-size: 1.2rem;
}

.fruity .navbar a {
  text-decoration: none;
  line-height: 1.8rem;
  font-size: 1.2rem;
}



.fruity .nav .open > a:focus {
  color: #fff;
  background-color: #23614E;
}
.fruity .nav .open > a {
  color: #fff;
  background-color: #23614E;
  border-bottom: 1px solid #fff;
}



p {
  font-size: 1.8rem;
}


.question-container {font-size: 1.8rem; color: #000000;}




.logo-container > img {
  max-height: 120px;
  width: auto;
  overflow: hidden;
}
 /* unvisited link */
a:link {
  color: #23614E;
}

/* visited link */
a:visited {
  color: #23614E;
}

/* mouse over link */
a:hover {
  color: #23614E;
}

/* hover link muss vor active kommen */
a:hover {
  color: #23614E;
} 

/* selected link */
a:active {
  color: #23614E;
} 

.fruity .panel-primary {
  border: 1px solid #23614E;
}

.fruity .panel-primary > .panel-heading {
  color: #fff;
  background-color: #23614E;
  border: 1px solid #23614E;
}


.text-center {text-align: center;}
.survey-description  {padding-left:40px;}

.fruity .progress-bar {
  color: #fff;
  background-color: #23614E;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
}

.fruity .btn-default {
  background-color: rgba(255,255,255,0.2);
  border: 1px solid #23614E;
  color: #23614E;
}




.btn {background-color: #23614E;}
.btn.btn-primary {background-color: #23614E; border: 1px solid #23614E;}
.btn-info {background-color: #23614E; border: 1px solid #23614E;}
.text {color: #333333;}
.text-info {color: #23614E ;}
.navbar {border-top: 9px solid #23614E; padding-bottom: 2px inherit;}
.fruity.text-info {color: #23614E;}
.collapse navbar-collapse {border-bottom: 9px solid #23614E; padding-bottom: 8px;}
#surveys-list-jumbotron {display: none;}
.a {color: #23614E ;}
.ls-questionhelp {color: #23614E ;}
.ls-question-message {color: #23614E ;}
.fruty.progress-bar {background-color: #23614E inherit;}
.progress-bar {background-color: #23614E;}
.btn-primary {background-color: #23614E; border: 1px solid #23614E;}
#ls-button-submit{background-color: #23614E; border: 1px solid #23614E;}

.logo-container.hidden-xs {display: block !important;}

 /*.bild { text-align:center;flex-basis: auto;background-color: #F2F2F2;} */
.startbild {max-width: 100%; height: auto;}
 /*.einleitung {background-color: rgba(255, 255, 255, 0.7); padding-bottom:50px;} */

.col-xs-6 col-sm-12 text-center {text-align: center;}

.bild {
    text-align: center;
    flex-basis: auto;
   /*   background-color: #F2F2F2; */
   /* background-color: rgba(255, 255, 255, 0.7); */
    padding-bottom: 400px;
    width: 65%;
    text-align: center;
    margin: auto;
    padding-bottom: 10px;
   /* background: url("../files/startseite_Bruecke.jpg") no-repeat; */
    height: 600px;
}


.einleitung {
   /* war mal background-color: rgba(255, 255, 255, 0.7);*/
   /* background-color: #23614E; */
    /* color:white; */
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
    margin: auto;
    padding-top: 100px;
    padding-top: 10px;
    height: 50%;
}

.container-fluid {
    background-color: rgba(236, 240, 241, 0.2);
}
/* Anpassung Rahmen für Kombifrage Differential mit zusätzlicher Texteingabe (2 Fragen) */
.atlantis2 {
 
    border-bottom-style: hidden !IMPORTANT;
    box-shadow: none !IMPORTANT;
    margin-bottom:0;
}

.atlantis1 {
    border-top-style: hidden !IMPORTANT;
    box-shadow: none !IMPORTANT;
}

/* Keine Silbentrennung im SurveyTitel */

.survey-name {hyphens: none;} 

/* Ausblenden der 2ten Fehlermeldung bei Matrixfragen, die nur eine Dimmension haben - LS Fehler */
.fruity .bg-danger {
    background-color: wheat;
}

.question-valid-container > div:nth-child(2) {display:none !IMPORTANT;}

/* Rahmen in Fragen entfernen - Class muss in Frage angegeben werden */
.ohnerahmen {
    border: hidden !IMPORTANT;
    box-shadow: none !IMPORTANT;
}

/* Workaround bold bei semmantischem Differential - ITZBund Fehler global fuer das Template gesetzt */
.differential .ls-answers label, .ls-answers th {
    font-weight: bold;
}



#bzstcounter {
    position: fixed;
    color: #23614E;
 /* display: inline-block; */
  display:none;
    top: 60px;
   z-index:2;
    text-align: center;
    background-color: white;
    border: 1px solid #23614E;
    border-radius: 4px;
    padding: 10px 10px 10px 10px;
    font-size: 1em;
     box-sizing: border-box;
    margin: auto;
  width: 70%;
  left:18%;


}
.savelater {
    font-size:0.8em;
}

/* @media only screen and (max-device-width: 840px) and (min-device-width: 375px) {
.bzstcounter {display: none;}
#bzstcounter {
    position: fixed;
    color: #23614E;
    right: 10px;
    left: 70px;
    top: 8%;
    z-index: 99999999;
    text-align: center;
    background-color: transparent;
    border: 1px solid #23614E;
    border-radius: 4px;
    padding: 10px 10px 10px 10px;
    font-size: 0.9em;
    display: block;
    width: 80%;

}
.savelater {
    font-size:0.7em;
}
}
*/

/* Tooltip hover für den Counter */

.bzstcounter .bzsttooltiptext {
  visibility: hidden;
  width: 75%; /* Breite des Tooltips */ 
  background-color: #23614E;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 0%;
  margin-left: -60px;
  padding-top:10px;
}

.bzstcounter .bzsttooltiptext::after {  /* Dies ist der Pfeil der Sprechblase */ 
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #23614E transparent transparent transparent;
}

.bzstcounter:hover .bzsttooltiptext {
  visibility: visible;
}

*/
.bzstcounter {
    display:none;
    visibility: hidden;
    
}


#starttext {
    color: #000;
    font-weight: 200;
    text-align: justify;
    
}


#opensource {
    display:none;
    visibility: hidden;
}


.opensourcetag {
    display:none;
    visibility: hidden;
}


#ls-button-submit  {
    display:none;
    visibility: hidden;
}
    
.navbar-action-link {
    display: none;
}

.alert {
    display: none;
}

/**.h-graybg{
    content: '';
    display: block;
    background: #f2f2f2;
    position: absolute;
    height: 100%;
    width: 100vw;
    top: 0;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    z-index: -1;
}
**/

 #stern {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: bold;
    font-size: 120%;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#a94442;
}

.Auflistung {color: #000;}
.aufzaehlung {padding-left:20px;}



a.RichTextLawLink::after {
    display: block;
    width: 16px;
    height: 16px;
    content: url(./svg/extlink.png);

   
}

a.ALTRichTextLawLink::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(./svg/extlink.png) no-repeat;

   
}


a.ALTERRichTextLawLink::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 18px;
    background: url(./svg/extlink.png?__blob=normal&v=1) no-repeat -1915px -654px;
    position: absolute;
    bottom: 2px;
    right: calc((16px + 4.5px) * -1)
}
.group-container {
    display:none;
}


a {
text-decoration: none;
border-bottom: 1px dotted #23614E;
}