@import url("../bs/css/bootstrap.min.css?v=1.0");/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);*/
@import url(animate.css);

@font-face {
font-family: 'castellarregular';
src: url('font/castelar-webfont.eot');
src: url('font/castelar-webfont.eot?#iefix') format('embedded-opentype'),
url('font/castelar-webfont.woff2') format('woff2'),
url('font/castelar-webfont.woff') format('woff'),
url('font/castelar-webfont.ttf') format('truetype'),
url('font/castelar-webfont.svg#castellarregular') format('svg');
font-weight: normal;
font-style: normal;

}

/* open-sans-300 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url('font/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
src: local('Open Sans Light'), local('OpenSans-Light'),
url('font/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('font/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('font/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
url('font/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('font/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

/* open-sans-600 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url('font/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
url('font/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('font/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
url('font/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
url('font/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('font/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}


body{
padding:80px 0 0 0;
margin:0;
background:#f3f3f3;
font-family:'Open Sans',sans-serif;
font-weight:400;
}

.scale-10{width:10%;}
.scale-20{width:20%;}
.scale-30{width:30%;}
.scale-40{width:40%;}
.scale-50{width:50%;}
.scale-60{width:60%;}
.scale-70{width:70%;}
.scale-80{width:80%;}
.scale-90{width:90%;}
.scale-100{width:100%;}

.aright{text-align:right;}
.acenter{text-align:center;}
.aleft{text-align:left;}

a{
outline:none !important;
/*color:#222;*/
}

a:hover{
color:#006CE6;
text-decoration:underline;
}

h1,h2,h3,h4,h5,h6{
display:block;
padding:0;
margin:0;
font-weight:400;
}

b{
font-weight:600;
}

h2{
margin:60px 0 20px 0;
}

.blog-sidebar{
margin-top:30px;
}

h3{
margin:10px 0 30px 0;
}

.blog-entry h3{
margin:60px 0 15px 0;
}

.blog-entry h4{
margin-top:1.5em;
margin-bottom:1em;
}

.blog-entry h5{
margin-bottom:30px;
}

.content-row{
padding-bottom:60px;
}

.top-container{
display:block;
height:35px;
background:#006CE6;
overflow:hidden;
width:110%;
line-height:40px;
margin-top:-5px;
margin-left:-5%;
font-size:12px;
font-weight:400;
color:#fff;
box-shadow:inset 0 0 3px rgba(0,0,0,.1);
}

.top-container a{
color:#fff;
}

.top-container a:hover{
text-decoration:underline;
}

.top-bar{
display:block;
overflow:hidden;
padding:0 5px;
}

.top-bar-left{
display:none;
float:left;
}

.top-bar-right{
display:block;
float:right;
width:100%;
text-align:center;
}

.top-bar-right a{
margin-left:8px;
}

.top-bar-right a img{
height:26px;
margin-top:-3px;
background:transparent;
opacity:1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}

.top-bar-right a:hover img{
opacity:1;
}

.para-bg{
-moz-box-shadow: inset 0 0 30px rgba(0,0,0,.1);
-webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.1);
box-shadow: inset 0 0 30px rgba(0,0,0,.1);
background-size:100% auto;
background-repeat:no-repeat;
padding:0;
min-height:100px;
position:relative;
}

.para-bg .para-teaser{
display:block;
position:absolute;
left:0;
bottom:0;
z-index:1;
background:transparent url(img/blue_trans_70.png) repeat top left;
padding:10px;
width:100%;
text-align:center;
}

.para-bg .para-teaser h3{
color:#fff;
margin:0;
padding:0;
}

.para-bg .para-teaser h3 span{
font-size:.8em;
}

.para-1{
background-image:url(img/para_02.jpg);
background-position: 50% 0;
}

.para-2{
background-image:url(img/para_01.jpg);
background-position: 50% 0;
}

.para-3{
background-image:url(img/para_03.jpg);
background-position: 50% 0;
}

.para-index{
background-image:url(img/kup_buero.jpg);
background-position: 50% 0;
}

.para-kontakt{
background-image:url(img/kup_skyline.jpg);
background-position: 50% 100%;
}

