/* mulish-regular - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/mulish-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/mulish-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/mulish-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/mulish-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/mulish-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/mulish-v12-latin-regular.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-700 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/mulish-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/mulish-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/mulish-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/mulish-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/mulish-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/mulish-v12-latin-700.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/mulish-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/mulish-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/mulish-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/mulish-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/mulish-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/mulish-v12-latin-italic.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-700italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/mulish-v12-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/mulish-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/mulish-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/mulish-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/mulish-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/mulish-v12-latin-700italic.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* playfair-display-500 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/playfair-display-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/playfair-display-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v30-latin-500.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ text-rendering: optimizeLegibility; letter-spacing: 0; font-family: 17px/2em 'Mulish', sans-serif; margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; }

:focus { outline: 0; }
ol, ul { list-style: none; }
.clear { clear:both; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { font: 13.5pt/2em 'Mulish', sans-serif; color:rgba(0,0,0,.7);; font-weight: 300; letter-spacing: 0; text-rendering: optimizeLegibility; font-style: normal; }
strong, b { font-weight: 700; }

a:link, a:visited, a:focus, a:active { color: #fff; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }


ul, li { margin:10px 0 10px 15px; list-style-position: outside; list-style-type: disc; }

#content { width: 100%; margin: 0px auto; }



/******** Inhalte ********/

#header { width: 100%; height: auto; }
#header img { width: 100%; height: auto; }
.header { background: url('../images/header.jpg'); background-repeart: no-repeat; width: 100%; height: 700px; background-position: center center; display: none; }

