@charset "utf-8";
*{
margin:0;
padding:0;
}
html{
height:100%;
margin-bottom:-1px;
overflow-y:scroll;
}
body{
background:#fff;
text-align:left;
font-weight:normal;
font-family:'Open Sans',sans-serif;
font-size:16px;
color:#474747;
line-height:1.4em;
height:100%;
min-height:840px;
margin:0 auto;
}
img{
border:0 solid;
}
p{
margin:0 0 1em 0;
}
ul,ol,dl{
margin:1em 0 1em 1em;
}
li{
margin-left:1.5em;
line-height:1.7em;
}
dd{
margin:0 0 1em 2em;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:block;
}
#ie_clearing{
display:none;
}
.skip{
position:absolute;
top:-1000em;
left:-1000em;
}
.subcolumns{
display:table;
width:100%;
table-layout:fixed;
}
.c33l,.c50l{
float:left;
}
.c33r,.c50r{
float:right;
margin-left:-5px;
}
.c14l,.c14r{
width:14%;
}
.c15l,.c15r{
width:15%;
}
.c20l,.c20r{
width:20%;
}
.c40l,.c40r{
width:40%;
}
.c60l,.c60r{
width:60%;
}
.c80l,.c80r{
width:80%;
}
.c25l,.c25r{
width:25%;
}
.c33l,.c33r{
width:33.333%;
}
.c50l,.c50r{
width:50%;
}
.c55l,.c55r{
width:55%;
}
.c66l,.c66r{
width:66.666%;
}
.c75l,.c75r{
width:75%;
}
.c38l,.c38r{
width:38.2%;
}
.c62l,.c62r{
width:61.8%;
}
.subc{
padding:0 0.5em 0 0;
}
.subcl{
padding:0 0.5em 0 0;
}
.subcr{
padding:0 0.5em 0 0;
}
.page_margins{
margin:0 auto;
width:1200px;
position:relative;
}
body a{
color:#0d7cbe;
text-decoration:none;
}
body a:hover{
text-decoration:underline;
}
#main{
margin:80px 0;
}
#head{
margin:0 auto;
padding:0;
background:white url(/stream/images/layout/head_bg.png) repeat-y center;
width:100%;
position:fixed;
z-index:2014;
height:100px;
box-shadow:0px 0px 10px rgba(165,165,165,0.61);
}
#head_menu{
height:100px;
background:url(/stream/images/layout/head_menu.png) no-repeat center center;
}
#header{
height:444px;
margin:0;
position:relative;
overflow:hidden;
padding-top:100px;
}
#header .mainimage{
position:absolute;
left:50%;
top:50%;
margin-top:-200px;
margin-left:-1010px;
}
.logo{
margin-top:25px;
/*text-align:center;*/
float:left;
z-index:5;
position:absolute;
}
.logo a{
text-decoration:none !important;
color:#393939;
}
.name{
text-transform:uppercase;
font-size:23px;
margin-bottom:5px;
color:#0d7cbe;
letter-spacing:0.1em;
}
.stadt{
text-transform:uppercase;
font-size:18px;
margin-bottom:5px;
color:#000;
letter-spacing:0.1em;
}
#nav ul li a:hover{
color:#fff;
border-bottom:2px solid #fff;
}
ul#sub_nav{
margin:0 0 40px 0;
}
ul#sub_nav li{
padding:0;
margin:0;
list-style:none;
text-decoration:none;
}
ul#sub_nav li a{
display:block;
border-bottom:3px solid #fff;
padding:10px 0 10px 30px;
font:normal 16px 'Open Sans',sans-serif;
color:#838383;
text-decoration:none;
}
ul#sub_nav li.active a{
background:url(/stream/images/layout/dot.png) no-repeat left;
color:#0d7cbe;
text-decoration:none;
}
ul#sub_nav li.path a{
background:url(/stream/images/layout/dot.png) no-repeat left;
color:#0d7cbe;
text-decoration:none;
}
ul#sub_nav li a:hover{
background:url(/stream/images/layout/dot.png) no-repeat left;
color:#0d7cbe;
text-decoration:none;
}
ul#sub_nav ul.level1{
padding:0;
margin:0 0 20px 0;
list-style:none;
}
ul#sub_nav ul.level1 li{
padding:0;
margin:0;
list-style:none;
}
ul#sub_nav ul.level1 li a{
display:block;
margin:0;
padding:10px 0 10px 45px;
font:normal 16px 'Open Sans',sans-serif;
color:#58585A;
text-decoration:none;
background:none;
}
ul#sub_nav ul.level1 li.path a{
color:#043363;
text-decoration:none;
}
ul#sub_nav ul.level1 li.active a{
color:#0d7cbe;
text-decoration:none;
}
ul#sub_nav ul.level1 li a:hover{
color:#0d7cbe;
text-decoration:none;
}
#col1{
float:right;
width:280px;
margin:5px 0 0 0 !important;
}
#col1_content{
line-height:1.5em;
}
#col3{
margin-right:350px;
}
#col3_content{
margin-bottom:40px;
min-height:400px;
height:auto !important;
height:400px;
}
h1{
color:#0d7cbe;
font:normal 26px 'Open Sans',sans-serif;
margin:5px 0 0 0;
padding-bottom:15px;
text-transform:uppercase;
letter-spacing:0.15em;
}
h2{
color:#0d7cbe;
font:normal 18px 'Open Sans',sans-serif;
padding-bottom:20px;
padding-top:10px;
text-transform:uppercase;
letter-spacing:0.15em;
}
h4{
color:#0d7cbe;
font:bold 18px 'Open Sans',sans-serif;
padding-bottom:15px;
text-transform:uppercase;
letter-spacing:0.15em;
}
.social a.icon:hover{
opacity:1;
}
.block_content.text{
margin-bottom:20px;
}
.block_content.contactform{
line-height:135%;
}
.location{
height:20px;
margin-top:-30px;
color:#fff;
text-shadow:1px 1px 0px black;
}
.location a{
color:#fff;
}
.location a:hover{
color:#fff;
text-decoration:underline;
}
.block_content.text_anwalt a:hover{
color:#0d7cbe;
text-decoration:none;
}
.block_content.text_profil{
float:left;
width:100%;
height:350px;
background-color:#f5f5f5;
padding:20px 0 0 33%;
margin:20px 0 100px 0;
box-sizing:border-box;
}
.block_content.text_profil a:hover{
color:#0d7cbe;
text-decoration:none;
}
.scrollup{
width:30px;
height:30px;
opacity:1;
position:fixed;
bottom:15px;
right:15px;
border:3px solid #fff;
display:none;
text-indent:-9999px;
background:#999 /*url(/stream/images/layout/top.png) no-repeat center center*/;
z-index:999999;
background-clip:padding-box;
padding:5px 5px;
border-radius:50%;
}
.scrollup:hover{
opacity:1;
/*background:url(/stream/images/layout/top.png) no-repeat center center;*/
background-clip:padding-box;
padding:5px 5px;
border-radius:50%;
background-color:#0d7cbe;
}
#shortlink{
position:fixed;
background:#0d7cbe;
width:38px;
z-index:100;
padding:10px 2px 0px 2px;
left:0;
top:235px;
text-align:center;
}
#leistung{
z-index:4;
position:absolute;
bottom:100px;
text-align:center;
line-height:50px;
width:100%;
}
#leistung p{
color:#fff;
font-size:48px;
text-shadow:1px 1px 0px black;
font-weight:normal;
margin:0 0 0.5em 0;
}
body#default #header{
height:34px;
}
body#layout_1col #col1{
display:none;
}
body#layout_1col #header .mainimage{
position:absolute;
left:50%;
margin-left:-1200px;
margin-bottom:0;
margin-right:0;
margin-top:-70px;
}
body#layout_1col #header .mainimage  img{
width:auto;
height:244px;
}
body#layout_1col #header{
height:240px;
border-bottom:1px solid #e5e5e5;
}
body#layout_1col #shortlink{
position:fixed;
background:#0d7cbe;
width:38px;
z-index:5;
padding:10px 2px 0px 2px;
left:0;
top:125px;
text-align:center;
}
body#layout_1col #col3{
margin:0;
}
body#layout_1col #leistung{
bottom:40px;
}
body#layout_1col .c50l,body#layout_1col  .c50r{
width:47%;
}
body#layout_3col #header .mainimage{
position:absolute;
left:50%;
margin-left:-1200px;
margin-bottom:0;
margin-right:0;
margin-top:-70px;
}
body#layout_3col #header .mainimage img{
width:auto;
height:245px;
}
body#layout_3col #header{
height:240px;
background:#fff;
border-bottom:1px solid #e5e5e5;
}
body#layout_3col #shortlink{
position:fixed;
background:#0d7cbe;
width:38px;
z-index:5;
padding:10px 2px 0px 2px;
left:0;
top:125px;
text-align:center;
}
body#layout_3col #col3{
margin-right:350px;
}
body#layout_3col #col1{
margin:0;
float:right;
}
body#layout_3col #leistung{
bottom:40px;
}
body#intropage .location{
display:none;
}
body#intropage #col1{
display:none;
}
body#intropage #col3{
margin:0;
}
body#intropage h1{
text-align:center;
font-size:30px;
}
body#intropage h2{
font-size:24px;
text-align:center;
padding:0 0 30px 0;
}
body#intropage h2{
text-align:center;
}
body#intropage .headline h3:before{
font-family:FontAwesome;
font-weight:400;
font-style:normal;
;
content:"\f04d";
color:#0d7cbe;
font-size:30px;
vertical-align:top;
margin-right:10px;
}
body#intropage #main{
text-align:center;
}
body#intropage p{
margin:0 0 0.5em 0;
}
/*body#intropage.view{
overflow:auto;
}
body#layout_1col.view{
overflow:auto;
}*/
body#intropage .block_content.text{
margin-bottom:0px;
}
body#intropage #col3_content{
min-height:0px;
height:auto !important;
height:0px;
}
.info{
padding:10px 0 0 0;
}
.info .list .info-item{
margin-bottom:25px;
border-bottom:1px solid #ddd;
padding-bottom:25px;
}
.info .list .item-header{
padding:4px 0 15px 0;
margin-top:0px;
font-weight:normal;
text-align:left;
}
.info .list .info-item .item-header a{
color:#0d7cbe;
font-size:20px;
}
.info .item-header h1{
margin-left:0;
text-transform:none;
font-size:150%;
}
.info .list .item-text{
padding:10px 10px 10px 0;
display:inline-block;
}
#footer{
background:#fafafa;
font-size:16px;
text-align:left;
line-height:1.4em;
/*color:#7d7d7d;*/
padding:20px 0 0 0;
}
#footer span{
color:#fff;
}
#footer .subcl p{
text-align:left;
margin:0 0 1em 0;
}
#footer .subcr p{
text-align:right;
margin:0 0 0.6em 0;
}
#footer .subc{
margin:0 auto;
text-align:center;
}
#footer a{
text-decoration:none;
font-size:16px;
color:#474747;
/*color:#7d7d7d;*/
}
#footer a:hover{
text-decoration:none;
color:#0d7cbe;
}
.kwlayer{
color:#474747;
text-align:center;
line-height:1.5em;
padding:10px;
background:#eee;
}
#footer_datenschutz{
background:#eee;
padding:15px;
text-align:center;
font-size:16px;
color:#8f8f8f;
}
/*#footer_datenschutz a{
color:#8f8f8f;
}*/
#footer_datenschutz a:hover{
color:#0d7cbe;
text-decoration:none;
}
#footer-logo{
padding-top:50px;
}
.sidebar_item_hide{
display:none;
z-index:2;
}
#shorticon2,
#shorticon3,
#shorticon4,
#shorticon5{
height:40px;
}
#suche.sidebar_item{
position:absolute;
top:0px;
left:40px;
border:none;
outline:none;
background:#f6f6f6;
width:250px;
height:40px;
margin:0 0 0 2px;
z-index:2;
/*padding:0 0 1px 10px;*/
font-family:inherit;
font-size:16px;
color:#2c3e50;
text-align:left;
}
#email.sidebar_item{
position:absolute;
top:42px;
left:40px;
border:none;
outline:none;
background:#f6f6f6;
width:250px;
height:30px;
margin:0 0 0 2px;
z-index:2;
padding:10px 0 1px 20px;
font-family:inherit;
font-size:16px;
color:#2c3e50;
text-align:left;
}
#telefon.sidebar_item{
position:absolute;
top:84px;
left:40px;
border:none;
outline:none;
background:#f6f6f6;
width:250px;
height:30px;
margin:0 0 0 2px;
z-index:2;
padding:10px 0 1px 20px;
font-family:inherit;
font-size:16px;
color:#2c3e50;
text-align:left;
}
#karte.sidebar_item{
position:absolute;
top:126px;
left:40px;
border:none;
outline:none;
background:#f6f6f6;
width:250px;
height:30px;
margin:0 0 0 2px;
z-index:2;
padding:10px 0 1px 20px;
font-family:inherit;
font-size:16px;
color:#2c3e50;
text-align:left;
}
.btn:hover{
background:#777777;
text-decoration:none;
}
@media only screen
and (max-width :1280px){
#header{
height:390px;
}
#header .mainimage{
margin-top:-155px;
margin-left:-1150px;
}
}
@media only screen
and (max-width :1680px) and (min-width :1281px){
#header{
height:450px;
}
#header .mainimage{
margin-top:-185px;
margin-left:-1150px;
}
}
@media only screen
and (max-width :1200px){
.page_margins{
width:1100px;
}
.page_margins_bewertungen,
.page_margins_partner,
.page_margins_footer{
width:100%;
}
.c16l,.c16r{
width:33%;
margin-top:20px;
}
#leistung p{
font-size:40px;
}
.block_content.text_mitarbeiter{
height:auto;
}
/*#main img{
width:100%  !important;
height:auto !important;
}*/
}
@media only screen
and (max-width :1100px){
.page_margins{
width:1000px;
}
.page_margins_bewertungen,
.page_margins_partner,
.page_margins_footer{
width:100%;
}
.c14l img{
width:100%;
}
.c16l,.c16r{
width:33%;
margin-top:20px;
}
h2{
font-size:18px;
}
#leistung p{
font-size:40px;
}
.block_content.text_mitarbeiter{
height:auto;
}
.block_content.text_mitarbeiter .tb_image_l{
width:100%;
}
.stadt {
font-size: 14px;
}
/*#main img{
width:100%  !important;
height:auto !important;
}*/
}
@media only screen
and (max-width :1000px){
.page_margins{
width:900px;
}
.page_margins_bewertungen,
.page_margins_partner,
.page_margins_footer{
width:100%;
}
.c14l img{
width:100%;
}
.c16l,.c16r{
width:33%;
margin-top:20px;
}
h2{
font-size:18px;
}
#leistung p{
font-size:30px;
}
.block_content.text_mitarbeiter{
height:auto;
}
.block_content.text_mitarbeiter .tb_image_l{
width:100%;
}
/*#main img{
width:100%  !important;
height:auto !important;
}*/
}
@media only screen
and (max-width :900px){
.page_margins{
width:800px;
}
.page_margins_bewertungen,
.page_margins_partner,
.page_margins_footer{
width:100%;
}
.c14l img{
width:100%;
}
.c16l,.c16r{
width:33%;
margin-top:20px;
}
h2{
font-size:18px;
}
#leistung p{
font-size:30px;
}
.block_content.text_mitarbeiter{
height:auto;
}
.block_content.text_mitarbeiter .tb_image_l{
width:100%;
}
/*#main img{
width:100%  !important;
height:auto !important;
}*/
#head{
background-position:-900px !important;
}
#head_menu{
background-position:350px !important;
}



}
@media only screen
and (max-width :800px){
.page_margins{
width:720px;
}
.page_margins_bewertungen,
.page_margins_partner,
.page_margins_footer{
width:100%;
}
.c14l img{
width:100%;
}
.c16l,.c16r{
width:33%;
margin-top:20px;
}
h2{
font-size:18px;
}
#leistung p{
font-size:30px;
}
.block_content.text_mitarbeiter{
height:auto;
}
.block_content.text_mitarbeiter .tb_image_l{
width:100%;
}
/*#main img{
width:100%  !important;
height:auto !important;
}*/
}
ul{
margin:0 0 1em 1em;
}
#fachgebiete{
height:135px;
padding-top:15px;
border-top:1px solid #c2c2c2;
}
.anwalt{
margin:0;
position:relative;
}
.anwalt a.tooltip{
display:block;
margin:0 auto;
width:115px;
height:115px;
}
.anwalt blue{
color:#0d3356;
}
a.tooltip{
outline:none;
line-height:20px;
}
a.tooltip p{
margin:0;
}
a.tooltip strong{
line-height:20px;
color:#0d3356;
font:bold 16px 'Open Sans',sans-serif;
}
a.tooltip:hover{
text-decoration:none;
}
a.tooltip span{
z-index:10;
display:none;
padding:14px 20px;
margin-left:-60px;
width:260px;
line-height:16px;
border-radius:2px;
box-shadow:0 0 4px 2px #cecece;
}
a.tooltip:hover span{
display:inline;
position:absolute;
border:2px solid #FFF;
color:#787878;
background:#fff url(/stream/images/layout/css-tooltip-gradient-bg.gif) repeat-x 0 0;
top:-120px;
left:220px;
text-align:center;
height:85px;
font:normal 16px 'Open Sans',sans-serif;
}
.callout{
z-index:20;
position:absolute;
border:0;
bottom:-16px;
left:120px;
}
#lawyer-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
}
#footer-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
grid-gap:10px;
text-align:center;
}
p > .simple-button-plugin{
margin:2px;
}
.manual-flex{
display:flex;
}
.manual-flex img{
margin-right:10px;
}
@media only screen and (max-width:768px){
.manual-flex{
flex-wrap:wrap;
}
}