@import "fonts.css";

.lila{
	color: #969
}
.nopadding{padding: 0;}
.nomargin{margin: 0;}
hr{margin: 0.5em 3em;}
.row_ls, .row_ls_abstand{margin-top: 2.3em;}

#message{
	display: none;
	width: 100%;
	position: fixed;
	top: 0;
	background-color: #fff;
	z-index: 20000000;
	padding: 15px;
	border-bottom: 2px solid  #969;
	opacity: 0.80;
	-moz-opacity: 0.80;
	filter:alpha(opacity=80);
}
.OK-btn{ 
	padding: 5px 10px;
	background-color: #969;
	color: #fff!important;
	font-weight: bolder; 
	cursor: pointer;
	float: right;
}
.OK-btn:hover{background-color: #333;}
/* NAVBAR -----------------------------------------------------------*/
.row_ls_abstand_top{margin-top: 49px;}

#ls_navbar{
	opacity: 0.90;
	-moz-opacity: 0.90;
	filter:alpha(opacity=90);
	z-index: 1000000000
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
	max-height: 100%!important;
}

.navbar-toggle, .navbar-brand {display: none!important; border: none;}
.navbar-default .navbar-toggle .icon-bar {
    background-color:  #969;
}

/* SLIDER -----------------------------------------------------------*/
.carousel-indicators-ls{
	opacity: 0.50;
	-moz-opacity: 0.50;
	filter:alpha(opacity=50);
}
.carousel-control{display: none;}
.title_ls{
	z-index: 100000;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.img404{border-bottom: 2px solid #969;}

/* AKTUELL ----------------------------------------------------------*/
.col_ls_2col{padding: 0 3em!important;}
.ls_margin_aktuell{margin: 28px auto!important;}

/* PORTFOLIO KATEGORIEN ---------------------------------------------*/
.col_ls_kat{
	padding: 0!important;
	max-width: 70%;
	margin: 0 auto;
}
.img-trans-kat{
	width: 100%;
	height: 100%;
}
.img_hover-ls-kat{margin: 15px;}
.img_hover-ls-kat h2{
	color: #ccc;
	width: 100%;
	margin: 0 auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
 	text-shadow: 2px 1px 7px #000;
 	font-size: 1.4em;
}

.hg-h2-kat{
	background-color: #000;
	height:30%;
	position: absolute;
	bottom: 15px;
	left: 15px;
	right: 15px;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	border-top: 2px solid #969;
}
/* PROFIL -----------------------------------------------------------*/
.col_ls_3col{padding: 0 1em;}

/* FOOTER -----------------------------------------------------------*/
.footer_ls{width: auto;}
.footer_ls address, .footer_ls address a, footer .col-md-6, footer .col-md-6 a, footer a, a#jb:hover{
	letter-spacing: 0;
	color: #f8f8f8;
	text-decoration: none!important;
}
footer a, a#jb:hover{
	padding-bottom: 2px;
	border-bottom: 1px solid #f8f8f8!important;
}
footer a.img-lnk, a#jb{border: 0!important;}
a#jb{text-decoration: underline!important;}
footer .col-md-6 a:hover{color: #333;}
footer{
	border-top: 3px solid #969;
	background-color: #696969;
}
.logo-lS{	
	margin: 5px 25px 25px 25px;
	width: 100%;
	height: auto;
	max-width: 300px;
	float: left;
}
footer a img{max-width: 30px;}
.logo404{
	max-width: 210px; 
	width: 60%; 
	float: left;
	margin: 5px 25px 25px 25px;
}
/* LINKS ------------------------------------------------------------*/
a.no-line{
	text-decoration: none;
 }

a.top{
	color: #A6ACAF;
	font-size: 20px;
	text-align: center;
	display: block;
}
.text_ls_col a, ul li a, ul li a:visited{
	color: #969;
	text-decoration: none;
	font-weight: bolder;
	border-bottom: 1px solid #969;
	padding-bottom: 2px;
}
.text_ls_col a:hover, ul li a:hover{
	text-decoration: none;
	color: #333!important; 
	padding-bottom: 2px; 
	border-bottom: 1px solid #333; 
}
.footer_ls a.btn-block{text-decoration: none;}

/* BILDER -----------------------------------------------------------*/
.ls-portrait, .ls-award{
	margin: 15px auto;
	padding: 5px;
	border: 1px solid #ccc;
}
.ls-portrait{
	max-width: 75%;
}
.ls-award{
	max-width: 100%;
}

.mb-0{margin-bottom: 0!important;}
.p-l{padding-left:15px}
.m0{margin:0;}

/* RESPONSIVE --------------------------------------------------------*/
@media (max-width: 640px){
	.navbar-toggle{display: block!important;}
	.ls_datasave{font-size: 2.35em!important;}
	.logo-lS {float: none;}
	.text-ls-sm{ padding: 0 25px 0 25px; }
	.logo404 img{max-width: 200px;}
	.logo404 {float: none;}
	address{line-height: 1.8em!important;}
	.OK-btn{padding: 12px 12px; margin-top: 20px;font-size: 1.3em;}
	
	}

@media (max-width: 768px){
	.navbar-toggle{display: block!important;}
	.carousel-indicators-ls{display: none;}
	.title_ls{display: none;}
	.navbar-brand{display: block!important;}
	.carousel-control{display: block;font-size: 33px;}
	
	
}
@media (max-width: 370px){
	.logo-lS{max-width: 255px;}
}

@media (max-width: 560px){
	.navbar-brand{
		font-size: 1.8em!important;
		text-align: left!important;
		padding-left: 15px!important;
	}
}
@media (min-width: 768px){
.navbar-nav{
	position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

}