@charset "UTF-8";
/* CSS Document */

body {
	padding-top: 230px;
	color: #25343e;
	font-family: "ff-dax-web-pro",sans-serif;
	background-color: #e9e9e9;
	background-image: url(../images/k-eyewear_background.png);
	background-attachment: fixed;
}
@media (max-width: 767px) {
body {
	padding-top:140px;
}
}
/* container */
.navbar {
	background-color:#FFFFFF;
}
.navbar-brand {
	position:relative; 
	text-align:center;
	margin:15px auto;
	display:inline-block; 
}
.linie-oben {
	border-top:thin solid #acacab;
	padding-top:30px;
}



/* ======== logo ======== */
#logo {
}

h1#logo { 
	position:relative; 
	text-align:center; 
	width:110px; 
	padding:15px 0 15px 15px; 
	margin:0 30px 0 auto; 
	z-index:1; 
	}
h1#logo a { 
	display:inline-block; 
	background:url(../images/k-eyewear-logo.png) no-repeat;
	background-size:110px 150px; 
	width:110px; 
	height:150px; 
	text-indent:-9999px; 
	}
	
@media (max-width: 767px) {
h1#logo { 
	position:relative; 
	text-align:center; 
	width:51px; 
	padding:15px 0 5px 0; 
	margin:0 auto; 
	z-index:1; 
	}
h1#logo a { 
	display:inline-block; 
	background:url(../images/k-eyewear-logo.png) no-repeat;
	background-size:51px 70px; 
	width:51px; 
	height:70px; 
	text-indent:-9999px; 
	}
}

@media (min-width: 768px) {
h1#logo {
	padding: 15px 0 15px 15px;
	width: 80px;
	}
h1#logo a { 
	display:inline-block; 
	background:url(../images/k-eyewear-logo.png) no-repeat;
	background-size:81px 110px; 
	width:81px; 
	height:110px; 
	text-indent:-9999px; 
	}
}

/* ===== formatierung der links in der navigation ===== */
.navbar-default .navbar-nav {
	letter-spacing:1px;
	color:#9d9d9c;
	font-size:12px;
	margin-top:60px;
}
.navbar-default .navbar-nav > li > a {
  color: #9d9d9c;
	font-size:12px;
	padding-left:10px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #2D3C43;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #92C462;
  font-weight:600;
  background-color: transparent;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 12px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu > li {
	font-size:12px;
}

@media (max-width: 767px) {
.navbar-default .navbar-nav {
	margin-top:0px;
}
}
@media (max-width: 1199px) {
.navbar-default .navbar-nav {
	margin-top:45px;
}
}



/* ==========
telefon und mail in der kopfzeile 
============ */

/* kontakt-container */
@media (max-width: 767px) {
#kontakt {
}
}
@media (min-width: 768px) {
#kontakt {
}
}
@media (min-width: 1200px) {
#kontakt {
	text-align: left;
}
}

/* kontakt-listen-formatierung */
.kontakt > ul {
	text-align:center;
}
.kontakt {
	letter-spacing:1px;
	color:#2D3C43;
	font-size:12px;
	font-weight:600;
}
.kontakt > li {
	position: relative;
	display: inline-block;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	font-size: 12px;
}
.kontakt > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
  color: #2D3C43;
}
.kontakt > li > a:hover {
  color: #92C462;
  background-color: transparent;
}
.telefon  {
  position: relative;
  display: block;
  padding: 16px 15px;
}

@media (min-width: 1200px) {
.kontakt {
	border-top: thin solid #ededed;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
}
	
}
@media (max-width: 767px) {
.kontakt {
	border-top: thin solid #ededed;
	text-align:center;
	margin:0px;
	padding:0;
}
.kontakt > li {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	font-size: 8px;
}
.kontakt > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
}
}
@media (max-width: 1199px) {
.kontakt {
	border-top: thin solid #ededed;
	text-align:center;
	margin:0px;
	padding:0;
}
.kontakt > li {
  padding: 5px 15px;
}
.kontakt > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
}
}

/* textformatierung */
.nobr {white-space: nowrap;}

