/*@media only screen and (min-width: 1167px){
  #main p{
    text-align: justify;
  }
}*/
@media only screen and (min-width: 1167px){
  body,
  html,
  #p-wrap{
    height: 100%;
  }
  #pagewrapper{
    min-height: 100%;
  }
}
@media only screen and (min-width: 631px){
  header{
    padding-left: 25px;
  }
  header img{
    display: block;
    float: left;
    height: 55px;
  }
  header h1{
    width: auto;
    text-align: left;
    font-size: 45px;
    height: 55px;
    padding: 0 10px 0 0;
  }
}
@media only screen and (min-width: 713px){
  header{
    text-align: left;
    padding: 50px 0 0px 50px;
  }
  header h1{
    display: inline-block;
    padding: 1px 40px 0 20px;
  }
}
@media screen and (max-width: 799px){
	/*Make dropdown links appear inline*/
	ul#menu {
		position: static;
		display: none;
	}
	/*Make all menu links full width*/
	ul#menu li, #menu li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display: block;
	}
}
@media only screen and (min-width: 800px){
  nav{
    display: block;
    float: left;
    margin-right: 40px;
  }
  nav ul{
    display: inline-block;
  }
}
@media only screen and (min-width: 525px) and (max-width: 1166px) and (min-height: 0px){
  #element{
    display: block;
    float: right;
    margin-top: 17px;
  }
}
@media only screen and (max-width: 1166px) and (min-height: 800px){
  #logo{
    display: block;
    padding: 0 0 15px 15px;
    float: left;
    width: 300px;
  }
}
@media only screen and (min-width: 1167px) and (min-height: 0px){
  #logo{
    display: block;
    float: none;
    position: absolute;
    bottom: 105px;
    left: 25px;
    width: 300px;
  }
  #element{
    display: block;
    float: none;
    position: absolute;
    bottom: 80px;
    right: 0;
  }
}
@media only screen and (min-width: 800px){
  #main{
    padding-left: 220px;
  }
}
@media screen and (min-width: 1167px){
  #main{
    padding-bottom: 250px;
    margin-right: 400px;
    min-height: 700px;
  }
  #main.start{
    max-width: 900px;
  }
}
@media only screen and (min-width: 500px){
  #zitat p{
    background-image: url(../img/element.svg);
    background-position: top left;
    background-size: auto 100%;
    background-repeat: no-repeat;
    padding-left: 95px;
  }
}
@media screen and (min-width: 675px) and (max-width: 800px){
  #zitat p{
    background-size: auto 100%;
    padding-left: 70px;
  }
}
@media screen and (min-width: 800px){
  #zitat{
    margin: 110px 0 0 60px;
  }
}
@media only screen and (min-width: 658px) and (max-width: 1166px){
  #kontakt img{
    float: right;
    width: 350px;
  }
  #kontakt .text{
    display: inline-block;
    float: left;
  }
  .clear2{
    display: none;
  }
}
@media only screen and (min-width: 747px){
  #kontakt img{
    width: auto;
  }
}
@media only screen and (min-width: 1167px){
  .linie{
    display: none;
  }
  #kontakt{
    float: none;
    position: absolute;
    top: 25px;
    right: 0;
  }
  #kontakt .text{
    float: right;
    display: inline-block;
  }
}
@media only screen and (min-width: 1167px) and (min-height: 800px){
  #kontakt{
    display: block;
    position: absolute;
    top: 8%;
    right: 0;
  }
  #kontakt img{
    width: 400px;
    float: none;
    display: block;
  }
  #kontakt .text{
    background-image: url(../img/corner.svg);
    background-position: bottom left;
    background-repeat: no-repeat;
    float: right;
  }
}
@media only screen and (min-width: 1167px){
  footer{
    margin-top: -80px;
    width: 100%;
    background-color: #003399;
    position: relative;
    z-index: 3;
  }
}
@media only screen and (min-width: 587px){
  footer .left{
    float: left;
    position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
    padding-left: 25px;
  }
  footer .right{
    float: right;
    position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
    padding-right: 60px;
    text-align: right;
  }
}
@media only screen and (min-width: 700px){
  .img, #map{
    max-width: 450px;
    float: left;
  }
  .img2{
    width: auto;
    height: 337px;
    float: left;
  }
}
@media only screen and (min-width: 917px) and (max-width: 1166px){
  #main.person .break{
    clear: none;
  }
}
@media only screen and (min-width: 1167px) and (max-width: 1330px){
  #main.person .break{
    clear: both;
  }
}
@media only screen and (min-width: 1331px){
  #main.person .break{
    clear: none;
  }
}
@media only screen and (min-width: 917px) and (max-width: 1166px){
  #main.kanzlei .break{
    clear: none;
  }
}
@media only screen and (min-width: 1167px) and (max-width: 1330px){
  #main.kanzlei .break{
    clear: both;
  }
}
@media only screen and (min-width: 1331px){
  #main.kanzlei .break{
    clear: none;
  }
}
@media only screen and (min-width: 1600px){
  #main.gesetze .box{
    width: 43%;
    margin: 2%;
    float: left;
  }
}
@media only screen and (min-width: 0px) and (max-width: 1599px){
  #main.gesetze .button{
    width: 96%;
  }
}
@media only screen and (min-width: 493px){
  .hov{
    font-size: 90px;
    padding: 30px;
  }
}