/* Rechtsanwalt Ulrich Endesfelder Stylesheets */

/* CSS Reset */
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, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	/*list-style: none;*/
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Styles */

body { 
	font-family: 'Droid Serif', serif;
	font-size:16px;
	line-height:24px;
	color:#333;
}

h1 {	font-size:2.25em;
	padding-bottom:6px;
	font-weight:700; 
}

h1 + p {
	font-size:1.125em; 
}

h2 {
	font-size:2.25em;
	padding-bottom: 45px; 
}

h2 + p {
	font-size:1.5em; 
	line-height:32px;
}

h3 {
	font-size:1.125em;
	font-weight:700;
	padding-top:90px;
	padding-bottom:15px; 
}

h3 + p {
	font-size:1em;
	padding-bottom:50px;
	line-height:24px;
}

h4 {
	font-size:1em;
	font-weight:700; 
}

span {
	color:#777777; 
	font-size:1em;	
}

header.container12 {
	padding-top: 62px; 
}

a {
	text-decoration:none; 
}

a:focus { color:#777777; }

a:hover { color:#777777; }

a:active { color:#777777; }

a:visited { color:#777777; }

.dunkelgrau {
	
	width:100%;
	height:28px;
	color:white;
	background-color:#999;
	padding-top:4px;
}

.hellgrau {
	background-color:#f2f2f2; 
	padding-bottom:60px;
}

.impressum {
	font-size: 0.75em;
	text-align:right;
	margin-right:10px;
	padding-bottom:0px;
	line-height:24px;
}

div.impressum {
	padding-bottom:0px;
	margin-bottom:0px;
}

.impressum p { 
	padding-top: 6px
}

.bg-image {
	background-image: url(WP_20160709_13_03_50_Pro_Kopie.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	height:600px;
    text-shadow: 0 1px 4px #000000;
}

div.bg-image.border-bottom div.container12 {
	padding-top:193px;
}

.main-text {
	color:white;
	text-align:center;
	line-height:32px;	
}

.main-text > h2 {
	padding-bottom:45px; 
}

.border-bottom {
	border-bottom:5px solid #BBBBBB; 
}

div.column8 {
	padding-top:20px;
}

div.hellgrau div.container12 div.row div.column8 {
	padding-top:130px;
}

#gmap_canvas {
	height:400px;
	width:100%
}

.weiss {
	background-color:white; 
}

.around {
	height:424px;
	margin-top:0px;
	border:1px solid #BBBBBB;
	z-index:1;
	position:relative; 
}

.message {
	z-index:2;
	position:absolute;
	bottom:-125px;
	padding-left:20px;
	padding-right:20px;
	left:38%;
	background-color:white;
}

form.weiss {
	background-color:white;
}

.submit {
	z-index:2;
	position:absolute;
	bottom:-20px;
	left:43%;
	background-color:white;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #BBBBBB;
	font-family: 'Droid Serif', serif;
	font-size:16px;
}

.kasten {
	width:80%;
	height:33px;
	background-color:#f2f2f2;
	border:none;
	padding-bottom:15px;
	font-family: 'Droid Serif', serif;
	font-size:16px;
	color:#BBBBBB;
}

input.kasten {
	padding-bottom:5px;
	margin-bottom:13px;	
}

.ce-inner-form {
	padding-top:50px;
	background-color:white;
}

textarea.kasten {
	width:80%;
	height:150px;
	padding-top:4px; 
	color:#BBBBBB;
}

input.submit {
	width:15%;
	background-color:white;
	border:1px solid #BBBBBB;
}

div.container12.weiss {
	padding-top:113px;
	padding-bottom:135px;
}

.border-top {
	border-top:5px solid #BBBBBB;
	background-color:#DDDDDD;
}

footer div.column8 {
	padding-top:0; 
}

footer h3 {
	padding-top:65px;
}

h3.extra { 
	padding-top:70px;
}

h3.extra + p {
	padding-bottom:0px;
}



div.column8.textblock p {
	padding-bottom:6px;
	padding-top:0px;
}

p { padding-top:15px; }

b { 
	font-weight:700;
}


/* 1140px Grid */

.container12, .container16 {
    margin:0 auto;
    padding:0;
    position:relative;
    width:1140px;
}
.row {margin-bottom:20px;}
.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12, .column13, .column14, .column15, .column16 {
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
}
.container12 .alpha, .container16 .alpha {margin-left:0;}
.container12 .omega, .container16 .omega {margin-right:0;}
.container12 .column1 {width:75px;}
.container12 .column2 {width:170px;}
.container12 .column3 {width:265px;}
.container12 .column4 {width:360px;}
.container12 .column5 {width:455px;}
.container12 .column6 {width:550px;}
.container12 .column7 {width:645px;}
.container12 .column8 {width:740px;}
.container12 .column9 {width:835px;}
.container12 .column10 {width:930px;}
.container12 .column11 {width:1025px;}
.container12 .column12 {width:1120px;}
.container12 .prefix1 {padding-left:95px;}
.container12 .prefix2 {padding-left:190px;}
.container12 .prefix3 {padding-left:285px;}
.container12 .prefix4 {padding-left:380px;}
.container12 .prefix5 {padding-left:475px;}
.container12 .prefix6 {padding-left:570px;}
.container12 .prefix7 {padding-left:665px;}
.container12 .prefix8 {padding-left:760px;}
.container12 .prefix9 {padding-left:855px;}
.container12 .prefix10 {padding-left:950px;}
.container12 .prefix11 {padding-left:1045px;}

.container16 .column1 {width:51.25px;}
.container16 .column2 {width:122.5px;}
.container16 .column3 {width:193.75px;}
.container16 .column4 {width:265px;}
.container16 .column5 {width:336.25px;}
.container16 .column6 {width:407.5px;}
.container16 .column7 {width:478.75px;}
.container16 .column8 {width:550px;}
.container16 .column9 {width:621.25px;}
.container16 .column10 {width:692.5px;}
.container16 .column11 {width:763.75px;}
.container16 .column12 {width:835px;}
.container16 .column13 {width:906.25px;}
.container16 .column14 {width:977.5px;}
.container16 .column15 {width:1048.75px;}
.container16 .column16 {width:1120px;}
.container16 .prefix1 {padding-left:71.25px;}
.container16 .prefix2 {padding-left:142.5px;}
.container16 .prefix3 {padding-left:213.75px;}
.container16 .prefix4 {padding-left:285px;}
.container16 .prefix5 {padding-left:356.25px;}
.container16 .prefix6 {padding-left:427.5px;}
.container16 .prefix7 {padding-left:498.75px;}
.container16 .prefix8 {padding-left:570px;}
.container16 .prefix9 {padding-left:641.25px;}
.container16 .prefix10 {padding-left:712.5px;}
.container16 .prefix11 {padding-left:783.75px;}
.container16 .prefix12 {padding-left:855px;}
.container16 .prefix13 {padding-left:926.25px;}
.container16 .prefix14 {padding-left:997.5px;}
.container16 .prefix15 {padding-left:1068.75px;}


@media only screen and (min-width: 960px) and (max-width: 1160px) {
    .container12, .container16 {width:960px;}
    .container12 .column1 {width:60px;}
    .container12 .column2 {width:140px;}
    .container12 .column3 {width:220px;}
    .container12 .column4 {width:300px;}
    .container12 .column5 {width:380px;}
    .container12 .column6 {width:460px;}
    .container12 .column7 {width:540px;}
    .container12 .column8 {width:620px;}
    .container12 .column9 {width:700px;}
    .container12 .column10 {width:780px;}
    .container12 .column11 {width:860px;}
    .container12 .column12 {width:940px;}
    .container12 .prefix1 {padding-left:80px;}
    .container12 .prefix2 {padding-left:160px;}
    .container12 .prefix3 {padding-left:240px;}
    .container12 .prefix4 {padding-left:320px;}
    .container12 .prefix5 {padding-left:400px;}
    .container12 .prefix6 {padding-left:480px;}
    .container12 .prefix7 {padding-left:560px;}
    .container12 .prefix8 {padding-left:640px;}
    .container12 .prefix9 {padding-left:720px;}
    .container12 .prefix10 {padding-left:800px;}
    .container12 .prefix11 {padding-left:880px;}
    .container16 .column1 {width:40px;}
    .container16 .column2 {width:100px;}
    .container16 .column3 {width:160px;}
    .container16 .column4 {width:220px;}
    .container16 .column5 {width:280px;}
    .container16 .column6 {width:340px;}
    .container16 .column7 {width:400px;}
    .container16 .column8 {width:460px;}
    .container16 .column9 {width:520px;}
    .container16 .column10 {width:580px;}
    .container16 .column11 {width:640px;}
    .container16 .column12 {width:700px;}
    .container16 .column13 {width:760px;}
    .container16 .column14 {width:820px;}
    .container16 .column15 {width:880px;}
    .container16 .column16 {width:940px;}
    .container16 .prefix1 {padding-left:60px;}
    .container16 .prefix2 {padding-left:120px;}
    .container16 .prefix3 {padding-left:180px;}
    .container16 .prefix4 {padding-left:240px;}
    .container16 .prefix5 {padding-left:300px;}
    .container16 .prefix6 {padding-left:360px;}
    .container16 .prefix7 {padding-left:420px;}
    .container16 .prefix8 {padding-left:480px;}
    .container16 .prefix9 {padding-left:540px;}
    .container16 .prefix10 {padding-left:600px;}
    .container16 .prefix11 {padding-left:660px;}
    .container16 .prefix12 {padding-left:720px;}
    .container16 .prefix13 {padding-left:780px;}
    .container16 .prefix14 {padding-left:840px;}
    .container16 .prefix15 {padding-left:900px;}
	
.message {
	left:35%;
}	

input.submit {
	width:20%;
}
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container12, .container16 {width:768px;}
    .container12 .column1 {width:44px;}
    .container12 .column2 {width:108px;}
    .container12 .column3 {width:172px;}
    .container12 .column4 {width:236px;}
    .container12 .column5 {width:300px;}
    .container12 .column6 {width:364px;}
    .container12 .column7 {width:428px;}
    .container12 .column8 {width:492px;}
    .container12 .column9 {width:556px;}
    .container12 .column10 {width:620px;}
    .container12 .column11 {width:684px;}
    .container12 .column12 {width:748px;}
    .container12 .prefix1 {padding-left:64px;}
    .container12 .prefix2 {padding-left:128px;}
    .container12 .prefix3 {padding-left:192px;}
    .container12 .prefix4 {padding-left:256px;}
    .container12 .prefix5 {padding-left:320px;}
    .container12 .prefix6 {padding-left:384px;}
    .container12 .prefix7 {padding-left:448px;}
    .container12 .prefix8 {padding-left:512px;}
    .container12 .prefix9 {padding-left:576px;}
    .container12 .prefix10 {padding-left:640px;}
    .container12 .prefix11 {padding-left:704px;}
    .container16 .column1 {width:28px;}
    .container16 .column2 {width:76px;}
    .container16 .column3 {width:124px;}
    .container16 .column4 {width:172px;}
    .container16 .column5 {width:220px;}
    .container16 .column6 {width:268px;}
    .container16 .column7 {width:316px;}
    .container16 .column8 {width:364px;}
    .container16 .column9 {width:412px;}
    .container16 .column10 {width:460px;}
    .container16 .column11 {width:508px;}
    .container16 .column12 {width:556px;}
    .container16 .column13 {width:604px;}
    .container16 .column14 {width:652px;}
    .container16 .column15 {width:700px;}
    .container16 .column16 {width:748px;}
    .container16 .prefix1 {padding-left:48px;}
    .container16 .prefix2 {padding-left:96px;}
    .container16 .prefix3 {padding-left:144px;}
    .container16 .prefix4 {padding-left:192px;}
    .container16 .prefix5 {padding-left:240px;}
    .container16 .prefix6 {padding-left:288px;}
    .container16 .prefix7 {padding-left:336px;}
    .container16 .prefix8 {padding-left:384px;}
    .container16 .prefix9 {padding-left:432px;}
    .container16 .prefix10 {padding-left:480px;}
    .container16 .prefix11 {padding-left:528px;}
    .container16 .prefix12 {padding-left:576px;}
    .container16 .prefix13 {padding-left:624px;}
    .container16 .prefix14 {padding-left:672px;}
    .container16 .prefix15 {padding-left:720px;}
	
.message {
	left:33%;
}	

.grau img {
	float:none;
	display:inline;
}

.main-text {
	line-height:28px;
}

h2 {
	font-size:2em;
}

h2 + p {
	font-size:1.25em;
	padding-top:0px;
}
}


@media only screen and (max-width: 767px) {
    .container12, .container16 {width:300px;}
    .container12 .column1, .container16 .column1,
    .container12 .column2, .container16 .column2,
    .container12 .column3, .container16 .column3,
    .container12 .column4, .container16 .column4,
    .container12 .column5, .container16 .column5,
    .container12 .column6, .container16 .column6,
    .container12 .column7, .container16 .column7,
    .container12 .column8, .container16 .column8,
    .container12 .column9, .container16 .column9,
    .container12 .column10, .container16 .column10,
    .container12 .column11, .container16 .column11,
    .container12 .column12, .container16 .column12,
    .container16 .column13,
    .container16 .column14,
    .container16 .column15,
    .container16 .column16 {
        margin:0 0 0px 0;
        width:300px;
    }
    .container12 .prefix1, .container12 .prefix2, .container12 .prefix3, .container12 .prefix4, .container12 .prefix5, .container12 .prefix6, .container12 .prefix7, .container12 .prefix8, .container12 .prefix9, .container12 .prefix10, .container12 .prefix11, .container16 .prefix1, .container16 .prefix2, .container16 .prefix3, .container16 .prefix4, .container16 .prefix5, .container16 .prefix6, .container16 .prefix7, .container16 .prefix8, .container16 .prefix9, .container16 .prefix10, .container16 .prefix11, .container16 .prefix12, .container16 .prefix13, .container16 .prefix14, .container16 .prefix15 {padding-left:0;}
    .row {margin:0;}
	
.impressum {
	padding-top:0px;
}
	
.impressum p {
	margin-top:-22px;
}

.message {
	left:18%;
	bottom:-75px;
	padding-left:20px;
	padding-right:20px;
}

.submit {
	left:40%;
}

textarea.kasten {
	margin-left:40px;
	margin-right:40px;
}

input.kasten {
	margin-left:40px;
	margin-right:40px;
}

input.submit {
	width:25%;
}

h3 {
	padding-top: 0px;
	padding-bottom:0px;
}

footer h3 {
	padding-top:0px;
}

h3.first {
	padding-top: 60px;
} 

.grau img {
	padding-top:20px;
}

div.grau div.container12 div.row div.column8 {
	padding-top:20px;
}

.grau {
	padding-bottom:60px;
}

div.container12.weiss {
	padding-top:60px;
	padding-bottom:60px; 
}

.main-text {
	line-height:28px; 
}

h2 {
	font-size:2em; 
}

h2 + p {
	font-size:1.25em;
	padding-top:0px;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container12, .container16 {width:420px;}
    .container12 .column1, .container16 .column1,
    .container12 .column2, .container16 .column2,
    .container12 .column3, .container16 .column3,
    .container12 .column4, .container16 .column4,
    .container12 .column5, .container16 .column5,
    .container12 .column6, .container16 .column6,
    .container12 .column7, .container16 .column7,
    .container12 .column8, .container16 .column8,
    .container12 .column9, .container16 .column9,
    .container12 .column10, .container16 .column10,
    .container12 .column11, .container16 .column11,
    .container12 .column12, .container16 .column12,
    .container16 .column13,
    .container16 .column14,
    .container16 .column15,
    .container16 .column16 {
        margin:0 0 0px 0;
        width:420px;
    }
    .container12 .prefix1, .container12 .prefix2, .container12 .prefix3, .container12 .prefix4, .container12 .prefix5, .container12 .prefix6, .container12 .prefix7, .container12 .prefix8, .container12 .prefix9, .container12 .prefix10, .container12 .prefix11, .container16 .prefix1, .container16 .prefix2, .container16 .prefix3, .container16 .prefix4, .container16 .prefix5, .container16 .prefix6, .container16 .prefix7, .container16 .prefix8, .container16 .prefix9, .container16 .prefix10, .container16 .prefix11, .container16 .prefix12, .container16 .prefix13, .container16 .prefix14, .container16 .prefix15 {padding-left:0;}
    .row {margin:0;}
	
.message {
	left:20%;
}

.submit {
	left:34%;
}

textarea.kasten {
	margin-left:40px;
	margin-right:40px;
}

input.kasten {
	margin-left:40px;
	margin-right:40px;
}

input.submit {
	width:30%;
}

h2 {
	font-size:1.75em;
}

h2 + p {
	font-size:1.25em;
	padding-top:0px;
}

h3.extra {
	padding-top:36px; 
}

.textblock {
	padding-bottom:60px;
}


}

@media only screen and (min-width: 20px) and (max-width: 480px) {
h2  { 
	font-size:1.75em;
}

h3.extra { 
	padding-top:36px;
}

.textblock {
	padding-bottom:60px;
}

div.bg-image.border-bottom div.container12 {
	padding-top:133px;
}
}

.clearfix:before, .clearfix:after,
.row:before, .row:after,
.container12:before, .container12:after, .container16:before, .container16:after {
    content:'.';
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
/* http://sonspring.com/journal/clearing-floats */
.clear {
    clear:both;
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
.row:after, .clearfix:after, .container12:after, .container16:after {clear:both;}
/* For IE7. Move this to separate file when you notice some problems */
.row, .clearfix {zoom:1;}
img, object, embed {max-width:100%;}
img {height:auto;}