.no-margin-bottom {
	margin-bottom:0px;
}
h1 {
	font-size:30px;
	font-weight:300;
	margin-top:0px;
	margin-bottom:20px;
}
h2 {
	font-size: 22px;
	font-style: italic;
	color: rgba(146,196,98,1.00);
	margin-top: 0px;
	margin-bottom: 20px;
}
h3 {
	font-size:18px;
	font-weight:600;
	margin-top:0px;
	margin-bottom:0px;
}
h4 {
	font-size:16px;
	font-weight:600;
	margin-top:0px;
	margin-bottom:0px;
}
p {
	font-size:16px;
	margin-top:5px;
	margin-bottom:15px;
}
ul {
	margin-bottom:30px;
}
li {
	font-size:16px;
}
a {
	color:#25343e;
	text-decoration:none;
}
a:hover {
	color:#92c362;
	text-decoration:none;
}

.margin-bottom {
	margin-bottom:30px;
}
.linie { 
	border :none; 
	border-top: 1px solid #acacab; 
	height: 1px; 
	margin: 0px 0px 30px 0px;
	}

@media (max-width: 767px) {
h1 {
	font-size:26px;
	margin-top: 20px;
	}
h4 {
	font-size:14px;
}
p {
	font-size:14px;
}
li {
	font-size:14px;
}
}




/* modal */

.modell {
	font-size:12px;
}
.bild {
	margin-bottom:5px;
}

.btn-modal {
	text-align:left;
	color: #2D3C43;
 	background-color: transparent;
  	border: none;
  	border-radius:0;
	padding:0 15px 15px 15px;
}
@media (min-width: 768px) {
.btn-modal {
	padding-bottom:25px;
}
}


.modal-title {
	font-size:24px;
	font-weight:400;
}
.close {
	color: #FFFFFF;
}
.modal-header {
	border:none;
}
.modal-content {
	background-color: #B1D38C;
	color: #2D3C43;
}




/***************************
***** fußzeile ******
***************************/

.foot {
	margin-top: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: thin solid #acacab;
}

line-foot {
	border-top: 1px solid #8c8b8b;
}

@media (max-width: 767px) {
.social-small {
	padding-bottom: 20px;
}
.social-large {
	display:none;
}
}
@media (min-width: 768px) {
.social-small {
	display:none;
}
.social-large {
}
}
.social-links {
    list-style:none;
    margin:0;
    padding:0;
	margin-top:6px;
}

.social-links li{
    display:inline-block;
    margin:0 5px;
    border-radius:3px;
    box-shadow:0 4px 0 transparent;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.social-links li a {
    display:block;
    color:#92C462;
    font-size:28px;
    width:50px;
    height:50px;
    line-height:52px;
    text-align:center;
    background:none;
    border-radius:50%;
	border:thin solid #92C462;
}

.social-links li a:hover {
    color:#fff;
    background:#B1D38C;
}
.slogan {
	font-size: 16px;
	line-height: 20px;
	font-weight: 800;
	font-style: italic;
	color: #92C462;
	margin-bottom: 10px;
}
.adresse {
	font-size: 11px;
	color: #9D9D9C;
	letter-spacing:1px;
	line-height:16px;
}
.adresse>a {
	color:#9D9D9C;
}
.adresse>a:hover{
	color:#2D3C43;
}
.adresse>a:visited {
	color:#9D9D9C;
}
@media (max-width: 767px) {
.slogan {
	font-size:13px;
}
.adresse {
	font-size: 10px;
	line-height:15px;
}
}


/***************************
***** whatsapp ******
***************************/
.btn-whatsapp {
  color: #ffffff;
  background-color: #92C462;
  border-color: #77A24F;
}
.btn-whatsapp>a {
	color:#FFFFFF;
}
.btn-whatsapp>a:hover,a:visited,a:active {
	color:#FFFFFF;
}
/***************************
***** team ******
***************************/
.no-padding-left {padding-left:0;}
.margin-bottom-10 {margin-bottom:10px;}

/***************************
***** shop-button ******
***************************/
.shop {
	background-color: #92C462;
	color: #fff;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}
.shop>a {color: #fff;}



hr {	border-top: thin solid #acacab;
}