@import url('font-awesome.min.css');

/* ==========================================================================
 Global Styles
 ========================================================================== */

html,
body{
	font-family: Arial, sans-serif;
	color: #fff;
	font-size: 14px;
	line-height: 26px;
	overflow-x:hidden;
	-webkit-font-smoothing: antialiased;
}

a:focus, button:focus, input:focus, textarea:focus {
	outline: none;
	box-shadow: none;
}

a, a:active, a:focus, a:active, a:hover {
	text-decoration:none;
}
a{
	text-decoration:none;
    color:#444;
}
#imprint a{
    color:#fff;
}
a:hover,
#imprint a:hover{
	text-decoration:none;
    color:#d61f35;
}

img {
	max-width:100%;
	height:auto;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal; 
	margin:0 0 10px;
}

#datenschutz h4, h5 {
	font-weight:bold; 
	margin:0 0 10px;
}

#about p,#datenschutz p {
	line-height: 1.7em;
    margin-bottom:1.7em;
}

ul {
	margin:0;
	padding:0;
}

li {
	list-style:none
}

ul.liste {
	margin:20px 15px;
	padding-left:5px;
}

ul.liste li {
	list-style:circle;
}

h1.title {
	font-size: 34px;
	font-family: Arial, sans-serif;
	font-weight: bold;
    margin-left:18px;
    border-bottom:1px dotted #ccc;
    margin-bottom:50px;
    padding-bottom:10px;

}

.e-mail:before {
            content: attr(data-website) "\0040" attr(data-user);
            unicode-bidi: bidi-override;
            direction: rtl;
        }

.at-sign:after{content:"\0040"} /* CSS-Wert für @ */ 
.dot-sign:after{content:"\002E"} /* CSS-Wert für . */


/* ==========================================================================
 header Styles
 ========================================================================== */
 header#headr {
 	position: relative;
 }

