/* IMPORT */

@import url(../fonts/fonts.css);

/* GENERAL */

body {
	position: relative;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #111111;
}

* {
	outline: none;
}

::selection {
	color: #EEEEEE;
	background: #444444;
}

#messagesent {
	display: none;
	position: fixed;
	top: 64px;
	width: 400px;
	padding: 16px;
	padding-right: 40px;
	margin: 0 auto;
	right: 0px;
	background: #FFFFFF;
	color: #000;
	box-shadow: 0px 1px 3px rgba(0,0,0,.5);
	z-index: 9999;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,button,.btn {
	font-family: 'Skia';
}

.btn {
	border-radius: 2px;
}

.block {
	padding: 96px 0px;
}

.margin-bottom {
	margin-bottom: 24px;
}
/* COLORS */

.white {
	background: #FFFFFF;
}

.grey {
	background: #EEEEEE;
}

.dark {
	background: #444444;
	color: #EEEEEE;
}

.blk {
	background: #222222;
	color: #EEEEEE;
}

.btn-primary {
color: #111111;
background-color: #FFFFFF;
border-color: #FFFFFF;
font-weight: bold;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
color: #111111;
background-color: #EEEEEE;
border-color: #EEEEEE;
}

/* NAV */

.navbar-inverse {
	font-family: 'Skia';
	background: rgba(0,0,0,.75);
	border: 0px;
	font-size: 16px;
	height: 64px;
}

.nav>li>a {
	padding-left: 2px;
	padding-right: 2px;
	margin: 0 12px;
}

.navbar-inverse .navbar-nav>li>a {
	color: #BBB;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
	background: transparent;
	border-bottom: 2px solid #FFF;
	transition: none;
}

.navbar-toggle {
margin-top: 16px;
}

#werkstatt {
	margin-left: 64px;
}

/* TEASER */

.jumbotron {
	background: url(../img/lecercle_bg.jpg) no-repeat center bottom;
	background-size: cover;
	padding-bottom: 340px !important;
	margin-bottom:0px;
	color: #111;
	/*position: fixed;
	width: 100%;
	top: 0;
	z-index: -1;*/
}

.jumbotron+.block {
	/*margin-top: 720px;*/
	box-shadow: 0px -3px 6px rgba(0,0,0,.1);
}

.jumbotron h1, .jumbotron h2, .jumbotron p:first-of-type {
	text-shadow: 0px -1px 1px #FFF;
}

.jumbotron p {
	font-size: 18px;
}

.jumbotron .btn {
	box-shadow: 0px 3px 8px #000;
	margin-top: 20px;
	padding: 16px 28px;
	border-bottom: 3px solid #cba35e;
}

.jumbotron .btn span {
	font-size: 14px;
	margin-left: 12px;
}

.lecercle {
	position: relative;
	top: 48px;
}

.gold {
	background: url(../img/gold.png);
	background-repeat:repeat-x;
	width: 100%;
	height: 3px;
	display:block;
}

/* TEASER */

.teaser {
	position: fixed;
	top: 64px;
	min-height: 50px;
	height: auto;
background: #CFA95B !important;
text-align: center;
color: #FFF;
/* line-height: 50px; */
padding: 14px 40px;
font-size: 19px;
font-family: 'Skia';
font-weight: bold;
text-shadow: 0px 1px 0px #333;
z-index: 99999;
text-transform: uppercase;
}

#teaser-close {
	font-size: 12px;
	line-height: 11px;
	position: absolute;
	top: 19px;
	right: 20px;
	cursor: pointer;
	color: #FFF;
	background: #BBB;
	border: 1px solid #999;
	padding: 2px;
	height: 18px;
	width: 18px;
}

/* CONTENT */

h2:first-child {
	margin-top: 0px;
}

h3 {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

/* DIe UHR */

.uhr {
	max-width: 80%;
	padding-bottom: 40px;
	max-height: 560px;
}

#uhr {
	background: #eeeeee url(../img/werkaufbau.png) bottom right no-repeat;
	background-size: contain;
}

#uhrthumbs img {
	margin: 16px;
	max-height: 60px;
	max-width: 60px;
	padding: 4px;
	background: #FFFFFF;
	border: 2px solid #CCC;
	cursor: pointer;
	transition: background 0.2s ease;
}

#uhrthumbs img:hover {
		background: #EEE;
}

#typen {
	background: #fff url(../img/zifferblatt.png) bottom left no-repeat;
	background-size: contain;
}
#katalog {
	padding: 32px 0px;
}
/* Technik */

.slick-list {
	padding-bottom: 80px;
}

.lightbox img {
		border: 5px solid #FFF;
box-shadow: -1px 1px 3px rgba(0,0,0,.5);
background: #eee;
padding: 1px;
}

.macherbild {
	padding-top: 80px;
	width: 80%;
	float: right;
}

.light {
	font-weight: 100;
font-size: 24px;
letter-spacing: -1px;
}

/* Kontakt */
#signup h3:first-child {
	margin-bottom: 24px;
}
#signup input, #signup textarea {
	border: 0;
	width: 100%;
	border-radius: 2px;
	min-height: 64px;
	font-size: 16px;
	padding: 8px 24px;
	color: #111;
	margin: 0px;
	margin-bottom: 8px;
}



#signup button {
	font-size: 20px;
	line-height: 64px;
	color: #111;
	background: transparent;
	border: 0;
	position: absolute;
	right: 32px;
top: 345px;
padding: 0px 8px;
}

#contact p {
	font-size: 18px;
	margin: 24px 0px;
	letter-spacing: 1.5px;
}

#fritschwerk img {
	margin-top: 45px;
}

/* FOOTER */

.block.last {
	/*margin-bottom: 417px;*/
	box-shadow: 0px 3px 6px rgba(0,0,0,.1);
}

.blk a {
	color: #CCC;
	margin-left: 20px;
}

footer {
	height: 50px;
	line-height: 50px;
	padding: 0px !important;
	width: 100%;
}



/*.stay {
	position: fixed;
	width: 100%;
	bottom: 0px;
	z-index: -1;
}*/

/* RESPONSIVE */
@media (min-width: 1200px) {

}

@media (min-width: 992px) {
.jumbotron {
padding-top: 100px;
}
.jumbotron h1 {
margin-top: 80px;
}
.lecercle {
padding-left: 150px;
}
}

@media (min-width: 768px) {
.lecercle {
top: 48px;
}
.navbar-nav>li>a {
padding-top: 22px;
padding-bottom: 20px;
}
.jumbotron {
padding-top: 80px;
padding-bottom: 48px;
}
}

@media (max-width: 992px) {
.macherbild {
float: none;
padding: 0px;
margin: 16px 0px;
}
#werkstatt {
	display: none;
}
}

@media (max-width:767px){
	.navbar-collapse.collapse.in {
	background: #444;
margin-top: 6px;
}
.block {
	background-image: none !important;
}
.lecercle {
padding-left: 0px;
top: 30px;
}
.jumbotron {
padding-top: 60px;
}
}