@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  src: local("Overpass Regular"), local("Overpass-Regular"), url("../fonts/overpass-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  src: local("Overpass Regular"), local("Overpass-Regular"), url("../fonts/overpass-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

.colordigihell {
  background-color: #c8dcdf; }

.colordigihell h2 {
  color: #367e91; }

.personaimg img {
  border-radius: 50%; }

.textcontainer {
  padding-top: 1%; }

.persona {
  padding: 0.0%; }

.imgleft {
  padding-left: 0px;
  padding-right: 15px; }

.imgright {
  padding-left: 15px;
  padding-right: 0px; }

.intro-header {
  background-image: url(../images/strand.jpg);
  background-size: cover;
  background-position: 0px 48%;
  background-repeat: no-repeat;
  margin-top: -60px;
  padding-top: 6%; }

.rowmenu div {
  padding: 0px !important; }

.ladingnav {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  z-index: 1; }

.welcome {
  padding-bottom: 40%; }

.wp-video {
  margin: 0 !important; }

.section-heading {
  margin-top: 6%; }

.section-infos {
  margin-top: 10%; }

.introtext {
  font-size: 1.2em;
  margin-bottom: 5%; }

.intro-video {
  display: none;
  padding-top: 5%; }

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: transparent; }

.videorow {
  background-color: #c8dcdf; }

.btn-link {
  color: #367e91; }

.col-xs-12.col-sm-7.col-md-7.col-lg-7.persona {
  padding: 0px; }

.personarow {
  background-color: #d8e6e8;
  /*$secondary-color-dark;  $color-light-grey;*/ }

.persona img {
  margin-bottom: 0px !important;
  padding: 0px; }

.persona {
  padding: 0.8%; }

@media screen and (min-width: 1100px) {
  .personatext {
    font-size: 1.8em; }
  .textcontainer h2 {
    font-size: 30px; }
  .textcontainer {
    padding-top: 3%; } }

@media screen and (max-width: 1100px) and (min-width: 768px) {
  .textcontainer h2 {
    font-size: 20px;
    margin-top: 3%; }
  .textcontainer p {
    font-size: 1.1em; }
  .intro-header {
    padding-top: 10%; }
  .personatext {
    font-size: 1.5em; } }

@media screen and (max-width: 1300px) {
  .personarow .colordigihell {
    min-height: 410px; } }

@media screen and (min-width: 1400px) and (max-width: 1464px) {
  .personarow .colordigihell {
    min-height: 260px; } }

@media screen and (max-width: 767px) {
  .personatext {
    font-size: 1.3em; }
  .welcome p {
    background: rgba(255, 255, 255, 0.4); }
  .intro-header {
    padding-top: 15%; } }

html {
  height: 100%; }

body {
  font-family: Overpass, helvetica, arial, verdana;
  height: 100%; }

#allcontent {
  position: relative;
  min-height: 100%;
  padding-bottom: 281px; }

.entry-title {
  display: none; }

.navbar {
  padding: 0;
  border-bottom: 1px solid lightgrey; }

.navbar a.nav-link {
  padding-left: 1rem !important;
  padding-right: 1rem !important; }

.navbar-brand {
  padding-top: 5px;
  display: flex;
  justify-content: flex-end;
  flex-grow: 1; }

.navbar-brand img {
  margin: 0;
  padding: 0; }

p {
  font-size: 1.2em; }

h1, h2, h3, h4 {
  font-family: Overpass, helvetica, arial, verdana; }

.btn {
  font-family: helvetica; }

.schriftgroesse {
  font-size: 1.2em;
  font-family: Overpass, helvetica, arial, verdana; }

h4 {
  margin-top: 15px;
  margin-bottom: 5px; }

h1 {
  color: #777; }

h2, h3, h4 {
  color: #367e91; }

.accordiontitle i, .accordiontitle {
  color: #367e91 !important;
  font-size: 1.5rem !important; }

.schriftgroesse textarea {
  font-size: 1.0em; }

.schriftgroesse input {
  font-size: 1.0em; }

.schriftgroesse p {
  font-size: 1.0em; }

#footer-container {
  position: absolute;
  width: 100%;
  height: 281px;
  bottom: 0;
  left: 0;
  right: 0; }

#menu-footer li {
  float: left; }

#menu-footer a {
  padding: 0;
  margin-right: 1em;
  color: #777; }

.lektion-progress {
  background-color: #367e91; }

.percent-value {
  color: #367e91; }

.lektionliste li {
  border-color: #367e91;
  border-radius: 0.313em; }

.listheader {
  color: #367e91 !important; }

.listitem:hover .listheader,
.listitem:hover .percent-value {
  color: #367e91 !important; }

.listitem:hover .lektion-progress {
  background-color: #367e91; }

.lektionliste li:hover {
  background-color: #d8e6e8; }

.navbar-toggle .icon-bar {
  position: relative;
  transition: all 300ms ease-in-out; }

.navbar-toggle.active .icon-bar:nth-of-type(2) {
  top: 6px;
  transform: rotate(45deg);
  background-color: #367e91; }

.navbar-toggle.active .icon-bar:nth-of-type(3) {
  background-color: transparent; }

.navbar-toggle.active .icon-bar:nth-of-type(4) {
  top: -6px;
  transform: rotate(-45deg);
  background-color: #367e91; }

img {
  margin-bottom: 20px; }

a.mejs-horizontal-volume-slider.mejs-mute {
  display: table !important; }

.wp-video {
  margin-bottom: 20px; }

.bildbreite {
  width: 100%; }

.keineinzug {
  margin-left: 0;
  padding-left: 1em;
  text-indent: none; }

.abstand {
  padding: 10px; }

.abstand-rechts {
  margin-right: 1.2em; }

.padding-rechts {
  padding-right: 1.2em; }

.bildhoehe {
  padding-top: 5px; }

.rowabstand {
  margin-top: 2em; }

.keinabstand {
  margin: 0px;
  padding: 0px; }

.keinabstandoben {
  margin-top: 0px;
  padding-top: 0px; }

.oben30 {
  margin-top: 3em; }

.nomarginbottom {
  margin-bottom: 0px !important; }

.marginbottom10 {
  margin-bottom: 1em !important; }

.marginbottom20 {
  margin-bottom: 2em !important; }

.accordeon-font .card,
.accordeon-font .panel {
  margin-bottom: 1em !important; }

/************************************** Accordion *************************************************/
.accordion-inner {
  background-color: #c8dcdf;
  padding: 0.625em;
  border-radius: 0.313em;
  color: black; }

.panel a {
  color: #367e91; }

.panel h4 {
  color: #367e91;
  margin-top: 0; }

.plus, .minus {
  font-size: 1.2em;
  color: #367e91; }

  .ts-icon{
    display: block;
    text-align: center!important;
    background-color:  #fbdccd;
    max-width: 2em;
    padding: 0.5em;
    border-radius: 100%;
    }
    
.ts-icon-small{
	font-size: 1.5em;
}

.ts-icon-medium{
	font-size: 3em;
}

.ts-icon-large{
	font-size: 4em;
}

.alert {
  border-radius: 0.313em !important; }

i.fa-volume-up {
  font-size: 2.0em;
  color: black; }

.icon-info {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 10px;
  margin-top: 6px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  border: solid 2px;
  border-radius: 100%;
  color: #367e91; }

.icon-info::before {
  content: "\f129";
  margin-left: 37%; }

.icon-exer {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 10px;
  margin-top: 6px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  border: solid 2px;
  border-radius: 100%;
  color: #e98352; }

.icon-exer::before {
  content: "\f024";
  margin-left: 18%; }

.inlineblock {
  display: inline-block; }

.exer, .exer-radio {
  background-color: #fbdccd;
  padding: 0.625em;
  border-radius: 0.313em;
  margin-bottom: 20px;
  color: #e98352; }

.info, .info-radio {
  background-color: #c8dcdf;
  padding: 0.625em;
  border-radius: 0.313em;
  margin-bottom: 20px;
  color: #367e91; }

.exer h3 {
  margin-top: 8px;
  margin-bottom: 1px;
  color: #e98352;
  padding-left: 35px;
  clear: none; }

.info h3 {
  margin-top: 8px;
  margin-bottom: 1px;
  color: #367e91;
  padding-left: 35px;
  clear: none; }

.exer h4 {
  margin-top: 10px;
  margin-bottom: 4px;
  color: #e98352;
  padding-left: 35px;
  clear: none; }

.info h4 {
  margin-top: 10px;
  margin-bottom: 4px;
  color: #367e91;
  padding-left: 35px;
  clear: none; }

.info p {
  margin-top: 8px;
  margin-bottom: 1px;
  color: #367e91;
  padding-left: 35px; }

.exer p {
  margin-top: 8px;
  margin-bottom: 1px;
  color: #e98352;
  padding-left: 35px; }

.info-radio p {
  margin-top: 7px;
  margin-bottom: 5px; }

.exer-radio p {
  margin-top: 7px;
  margin-bottom: 5px; }

.info-radio img {
  margin-bottom: 0px; }

.link i.fas {
  margin-top: 10px;
  float: left; }

.link a {
  color: inherit; }

.link a:hover {
  color: inherit; }

.link p {
  padding-left: 25px; }

.dropdown-menu li a:active {
  background-color: #e98352 !important; }

.framing {
  border: solid 1px black;
  border-radius: 0.313em;
  padding: 10px; }

.tborder, .tborder tr, .tborder td, .tborder th {
  border: 1px solid black;
  padding: 10px; }

.border_only {
  border: 1px solid black;
  border-collapse: collapse;
  font-family: "Comic Sans MS"; }

/*1.info in table:*/
.table > tbody > tr.info > td:not(.large-list),
.table-striped:not(.large-list) > tbody > tr:nth-of-type(odd) {
  background-color: #c8dcdf !important; }

.accordion-inner table.table-striped tbody tr td {
  border-top: 1px solid #367e91; }

.accordion-inner table.table-striped thead th {
  border-bottom: 2px solid #367e91; }

.accordion-inner table.table-striped thead tr:nth-child(1) th {
  border-top: 0; }

th, td {
  padding-top: 5px;
  padding-bottom: 5px; }

.active-item {
  color: #367e91; }

.tablecheck .ninja-forms-all-fields-wrap .label-left ul li {
  float: left !important;
  padding: 10px;
  list-style-type: none; }

.tablecheck .label-left {
  border: solid 1px;
  border-radius: 5px;
  border-color: #367e91;
  padding: 5px; }

.info-radio .mejs-container, .info-radio .fa-volume-up {
  margin-bottom: 0px; }

.info-radio .row .fas.fa-volume-up {
  display: flex;
  align-items: baseline;
  font-size: 1.8em;
  padding: 0.3em 0.2em; }

.paging a {
  color: black;
  color: black !important;
  text-decoration: none !important; }

.paging a:hover {
  color: black !important;
  text-decoration: none !important; }

.paging.btn.unvisited {
  background-color: #d8e6e8 !important;
  border-color: #d8e6e8 !important; }

.paging.btn.unvisited:hover {
  background-color: #b8d2d6 !important;
  border-color: #b8d2d6 !important; }

.paging.btn.visited {
  background-color: #a8c7cc !important;
  border-color: #a8c7cc !important; }

.paging.btn.visited:hover {
  background-color: #88b3b9 !important;
  border-color: #88b3b9 !important; }

.pagebuttons .pagenavigation .btn.paging .userfeedback-loading {
  height: 100%;
  display: flex;
  align-items: center; }

.pagebuttons .pagenavigation .btn.paging .userfeedback-loading i {
  margin: 0 auto;
  font-size: 1.2rem; }

.bullet-filled {
  background-color: #367e91;
  border-color: #367e91; }

.bullet-empty {
  background-color: #777;
  border-color: #777; }

.btn {
  border-radius: 0.313em !important; }

.primary-color {
  color: #367e91 !important; }

.secondary-color {
  color: #c8dcdf !important; }

.highlight-color {
  color: #e98352 !important; }

.primary-bg-color {
  background-color: #367e91 !important; }

.secondary-bg-color {
  background-color: #c8dcdf !important; }

.highlight-bg-color {
  background-color: #e98352 !important; }

.btn-success {
  background-color: red; }

.btn-primary,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
  background-color: #367e91 !important;
  border-color: #367e91 !important;
  color: #fff !important; }

.btn-primary:hover {
  background-color: #1b535f !important;
  border-color: #1b535f;
  color: #fff !important; }

.btn-secondary,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: #c8dcdf !important;
  border-color: #c8dcdf;
  color: inherit !important; }

.btn-info,
.btn-info:focus,
.btn-info:active {
  background-color: #e98352 !important;
  border-color: #e98352 !important;
  color: #fff; }

.submitbutton {
  background-color: #a8c7cc; }

.btn-secondary:hover,
.submitbutton:hover {
  background-color: #a8c7cc !important;
  border-color: #a8c7cc;
  color: inherit;
  /*color: white;*/ }

.btn-info:hover {
  background-color: #d4571b !important;
  border-color: #d4571b !important;
  color: #fff; }

.minusmultibutton {
  background-color: #c8dcdf !important;
  border-color: #c8dcdf !important; }

.minusmultibutton:hover {
  background-color: #1b535f !important;
  border-color: #1b535f;
  color: white !important; }

.addmultibutton,
.addmultibutton:active,
.addmultibutton:visited,
.addmultibutton:focus {
  background-color: #838383 !important;
  border-color: #838383;
  color: white !important; }

.addmultibutton:hover {
  background-color: #6a6a6a !important;
  border-color: #6a6a6a;
  color: white !important; }

.white {
  color: white !important; }

.panel-heading .accordion-toggle:after {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  float: right;
  color: grey;
  margin-top: -40px; }

.panel-heading .accordion-toggle.collapsed:after {
  content: "\e080"; }

.image img {
  margin-bottom: 0px !important; }

.directstart {
  float: left; }

.mylist {
  background-color: #d8e6e8 !important;
  color: black; }

.add-lektionen-wrap {
  background-color: #367e91 !important; }

.morelessons {
  background-color: #a8c7cc;
  border-radius: 0.313em !important; }

.checkautotraining {
  display: inline-flex; }

.checkautotraining .label-body ul {
  padding-left: 5px; }

.checkautotraining .radio-label {
  border: solid 1px #367e91;
  border-radius: 0.313em;
  padding: 0.3em;
  margin-right: 0.5em;
  margin-bottom: 10px !important;
  width: 100%;
  display: block;
  float: left;
  cursor: pointer;
  background-color: #a8c7cc; }

.checkautotraining .radio-label:last-of-type {
  margin-right: 0em !important; }

.checkautotraining .radio-label:hover {
  border: solid 1px #777; }

.checkautotraining .label-body {
  font-size: 0.7em;
  display: block;
  line-height: 1.2em; }

.checkautotraining .label-head {
  display: block;
  margin-bottom: 0.1em;
  font-size: 0.9em;
  font-weight: 600; }

.checkautotraining .radio-element {
  display: none; }

.checkautotraining label:not(.selected):hover {
  -moz-box-shadow: 0 0 5px #777;
  /*highlight-color*/
  -webkit-box-shadow: 0 0 5px #777;
  box-shadow: 0 0 5px #777;
  border-color: #777; }

.checkautotraining .selected {
  -moz-box-shadow: 0 0 5px #e98352;
  /*highlight-color*/
  -webkit-box-shadow: 0 0 5px #e98352;
  box-shadow: 0 0 5px #e98352;
  border-color: #e98352; }

.connectedSortable .ui-state-default {
  background-color: #a8c7cc !important; }

.ui-state-default {
  border-radius: 0.313em !important; }

.prog-bar {
  background-color: #367e91 !important; }

.prog-bar-container,
.prog-bar-container-lessons {
  background-color: #c8dcdf !important; }

.user-detail-box {
  border: solid 1px #c8dcdf;
  border-radius: 0.313em !important; }

.box-header {
  background-color: #c8dcdf; }

.box-header h4 {
  color: #367e91; }