/* -- IMPORTE -------------------------------------------------------------- */
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-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('../../../../../lib/fonts/open-sans/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* -- LAYOUT --------------------------------------------------------------- */
html { position: relative; min-height: 100%; margin: 0; padding: 0; }

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  padding: 0;
  margin: 0;
  background: #fff;
  color: #333;
	padding-top: 129px;
}

a { color: #de0077; font-weight: bold;}
a:hover { color: #de0077; font-weight: bold; text-decoration: underline;}

header {
	position: fixed;
	top: 0;
	height: 130px;
	width: 100%;

  /* background-color: #466386; */
  background: #666;
  padding-top: 20px;
  padding-bottom: 10px;
  margin-bottom: 0px;
  -webkit-transform: translate3d(0, 0, 0);
	transform : translate3d(0, 0, 0);
 	z-index: 9999;
}

header .container { padding: 0px; padding-bottom: 0px; }
.kslogo a img { float: right; }

.logo a.logo-txt { font-family:"open sans"; display: block; font-size: 28px; color: #cd2028; width: 100%; margin-left: 0px; padding-top: 0px; padding-bottom: 0px;  }
.logo h1 { margin-bottom: 15px; }
.logo a.logo-img img { width: 100%; }

.logo a xh1 { font-size: 28px; padding-left: 0px; color: #ddd; }
.logo a:hover { color: #6f003d; text-decoration: none;}

.fastcall { display: absolute; top: 120px; margin: 0 auto; }
.fastcall a { border: 1px solid #efefef; background: #de0077; padding: 2px 4px; color: #fff; font-size: 20px; border-radius: 5px; }
.fastcall a:hover { text-decoration: none; }

/* -- NAVIGATION  ----------------------------------------------------------- */

.navbar { background: none; margin-bottom: 0; margin-top: 0; padding: 0; border-radius:0; font-size: 14px; z-index: 9999; }
.navbar .nav { padding-top: 0px; }

.navbar a { color: #fff; }
.navbar ul { margin-bottom:10px; }
.navbar ul li { margin-right: 3px; margin-left: 3px; }
.navbar ul li a { color: #fff;  font-size: 18px; padding: 6px 14px; }
.navbar ul li.open > a:hover { background: #6f003d; color: #fff;}
.navbar ul ul > li > a { color: #de0077; }
.navbar ul li.open > a,
.navbar ul > li.active > a,
.navbar ul > li.open > a:focus,
.navbar ul > li.active.open > a { color:#fff;  background: #de0077; }
.navbar ul li a:hover { color:#fff;  background: #6f003d; }

.navbar ul li.open ul { background: rgba(0,0,0,0.4); margin-top:7px; color:#fff; }
.navbar ul li.open ul li {  }
.navbar ul li.open ul li a { font-weight:normal; padding:7px 20px; font-size:13px; color:#fff; }

.navbar ul > li.open > a:focus { color:#fff; background: #345e8b; border-radius:4px; }
.navbar .navbar-toggle { background: #de0077;  color:#fff; margin-top: 10px; float:left; }
.navbar .navbar-toggle .icon-bar { background:#fff; }

.navbar .navbar-collapse { padding-left: 0; }
.navbar .navbar-collapse.in { background: #666; margin: 0 10px 10px 0px; padding: 20px; font-size: 15px; }

#wrapper { background-color: none; padding-bottom: 40px !Important; }

.container div.se-cont.container { width: 100% !Important; }
.no-margin, .se-row { margin-right: -15px; margin-left: -15px; }

.no-padding { padding-left: 0; padding-right: 0; }

hr.ks-trenner {
  border: 0;
  height: 2px;
  background-color: #de0077;
  margin: 26px auto;
}
.ksdirectory-entry-list { text-align: center; margin: 0; padding: 0;}
.ksdirectory-entry-list li { display: inline; }
.ksdirectory-entry-list li a { margin-right: 8px; margin-bottom: 4px; }



ul.cart-nav li a i { color: #333; font-size: 18px; }

.kontakt a { margin-bottom: 6px; padding: 3px 0px; color: #fff; }

/* -- ÜBERSCHRIFTEN --------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans","Lucida Sans","Lucida Grande","Lucida Sans Unicode",Calibri,sans-serif;
  font-weight: 300;
  line-height: 1;
  margin: 0 0 1em 0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}

h1 { color: #fff; }
h1.title { color: #000; margin-bottom: 30px; margin-top: 40px;}
h2 { color: color: #000; }
h3 { font-size: 18px; color: #000; margin-top: 0px;}
h3.ks-title { color: #de0077; font-weight: bold; }
h4 { color: color: #000; }
h5 { color: color: #000; }

h1 .btn { font-size: 24px; padding-left: 0;}
h2 .btn { font-size: 22px; padding-left: 0; }
h3 .btn { font-size: 20px; padding-left: 0; }
h4 .btn { font-size: 18px; padding-left: 0; }
h5 .btn { font-size: 16px; padding-left: 0; }

.se-section h2, .se-section h3, .se-section h4, .se-section h5 { margin-top: 0; }

/* -- SOCIAL ---------------------------------------------------------------- */
.social {
	padding:0px 0 13px;
	line-height:22px;
	font-size:14px;
}
.social li {
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
  text-align: center;
	margin: 0 7px 0 0;
}
.social li a {
	display:block;
	margin: 0;
  margin-top: 8px;
  padding: 10px;
  background: #6f003d;
	transition: background-color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out;
}

.social li.icon1 a {background-position: 0 0;}
.social li.icon2 a {background-position: -32px 0;}
.social li.icon3 a {background-position: -64px 0;}
.social li.icon4 a {background-position: -96px 0;}
.social li.icon5 a {background-position: -127px 0;}
.social li.icon6 a {background-position: -159px 0;}
.social li a:hover {background-color: #de0077;}

/* -- RECHTLICHES ----------------------------------------------------------- */
.rechtliches p { margin: 0; padding: 0; }
.rechtliches p a { margin: 0; padding: 0; }

.se-rechtliches-no-se h1 { color: #333; }

.xcard { padding: 10px;  }
.xcard-content { background: #efefef; padding: 10px; height: 460px;}

.xcard2 { padding: 10px;  }
.xcard2-content { background: #efefef; padding: 10px; }

nav-tabs a {	background-color: #de0077; color: #fff; }
.nav-tabs > li.active > a {	background-color: #de0077 !Important; color: #fff; }
.nav-tabs > li > a:hover {	background-color: #de0077 !Important; color: #fff !Important; border: 0;}

.menu {
	font-size:14px;
	float:right;
	text-transform:uppercase;
	font-weight:600;
}

.menu ul.nav-tabs li {
	color:#000;
}

.nav-tabs { border-bottom: 0; }
.nav-tabs > li { float: left; margin-bottom: 0; }
.nav-tabs > li > a {
	margin-top:20px;
	margin-bottom:20px;
	margin-right: 20px;
	line-height: 1.42857143;
	border-bottom: 3px solid transparent;
	border-radius:0;
	color:#000;
	border-top:0;
	border-right:0;
	border-left:0;
}
.nav-tabs > li > a:hover { border-color: #eee #eee #50c0e9; color: #50c0e9; border-radius:0; background-color:#f9f9f9; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #50c0e9;
  border: 0;
  border-bottom-color: transparent;
  cursor:pointer;
}

a.btn-ks, a.btn-ks:active, a.btn-ks:visited, a.btn-ks:link { background: #de0077; color: #fff; }
a.btn-ks:hover { background: #6f003d; color: #fff; }
a.btn-ks i { color: #fff; font-size: 18px; margin-right: 10px; }

.karte-form { margin-top: 30px; }

/* -- COOKIE - BOX  --------------------------------------------------------- */
#cookie_box2 { z-index: 9999; position: fixed; bottom: 0; left: 0; width: 100%; padding: 15px 40px; background: #555; color: #fff; }
#cookie_box2 .cookie-text { padding-top: 8px }
#cookie_box2 a { margin-right: 10px; }

/* -- FOOTER ---------------------------------------------------------------- */
footer {
  background: #222;
	color: #ddd;
  font-size: 13px;
  width: 100%;
  height: auto;
}
footer .container {
  background: #222;
  padding-top: 10px;
}
footer h4 {
  color: #fff;
  border-bottom: 1px dotted #555;
  padding-bottom: 3px;
}
footer .copyright {
  padding: 5px;
  margin-top: 10px;
}

footer .copyright,
footer .copyright a,
footer a,
footer a:link,
footer a:active,
footer a:visited
{
  color: #ddd;
  font-weight: normal;
  font-size: 13px;
}

footer .kontakt span { float:left; width: 75px; color: #ddd; }

table.oeffnung { width: 100%; }
table.oeffnung thead { border-bottom: 1px solid #ddd; }
table.oeffnung thead th { text-align: center; }
table.oeffnung tr.tage td { padding: 4px; }

.leistung1 { margin-bottom: 0px; }
.leistung1 h3 { margin-top: 12px; background: #ddd; padding: 3px; margin-bottom: 12px;}

.lst-top { margin: 0 auto; }
.lst-top li { float: left; margin-right: 2px; border: 1px solid #ddd; background: #d60374; color: #fff;}
.lst-top li img { margin: 0 auto; margin-bottom: 5px; }

/* -- MEDIA-QUERIES --------------------------------------------------------- */

@media only screen and (min-width : 768px) {
    /* Make Navigation Toggle on Desktop Hover */
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media only screen and (max-width : 996px) {
 	.logo h1 { font-size: 24px; margin-bottom: 5px;}
}

@media only screen and (max-width : 768px) {
	footer h4 { margin-top: 15px; }
	.kslogo a img { float: right; width: 140px; }
	.logo h1 { font-size: 20px; margin-bottom: 5px;}
  .xcard-content { background: #efefef; padding: 10px; height: auto;}
	.lst-top li { float: left; margin-right: 2px; color: #fff; width: 90px;}
  .lst-top li img { margin: 0 auto; margin-bottom: 5px; width: 100%; }

  .ksdirectory-entry-list li a { font-size: 12px; }
  h1 { font-size: 24px; }

  .btn-nav { width: 100%; margin-bottom: 5px; }

}

@media only screen and (max-width : 320px) {
	.kslogo a img { float: right; width: 120px; }
	.logo h1 { font-size: 20px; margin-bottom: 0px;}
  .navbar .navbar-collapse.in { background: #666; margin: 0 10px 10px 0px; padding: 6px; }
  .navbar .navbar-collapse.in ul li { font-size: 14px; }
}