/*  
    .navbar a.navbar-brand img{
	height: 3em;
	margin:0px !important;
}
*/
.navbar-nav>li { display:block;}
.navbar.sticky { padding:0px;}
.navbar { padding:0px !important; background:#fff;}
.navbar-default .navbar-nav>li>a, .navbar-nav li a {
	font-size:14px;
}

.navbar {
	padding:0px;
    z-index:99999;
}

.navbar-nav { 
    padding:30px 0;  
    float:right; 
    margin-top:0px;
    -webkit-transition: all 0.3s linear; 
    -moz-transition: all 0.3s linear; 
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}


.navbar.sticky .navbar-nav { 
    padding:5px;  
    -webkit-transition: all 0.4s linear; 
    -moz-transition: all 0.4s linear; 
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.navbar-default {
	background: rgba(255,255,255,0.7);
	margin-bottom:0;
    border-bottom:1px solid #f4f4f4;
    padding:10px 0 30px 0;
    font-size: 100%;
    -webkit-transition: all 0.4s linear; 
    -moz-transition: all 0.4s linear; 
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.navbar.sticky.navbar-default {	
    padding:0;
    background: rgba(235,235,235,1);  
    -webkit-transition: all 0.4s linear; 
    -moz-transition: all 0.4s linear; 
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}


.navbar a.navbar-brand img{
	height: 0em;
	margin:0px !important;
    -webkit-transition: all 0.3s linear; 
    -moz-transition: all 0.3s linear; 
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.navbar.sticky a.navbar-brand img{
	height: 1.6em;
	margin:0px !important;
    -webkit-transition: all 0.3s linear; 
    -moz-transition: all 0.3s linear; 
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}



.navbar-default .navbar-toggle {
	border-color: #d61f35;
	background-color: #d61f35;
	margin-top: 12px;    
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #fff;
}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #d61f35;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background: transparent;
	color: #d61f35;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #d61f35;}

.navbar-default .navbar-nav>li>a, .navbar-nav ul {
	width:100%;
    display:block;
}

.navbar-default .navbar-nav>li>a, .navbar-nav li a {
	text-transform: uppercase;
	color: #272930;
	font-size: 1em;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

.navbar-nav>li { float:none !important; display:table-cell;}



/*===========================================================================
partner - nav 
========================================================================== */

.partner { margin-bottom:40px; padding-bottom: 40px; border-bottom: 1px solid #aaa;}

.partner .navi {
	width:100%;
}
.partner .navi ul {
    width:100%;
    display:inline;
}
.partner .navi li {
    border-radius: 4px;
    margin:0 5px 0 0;
    float:left;
}
.partner .navi li a {
	background: #e0e0e0; 
    display:inline;
    padding: 10px 15px;
}

.partner .navi > li > a {
	font-size: 11px;
	font-family: Arial, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: #d61f35;
	border: none;
	border-radius: 4px;    
}
.partner .navi > li.active > a, .partner .navi > li.active > a:hover, .partner .navi > li.active > a:focus {
	color: #fff;
	background: #d61f35;
	border: none;
}
.partner .navi > li > a:hover, .partner .navi > li > a:focus {
	background-color: #d61f35;
	color: #fff !important;
}

/* ==========================================================================
 sections
 ========================================================================== */

#top{
    width:100%;
    padding-top:30%;
    background: url(../images/bg-top.jpg) no-repeat;
    background-size:contain;
    background-attachment:fixed;
    z-index:0;
    }
#top .logo{
    width:100%;
    padding-top:30%;
    margin-top:-30%;
    background: url(../images/logo-sh.png) no-repeat center 150px;
    background-attachment:fixed;
    }

#top-sub{
    width:100%;
    padding-top:0;
    background: url(../images/bg-top.jpg) no-repeat;
    background-size:contain;
    background-attachment:fixed;
    height:200px;
    z-index:0;
    }
#top-sub .logo{
    width:100%;
    padding-top:0;
    margin-top:0;
    background: url(../images/logo-sh.png) no-repeat center top;
    background-attachment:fixed;
    }

#anwalte h1 {margin-bottom: 50px;}

section { padding:0px 0px !important;}

section.bg-image { padding: 160px 0px 90px 0px !important;}

section { position:relative; background-attachment:fixed !important;}

/* section:before { position:absolute; height:140px; width:120%; content:""; top:0px; left:0;} 
section:after { position:absolute; height:80px; width:120%; content:""; bottom:0px;}  */

#zwischen { width:100%;} 
#zwischen{ border-top: 1px solid #ccc;} 

section.abstand {background-attachment:scroll !important; padding:150px 0px !important;}
section.abstand:before { 
z-index:999;
width:100%;
content:"";
left:0%;
}
section.abstand:after { 
width:100%;
height:100px;
bottom:-49px;
content:"";
background-image:none; 
z-index:9999;
left:0%;
}

section.black { 
color:#000;
}

section.abstand-top {background-attachment:scroll !important; padding:150px 0 0 0 !important;}
section.abstand-top:before { 
z-index:999;
width:100%;
content:"";
left:0%;
}
section.abstand-top:after { 
width:100%;
height:100px;
bottom:-49px;
content:"";
background-image:none; 
z-index:9999;
left:0%;
}

section.abstand-bot {background-attachment:scroll !important; padding:150px 0 0 0 !important;}
section.abstand-bot:before { 
z-index:999;
width:100%;
content:"";
left:0%;
}
section.abstand-bot:after { 
width:100%;
height:100px;
bottom:-49px;
content:"";
background-image:none; 
z-index:9999;
left:0%;
}

section.law {background-attachment:scroll !important; padding:150px 0px 200px 0 !important;}
section.law:before { 
z-index:999;
position:absolute; width:120%; content:""; top:0; left:0;
}
section.law:after { 
width:100%;
content:"";
z-index:999;
}

section#footer { padding-bottom:80px !important; padding-top:40px !important; color:#666;}
section#footer:after { display:none !important;}
section .container .row, .single-achievement {}
footer { position:relative;}

#about, #partner, #lerch, #schwerdtner, #dlerch {
	color: #434343;
	font-size: 14px;
    text-align:justify;
}

section hr.hr {
margin: 40px 0;
    width:80%;
}

img.anwalt-img {
width: 90%;
}


section .beschreibung {width:100%;}
section .back_ground {min-height:600px;}

section#lerch { background: #fff url(../images/ra/lerch.png) no-repeat;} 
section#schwerdtner { background: #fff url(../images/ra/schwerdtner.png) no-repeat; }
section#dlerch { background: #ccc url(../images/ra/dlerch.png) no-repeat; }

section#lerch,section#schwerdtner,section#dlerch { 
    background-size:contain; 
    background-position:13% bottom; }