.para-dokumente{
background-image:url(img/kup_dokumente.jpg);
background-position: 50% 0;
}

.para-blog{
background-image:url(img/kup_blog.jpg);
background-position: 50% 0;
}

.para-preview-1{
background-image:url(img/steuerkanzlei_katz_preview.jpg);
background-position: 50% 0;
}

.para-preview-2{
background-image:url(img/steuerkanzlei_katz_preview_2.jpg);
background-position: 50% 0;
}

.panel-heading{
font-weight:400;
background:#eee !important;
}

.scroll-top{
display:none;
}

.navbar{
margin-bottom:0;
box-shadow:0 0 10px rgba(0,0,0,.2);
}

.navbar-default .navbar-toggle{
border:none;
padding-right:0;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:active{
background:transparent;
}

.navbar-default .navbar-toggle:hover span.icon-bar,
.navbar-default .navbar-toggle:focus span.icon-bar,
.navbar-default .navbar-toggle:active span.icon-bar{
background:#006CE6;
}

.navbar-brand{
overflow:hidden;
padding-top:8px;
padding-bottom:8px;
}

.navbar-brand img{
width:auto;
height:34px;
}

.navbar-brand span{
display:none;
}

.nav-marker-bar{
display:none;
}

.navbar-nav{
margin-top:0;
margin-bottom:0;
}

.navbar-nav li{
border-top:1px solid #ddd;
}

.navbar-nav li.active{
background:#006CE6;

}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover{
color:#fff;
}

.navbar-nav li:last-child{
border-top:none;
}

.side-menu-container{
display:none;
}

.carou-wrapper{
display:block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+0,ffffff+50,dddddd+100 */
background: #dddddd; /* Old browsers */
background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 50%, #dddddd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 50%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #dddddd 0%,#ffffff 50%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

.kup-panel-1{
text-align:center;
margin-top:15px;
margin-bottom:15px;
padding-bottom:15px;
border:none;
box-shadow:none;
border-left:5px solid #006CE6;
}

.kup-panel-1:hover{
/*box-shadow:0 0 10px rgba(0,108,230,.15);*/
}

.kup-panel-1 h4{
margin:10px 0 15px 0;
padding-bottom:15px;
/*border-bottom:1px solid #eee;*/
line-height:1.5em;
}

.kup-panel-1 ul{
padding-left:17px;
list-style-type:square;
}

.kup-panel-1 ul li{
padding-bottom:1em;
}

.kup-panel-1 ul.job-list li{
padding-bottom:.5em;
}

.kup-panel-1 ul li:last-child{
padding-bottom:0;
}

.blog-panel-1{
text-align:left;
margin-top:15px;
margin-bottom:15px;
padding-bottom:0;
border:none;
box-shadow:none;
border-left:5px solid #006CE6;
}

.blog-panel-1 a{
color:rgb(51, 51, 51);
}

.blog-panel-1 .panel-body{
padding:30px !important;
}

.blog-panel-1 h4{
padding-bottom:1em;
line-height:1.2em;
}

.blog-info{
display:block;
font-size:1em;
line-height:30px;
background:transparent;
color:#000;
padding:1em 0 0 0;
}

.blog-entry .blog-info{
line-height:20px;
}

.blog-info .col-xs-6{
line-height:1.5em !important;
}

.blog-info .sm-share{
margin-right:0;
}

.blog-info .blog-read-more a{
display:inline-block;
padding:.5em 0;
color:#fff;
}

.blog-info .blog-read-more a:hover{
text-decoration:underline;
}

.blog-entry .blog-info .blog-sm{
padding-top:30px;
}

.blog-info .blog-sm div{
float:right;
}

.blog-entry .blog-info .blog-sm div{
float:left;
}

.sm-share{
display:block;
float:left;
width:30px;
height:30px;
margin-right:10px;
}

.blog-entry .sm-share{
width:40px;
height:40px;
}

.sm-share a{
display:block;
width:30px;
height:30px;
background-color:#000;
background-repeat:no-repeat;
background-size:100% 100%;
}

.blog-entry .sm-share a{
width:40px;
height:40px;
}

.sm-share-facebook a{
background-image:url(img/facebook_grey.gif);
}

.sm-share-google a{
background-image:url(img/google_grey.gif);
}

.sm-share-twitter a{
background-image:url(img/twitter_grey.gif);
}

.sm-share-xing a{
background-image:url(img/xing_grey.gif);
}

.sm-share a img{
display:block;
float:left;
width:100%;
height:100%;
opacity:0;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-ms-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity .4s;
}

.sm-share a:hover img{
opacity:1;
}

.img-panel{
padding-bottom:0;
border:none;
}

.person-panel{
text-align:center;
}

.person-panel img{
width:100%;
max-width:500px;
}

.footer{
display:block;
background:#006CE6;
padding:50px 0;
font-size:12px;
text-align:center;
color:#fff;
}

.footer .logo-small img{
height:48px;

}

.footer a{
color:#fff;
}

.footer .col-xs-12{
padding-bottom:30px;
}

.modal-header{
background:#f3f3f3;
}

.modal-footer{
text-align:center;
background:#f3f3f3;
}

.modal .form-group{
display:block;
clear:both;
margin-bottom:10px;
}

.modal .form-group label{
width:100px;
font-weight:300;
}
.news-preview{
box-shadow:0 0 3px rgba(0,0,0,.2);
}

.blog-entry h3{
margin-bottom:10px;
}

.blog-entry h5{
color:#777;
font-size:13px;
}

.blog-entry-intro{
margin-top:30px;
margin-bottom:1.2em;
font-weight:700;
}

.blog-entry-main{
display:block;
overflow:hidden;
}

.blog-entry-main ul,
.blog-entry-main ol{
margin:0;
padding-left:16px;
}

.blog-entry-main .blog-entry-img{
width:100%;
margin-bottom:20px;
}

.blog-entry-main .blog-entry-img img{
width:100%;
}

.blog-entry-main .blog-entry-img span{
display:block;
padding-top:10px;
color:#777;
text-align:center;
font-size:12px;
}

.blog-divider{
display:block;
width:100%;
height:1px;
margin:50px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,bbbbbb+50,f3f3f3+100 */
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(left, #f3f3f3 0%, #bbbbbb 50%, #f3f3f3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f3f3f3 0%,#bbbbbb 50%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f3f3f3 0%,#bbbbbb 50%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f3f3f3',GradientType=1 ); /* IE6-9 */
text-align:center;
position:relative;
}

.blog-divider div{
display:block;
position:absolute;
left:50%;
top:0;
margin-left:-5px;
width:10px;
height:10px;
z-index:1;
background:#bbb;
border-radius:5px;
margin-top:-5px;
border:2px solid #f3f3f3;
}

.doc-img{
width:32px;
margin-bottom:10px;
}

.small-map{
display:block;
width:100%;
overflow:hidden;
cursor:default;
}

.small-map img{
width:100%;
border:1px solid #bbb;
}

#mapmodal .modal-body{
padding:0 !important;
}

.form-success{
color:green;
font-weight:bold;
display:none;
}

@media(min-width:768px){

body{
padding-top:105px;
}

h2{
margin:100px 0 30px 0;
}

h3{
margin:20px 0 40px 0;
}

.blog-entry h3{
margin:100px 0 12px 0;
}

.blog-entry h5{
margin-bottom:30px;
}

.content-row{
padding-bottom:100px;
}

.top-bar-left{
display:block;
}

.top-bar-right{
width:auto;
}

.top-bar-right a img{
opacity:.7;
}

.scroll-top{
display:block;
position:fixed;
bottom:-10px;
right:20px;
background:#000 url(img/scroll_top.png) no-repeat center center;
background-size:100% 100%;
width:50px;
height:50px;
opacity:.6;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.scroll-top:hover{
bottom:0;
opacity:1;
}

.navbar{
font-size:16px;
border-bottom:none;
}

.navbar-header{
display:block;
}

.navbar .navbar-brand{

height:auto;
overflow:hidden;
padding-top:15px;
padding-bottom:15px;
}

.navbar .navbar-brand img{
width:240px;
height:auto;
}

.navbar .navbar-nav{
display:block;
float:right;
width:auto;
margin:0;
text-align: center;
height:75px;
}

.navbar .navbar-nav li{
display:inline-block;
float:none !important;
border-top:none;
height:70px;
}

.navbar .navbar-nav li a{
line-height:45px;
color:#9c9e9f;
}

.navbar .navbar-nav li a:hover{
color:#555;
}

.navbar-nav li.active{
background:transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover{
color:#006CE6;
}

.navbar .navbar-collapse{
text-align: center;
}

.nav-marker-bar{
display:block;
width:100%;
background:transparent;
height:5px;
overflow:hidden;
position:relative;
}

.nav-marker{
display:block;
background:#222;
width:1px;
height:100%;
position:absolute;
top:0;
left:50%;
z-index:1;
opacity:0;
}

.nav-marker-current{
background:#0000d8;
}

.side-menu-container{
display:block;
position:fixed;
right:-1000px;
top:25%;
z-index:200;
}

.side-menu-container ul{
display:block;
list-style:none;
padding:0;
margin:0;
}

.side-menu-container ul li{
display:block;
margin:0;
padding:0;
margin-bottom:5px;
}

.side-menu-container ul li a{
display:block;
color:#000;
text-decoration:none;
text-align:center;
overflow:visible;
outline:none !important;
opacity:.8;
}

.side-menu-container ul li a .icon{
float:left;
background:transparent url(img/dot_black.png) no-repeat center center;
background-size:60%;
width:50px;
padding:10px;
opacity:.6
}

.side-menu-container ul li a span{
display:block;
background:#fff;
padding:10px 20px;
margin-left:50px;
box-shadow:0 0 4px rgba(0,0,0,.2);
}

.side-menu-container ul li.title a{
cursor:default;
}

.side-menu-container ul li.current a{
opacity:1;
}

.side-menu-container ul li.current a .icon,
.side-menu-container ul li.current a:hover .icon{
background:transparent url(img/dot_blue.png) no-repeat center center;
opacity:1;
background-size:60%;
}

.side-menu-container ul li.current a span,
.side-menu-container ul li.current a:hover span,
.side-menu-container ul li.current a:focus span{
background:#006CE6;
color:#fff;
border-top:none;
opacity:1;
}

.side-menu-container ul li a:hover .icon{
opacity:1;
}

.side-menu-container ul li a:hover{
opacity:1;
text-decoration:none;
}

.footer{
text-align:left;
}

.footer .col-xs-12{
padding-bottom:0;
}

.footer .col-xs-12:last-child{
text-align:center;
padding-top:2em;
}

.blog-entry-main .blog-entry-img{
width:40%;
float:left;
margin:0 35px 5px 0;
}

.blog-entry-main .blog-entry-img-right{
float:right;
margin:0 0 5px 35px;
}

.blog-entry-main .blog-entry-img-30{width:30%;}
.blog-entry-main .blog-entry-img-35{width:35%;}

.small-map{
cursor:pointer;
}

.small-map img{
width:auto;
height:180px;
}

.blog-entry .blog-info .blog-sm{
padding-top:0;
}

.blog-entry .blog-info .blog-sm div{
float:right;
}

}

@media(min-width:992px){

body{
padding-top:178px;
}

.navbar .navbar-nav{
height:150px;
}

.navbar .top-container{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.small-header .top-container{
height:0px;
}

.navbar-header{
width:300px;
}

.navbar .navbar-brand{
margin:25px 0 20px 0 !important;
padding-left:0;
}

.navbar .navbar-brand img{
width:400px;
}

.navbar .navbar-nav {
width:auto;
float:right !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.navbar .navbar-nav li{
height:145px;
}

.navbar .navbar-nav li a{
line-height:124px;
}

.kup-panel-1 h4.two-lines{
min-height:3.8em;
}

.footer .col-xs-12:last-child{
text-align:right;
padding-top:0;
}

}

@media(min-width:1200px){

.blog-sidebar{
margin-top:100px;
}

.blog-sidebar .blog-panel-1{
margin-top:0;
}

}

@media(max-width:767px){

.carou-wrapper .container{
padding:0;
}

}