﻿
body    {font-size: 0.9em;  font-family: 'verdana', serif; color:#000; margin: 0;  background-color:#FF8000; overflow-x: hidden;  box-sizing: border-box;
	scrollbar-3dlight-color: #C0C0C0;
	scrollbar-arrow-color: #000;
	scrollbar-base-color: #F0F0EE;
	scrollbar-darkshadow-color: #9AB4BE;
	scrollbar-face-color: #C0C0C0;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #F0F0EE;
	scrollbar-track-color: #F5F5F5;
	font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  
}
* {
  margin: 0;
  padding: 0;
}

.dreieck {
position:fixed;
top:60px;
left:0px;
width: 0px;
height: 0px;
-webkit-transform:rotate(360deg);
border-style: solid;
border-width: 320px 320px 0 0;
border-color: #FF0000 transparent transparent transparent;
z-index:2;
}
.slicksText3      {position:absolute;  top:-285px; left:30px; text-align:center; color:#fff; -webkit-transform:rotate(-45deg); z-index:3; font-size:0.8em;}


.wrapper {
  position: relative;
  width: 60%;
  margin: 0 auto;
  transition: 0.5s;
}


.content {
  float:left;
  width:100%;
  padding: 20px;
  margin-top:60px;
  background-color:#292929; min-height:280px;
  background-image:url('../images/bikerbook.png');
  font-size:1.5em;
  color:#000;
  font-weight:bold;
   color:hsl(fff,50%,80%);
   text-shadow: 
   -0.1ex 0.1ex 1px #000; 
    border-bottom: 1px  #000000 solid;
  }


.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1;
}




.logo             {display:block; width:100%; padding:1em; text-decoration:none; color:white; text-align: left; padding-top:10px; margin-left:20px; }
.navi             {position:absolute; top:0px; width:100%;  text-align:right; color:white; padding-top:10px;}


input#off-canvas-menu {
  display: none;
}

label.off-canvas-menu-label {
display:none; 
}

label.off-canvas-menu-label i {
  position: absolute;
  top: 18px;
  right: 20px;
  font-size: 24px;
  color: #fff;
  transition: 0.3s;
}

input#off-canvas-menu[type=checkbox]:checked ~ label.off-canvas-menu-label i {
  transform: rotate(90deg);
}

input#off-canvas-menu[type=checkbox]:checked ~ nav.off-canvas-menu {
  transform: translateX(0);
}

input#off-canvas-menu[type=checkbox]:checked ~ .wrapper {
  transform: translateX(300px);
}

input#off-canvas-menu[type=checkbox]:checked ~ .overlay {
  height: 100%;
  opacity: 1;
}

nav li.home
label.off-canvas-menu-label {
  transition: 0.2s;
}

nav li.home:hover,
label.off-canvas-menu-label:hover,
input#off-canvas-menu[type=checkbox]:checked ~ label.off-canvas-menu-label {
  background: #fff !important;
}


.main-menu {
  position: fixed;
  text-align:center;
  width: 100%;
  height: 60px;
  background: #3a3a3a;
  box-shadow: 0 0 10px rgba(0,0,0,0.9);
  z-index: 3;
}

.main-menu ul.nav-icons {
  float: right;
}

.main-menu li {
  float: left;
  line-height: 60px;
  list-style: none;
  transition: 0.3s;
}

.main-menu li a {
  display: inline-block;
}

.main-menu li i {
  width: 60px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}

.off-canvas-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  background: #3a3a3a;
  font-size: 16px;
  transform: translateX(-100%);
  box-shadow: 0 0 10px rgba(0,0,0,0.9);
  transition: 0.5s;
  z-index: 2;
}

.off-canvas-menu input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
    display: block;
  cursor: pointer;
}

.off-canvas-menu ul {
  margin: 0;
  padding: 0;
}

.off-canvas-menu > ul {
  margin-top: 60px;
}

.off-canvas-menu a {
  display: block;
  padding: 15px 20px;
  color: #fff;
  text-decoration: none;
}