/**/



.inn-l { 
    width: 40%; height:100%; float:left; 
    padding-bottom:800px; margin-bottom:-800px;
    padding-top:150px; !important; 
    margin-top: -150px;}
.inn-r { width: 60%; height:100%;float:left;}
.inn-r .beschreibung { width:100%; max-width:800px; padding-right:10%;}

.inn:after, .inn:before { 
width:100%;
content:"";
}

.anwalt-klein {display:none;}

.kont {border-left: 1px dotted #aaa; margin-bottom:-80px; padding-bottom:80px;}
/*---------------------*/

    .partner .name {
    display:none;
    color: #d61f35; 
    padding: 0px;
    font-size:1.2em;
    
}
/*---------------------*/

/*===================== 
Backkgrounds
===================== */
section.bg-image { padding:120px 0px 80px 0px !important; background-size:cover !important;}
section.bg-image:before { width:100%; height:100%; top:0; background-image:none;}
section.bg-image:after { width:100%; height:100%; bottom:0; z-index:-1; background:inherit; background-image:none;}
.bg-blue, .bg-blue:before, .bg-blue:after {background:#314960;}
.bg-white, .bg-white:before, .bg-white:after { background:#fff;}
.bg-gray, .bg-gray:before, .bg-gray:after { background:#EFF2F5;}
.bg-grey, .bg-grey:before, .bg-grey:after { background:#f9f9f9;}

/*===================== 
skills
===================== */

.skill-bar { display:block; margin-top:50px;width:50%}
.skill-bar label {
	font-family: Arial, sans-serif;
	 font-weight: 900;
    font-size:0.9em;
	 text-transform: uppercase;
	 margin-bottom: 10px;
}

.skill-bar .progress {
	height: 20px;
	border-radius: 30px;
	margin-bottom: 15px;
}
.skill-bar .progress .progress-bar { min-width:10%; color:#d61f35;}

.skill-bar .progress .bar {
	background: url("../images/progress-bar.png" ) repeat-x scroll 0 0 #d61f35;
	border-radius: 30px;
}
.progress .bar {
    -webkit-transition: width 3s ease-in-out;
    -moz-transition: width 3s ease-in-out;
    -ms-transition: width 3s ease-in-out;
    -o-transition: width 3s ease-in-out;
    transition: width 3s ease-in-out;
    text-align: right;
    padding-right: 10px;
}
.progress2 .bar {
    -webkit-transition: width 3s ease-in-out;
    -moz-transition: width 3s ease-in-out;
    -ms-transition: width 3s ease-in-out;
    -o-transition: width 3s ease-in-out;
    transition: width 3s ease-in-out;
    text-align: right;
    padding-right: 10px;
}


/* ==========================================================================
 beratung 
 ========================================================================== */
#beratung {
	background: url("../images/be.jpg") no-repeat;
}
#beratung:before {
	/* background: rgba(212,104,143,0.8); */
}
#beratung h1 {
	font-size: 50px;
	font-weight: 900;
	font-family: Arial, sans-serif;
}
#beratung  h2 {
	font-family: Arial, sans-serif;
	font-size: 30px;
	margin-bottom: 50px;
}
#beratung button.btn:before {
	background: transparent;
}
/* ==========================================================================
 button Styles
 ========================================================================== */
button.btn { height:70px; font-size:20px;}
button.btn {
	width: 100%;
	max-width: 270px;
	color: #fff;
	font-size: 20px;
	font-weight: 900;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	border:none;
	background: transparent;
	position:relative;
	z-index:9999;
	border-radius: 4px;
	padding:0 !important;
	background: linear-gradient(to right, #fff 50%, #d61f35 50%);
    background-size: 200% 100%;
    background-position:right bottom;
	height:72px;
	line-height:72px;
	border:solid 1px #d61f35;
}
button.btn:hover {
    background-position:left bottom;
	border:solid 1px #fff;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
button.btn a { 
	display:block;
	position:relative;
	z-index:999999;
	height:72px;
	color: #fff;
	line-height:72px;
}
button:hover a,
button.btn:hover,
button.btn:active {
	color:#d61f35;
}
.bg-white button a:hover {
	border: solid 1px #d61f35 !important;
	border-radius:4px;
}
button.btn:hover:after,
button.btn:active:after {
	width: 100%;
	background:#fff;
}
button.btn-transparent {
	background: linear-gradient(to right, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%);
    background-size: 200% 100%;
    background-position:right bottom;
	color:#d61f35;
	border:solid 1px #fff;
}
button.btn-transparent:hover,
button.btn-transparent:active {
	color:#fff !important;
}
button.btn-transparent:hover:after,
button.btn-transparent:active:after {
	width: 100%;
}
/* ==========================================================================
 imprint
 ========================================================================== */
#imprint { padding-bottom:160px !important; color:#fff;}
#imprint {
	background:url("../images/ggb.jpg") no-repeat;	
}
#imprint:before {
	/* background: rgba(41,62,81,0.9); */
}
#imprint h1.title {color:#fff !important;position:relative;z-index:229999;margin-bottom: 60px;}

#imprint h4,#imprint p{
	font-family: Arial, sans-serif;
    font-weight:400;

}
/* ==========================================================================
 map-wrapper
 ========================================================================== */
