/* -- 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: 560px;}

.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;
}

.btn-ks, .btn-ks:active, .btn-ks:visited, .btn-ks:link { background: #de0077; color: #fff; }
.btn-ks:hover { background: #6f003d; color: #fff; }
.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 : 1000px) {
    .container { width: 1400px; }
}

@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; }

    .btn-row .btn { margin-bottom: 8px; width: 100%; }

}

@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; }
}