.off-canvas-menu li {
  position: relative;
  float: left;
  width: 100%;
  list-style: none;
  color: #fff;
  transition: 0.5s;
  border-top: 1px solid #555;
}

.off-canvas-menu > ul > li:last-child {
  border-bottom: 1px solid #555;
}

.off-canvas-menu ul li:first-child {
  border-top: none;
}

.off-canvas-menu ul > li.sub > a:after {
  position: relative;
  float: right;
  content: '+';
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  vertical-align: middle;
  transition: 0.5s;
}

.off-canvas-menu .submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
  border-top: none;
}

.off-canvas-menu input[type=checkbox]:checked ~ .submenu {
  border-top: 1px solid #555;
  max-height: 1500px;
}

.off-canvas-menu input[type=checkbox]:checked ~ a:after {
  transform: rotate(45deg);
}

.off-canvas-menu .submenu li {
  background: #333;
}

.off-canvas-menu .submenu li a {
  padding-left: 30px;
}

.off-canvas-menu .submenu li li a {
  padding-left: 35px;
}

.off-canvas-menu .submenu li li li a {
  padding-left: 40px;
}

.off-canvas-menu .submenu li.sub {
  list-style: none;
}



#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

#myRNT {
  display: none;
  position: fixed;
  bottom: 80px;
  right: 30px;
  z-index: 98;
  border: none;
  outline: none;
  background-color: green;
  cursor: pointer;
  padding: 12px;
  font-size:0.8em;
  border-radius: 4px;
}

#myRNT:hover {
  background-color: #C0C0C0;
}