div#map {
    height:440px;
	width:100% !important; 
	margin-left:0% !important;
	margin-top:0px !important;
    background: url(../images/map-bg.jpg) no-repeat center center;
    background-size:cover;
}

/* ==========================================================================
 footer
 ========================================================================== */
#footer {
	background: #EFF2F5;
	padding:250px 0px;
}
p.copyright {
	color: #a5a7a8;
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	border-top: 2px dotted #d9dbdd;
	padding-top: 20px;
	margin-top: 50px;
	display: inline-block;
} 
#footer p.copyright a {
	color: #a00;
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: 900;
} 

.copy a{
	color: #fff;
} 
.copy a:hover {
	color: #d61f35;
} 
/* ==========================================================================
 transitions
 ========================================================================== */
button.btn, button.btn:hover, button.btn:after, button.btn:after:hover, .nav > li > a, .nav > li > a:hover, 
.navbar-default .navbar-nav>li>a, .navbar-nav li a, .navbar, .navbar.sticky, button.btn-transparent:after, button.btn-transparent:hover:after  {
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.np { padding-left:0px !important; padding-right:0px !important;}

/* ==================================================
// Responsive
//================================================= */

/*-------- 1899-------------*/
@media only screen and (max-width: 1899px) {    
section#lerch,section#dolderer,section#schwerdtner,section#dlerch {background-position:8% bottom; } 
}

/*-------- 1499-------------*/
@media only screen and (max-width: 1499px) {    
section#lerch,section#dolderer,section#schwerdtner,section#dlerch { background-position:5% bottom; background-size:41%; }   
}


@media only screen and (max-width: 1199px) {
section#lerch,section#dolderer,section#schwerdtner,section#dlerch { background-size:50%; } 

section .back_ground {min-height:450px;}

.inn-l { 
    width: 50%; 
    padding-bottom:950px; margin-bottom:-950px;
}
.inn-r { 
    width: 50%;
}
.partner .navi {
    max-width: 100%;
    float:right;
}
.partner .navi li {
    border-radius: 4px; 
    margin:5px 0 0 0;
    float:none;
}
.partner .navi li a {
	background: #e0e0e0; 
    display:block;
    padding: 6px 15px;
}

#beratung h1 {
	font-size: 40px;
	font-weight: 900;
	font-family: Arial, sans-serif;
}
#beratung  h2 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	margin-bottom: 50px;
}
.kont {border-left: 0px dotted #aaa; margin-bottom:0px; padding-bottom:0px;}
.kont {border-top: 1px dotted #aaa; margin-top:10px; padding-top:20px;}
.kont-zw { display: none; }

.skill-bar {
	display:none;
}
 
}

/*--------- 991 ------------*/
@media only screen and (max-width: 991px) {
    section .back_ground {min-height:350px;}
    
    .partner .navi {
    display:none;
}

    .partner .name {
    display:block;
}
    
#beratung h1 {
	font-size: 30px;
	font-weight: 900;
	font-family: Arial, sans-serif;
}
#beratung  h2 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	margin-bottom: 50px;
}

