/*-----------------------------------------------------------------------------------*/
/* Eigene Sheets */
/*-----------------------------------------------------------------------------------*/

@font-face {
           font-family: 'jawolle';
           src: url('../../assets/fonts/jawolle/Jawolle-Regular.ttf') format("truetype");
           }
@font-face {
           font-family: 'mailow';
           src: url('../../assets/fonts/jawolle/Myownly-Regular.ttf') format("truetype");
           }

.mailowbe {
  font-family: 'mailow';
  font-style: normal;
  font-weight: normal;
  font-size: 1.3em;
  letter-spacing: -1px;
  word-spacing: 0.2em;
  !importent;
}
.owntype {
  font-family: 'jawolle';
  font-style: normal;
  font-weight: normal;
  font-size: 1.3em;
  letter-spacing: -1px;
  word-spacing: 0.2em;
  !importent;
}

.rtl { unicode-bidi: bidi-override;
       direction: rtl; }

.unmarkierbar {
         -webkit-user-select: none;
         -moz-user-select: -moz-none;
         -ms-user-select: none;
         user-select: none;
}

.trennen {
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;
 -webkit-hyphens: auto;
 hyphens: auto;
}
.block { text-align:justify !important; }

.wegstrich { color:#000000; text-decoration:line-through; }


.reisefoto { padding:10px; border:black 1px solid; }
.genrand   { padding:7px; border:grey 1px solid; background-color:#fff; }
.rot       { color: #FB3704 !important; }
.genrot    { color: #5F0000 !important; }
.grau      { color: #555; }
.blau      { color: #00F; }
.gelb      { color: #FEFF00 !important; }
.weiss     { color: #FEF !important; }
.schwarz   { color: #000 !important; }
.gruen     { color: #007F00; }
.gruenh    { color: #009F00; }
.hellgruen { background-color: #D7FFD7 }
.gruend    { color: #003F00; }
.tuerkis   { color: #007070; }
.lifoot    { list-style:none; padding:2px;}
.abstandli { padding-left: 10px}

.phonav { border-color: #FFF; }
.links  { text-align:left !important; }
.rechts { text-align:right !important; }


span.card         { width:100px; padding:5px 9px 5px 9px; margin:4px 4px 4px 0px; font-size:1.2em; text-align:left; border:solid 1px #000; }
span.karten       { float:left; width:80px; padding:5px 10px 5px 10px; margin:5px; font-size:1.2em; text-align:left; border:solid 1px #000;
                    font-family: arial; }
span.plusneun     { float:left; width:65px; padding:5px 5px 5px 5px; margin:5px; font-size:1.2em; text-align:left; border:solid 1px #000; }
span.plusneunabc  { float:left; width:65px; padding:5px 5px 5px 5px; margin:5px; font-size:1.2em; text-align:center; border:solid 1px #000; }
span.kartenfarbe  { float:left; width:45px; margin:5px; border:solid 1px #000; }
span.finalkarte   { width:260px; padding:25px 30px 25px 30px; margin:20px; font-size:1.5em; border:solid 1px #000; }
span.vierzweieins { padding:3px; margin:10px; }

/*  ------------- Quiz ------------------------ */

.panel-body {
  padding: 15px;
}

.panel-frage {
  margin-bottom: 20px;
  background-color: #F0F0F0;
  border: 1px solid transparent;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel {
  margin-bottom: 20px;
  background-color: #F0F0F0;
  border: 1px solid transparent;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-neutral {
  border-color: #FFFFFF;
}

.panel-gruen {
  border-color: #EEF8E3;
}

.panel-rot {
  border-color: #DF0000;
}

.antwort:hover {
  background-color: #D8F3D0;
}

.panel-loesung {
  background-color: #EEF8E3;
}



#fibonacci table, th, td {
  border: thin solid;
  text-align: left;
  padding-left:5px;
  padding-bottom:3px;
  padding-right:10px;
}

#fibonacci td {}

#fibonacci tbody tr:nth-child(even) {
  background-color: #e4ebf2;
  color: #000;
}

#zentriert {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.norand { border:0px; }

/*----------------------- Fremde Links kennzeichnen ----------------------------------*/
a {
  &[href^="http"]{
    &:not([href*="messemer.lu"]) {
      &:before {
        content: " [ext] ";
        white-space: nowrap;
        color: #FF0000;
      }
    }
  }
}


.fixiert {
   position: fixed;
   bottom:20px;
   right:20px;
}
.ontop {
        font-weight: bold;
       }

.kalender {
           color:#000000;
           display: table;
           width:100%;
           vertical-align: middle;
           text-align: center;
          }
.kalendernow {
           color:#FFFFFF;
           font-weight: bold;
           display: table;
           width:100%;
           vertical-align: middle;
           text-align: center;
          }