@charset "utf-8";
/* =============================================
CSS DOCUMENT www.adrianundbecker.de
------------------------------------------------

FONTS
------------------------------------------------
Normal:		Arial, Helvetica, sans-serif
h2:		Georgia, "Times New Roman", Times, serif


FARBEN
------------------------------------------------
E83E0B	rot		h2
002E55	blauschwarz 	body, .nav1-4, .email
818FAD  blau|hell  h1

============================================= */


@font-face {
    font-family: 'pt_sansregular';
    src: url('PTS55F-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'pt_sansbold';
    src: url('PTS75F-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'pt_sans_narrowregular';
    src: url('PTN57F-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'pt_sans_narrowbold';
    src: url('PTN77F-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'pt_serifbold';
    src: url('PTF75F-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}


/* Grundlagen
------------------------------------------------------------------------- */
*{padding:0; margin:0; border:0;}
body { font-family:'pt_sansregular', Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:150%; color:#214878;
background-color: #ebebf4;}
img { max-width: 100%; height: auto;} 
hr{ width: 100%; height: 2px; background-color: #dbdadf;} 

/* Positionierung
------------------------------------------------------------------------- */

#menu2 { width:100%; 
	background-image:url(../img/Rechtsanwalt-head-small.gif); 
	background-repeat:no-repeat; 
	background-color: #214878;
	background-position: center; 
	height:208px;}

#menu-pad{ padding: 60px 0 0 30px;}
#head-pic{max-width : 1023px}

#content-pad{padding:30px 130px 20px 30px; font-size:16px; line-height:150%;}


@media all and (max-width : 1023px) {
#center{ max-width:1023px; margin-right: auto; margin-left: auto; background-color:#fff;}
#menu2-pad{padding:150px 0 0 27px; text-align:left;}
#menu2-pad2{padding:10px 20px 0 27px; text-align:left;}
#footer{max-width:1023px; height:40px; background-color:#fff; clear: both;}
#content{ padding-top: 20px;}
}

@media all and (min-width : 1024px) {

#center{ width:995px; margin-right: auto; margin-left: auto; background-image:url(../img/hg-content-3.png); background-repeat:repeat-y;}


	
#menu2-pad{padding:105px 50px 0 0; text-align:right;}
#menu2-pad2{padding:25px 50px 0 0; text-align:right;}
#head2{ width:995px; margin-right: auto; margin-left: auto; background-image:url(../img/head2.png); background-repeat:no-repeat; height:6px;}
nav{min-width:285px;}
#menu-pad{ padding: 60px 0 0 70px;}
#head-pic{}
#content-pad{padding:195px 130px 20px 30px; }
#content-pad{padding:30px 130px 10px 30px; }
#footer{background-image:url(../img/footer.png); background-repeat:no-repeat; width:995px; height:59px;margin-right: auto; margin-left: auto;}
#content{ padding-top: 30px;}	
}

@media all and (min-width : 971px) {
	nav{width:30%; float: left}
	#content{ width: 70%; float:left;}
	#image{padding-right: 55px;}
	#textimagestart{padding-left: 84px;}
	#textimage{padding-left: 142px;}
	.mobile-nav-button{display: none;}
	.mobile-footer{text-align: center; margin-top: 30px;}
	.mobile-menu {  width: 0px;}
}

@media all and (max-width : 970px) {
	nav, #menu2-pad, #menu2-pad2{display: none;}
	#content-pad{padding:30px 40px 10px 40px; }
	#image{padding: 0 25px; text-align: center;}
	#textimagestart, #textimage{padding-left: 0px;}
	#menu2 { width:100%;height:208px;
		  background:
    url(../img/Rechtsanwalt-head-small.gif) top center no-repeat,
    url(../img/rhs-hg.gif) bottom repeat-x
    ;
	}
}

@media all and (max-width : 470px) {

}

/* Text 
------------------------------------------------------------------------- */
h1{color:#214878; font-size:18px; font-weight:bold;}
h2 { font-size:16px;}

/* Form
------------------------------------------------------------------------- */
input[type="text"], input[type="email"], input[type="submit"], textarea {
	padding: 10px;
	font-size: 14px;
	width: 100%;
}
input[type="text"], input[type="email"], textarea {
	border:solid 1px #214878;
}
input[type="checkbox"] {
	padding: 15px;
}
input[type=submit]{
	border: none;
}
input[type=submit]:hover {
    background:#387d4e; 
	color: #fff;
}

.button{ border:solid 1px #214878; padding:5px;}
.formular{display:none;}


/* Navigation
------------------------------------------------------------------------- */

/* Firefox-Bug */ 
a {outline:none;} 
a img {border:none;}
/* menu */
.nav1:link, .nav1:visited{ color:#214878; font-family:'pt_sans_narrowbold', serif; font-size:18px; line-height:18px; text-decoration:none;
letter-spacing: 0.05em;}
.nav1:hover{}
.nav2:link, .nav2:visited{ color:#FFF; padding-left:20px; text-decoration:none;}
.nav2b:link, .nav2b:visited{font-size:10px;}
.nav2:hover{ color:#8AACCC;}

/* Textlinks */
.nav3:link, .nav3:visited{ color:#214878;}
.nav3:hover{ color:#8AACCC;}
.email:link, .email:visited{ color:#214878; text-decoration:none;}
.email:hover{ color:#214878;}
.navpunkt{ font-weight:bold; font-size:11px; line-height:13px;}
#center li {margin-left:25px;}

/* Mobile Navigation
------------------------------------------------------------------------- */
.mobile-nav-button {
  width: 35px;
  position: absolute;
  margin: 2rem;
  right: 0;
  top: 0;
  z-index: 9999;
  cursor: pointer;
  width: 35px;
  height: 30px;
}
.mobile-nav-button .mobile-nav-button__line {
  width: 100%;
  height: 3px;
  background: #fff;
  position: relative;
  transition: 1s ease;
}
.mobile-nav-button .mobile-nav-button__line:nth-of-type(2) {
  margin: 0.5rem 0;
}
.mobile-nav-button .mobile-nav-button__line--1 {
  transform: rotate(45deg);
  top: 13px;
  position: absolute;
}
.mobile-nav-button .mobile-nav-button__line--2 {
  display: none;
}
.mobile-nav-button .mobile-nav-button__line--3 {
  transform: rotate(135deg);
  top: 13px;
  position: absolute;
}

.mobile-menu {
  display: block;
  /* max-width: 500px;*/
  width: 100%;
  right: -100%;
  height: 100vh;
  background: #214878;
  position: absolute;
  z-index: 9998;
  transition: 0.6s ease;
  top: 0;
  opacity: 0;
}
.mobile-menu ul {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
}
.mobile-menu ul li {
  list-style: none;
}
.mobile-menu ul li a {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 1.2rem;
	line-height: 2.5rem;
  font-weight: bold;

  overflow: hidden;
  position: relative;
}
		
@media all and (max-height : 350px) {
.mobile-menu ul li a {

  font-size: 10px;

}
}		
		
.mobile-menu ul li a:after {
  content: "";
  background: #8fa2cc;
  width: 100%;
  height: 100%;
  position: absolute;
  right: -100%;
  top: 0;
  z-index: -1;
  transition: 1s ease;
}
.mobile-menu ul li a:hover {
  color: #fff;
}
.mobile-menu ul li a:hover:after {
  right: 0;
}
.mobile-menu img {
  position: absolute;
  width: 150px;
  display: block;
  left: 50%;
  top: 3rem;
  transform: translatex(-50%);
  padding: 0;
  text-align: center;
}

.mobile-menu--open {
  right: 0;
  opacity: 1;
}
	
@media all and (min-width : 971px) {
	.mobile-menu {  width: 0px;}
}