.skill-bar {
	display:none;
}

}

/*--------- 849 ------------*/
@media only screen and (max-width: 848px) {
    section .back_ground {min-height:0px;}
    

}

/*--------- 767 ------------*/
@media only screen and (max-width: 848px) {
    .navbar-nav { width:100%; margin: 0;}
    .navbar-nav ul { width:100%; display:block;} 
  .navbar-nav>li { width:100%; float:none !important; display:block;}  
.navbar-nav>li a { 
	color: #272930;
	font-size: 0.9em;
	font-weight: bold;
    background: rgba(255,255,255,1);
    border-bottom:1px solid #ccc;
}
.navbar-nav>li>a:hover, .navbar-nav>li>a:focus { 
    background: rgba(240,240,240,1);
}

.skill-bar{
     display:block;
    padding: 0 30px;
}

.skill-bar label{
     font-size: 0.8em;
}

.partner { margin:20px 30px 0 30px; padding: 5px 0px; border-bottom: 1px solid #aaa;}

.inn-l { width: 100%; float:none; background: none; padding:0; margin:0;}
.inn-r { width: 100%; float:none; background: none; padding:0; margin:0;}

.beschreibung { padding:30px 30px 0 30px;}
.anwalt-klein {display: block; width:100%; text-align:center; border-bottom:1px solid #aaa;}

section.abstand {background-attachment:scroll !important; padding:100px 0 100px 0 !important;}
section.abstand:before { 
z-index:999;
width:100%;
content:"";
left:0%;
}
section.abstand:after { 
width:100%;
height:100px;
bottom:-49px;
content:"";
background-image:none; 
z-index:9999;
left:0%;
}

section#lerch,section#schwerdtner { background: #fff; }
section#dolderer,section#dlerch { background: #ccc; }

.kont {border-left: 0px dotted #aaa; margin-bottom:0px; padding-bottom:0px;}
.kont-zw { display: none; }

section.abstand {background-attachment:scroll !important; padding:20px 0 !important;}

}


@media only screen and (max-width: 848px) {
    
#top{
    background: none;
    }
#top .logo{
    background: none;
    }

.navbar a.navbar-brand img{
	height: 1.6em;
	margin:0px !important;
}

.navbar.sticky a.navbar-brand img{
	height: 1.6em;
	margin:0px !important;
}
.navbar-default {
	background: rgba(255,255,255,0.9);
	margin-bottom:0;
    border-bottom:1px solid #f4f4f4;
    padding:10px 0 30px 0;
    font-size: 100%;
}

.navbar.sticky.navbar-default {	
    background: rgba(255,255,255,0.9);
	margin-bottom:0;
    border-bottom:1px solid #f4f4f4;
    padding:10px 0 30px 0;
    font-size: 100%;
}
#beratung h1 {
	font-size: 20px;
	font-weight: 900;
	font-family: Arial, sans-serif;
}
#beratung  h2 {
	font-family: Arial, sans-serif;
	font-size: 15px;
	margin-bottom: 50px;
}


button.btn {
	width: 100%;
	max-width: 200px;
	color: #fff;
	font-size: 15px;
	font-weight: 900;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	border:none;
	background: #d61f35;
	position:relative;
	z-index:9999;
	border-radius: 4px;
	padding:0 !important;
	height:52px;
	line-height:52px;
	border:solid 1px #d61f35;
}
button.btn a { 
	display:block;
	position:relative;
	z-index:999999;
	height:52px;
	color: #fff;
	line-height:52px;
}
section.abstand {background-attachment:scroll !important; padding:20px 0 !important;}
#map {
	height:200px;
	box-shadow: 0px 0px 7px #555;
	-moz-box-shadow:  0px 0px 7px #555;
	-webkit-box-shadow:  0px 0px 7px #555;
}

}

@media only screen and (max-width: 767px) {
.skill-bar { width:100%}

}