@media (max-width: 767px) {
	.icon-bar {
    position: fixed;
    top: 30%;
	left: 0.5%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	z-index: 5;
	height: auto;
  }
}

@media (min-width: 768px){
.icon-bar {
    position: fixed;
    top: 30%;
	right: 0.5%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	z-index: 5;
	height: auto;
  }
  }
  
  
  .icon-bar a {
    display: block;
    padding: 12px;
    transition: all 0.3s ease;
    color: white;
    font-size: 28px;
  }
  
  .icon-bar a:hover {
    background-color: #000;
  }
  
  .Ct {
    background: #902f2f;
    color: white;
  }
  
  .phone {
    background: #bb1819;
    color: white;
  }
  .content {
    margin-left: 75px;
    font-size: 30px;
    padding-left: 6%;
  }

  
 @media (min-width: 768px){
	 
  .sidebar{
    position: fixed;
    top: 30%;
	right: 0.5%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
    width:250px;
    margin-top: 0;
    background-color: #232323;
    color: #d63838;
	z-index: 1000000;
	margin-left: 0.5%;
	margin-top: 100px;
	height: auto;
	padding:10px;
  }
 }
 
 
  @media (max-width: 767px){
	 
  .sidebar{
    position: fixed;
    top: 30%;
	left: 0.5%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
    width:250px;
    margin-top: 0;
    background-color: #232323;
    color: #d63838;
	z-index: 1000000;
	margin-left: 0.5%;
	margin-top: 100px;
	height: auto;
	padding:10px;
  }
 }
  
  
  .sidebar a{
    display: block;
    text-align: left;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 14px;
    text-decoration: none;
  }
  .sidebar a:hover{
  background-color: #000;
  }
  .cls{
      text-align: center !important;
      cursor: pointer;
      background-color: darkred;
  }
  .cls:hover{
      color: yellow;
  }
.contact{
    background-color: rgb(233, 61, 61);
}
  .Anfahrt{
      background-color: burlywood;
  }
  .number{
      background-color: tomato;
      cursor: pointer;
  }
  #mail{
    background-color: rgb(223, 117, 117);
    cursor: pointer;
    transition: all 0.3s ease;
}
#mail:hover{
    background-color: black;
}


 @media (min-width: 768px){
  .sidebar2{
    position: fixed;
    top: 30%;
	right: 0.5%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
    width:250px;
    margin-top: 0;
    background-color: #232323;
    color: #d63838;
	z-index: 1000000;
	margin-left: 0.5%;
	margin-top: 100px;
	height: auto;
	padding:10px;

  }
  
 }
 
  @media (max-width: 767px){
  .sidebar2{
    position: fixed;
    top: 30%;
	left: 0.5%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
    width:250px;
    margin-top: 0;
    background-color: #232323;
    color: #d63838;
	z-index: 1000000;
	margin-left: 0.5%;
	margin-top: 100px;
	height: auto;
	padding:10px;

  }
  
 }
 
 
 
  .sidebar2 a{
    display: block;
    text-align: left;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 14px;
    text-decoration: none;
  }
  .sidebar2 a:hover{
  background-color: #000;
  }
  .cls2{
      text-align: center !important; 
      cursor: pointer;
      background-color: darkred !important;
  }
  .Buerozeiten{
	  color: whitesmoke;
  }
  
  
  .zwueberschriften{
	  font-weight: bold;
  }