.logo-lehmann { background: #e9e9e9; margin-top: -12px; padding: 60px 15px 60px 15px; text-align: center; }
h1 { color: #02172D; font: 38px/32px 'Playfair Display', sans-serif; padding: 25px 0 10px 0; text-align: center; font-weight: 200; letter-spacing: .015em; text-transform: uppercase; margin-bottom: 15px; text-rendering: optimizeLegibility; }
h1 span { text-transform: none; }
.logo-lehmann h2 { font-size: 40px; }
.logo-lehmann img { width: 500px !important; }

#hotline { width: 100%;	height: 80px; line-height: 80px; background-color: #02172D; z-index: 9999!important; }
#hotline h3 { color:#fff; font-family: 'Mulish', sans-serif; font-size:28px; text-align: center; font-weight: 700; }
#hotline img { vertical-align: middle; margin-right: 15px; }
#telefontracking, #telefontracking2 { display: inline; }

#website { width: 100%; height: 80px; margin: 20px 0 20px 0; line-height: 80px; background-color: #02172D; }
#website h3 { color: #fff; font-family: 'Mulish', sans-serif; font-size: 26px; text-align: center; font-weight: 700; }
#website img { vertical-align: middle; margin-right: 15px; }

#lehmann { margin: 0 auto; }
#lehmann p { text-align: center; margin-top: 15px; }

.inhalt { padding: 25px 50px; max-width: 990px; margin: 0 auto; }
.inhalt img { text-align: center; margin: 25px auto 0 auto; padding: 10px; }
.bilder { margin-top: 25px; display: inline-block; text-align: center !important; width: 100% !important; }
.mitte { display: inherit; }
.anwaltbild { display: inline-block; padding: 0 15px; }
.anwaltbild p { margin: 0 0 25px 0!important; }

#karte_unten { padding: 0 20px; }

h2 { color: #B56010; font: 38px/1.2em 'Playfair Display', sans-serif; margin: .67em 0; padding: 25px 0 10px 0; text-align: center; font-weight: 200; letter-spacing: 0em; text-transform:uppercase; }
h4 { color: #02172D; font: 20px/0.5em 'Mulish', sans-serif; margin: .67em 0; padding: 0px 0 10px 0; text-align: center; font-weight: 200; letter-spacing: 0em; line-height: 1; text-transform:uppercase;}

.contentleft { width: 45%; float: left; }
.contentright { width: 45%; float: right; }

.contentleft h2, .contentright h2 { text-align: left!important; }
.contentleft h2 { margin-bottom: 40px; }
.contentleft ul, .contentleft li {  }
.kompetenz { margin-top: 15px; margin-bottom: 15px; display: inline-block; text-align: left; }

#vorteile a { color: #555; }
#vorteile a:hover { color: #555; }

fieldset { padding: 0!important; }

.video { margin-top: 90px; text-align: center;}
.video iframe { width: 990px!important; height: 558px!important; }

/******** BEWERTUNG ********/

#bewertungen ul, #bewertungen li { list-style: none!important; margin: 0; }
h2#mandanten-bewertung {margin-bottom: 15px; }
#bewertungen_mandanten { background: #e9e9e9; padding: 25px 50px; margin-top: 25px; text-align: center; }
.avatar { width: 44px; margin: 0 auto; float: left; margin-right: 8px; padding-top: 5px; }
.avatar img { width: 44px; height: 44px; }
.info { float: left; width: auto; text-align: left; }
.info span { margin-top: -15px; margin-bottom: -15px; }
.rating { width: 57px; }
.rating-head { display: inline-block; }
span.name { font-weight: bold; }
span.meta { display: block; }
span.text { font-style: italic; line-height: 1.5; }
#bewertungen_mandanten .text { display: inline-block; margin-top: 10px; }
.logo { display: inline-block; float: left; margin-left: 20px; padding-top: 7px; }
div.logo { border-left: 1px solid #ccc; }
#bewertungen .text { max-width: 990px; overflow: auto; }



/******** Footer ********/

#footer {}
#footer h2 { padding: 25px 0; }
.footerinhalt { padding: 15px; width: calc((100% / 3) - 30px); float: left; text-align: center; }
.footerinhalt a { color: rgba(0,0,0,.7);; text-decoration: none; }
.footerinhalt a:hover { color: #02172D; text-decoration: underline; }

.tel, #telefontracking_unten {
    display: inline;
}

#sub-footer { color: #333; font: 12px 'Mulish', sans-serif; height: 25px; margin: 0 auto; padding: 10px 0 0 15px; text-align: center; max-width: 640px; }
#sub-footer a:link, #sub-footer a:visited, #sub-footer a:active { color: rgba(0,0,0,.7);; text-decoration: underline; }
#sub-footer a:hover { color: #02172D; text-decoration: underline; }




/****** FORMULAR *****/
input.error,
select.error,
textarea.error {
    border: red solid 1px;
	background-color:#F00;
}

fieldset {
	padding: 20px 0 0 20px;
	display: block;
	color: rgba(0,0,0,.7);;
	clear: both;
}

label {
	display: block;
	width: 90px;
	float: left;
	clear: both;
	margin: 5px 0;
	color: rgba(0,0,0,.7);;
	margin: 14px 0;
	line-height: 18px !important;
	font-size: 0.9em;
	font-weight: 700;
}

input,textarea {
	border: 1px solid #ddd;
	width: calc(100% - 120px);
	float: left;
	min-height: 25px;
	padding: 5px 10px;
	margin: 5px 0;
} 

#form_alter, #form_anrede, .label_alter, .label_anrede {
	display: none;
} 

input[type="submit"] {
	font: 16px/20px 'Mulish', sans-serif; 
	background: #b56010!important;
	padding: 16px 50px 14px 50px!important;;
	color: #fff!important;;
	border: 0px solid #02172D!important;
	border-radius: 0px;
	display: inline-block!important;
	width: 300px;
	margin: 20px calc(50% - 115px) 10px;
	.bilder img { width: 86px; height: 110px; padding: 0; }
	.kompetenz { margin-left: 25px; }
	.kompetenz-bild { width: calc(100% - 20px); }
	cursor: pointer!important; 
}

input[type="submit"]:hover { 
	background: #02172D!important;
	color: #fff!important;
	border: 1px solid #02172D!important;
}

.ssl {
	color:rgba(0,0,0,.7);;
	font-size:10px;
	margin-left:22px;
	background:url('../images/schloss.gif') no-repeat 0 3px;
	padding-left:19px;
	height:20px;
	line-height:24px;
	width:215px;
	font-style:italic;
	margin: 20px calc(50% - 105px) 10px calc(50% - 105px);
	cursor: pointer!important; 
}

.errorStyle {
	color: #FF0000;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto;
	padding: 25px 0;
	text-align: center;
}

.datenschutz { color: #787979!important; } 
#formular a { color: #787979!important; text-decoration: underline; } 
#formular a:hover {  color: #02172D!important; }

/*WhatsApp Button*/
.whatsapp-button{background-color:#eee;border-radius:10px;height:48px;width:auto;padding:15px;margin-top:20px;display:inline-block;padding-right: 20px;width:calc(100% - 70px)}
.whatsapp-button:hover{background-color:#ccc;cursor:pointer}
.whatsapp-content{background:url("../images/icon_whatsapp.png") no-repeat 0 0px;width:calc(100% - 50px);line-height:1.3;font-size:18px;padding-left:65px;background-size:48px;height:48px}
.whatsapp-content a{color:#000;text-decoration:none}
.whatsapp-content a:hover{color:#333;text-decoration:none}

/*Skype Button*/
.skype-button{background-color:#eee;border-radius:10px;height:48px;width:auto;padding:15px;margin-top:20px;display:inline-block;padding-right: 20px;width:calc(100% - 70px);}
/*.skype-button:hover{background-color:#ccc;cursor:pointer}*/
.skype-content{background:url("../images/icon_skype.png") no-repeat 0 0px;;width:calc(100% - 50px);line-height:1.3;font-size:18px;padding-left:65px;background-size:48px;height:48px}
.skype-content a{color:#000;text-decoration:none}
.skype-content a:hover{color:#333;text-decoration:none}

@media (min-width: 1281px){
.header { display: inline-block; }
.header2 { display: none; }
}

@media (max-width: 640px){

	body { font-size: 13pt; line-height: 1.5em; }
	#content { margin-top: -20px; }
	
	h1 { font-size: 24px; line-height: 26px; }
	h4 { font-size: 17px; line-height: 19px; }
	
	h2 { font-size: 30px; margin-top: 0; }
	.logo-lehmann { padding: 30px 15px 30px 15px; }
	.logo-lehmann h2 { font-size: 20px; }
	.logo-lehmann img { width: 100% !important; }
	
	.inhalt { padding: 25px 10px; }
	
	ul, li { margin-left: 10px; }
	
	#hotline, #website { height: auto; }
	#hotline { margin-bottom: 15px; }
	#hotline h3 { font-size: 17px!important; line-height: 30px; text-align:center; padding: 10px 0!important; }
	#website h3 { font-size: 15px!important; line-height: 30px; text-align:center; padding: 10px 0!important; }
	#website img, #hotline img { display: none; }
	
	#bewertungen_mandanten { background: #e9e9e9; padding: 25px 15px; margin-top: 25px; text-align: center; }
	h2#mandanten-bewertung { font-size: 27px; margin-top: 0; }
	
	.info { font-size: 16px; }
	.info span { margin-top: -8px; margin-bottom: -5px; }
	
	.contentleft { width: 100%; float: none; }
	.contentright { width: 100%; float: none; }
	
	.contentleft h2 { margin-bottom: 0px; }
	
	input[type="submit"] { margin: 20px calc(50% - 150px) 10px; }
	
	
	.ssl { margin: 10px calc(50% - 115px); }
	
	#footer {}
	#footer h2 { padding: 25px 0; }
	.footerinhalt { padding: 25px 0; width: 100%; float: none; }
	
	.video { height: 350px; padding-left: 10px; padding-right: 10px; margin-top: 60px; }
	.video iframe { width: 100%!important; height: 350px!important; }
	
}

@media (max-width: 580px){
	h2 { font-size: 26px; }
	#hotline h3 { font-size: 16px!important; }
	.anwaltbild { float: none; }

	.video { height: 300px; }
	.video iframe { width: 100%!important; height: 300px!important; }
}

@media (max-width: 470px){
	h2 { font-size: 26px; }
	#hotline h3 { font-size: 16px!important; }
	.anwaltbild { float: none; }

	.video { height:250px; }
	.video iframe { width: 100%!important; height: 250px!important; }
}

@media (max-width: 420px){
	.video { height: 200px; }
	.video iframe { width: 100%!important; height: 200px!important; }
}

@media (max-width: 380px){
	.whatsapp-button{width:calc(100% - 60px);}
	.whatsapp-content{font-size:16px;}
	.skype-button{width:calc(100% - 60px);}
	.skype-content{font-size:16px;}
	.video { height: 185px; }
	.video iframe { width: 100%!important; height: 185px!important; }
}
			
@media (max-width: 330px){
	.video { height: 160px; }
	.video iframe { width: 100%!important; height: 160px!important; }
}