.box{
  border-color: #474646;
}
.glob-nav{
  border-color: #474646;
}
.lok-nav{
  left: -0.2%;

  width: 100.5%;
}

.scrolltext{
  width: 100%;
}
.titel{
  color: #FFF;
  text-shadow: 1px 1px #000;
}
#karte{
  margin-top: 200px;
  width: 100%;
  text-align: center;
}
#gmap_canvas{
  border-radius: 2em;
  -moz-border-radius: 2em;
  -webkit-border-radius: 2em;

  border: solid #474646 0.5em;

  margin: auto;
  display: inline-block;
  height:400px;
  width: 80%;
}
.back{
  margin-left: 30px;
}
#email{
  width: 300px;
  margin-left: -30px;
}
:target p{
  color: #fff;
}
:target .titel{
   color: #F4E713;
}
#email:target{
  border-bottom-right-radius: 2em; 
  border-top-right-radius: 2em;
  -moz-border-bottom-right-radius: 2em; 
  -moz-border-top-right-radius: 2em;
  -webkit-border-bottom-right-radius: 2em; 
  -webkit-border-top-right-radius: 2em;
  background-color: #474646;
}
#telefon{
  width: 300px;
  margin-left: -30px;
}
#telefon:target{
  border-bottom-right-radius: 2em; 
  border-top-right-radius: 2em;
  -moz-border-bottom-right-radius: 2em; 
  -moz-border-top-right-radius: 2em;
  -webkit-border-bottom-right-radius: 2em; 
  -webkit-border-top-right-radius: 2em;
   background-color: #474646;
}
#telefax{
  width: 300px;
  margin-left: -30px;
}
#telefax:target{
  border-bottom-right-radius: 2em; 
  border-top-right-radius: 2em;
  -moz-border-bottom-right-radius: 2em; 
  -moz-border-top-right-radius: 2em;
  -webkit-border-bottom-right-radius: 2em; 
  -webkit-border-top-right-radius: 2em;
   background-color: #474646;
}
#adresse{
  width: 300px;
  margin-left: -30px;
}
#adresse:target{
  border-bottom-right-radius: 2em; 
  border-top-right-radius: 2em;
  -moz-border-bottom-right-radius: 2em; 
  -moz-border-top-right-radius: 2em;
  -webkit-border-bottom-right-radius: 2em; 
  -webkit-border-top-right-radius: 2em;
  background-color: #474646;
}

@media only screen and (min-width: 1200px){

 
  @media only screen and (max-height: 725px){
      #gmap_canvas{
        width: 80%;
        height: 300px;
      }
  }
}
@media only screen and (max-width: 1199px) and (min-width: 900px) and (min-height: 726px){
    /**ONE COLUMN**/
   
    
}
@media only screen and (max-width: 1199px) and (min-width: 900px)and (max-height: 725px){
    /**TWO COLUMN**/
     #gmap_canvas{
        width: 80%;
        height: 300px;
      }
        .container{
    top: -3%;
  }
  
}
@media only screen and (min-width: 530px) and (max-width: 899px){
  /**ONE COLUMN**/
   #gmap_canvas{
        width: 80%;
        height: 300px;
      }
  
}
@media only screen and (min-width: 0px) and (max-width: 530px) and (min-aspect-ratio: 12/10){
  /** Smartphone landscape **/
 
}
@media only screen and (min-width: 0px) and (max-width: 530px) and (max-aspect-ratio: 11/10) {

  /** Smartphone portrait **/
  .dbp-small{
   
    width: 90%;
    margin: auto;
  }
}
@media only screen and (min-width: 530px) and (max-width: 649px) and (min-aspect-ratio: 11/10) {
    .scrolltext{
    z-index: 1;
    position: relative;
    width: 102%;
    height: 140px;
    padding: 10px;
    margin-top: 0;
  }
}