.btn-default.menue:hover{
    color:#ffffff;
    background:#C5AC86;
}
.btn-default.menue{
    background:#F2EDE9;
    font-family: TangerineRegular;
    margin-top:50px;
    font-size: 36px;

    font-weight:bold;
    box-shadow: 0.1em 0.1em 0em 0.1em #C5AC86;
}

.schrift{
    background:#F2EDE9;
    font-family: TangerineRegular;
    font-size: 36px;
    font-weight:bold;
    border:none;
    border-radius:7px;
    box-shadow: 0.1em 0.1em 0em 0.1em #C5AC86;
    text-align:center;
}


@media(min-width:1024px){
  .draggabletrans { cursor:move; width: 220px; height: 100px; padding: 0 5px 5px 5px; float: left; margin: 0 5px 5px 0; font-size: .4em; padding-bottom:5px }
  .draggable { cursor:move; width: 260px; height: 60px; padding: 0 5px 5px 5px; float: left; margin: 0 5px 5px 0; font-size: .9em; padding-bottom:5px }
  .draggablelang { cursor:move; width: 260px; height: 60px; padding: 0 5px 5px 5px; float: left; margin: 0 5px 5px 0; font-size: .9em; padding-bottom:5px }
  .wuerfel0 {   width: 260px; height: 60px; background:#A9E2F3;opacity:0.8}
  .wuerfel1 {   width: 260px; height: 60px; background:#A9E2F3;opacity:0.8}
  .wuerfel2 {   width: 260px; height: 60px; background:#A9E2F3;opacity:0.8}
  .wuerfel3 {   width: 260px; height: 60px; background:#A9E2F3;opacity:0.8}
  .wuerfel4 {   width: 260px; height: 60px; background:#A9E2F3;opacity:0.8}
  .wuerfel5 {   width: 260px; height: 60px; background:#A9E2F3;opacity:0.8}

  .wuerfel10 {   width: 220px; height: 100px; background:#A9E2F3;opacity:0.8}
  .wuerfel11 {   width: 220px; height: 100px; background:#A9E2F3;opacity:0.8}
  .wuerfel12 {   width: 220px; height: 100px; background:#A9E2F3;opacity:0.8}
  .wuerfel13 {   width: 220px; height: 100px; background:#A9E2F3;opacity:0.8}
  .wuerfel14 {   width: 220px; height: 100px; background:#A9E2F3;opacity:0.8}
  .wuerfel15 {   width: 220px; height: 100px; background:#A9E2F3;opacity:0.8}
  .wuerfel16 {   width: 220px; height: 100px; background:#A9E2F3;opacity:0.8}
  .wuerfel17 {   width: 220px; height: 100px; background:#A9E2F3;opacity:0.8}
  .wuerfel18 {   width: 220px; height: 100px; background:#A9E2F3;opacity:0.8}

  #deklitabelle1 {
	    font-size: 18px;

  }
  #visibletr {
	    min-height: 320px;
  }
  #abstand {
	    margin-bottom:50px;
	    margin-top:0px;
  }
}


@media(min-width:1114px){
  .draggabletrans { cursor:move; width: 260px; height: 100px; padding: 0 5px 5px 5px; float: left; margin: 0 5px 5px 0; font-size: .5em; padding-bottom:5px }
  .draggable { cursor:move; width: 260px; height: 60px; padding: 0 5px 5px 5px; float: left; margin: 0 5px 5px 0; font-size: .9em; padding-bottom:5px }
  .draggablelang { cursor:move; width: 260px; height: 60px; padding: 0 5px 5px 5px; float: left; margin: 0 5px 5px 0; font-size: .9em; padding-bottom:5px }
  .wuerfel0 {   width: 260px; height: 60px; background:#A9E2F3;opacity:0.8}
  .wuerfel1 {   width: 260px; height: 60px; background:#A9E2F3;opacity:0.8}
  .wuerfel2 {   width: 260px; height: 60px; background:#A9E2F3;opacity:0.8}
  .wuerfel3 {   width: 260px; height: 60px; background:#A9E2F3;opacity:0.8}
  .wuerfel4 {   width: 260px; height: 60px; background:#A9E2F3;opacity:0.8}
  .wuerfel5 {   width: 260px; height: 60px; background:#A9E2F3;opacity:0.8}

  .wuerfel10 {   width: 260px; height: 100px; background:#A9E2F3;opacity:0.8}
  .wuerfel11 {   width: 260px; height: 100px; background:#A9E2F3;opacity:0.8}
  .wuerfel12 {   width: 260px; height: 100px; background:#A9E2F3;opacity:0.8}
  .wuerfel13 {   width: 260px; height: 100px; background:#A9E2F3;opacity:0.8}
  .wuerfel14 {   width: 260px; height: 100px; background:#A9E2F3;opacity:0.8}
  .wuerfel15 {   width: 260px; height: 100px; background:#A9E2F3;opacity:0.8}
  .wuerfel16 {   width: 260px; height: 100px; background:#A9E2F3;opacity:0.8}
  .wuerfel17 {   width: 260px; height: 100px; background:#A9E2F3;opacity:0.8}
  .wuerfel18 {   width: 260px; height: 100px; background:#A9E2F3;opacity:0.8}

  #deklitabelle1 {
	    font-size: 24px;

  }
  #visibletr {
	    min-height: 320px;
  }
  #abstand {
	    margin-bottom:50px;
	    margin-top:50px;
  }
}






@media(min-width:1424px){
  .draggable { cursor:move; width: 260px; height: 60px; padding: 0 5px 5px 5px; float: left; margin: 0 5px 5px 0; font-size: .9em; padding-bottom:5px }
  .draggabletrans { cursor:move; width: 300px; height: 120px; padding: 0 5px 5px 5px; float: left; margin: 0 5px 5px 0; font-size: .7em; padding-bottom:5px }  
  .draggablelang { cursor:move; width: 260px; height: 60px; padding: 0 5px 5px 5px; float: left; margin: 0 5px 5px 0; font-size: .9em; padding-bottom:5px }
  .wuerfel0 {   width: 260px; height: 60px; background:#A9E2F3;opacity:0.8}
  .wuerfel1 {   width: 260px; height: 60px; background:#A9E2F3;opacity:0.8}
  .wuerfel2 {   width: 260px; height: 60px; background:#A9E2F3;opacity:0.8}
  .wuerfel3 {   width: 260px; height: 60px; background:#A9E2F3;opacity:0.8}
  .wuerfel4 {   width: 260px; height: 60px; background:#A9E2F3;opacity:0.8}
  .wuerfel5 {   width: 260px; height: 60px; background:#A9E2F3;opacity:0.8}

  .wuerfel10 {   width: 300px; height: 120px; background:#A9E2F3;opacity:0.8}
  .wuerfel11 {   width: 300px; height: 120px; background:#A9E2F3;opacity:0.8}
  .wuerfel12 {   width: 300px; height: 120px; background:#A9E2F3;opacity:0.8}
  .wuerfel13 {   width: 300px; height: 120px; background:#A9E2F3;opacity:0.8}
  .wuerfel14 {   width: 300px; height: 120px; background:#A9E2F3;opacity:0.8}
  .wuerfel15 {   width: 300px; height: 120px; background:#A9E2F3;opacity:0.8}
  .wuerfel16 {   width: 300px; height: 120px; background:#A9E2F3;opacity:0.8}
  .wuerfel17 {   width: 300px; height: 120px; background:#A9E2F3;opacity:0.8}
  .wuerfel18 {   width: 300px; height: 120px; background:#A9E2F3;opacity:0.8}
  
  
  #deklitabelle1 {      
	    font-size: 32px;
  
  }  
  #visibletr {
	    min-height: 360px;

  }
  #abstand {
	    margin-bottom:50px;
	    margin-top:100px;
  }  
    
}  
  

  .rahmen { min-width:320px;border:solid 2px #cdcdcd; border-radius:5px; margin-left:5px;margin-top:5px}
  .snaptarget2 { width: 300px; height: 60px; font-family:verdana;font-size:12px; font-weight:bold; text-align:center; margin: 5px 5px 5px 5px }
.pointer {cursor: pointer;}

	.back{
	    padding: 0;
	    margin: 0;
	    background: url(/upload/inschrift.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;

		}


footer {
  position: fixed;
  left: 0px;
  bottom: 0px;
  height: 50px;
  width: 101%;
   z-index:5;
}

header {
  position: fixed;
  left: 0px;
  top: 0px;

  width: 101%;
   z-index:5;
}


@media(max-width:992px){
  #loadgerundiumtrain {
   position:absolute;
   left:0%;
   top:10%;
   z-index:3;
   width:100%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadablabstrain {
   position:absolute;
   left:0%;
   top:10%;
   z-index:3;
   width:100%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }  
  
  #loadpyramustrain {
   position:absolute;
   left:0%;
   top:10%;
   z-index:3;
   width:100%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadconsecutrain {
   position:absolute;
   left:0%;
   top:30%;
   z-index:3;
   width:100%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadhortatrain {
   position:absolute;
   left:0%;
   top:30%;
   z-index:3;
   width:100%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadpctrain {
   position:absolute;
   left:0%;
   top:30%;
   z-index:3;
   width:100%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadacitrain {
   position:absolute;
   left:0%;
   top:30%;
   z-index:3;
   width:100%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadpraepotrain {
   position:absolute;
   left:0%;
   top:30%;
   z-index:3;
   width:100%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadconstructiontrain {
   position:absolute;
   left:0%;
   top:30%;
   z-index:3;
   width:100%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loaddekbesttrain {
   position:absolute;
   left:0%;
   top:30%;
   z-index:3;
   width:100%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadkonbesttrain {
   position:absolute;
   left:0%;
   top:30%;
   z-index:3;
   width:100%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadkonjutrain {
   position:absolute;
   left:0%;
   top:30%;
   z-index:3;
   width:100%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadkngnoprotrain {
   position:absolute;
   left:0%;
   top:30%;
   z-index:3;
   width:100%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadkngtrain {
   position:absolute;
   left:0%;
   top:30%;
   z-index:3;
   width:100%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loaddeklitrain {
   position:absolute;
   left:0%;
   top:30%;
   z-index:3;
   width:100%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #starttext {
   position:absolute;
   left:0%;
   top:30%;
   z-index:3;
   width:100%;
   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }  
  #showimpressum {
   position:absolute;
   left:0%;
   top:30%;
   z-index:3;
   width:100%;
   height:400px;
   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
.btn-default.menue:hover{
    color:#ffffff;
    background:#C5AC86;
}
.btn-default.menue{
    background:#F2EDE9;
    font-family: TangerineRegular;
    margin-top:20px;
    font-size: 20px;

    font-weight:bold;
    box-shadow: 0.1em 0.1em 0em 0.1em #C5AC86;
}
.glyphicon-triangle-bottom{
    margin-left:50px;
    font-size: 26px;
}
.btn-default.menu2:hover{
    color:#ffffff;
    background:#C5AC86;
}
.btn-default.menu2{
    background:#F2EDE9;
    font-family: TangerineRegular;
    font-size: 18px;
    font-weight:bold;
    box-shadow: 0.1em 0.1em 0em 0.1em #C5AC86;
}

}


@media(min-width:992px){
  #loadpraepotrain {
   position:absolute;
   left:5%;
   top:10%;
   z-index:3;
   width:90%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadablabstrain {
   position:absolute;
   left:2%;
   top:12%;
   z-index:3;
   width:95%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadgerundiumtrain {
   position:absolute;
   left:2%;
   top:12%;
   z-index:3;
   width:95%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }  
  #loadpyramustrain {
   position:absolute;
   left:2%;
   top:12%;
   z-index:3;
   width:95%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }  
  
  #loadconsecutrain {
   position:absolute;
   left:5%;
   top:25%;
   z-index:3;
   width:90%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }  
  #loadhortatrain {
   position:absolute;
   left:5%;
   top:25%;
   z-index:3;
   width:90%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }  
  #loadpctrain {
   position:absolute;
   left:5%;
   top:25%;
   z-index:3;
   width:90%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }  
  #loadacitrain {
   position:absolute;
   left:5%;
   top:25%;
   z-index:3;
   width:90%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadconstructiontrain {
   position:absolute;
   left:5%;
   top:25%;
   z-index:3;
   width:90%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loaddekbesttrain {
   position:absolute;
   left:5%;
   top:25%;
   z-index:3;
   width:90%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadkonbesttrain {
   position:absolute;
   left:5%;
   top:25%;
   z-index:3;
   width:90%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadkonjutrain {
   position:absolute;
   left:5%;
   top:25%;
   z-index:3;
   width:90%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadkngtrain {
   position:absolute;
   left:5%;
   top:25%;
   z-index:3;
   width:90%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadkngnoprotrain {
   position:absolute;
   left:5%;
   top:25%;
   z-index:3;
   width:90%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loaddeklitrain {
   position:absolute;
   left:5%;
   top:25%;
   z-index:3;
   width:90%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #starttext {
   position:absolute;
   left:5%;
   top:25%;
   z-index:3;
   width:90%;
   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }  
  #showimpressum {
   position:absolute;
   left:10%;
   top:25%;
   z-index:3;
   width:80%;
   height:400px;
   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
.btn-default.menue:hover{
    color:#ffffff;
    background:#C5AC86;
}
.btn-default.menue{
    background:#F2EDE9;
    font-family: TangerineRegular;
    margin-top:30px;
    font-size: 26px;

    font-weight:bold;
    box-shadow: 0.1em 0.1em 0em 0.1em #C5AC86;
}
.glyphicon-triangle-bottom{
    margin-left:-15px;
    margin-top:-15px;
    font-size: 20px;
}
.btn-default.menu2:hover{
    color:#ffffff;
    background:#C5AC86;
}
.btn-default.menu2{
    background:#F2EDE9;
    font-family: TangerineRegular;
    font-size: 20px;
    font-weight:bold;
    box-shadow: 0.1em 0.1em 0em 0.1em #C5AC86;
}

}

@media(min-width:1424px){
  #loadpraepotrain {
   position:absolute;
   left:10%;
   top:15%;
   z-index:3;
   width:80%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadpyramustrain {
   position:absolute;
   left:10%;
   top:15%;
   z-index:3;
   width:80%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadablabstrain {
   position:absolute;
   left:10%;
   top:15%;
   z-index:3;
   width:80%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }    
  #loadgerundiumtrain {
   position:absolute;
   left:10%;
   top:15%;
   z-index:3;
   width:80%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }  
  #loadconsecutrain {
   position:absolute;
   left:10%;
   top:15%;
   z-index:3;
   width:80%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }  
  
  #loadhortatrain {
   position:absolute;
   left:10%;
   top:15%;
   z-index:3;
   width:80%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }  
  #loadpctrain {
   position:absolute;
   left:10%;
   top:15%;
   z-index:3;
   width:80%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }  
  #loadacitrain {
   position:absolute;
   left:10%;
   top:15%;
   z-index:3;
   width:80%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadconstructiontrain {
   position:absolute;
   left:10%;
   top:15%;
   z-index:3;
   width:80%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadkonbesttrain {
   position:absolute;
   left:10%;
   top:15%;
   z-index:3;
   width:80%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loaddekbesttrain {
   position:absolute;
   left:10%;
   top:15%;
   z-index:3;
   width:80%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadkonjutrain {
   position:absolute;
   left:10%;
   top:15%;
   z-index:3;
   width:80%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loaddeklitrain {
   position:absolute;
   left:10%;
   top:15%;
   z-index:3;
   width:80%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadkngnoprotrain {
   position:absolute;
   left:10%;
   top:15%;
   z-index:3;
   width:80%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #loadkngtrain {
   position:absolute;
   left:10%;
   top:15%;
   z-index:3;
   width:80%;

   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #starttext {
   position:absolute;
   left:10%;
   top:15%;
   z-index:3;
   width:80%;
   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
  #showimpressum {
   position:absolute;
   left:20%;
   top:15%;
   z-index:3;
   width:60%;
   height:400px;
   border: none;
   border-radius:5px;
   box-shadow: 0.2em 0.2em 0em 0.2em #C5AC86;
  }
.btn-default.menue:hover{
    color:#ffffff;
    background:#C5AC86;
}
.btn-default.menue{
    background:#F2EDE9;
    font-family: TangerineRegular;
    margin-top:50px;
    font-size: 36px;

    font-weight:bold;
    box-shadow: 0.1em 0.1em 0em 0.1em #C5AC86;
}
.glyphicon-triangle-bottom{
    margin-left:50px;
    font-size: 26px;
}
.btn-default.menu2:hover{
    color:#ffffff;
    background:#C5AC86;
}
.btn-default.menu2{
    background:#F2EDE9;
    font-family: TangerineRegular;
    font-size: 24px;
    font-weight:bold;
    box-shadow: 0.1em 0.1em 0em 0.1em #C5AC86;
}

}