span.orange {color:#FF8C00;}
span.red {color:#FF0000; font-size:1.4em; font-weight:bold;}
span.black {color:#000; font-size:1em;}
span.f08 {font-size:0.8em;}
a.weiss {color:#fff; font-size:0.8em; text-decoration:none;}
a.weiss:hover {color:#FF8C00; font-size:0.8em; text-decoration:none;}



.posi { float:left; width:100%; margin-left: 70%; margin-top:30px; color:#fff;}


.content1 { float:left; width:100%; padding: 30px; background-color: #fff;}
.content2 { float:left; width:100%; padding: 30px; background-color: #3A3A3A;}
.content3 { float:left; width:100%; padding: 10px; background-color: #3A3A3A; border-bottom: 10px #fff solid; color:#fff;}
.content4 { float:left; width:100%; padding: 30px; background-color: #FF8000; color:#000;}
.content5 { float:left; width:100%; padding: 30px; background-color: #3A3A3A; color:#000;}


.content1_F { float:left; width:100%; padding: 30px; background-color: #fff; display:block;}
.content1_FF { float:left; width:100%; padding: 30px; background-color: #fff; display:none;}


.inBlock { float:left; width:32%; padding: 20px; background-color: #FF8C00; margin-right:1%; border-radius:8px; text-align:justify;}
.inBlock49 { float:left; width:49%; padding: 20px;  margin-right:1%; text-align:justify;}
.inBlock50 { float:left; width:50%; padding: 20px;  text-align:justify;}
.inBlock50_1 {float:left; width:10%;}
.inBlock50_2 {float:left; width:90%; margin-bottom:10px;}
.inBlock50_33 {float:left; width:33%; font-size:0.7em; padding-right:10px; padding-left:10px; border-right: 1px #fff solid; text-align:justify;}


.inBlock50W { float:left; width:50%; padding: 20px;  text-align:justify; color:#fff;}


.inBlock55 { float:left; width:55%; padding: 20px;  margin-right:1%;}
.inBlock45 { float:left; width:44%; padding: 20px;  text-align:center;}
.inBlock45C { float:left; width:44%; padding: 20px;  text-align:center; cursor:pointer;}


.inBlock1 { float:left; width:100%; margin-bottom:15px; font-size:1.1em; font-weight:bold; color:#fff;}
.inBlock2 { float:left; width:100%; margin-bottom:15px; font-size:1.1em; font-weight:bold; color:#000;}

.inBlock1B { float:left; width:100%; margin-bottom:15px; font-size:1.1em; font-weight:bold; color:#000; margin-bottom:10px;}
.inBlock1B1{ float:left; width:100%; margin-bottom:15px; margin-top:15px; font-size:1.1em; font-weight:bold; color:#000; margin-bottom:10px;}
.inBlock1W { float:left; width:100%; margin-bottom:15px; margin-top:15px; font-size:1.1em; font-weight:bold; color:#fff; margin-bottom:10px;}
.inBlock1W1 { float:left; width:100%; margin-bottom:15px; font-size:1em; font-weight:bold; color:#fff; margin-bottom:10px;}
.inBlock12{ float:left; width:100%; font-size:1.1em; font-weight:bold; color:#fff; margin-bottom:10px;}


.inBlock100 { float:left; width:100%; padding: 20px; background-color: #FF8C00; margin-right:1%; border-radius:8px; text-align:justify;}
.inBlock100B { float:left; width:100%; padding: 20px; background-color: #3A3A3A; margin-right:1%; border-radius:8px; text-align:justify;}
.inBlock50GR { float:left; width:50%; padding: 20px; background-color:#808080; border-radius:8px; text-align:justify;}


.textBlock     { float: left; width:100%; margin-bottom:3px; font-size:0.9em;}
.textBlock1    { float: left; width:10%; text-align:center;}
.textBlock2    { float: left; width:90%; text-align:left;}
.tblock     { float: left; width:100%;}
.video     { float: left; width:100%; display:none;}
a.linkA          {float:left; width:100%; color:#fff; font-size:1em; text-decoration:none;}
a.linkA:hover   {float:left;  width:100%; color:#000;  font-size:1em; text-decoration:none;}
a.linkB          {float:left; width:100%; color:#fff; font-size:1em; text-decoration:none; font-weight:bold;}
a.linkB:hover   {float:left;  width:100%; color:#000;  font-size:1em; text-decoration:none;}


.mailBlock     { float: left; width:100%; margin-top:15px; font-size:0.9em;}
.errBlock     { float: left; width:100%; margin-top:15px; text-align:center;}


.iboxT11S11         {float:left; width:20%; padding:6.5px; font-size:1.2em; text-align:center; border-right: 1px #fff solid; background-color:#FF8C00; color:#000;}

.iboxT11S1         {float:left; width:20%; padding:7px; font-size:1.2em; text-align:center; border-right: 1px #fff solid; background-color:#FF8C00; color:#000;}
.iboxT11S2 a        {float:left; width:80%; padding:9px; font-size:1.0em; text-align:center; background-color:#3A3A3A; color:#fff; text-decoration:none;}
.iboxT11S2 a:hover  {float:left; width:80%; padding:9px; font-size:1.0em; text-align:center; background-color:#3A3A3A; color:#FF8000; text-decoration:none;}

.schalterM6      {float: right; width: 50%; border:1px solid #c0c0c0; background: #fff; margin-top:10px;}
.schalterM7      {float: left; width: 50%; border:1px solid #c0c0c0; background: #fff; margin-top:10px;}
.schalterM8      {float: right; width: 20%; margin-top:10px; font-weight:bold; cursor:pointer; font-size:1em; color:#CC0000;}
.schalterM8_1    {float: left; width: 10%; text-align:center;}
.schalterM8_2    {float: left; width: 90%;}
.schalterM9      {float: right; width: 100%; border:1px solid #c0c0c0; background: #fff; margin-top:15px;}


.IMMblock1         {float:left; width:33%; padding:10px; font-size:0.7em; min-height:120px;  border-right: 1px #c0c0c0 solid;  color:#fff;}
.IMMblock2         {float:left; width:33%; padding:10px; font-size:0.8em; min-height:120px; border-right: 1px #c0c0c0 solid; border-left: 1px #000 solid; color:#fff;}
.IMMblock3         {float:left; width:33%; padding:10px; font-size:0.8em; min-height:120px; border-left: 1px #000 solid; color:#c0c0c0; line-height:25px;}

.Refbox     {float:left; width:100%;  padding-bottom:5px; margin-bottom:5px; border-bottom:1px #F0F0F0 solid;}
.Refbox1     {float:left; width:5%;  padding:2px; text-align:center; border-bottom:1px #F0F0F0 solid;}
.Refbox11     {float:left; width:95%;  padding:2px; font-weight:bold; border-bottom:1px #F0F0F0 solid;}
.Refbox2     {float:left; width:95%; margin-left:5%; padding:2px; font-size:0.9em;}
.Refbox22     {float:left; width:33.33%; padding:2px;}

.LblockL         {float:left; width:100%;  margin-top:10px; border:1px #F0F0F0 solid; padding:10px; background-color:#fff;}
.LblockERR         {float:left; width:100%;  margin-top:10px; border:1px #F0F0F0 solid; padding:10px; background-color:#C40000; color:#fff;}

.LblockR         {float:left; width:100%;  margin-top:10px; padding-left:0px;}
.LblockR1        {float:left; width:100%;  margin-bottom:2px; font-size:0.8em;}
.LblockR2        {float:left; width:100%;  margin-bottom:5px;}
.LblockR3        {float:left; width:100%; margin-left:0%; margin-bottom:5px;}

.LblockL100      {float:left; width:100%;  margin-top:10px; border:1px #F0F0F0 solid;}

.LblockL101 a           {float:left; width:33.33%; padding:5px; text-align:center; background-color:#666666; border-right:1px #F0F0F0 solid; color:#FF8E1C; text-decoration:none;}
.LblockL101 a:hover     {float:left; width:33.33%; padding:5px; text-align:center; border-right:1px #F0F0F0 solid; color:#fff; text-decoration:none;}
.LblockL102 a           {float:left; width:33.33%; padding:5px; text-align:center; background-color:#666666; color:#FF8E1C; text-decoration:none;}
.LblockL102 a:hover     {float:left; width:33.33%; padding:5px; text-align:center; color:#fff; text-decoration:none;}

.Rbox4              {float:left; width:100%; margin-top:10px;  text-align:justify; font-size:0.8em; line-height:14px; border:1px #c0c0c0 solid; padding:10px; background-color:#fff; color:#000;}

.RboxLL             {float:left; width:100%; margin-top:10px; padding-bottom:2px; border-bottom:1px #c0c0c0 solid;}
.RboxL1              {float:left; width:33%; margin-top:5px; border-left:1px #c0c0c0 solid; padding-left:5px;}
.RboxL2              {float:left; width:33%; margin-top:5px; border-left:1px #c0c0c0 solid; padding-right:5px; text-align:right;}
.RboxL3              {float:left; padding-left:3px; padding-right:3px;}
.RboxL4             {float:left; width:100%; margin-top:10px; font-size:0.85em;}
.RboxL5             {float:left; width:100%; color:#fff; font-size:0.85em;}
.RboxL6             {float:left; width:100%;}
.RboxL7             {float:left; width:50%;}
.RboxL8             {float:left; width:50%; text-align:right;}
.RboxL9             {float:left; width:50%; margin-bottom:20px;}
.RboxL10            {float:left; width:50%; margin-bottom:20px; text-align:right;}

a.flies             {color:#000;}


.cookiblock      {position:absolute; width:100%; min-height:100px; top:130px; background-color:#000; color:#fff; padding:25px; z-index:50; text-align:left;}
.cookiblock1     {float:left; width:85%; margin-right:5%; text-align:justify;}
.cookiblock2 a       {float:left; width:10%; border:1px black solid; padding:25px; background-color:#FF8000; text-align:center; font-size:0.8em; text-decoration:none; color:#fff;}
.cookiblock2 a:hover {float:left; width:10%; border:1px black solid; padding:25px; background-color:#009900; text-align:center; font-size:0.8em; text-decoration:none; color:#fff;}

.SchalterU         {float:left; width:80%;  padding:9px; font-size:1em; text-align:center; background-color:#3A3A3A; color:#fff; text-decoration:none; border: 0px; cursor:pointer;}
:hover.SchalterU   {float:left; width:80%;  padding:9px; font-size:1em; text-align:center; background-color:#3A3A3A; color:#FF8000; text-decoration:none; border: 0px; cursor:pointer;}

.SchalterUU         {float:left; width:80%;  padding:8px; font-size:1em; text-align:center; background-color:#3A3A3A; color:#fff; text-decoration:none; border: 0px; cursor:pointer;}
:hover.SchalterUU   {float:left; width:80%;  padding:8px; font-size:1em; text-align:center; background-color:#3A3A3A; color:#FF8000; text-decoration:none; border: 0px; cursor:pointer;}


input.lang1            {width:100%; float:left; padding:5px; border: 1px solid #B8B8B8; margin-bottom:3px;}
input.lang1:Focus      {width:100%; float:left; padding:5px; border: 1px solid #B8B8B8; background:#DDFF78; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}
input.lang1:hover      {width:100%; float:left; padding:5px; border: 1px solid #B8B8B8; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}

input.lang79            {width:79%; float:left; padding:5px; border: 1px solid #B8B8B8; margin-bottom:3px;}
input.lang79:Focus      {width:79%; float:left; padding:5px; border: 1px solid #B8B8B8; background:#DDFF78; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}
input.lang79:hover      {width:79%; float:left; padding:5px; border: 1px solid #B8B8B8; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}

input.lang50            {width:50%; float:left; padding:5px; border: 1px solid #B8B8B8; margin-bottom:3px;}
input.lang50:Focus      {width:50%; float:left; padding:5px; border: 1px solid #B8B8B8; background:#DDFF78; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}
input.lang50:hover      {width:50%; float:left; padding:5px; border: 1px solid #B8B8B8; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}

input.lang499            {width:49%; margin-left:1%; float:left; padding:5px; border: 1px solid #B8B8B8; margin-bottom:3px;}
input.lang499:Focus      {width:49%; margin-left:1%; float:left; padding:5px; border: 1px solid #B8B8B8; background:#DDFF78; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}
input.lang499:hover      {width:49%; margin-left:1%; float:left; padding:5px; border: 1px solid #B8B8B8; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}


input.lang49            {width:49%; margin-right:1%; float:left; padding:5px; border: 1px solid #B8B8B8; margin-bottom:3px;}
input.lang49Focus      {width:49%; margin-right:1%; float:left; padding:5px; border: 1px solid #B8B8B8; background:#DDFF78; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}
input.lang49:hover      {width:49%; margin-right:1%; float:left; padding:5px; border: 1px solid #B8B8B8; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}

input.lang50            {width:50%; float:left; padding:5px; border: 1px solid #B8B8B8; margin-bottom:3px;}
input.lang50:Focus      {width:50%; float:left; padding:5px; border: 1px solid #B8B8B8; background:#DDFF78; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}
input.lang50:hover      {width:50%; float:left; padding:5px; border: 1px solid #B8B8B8; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}

input.lang20            {width:20%; margin-left:1%; float:left; padding:5px; border: 1px solid #B8B8B8; margin-bottom:3px;}
input.lang20:Focus      {width:20%; margin-left:1%; float:left; padding:5px; border: 1px solid #B8B8B8; background:#DDFF78; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}
input.lang20:hover      {width:20%; margin-left:1%; float:left; padding:5px; border: 1px solid #B8B8B8; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}


select.lang            {width:100%; float:left; padding:5px; border: 1px solid #B8B8B8; margin-bottom:3px;}
select.lang:Focus      {width:100%; float:left; padding:5px; border: 1px solid #B8B8B8; background:#DDFF78; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}
select.lang:hover      {width:100%; float:left; padding:5px; border: 1px solid #B8B8B8; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}

select.lang49            {width:49%; margin-right:1%; float:left; padding:4px; border: 1px solid #B8B8B8; margin-bottom:3px;}
select.lang49:Focus      {width:49%; margin-right:1%; float:left; padding:4px; border: 1px solid #B8B8B8; background:#DDFF78; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}
select.lang49:hover      {width:49%; margin-right:1%; float:left; padding:4px; border: 1px solid #B8B8B8; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}

select.lang20            {width:20%; margin-left:1%; float:left; padding:4px; border: 1px solid #B8B8B8; margin-bottom:3px;}
select.lang20:Focus      {width:20%; margin-left:1%; float:left; padding:4px; border: 1px solid #B8B8B8; background:#DDFF78; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}
select.lang20:hover      {width:20%; margin-left:1%; float:left; padding:4px; border: 1px solid #B8B8B8; -webkit-box-shadow: 1px 1px 3px grey; -moz-box-shadow: 1px 1px 3px grey; box-shadow: 1px 1px 3px grey;}



*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


@media screen and (max-width:1250px) 
{
.wrapper {position: relative; width: 100%; margin: 0 auto; transition: 0.5s;}

.content {
  float:left;
  width:100%;
  padding: 20px;
  margin-top:60px;
  text-align:center;
  background-image:url('');
  background-color:#fff; min-height:100px;
  font-size:1.3em;
  color:#000;
  font-weight:bold;
   color:hsl(fff,50%,80%);
   text-shadow: 
   -0.1ex 0.1ex 1px #000; 
    border-bottom: 1px  #000000 solid;
  }

.logo    {width:100%; float:left; text-align:center;}
.navi    {display:none;}
label.off-canvas-menu-label {
  display:block;
  position: fixed;
  width: 60px;
  height: 60px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
  z-index: 999;
  background-color:#CC0000;
  padding:20px;
  font-size:18px;
  color:#fff;

}
.inBlock { float:left; width:100%; padding: 20px; background-color: #FF8C00; margin-bottom:10px; margin-right:0%; border-radius:8px;}
.inBlock49 { float:left; width:100%; padding: 20px;  margin-bottom:10px; margin-right:0%;}
.inBlock50 { float:left; width:100%; padding: 20px; margin-bottom:10px; text-align:justify;}
.inBlock55 { float:left; width:100%; padding: 20px;  margin-bottom:10px;}
.inBlock45 { float:left; width:100%; padding: 20px;  text-align:center;}
.inBlock50W { float:left; width:100%; padding: 20px; margin-bottom:10px; text-align:justify; color:#fff;}
.inBlock45C { float:left; width:100%; padding: 20px;  text-align:center; cursor:pointer;}
.inBlock50_33 {float:left; width:100%; font-size:0.7em; padding-right:0px; padding-left:0px; border-right: 0px #fff solid; text-align:justify;}
.inBlock50_34 {float:left; width:100%; text-align:justify; padding-top:15px;}



.IMMblock1         {float:left; width:100%; padding:5px; font-size:0.7em; text-align:center; border-right: 0px #000 solid; color:#c0c0c0;}
.IMMblock2         {float:left; width:100%; padding:5px; font-size:0.8em; text-align:center; border-right: 0px #000 solid; border-left: 0px #000 solid; color:#c0c0c0;}
.IMMblock3         {float:left; width:100%; padding:5px; font-size:0.8em; text-align:center; border-left: 0px #000 solid; color:#c0c0c0; line-height:25px;}

.schalterM6      {float: right; width: 100%; border:1px solid #c0c0c0; background: #fff; margin-top:10px;}
.schalterM7      {float: left; width: 100%; border:1px solid #c0c0c0; background: #fff; margin-top:10px;}
.schalterM8      {float: right; width: 100%; margin-top:10px; font-weight:bold; cursor:pointer; font-size:1em; color:#CC0000;}

.content1_F { float:left; width:100%; padding: 30px; background-color: #fff; display:none;}
.content1_FF { float:left; width:100%; padding: 30px; background-color: #fff; display:block;}

.posi { float:left; width:100%; margin-left: 0%; margin-top:0px; color:#000;}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}




