/* Compiled Less CSS File */
/* Generated from "navbar.css" */

/* CSS Document */
/* CSS Document */
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
small,
.small {
  font-size: 83%;
  line-height: normal;
}
.hideMe {
  display: none;
}
section {
  position: relative;
  padding-top: 50px;
  padding-bottom: 100px;
  background-color: white;
  color: #444444;
}
section.alt {
  background-color: #A6B8D5;
  color: white;
}
section.alt section h2,
section.alt section h1 {
  color: #D9E1EC;
}
section video.bg {
  position: absolute;
  width: 100%;
}
section.inverted {
  background-color: #333;
  color: white;
}
section.inverted .form-control {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  animation-delay: 0;
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  border: none;
  color: #34495e;
  font-weight: bold;
  color: white;
  background-color: #3c3c3c;
}
section.inverted .form-control:focus {
  background-color: #565656;
}
section.signup {
  z-index: 15;
  position: absolute;
  width: 100%;
}
section.signup .fb_iframe_widget span {
  width: 520px !important;
  margin-top: 5px;
}
section.signup .fb_iframe_widget iframe {
  width: 100% !important;
}
section.signup ._4z_b {
  display: block;
}
section.signup input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #3c3c3c inset;
  -webkit-text-fill-color: white !important;
}
section.signup input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #565656 inset;
}
section.signup input[type="text"],
section.signup input[type="password"],
section.signup textarea,
section.signup select {
  outline: none;
}
section.signup #closeBtn {
  border: none;
  padding: 10px 20px;
  position: absolute;
  bottom: 0;
  color: black;
  right: 50px;
  background-color: #FFFFFF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
}
nav a {
  height: 50px;
}
nav .navbar-right {
  margin-right: 0 !important;
  position: absolute !important;
  right: 0;
}
nav ul > li {
  height: 50px;
  overflow: hidden;
  border-left: 1px solid #f1f1f1;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > button {
  border: none !important;
  background-color: white;
  cursor: pointer;
  padding: 12px 21px;
  color: #364A5F;
  line-height: 28px;
}
.navbar-default .navbar-nav > li > a.active,
.navbar-default .navbar-nav > li > button.active {
  background-color: #E6E6E6;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > button:hover {
  background-color: #f8f8f8;
}
.navbar-default .navbar-nav > li > a[disabled],
.navbar-default .navbar-nav > li > button[disabled] {
  background-color: white;
  border-left: 1px solid #666;
  opacity: .1;
}
.navbar-default .navbar-nav > li > a .badge,
.navbar-default .navbar-nav > li > button .badge {
  margin-left: 5px;
  background-color: #d7d7d7;
  color: white;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > button:hover {
  color: #3498db;
}
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > button:active {
  color: #2980b9;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > button:focus {
  outline: 0;
}
.navbar-default .navbar-nav > li > a.hasSubtext,
.navbar-default .navbar-nav > li > button.hasSubtext {
  line-height: 1.1;
}
.navbar-default .navbar-nav > li > a.hasSubtext .subTxt,
.navbar-default .navbar-nav > li > button.hasSubtext .subTxt {
  color: #b3b3b3;
  font-weight: normal;
  font-size: 10px;
}
.navbar-default .navbar-nav > li > a.hasSubtext .subTxt::before,
.navbar-default .navbar-nav > li > button.hasSubtext .subTxt::before {
  content: '\a' attr(title);
  /*white-space: pre;*/

}
.navbar-default .navbar-nav > li > a.icon,
.navbar-default .navbar-nav > li > button.icon {
  background-repeat: no-repeat;
  background-position: 8px center;
  padding-left: 55px;
  background-size: auto;
}
.navbar-default .navbar-nav > li > a.icon.icon-signup,
.navbar-default .navbar-nav > li > button.icon.icon-signup {
  background-image: url(/images/icon-signup.png);
}
.navbar-default .navbar-nav > li > a.icon.icon-login,
.navbar-default .navbar-nav > li > button.icon.icon-login {
  background-image: url(/images/icon-login.png);
}
.navbar-default .navbar-nav > li > a img.svg,
.navbar-default .navbar-nav > li > button img.svg,
.navbar-default .navbar-nav > li > a svg,
.navbar-default .navbar-nav > li > button svg,
.navbar-default .navbar-nav > li > a svg path,
.navbar-default .navbar-nav > li > button svg path,
.navbar-default .navbar-nav > li > a .svg path,
.navbar-default .navbar-nav > li > button .svg path {
  fill: white !important;
  float: left;
  max-width: none;
  max-height: 130%;
  margin-right: 8px;
  margin-left: -5px;
  margin-top: -2px;
  margin-bottom: -2px;
}
.navbar-default .navbar-nav > li > a span[class^="fui-"],
.navbar-default .navbar-nav > li > button span[class^="fui-"],
.navbar-default .navbar-nav > li > a span[class*=" fui-"],
.navbar-default .navbar-nav > li > button span[class*=" fui-"],
.navbar-default .navbar-nav > li > a .glyphicon,
.navbar-default .navbar-nav > li > button .glyphicon {
  margin-left: -10px;
  font-size: 1.3em;
  vertical-align: middle;
  height: 29px;
  float: left;
  line-height: 1.1;
  color: #34495e;
}
.navbar-default {
  background: white !important;
}
.navbar {
  margin-bottom: 0px;
  background-color: white;
  display: none;
  border: none;
  z-index: 999;
  min-height: 50px;
  background: none;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  -moz-border-radius: 0;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
.navbar .btnLabel {
  display: table;
  display: -moz-box;
  padding-left: 8px;
  font-weight: bold;
  font-size: .75em;
  font-family: Arial;
  color: black;
}
.navbar .btnLabel.labelCollapse.prio0 {
  display: none;
}
.navbar a.navbar-brand {
  padding: 0;
}
.navbar .navbar-brand > img {
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 2px;
  margin-top: 2px;
  width: 105px;
}
.navbar #rootMapBtn {
  background-color: #9EBCE2;
  color: white;
  line-height: 1;
  font-weight: normal;
  border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
.navbar #rootMapBtn:hover {
  background-color: #B6C6DB;
}
.navbar #rootMapBtn .btnLabel {
  font-weight: normal;
  color: white;
}
.navbar #schedBtn .btnLabel {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  animation-delay: 0;
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
}
.navbar #schedBtn:before,
.navbar #schedBtn:after {
  position: absolute;
  top: -50px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  animation-delay: 0;
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  line-height: 50px;
}
.navbar #schedBtn.toSched:before {
  content: "zum Lernplan";
  left: 15px;
}
.navbar #schedBtn.add:before {
  content: "Hinzufügen";
}
.navbar #schedBtn.confirm:before {
  content: "✔ Beherrscht";
  left: 0px;
  padding: 0 13px;
  text-align: left;
}
.navbar #schedBtn.confirm:after {
  content: "✖ erneut wiederholen";
  left: 120px;
  padding: 8px 0;
  background-color: white;
  line-height: 1.1;
  padding-left: 15px;
  border-left: 1px solid #F1F1F1;
  text-align: left;
}
.navbar #schedBtn.confirm:hover .btnLabel {
  margin-right: 120px;
}
.navbar #schedBtn.invert.confirm:after {
  background-color: transparent;
}
.navbar #schedBtn.invert.confirm:before {
  background-color: white;
}
.navbar #schedBtn:hover.confirm .btnLabel,
.navbar #schedBtn:hover.toSched .btnLabel,
.navbar #schedBtn:hover.add .btnLabel {
  margin-top: 40px;
}
.navbar #schedBtn:hover.confirm:before,
.navbar #schedBtn:hover.toSched:before,
.navbar #schedBtn:hover.add:before,
.navbar #schedBtn:hover.confirm:after,
.navbar #schedBtn:hover.toSched:after,
.navbar #schedBtn:hover.add:after {
  top: 0px;
}
.navbar.canEdit {
  /* weniger Platz! */

}
.navbar.canEdit .btnLabel.labelCollapse {
  display: none;
}
.navbar.canEdit.canEdit {
  /* doch mehr Platz als gedacht! */

}
.navbar.canEdit.canEdit .btnLabel.labelCollapse {
  display: inline;
}
.navbar .searchPanel {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
  position: relative;
}
.navbar .searchPanel #searchResDiv {
  left: -1px;
  top: 50px;
}
.navbar .searchPanel input {
  float: left;
  border: none;
  font-size: 14px;
  background: white;
  width: 130px;
  height: 50px;
}
.navbar .searchPanel input:focus {
  width: 225px;
}
.navbar .searchPanel input:hover {
  background: white;
}
.navbar .searchPanel a {
  border-left: none !important;
  float: left;
}