body{
font-size:1.2vw;
}

[contenteditable] {
    -webkit-user-select: text;
    user-select: text;
}

.pfeilstil{
fill:#DE060C;
stroke:#2D2828;
stroke-width:12;
stroke-miterlimit:5;
}

body, div, h1, h2, h3, h4, a, p, li, ul, span, b, textarea, input , select, button{
font-family:"Musikschule";
} 

@font-face {
  font-family:'Musikschule';
  src: url('../schrift/FrutigerLT-Light.eot');
  src: url('../schrift/FrutigerLT-Light.eot?#iefix') format('embedded-opentype'),
       url('../schrift/FrutigerLT-Light.svg#schrift/FrutigerLT-Light') format('svg'),
       url('../schrift/FrutigerLT-Light.ttf') format('truetype'),
       url('../schrift/FrutigerLT-Light.woff') format('woff'),
       url('../schrift/FrutigerLT-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

:root{
}

.nurprint{
display:none;
}

a{
text-decoration:none;
color:initial;
}

select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none 0px;
height: 1.2em;
font-size: 1em;
border-radius:0px;
display:block;
}

option{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

textarea, input{
-moz-appearance: none; !important;
-webkit-appearance: none !important;
appearance: none !important;
outline:none;
}

button {
font-size: 1.1em;
font-weight: normal;
padding: 0.2em 1em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: rgba(208, 238, 255, 0.6);
border: 1px solid #312F2F;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 0.8em;
}

#jahrzahlen {
background-color: white;
}

.dick{
font-weight:600;
}

.duenn{
font-weight:normal;
}

.checkbox{
display:block;
width:1.5em;
height:1.5em;
border:solid 0.01em black;
border-radius:0.05em;
position: relative;
}

.checked .innerhaken {
background-image:url('../icons/gutkrummgut.svg');
background-repeat:no-repeat;
}

.innerhaken {
width: 120%;
height: 120%;
z-index: 10;
position: absolute;
top: -0.3em;
}

#checkboxfenster{
display:flex;
align-items: center;
}

*{
font-family: sans-serif;
}

.error{
color:red;
}

.ueberschrift{
font-size:1.1em;
font-weight:normal;
}

.svg{
width:100%;
}

.blaettern{
width:2vw;
height:2vw;
}

.einsmehr{
width:1.6vw;
height:1.6vw;
margin-top:0.3vw;
}

.einsweniger {
width:1.6vw;
height:1.6vw;
margin-bottom:0.3vw;
}

.vorwaerts {
transform:rotate(180deg);
}

.einsmehr{
transform:rotate(90deg);
}

.einsweniger{
transform:rotate(270deg);
}

.rueckwaerts {
}

.unsichtbar{
display:none !important;
}

.geheim{
visibility:hidden;
}

.kleiner{
font-size:0.8em;
}

.tabellenzeile {
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

.tabellenzeile {
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

.label {
width: 24%;
flex-shrink: 0;
height: 2em;
border-bottom: solid 1px;
border-right: solid 1px;
display: flex;
align-items: center;
padding-left: 1%;
position: relative;
}

.letztes .label {
border-bottom: 0px none;
}

.radiotrigger {
    display: flex;
    width: 25%;
    height: 2em;
}

.radiotrigger.anwesend {
    border-bottom: solid 1px;
    border-right: solid 1px;
}
.radiotrigger.entschuldigt {
    border-right: solid 1px;
    border-bottom: solid 1px;
}
.radiotrigger.unentschuldigt {
    border-right: initial;
    border-bottom: solid 1px;
}



.unteres.letztes .radiotrigger.unentschuldigt,.letztes .radiotrigger.weg {
    border-bottom: 0px none;
}

.letztes .radiotrigger.anwesend {
    border-bottom: 0px none;
    border-right: solid 1px;
}
.letztes .radiotrigger.entschuldigt {
    border-right: solid 1px;
    border-bottom: 0px none;
}
.letztes .radiotrigger.unentschuldigt {
    border-right: initial;
    border-bottom: 0px none;
}



.unteres .radiotrigger.unentschuldigt{
    border-bottom: solid 1px;
}

.triggerfueller {
    width: 1em;
    height: 1em;
}

.radiotrigger.checked .triggerfueller {
background-color: #E22006;
}



.weglassbutton{
display:flex;
width:1em;
height:1em;
position:absolute;
right:20em;
top:0.2em;
cursor:pointer;
z-index:20;
}

.wegzeichen {
    border: initial !important;
    width: 2em;
    position: absolute;
    top: 0px;
   right: 0.2em;
}

.wegtriggerfueller {
    height: 100%;
    width: 100%;
    border-radius: initial !important;
    display:flex;
}

.pink{
background-color:#A63680;
}

.hellblau{
background-color:#A3C5E4;
}

.dunkelblau{
background-color:#6092C8;
}

.schmutzgelb{
background-color:#CEBD04;
}

.lachs{
background-color:#F5AF90;
}

#dokumentenanzeige {
white-space: initial;
}

#dokumentenanzeige form {
display: none;
}

#ueberschriftdokumente {
margin: initial;
margin-bottom: 1.2em;
}

.logonfenster #iphonebox {
display: flex;
flex-direction: column;
height: 100vh;
align-items: center;
justify-content: space-between;
}

#logintitel {
font-size: 1.5em;
text-align: center;
}

#logintable {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
}

.tablerow {
margin: 0.5em 0px;
text-align: center;
position: relative;
}

#offiziellnavigation a{
text-decoration: none;
color:black;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
display: none !important;
}

input::-ms-show, input::-ms-reveal, ::-ms-reveal{
display:none !important;
}

#wegkreuz{
display:none;
}

.placeholder, .hintergrund{
color:rgba(0,0,0,0.5);
}

#buttonfeld {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 90%;
flex-wrap: wrap;
}

.mahnstatus::before {
content: " ";
display: block;
width: 0.2em;
height: 0.6em;
position: absolute;
background: #E22006;
top: 3.3em;
left: calc(95% + 0.05em);
border-radius: 0.15em;
}

.mahnstatus::after {
content: " ";
display: block;
width: 0.3em;
height: 0.3em;
position: absolute;
background: #E22006;
top: 4em;
left: 95%;
border-radius: 0.15em;
}