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


/* --------------------------------- Glyphicon --------------------------------- */

.glyphicon-menu-left {
	color:#009edf;
	padding-right:7px;
}

.glyphicon-menu-left-back {
	color:#5b5b5b;
	padding-left:15px;
	padding-right:12px;
	padding-top:15px;
	font-size:14px;
}

.glyphicon-menu-right {
	color:#979797;
	padding-top:5px;
}

.glyphicon-menu-up {
	color:#eeeeee;
	padding-top:9px;
	padding-left:10px;
}

.glyphicon-menu-down {
	color:#009edf;
	padding-left:7px;
}

/* --------------------------------- Buttons --------------------------------- */

/* --------------------------------- Global --------------------------------- */
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  background-color: #fff;
}

.container {
	width:100%;
}

.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
}

hr {
	border-top: 1px solid #000;
}

.row {
  margin-right: 0px;
  margin-left: -30px;
}

/*
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
*/

.col-xs-2 {
  position: relative;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 15px;
}	

::-moz-selection { 
   color:#fff; 
   background:#22c5e9; 
   text-shadow: none; 
}

::selection { 
   color:#fff; 
   background:#22c5e9; 
   text-shadow: none; 
}

/* --------------------------------- Ueberschriften --------------------------------- */

h1, h2, h3, h4, h5, h6, a, p {
    font-family: 'Open Sans', sans-serif;
}

h1 {
	font-size:30px;
 	color: #00a9ce;
 	font-weight: 300;
	line-height:1.5em;
	padding-top:20px;
}


h2 {
	font-size:30px;
 	color: #00a9ce;
 	font-weight: 300;
	line-height:1.5em;
	padding-top:100px;
}

h3 {
	font-size:22px;
	color:#00a9ce !important;
	font-style:normal;
	font-weight:300;
	line-height:1.5em;
	letter-spacing:0.02em;
	margin-top:30px;
	margin-bottom:15px;
}

h4 {
	font-size:16px;
	color:#3f4444;
	font-style:normal;
	font-weight:600;
	line-height:1.5em;
}

h5 {
	font-size:16px;
	color:#3f4444;
	font-style:normal;
	font-weight:600;
	line-height:1.5em;
/*	margin-left:20px !important; */
}

h6 {
	font-size:12px;
	color:#3f4444 !important;
	font-style:normal;
	font-weight:700;
	letter-spacing:0.02em;
	line-height:1.5em;
	padding-top:10px;
}


/* --------------------------------- Links --------------------------------- */

a {
  color: #00a9ce;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #22c5e9;
  text-decoration: none;
  outline: none;
  outline: 0px;
  outline-offset: none;
  background-color: none;
}
.uppercase{
	font-size:14px;
	color:#fff;
	letter-spacing:0.02em;
	text-decoration:none;
	text-transform: uppercase;
	background-color: none;

}

/* --------------------------------- Padding --------------------------------- */

.hpadLeft {
	padding-left:15px;
}

.vPadTop20 {
	padding-top:20px;
}

.vPadTop30 {
	padding-top:30px;
}

.vPadTop48 {
	padding-top:48px;
}

.vPadBot {
	padding-bottom:15px;
}

.headPadLeft {
	padding-left:30px;
}

.headPadLeft_gross {
	padding-left:100px;
}

.wrapper {
    max-width: 100%;
    margin: 0;
	background-color:#fff;
}


/* --------------------------------- Logo --------------------------------- */

.kislingerLogo {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0;
	height:120px;
}
/**/
.shadowOverHead {
	z-index:3000;
}

.shadowHead {
	z-index:3000;
	margin-top:-5px;
	-webkit-box-shadow: 0px 5px 3px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 5px 3px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 5px 3px 0px rgba(50, 50, 50, 0.2);
}

.padShadow {
	margin-left:1px;
	margin-right:1px;
}

.headerImg {
	margin-top:100px;
	margin-left:0px;
	margin-right:0px;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  width: auto; /* wichtig für IE8 */
}


/* --------------------------------- Navbar Toggle Top --------------------------------- */
.navbar-default .navbar-toggle .icon-bar {
	background-color:#00a9ce;
	color:#00a9ce;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border:none;
}

.navbar-default .globNavMarg .navbar-nav > li > a {
	font-size:13px;
	color:#3f4444;
	letter-spacing:0.02em;
	text-decoration:none;
	text-transform: uppercase;
}

.navbar-default .globNavMarg .navbar-nav > li > a:hover, a:active, a:focus {
	background-color: none;
	color:#00a9ce;
}

.navbarBG {
	background-color:#fff !important;	
	margin-bottom:0;
	margin: 0 auto;
}

.navbar-header {
	margin-left:0 !important;
	margin-top:50 !important;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 5px 7px;
}

/* --------------------------------- Global Navigation Top --------------------------------- */
.introNoPad {
	padding-left:0 !important;
	padding-right:0 !important;
}

.globNavMarg {
	padding-right:15px;
	margin-bottom: 0px;
}

.globalNavTop > li {
	display: inline;
	list-style-type: none;
	margin-right:9px;
	margin-left:7px;
	padding-top:10px !important;	
}

.globalNavTop > li > a {
	font-size:11px;
	color:#7E7E7E;
	letter-spacing:0.04em;
	line-height:3em;
	text-decoration:none;
	}
	
.globalNavTop > li > a:hover {
	color:#314D5B;
	}
	
	
.globalNavTopPos {
	height:32px;
	padding-right:0;
	position:relative;
}

.globalNavBottom > li {
	display:inline;
	list-style-type:none;
	margin-right:9px;
	margin-left:7px;
	padding-top:5px !important;	
}

.globalNavBottom > li > a {
	font-size:11px;
	color:#7E7E7E;
	letter-spacing:0.04em;
	line-height:3em;
	text-decoration:none;
	}

.globalNavBottom > li > a:hover {
	color:#314D5B;
	}

ul.globalNavBottom {
	padding-left:0 !important;
}

.globalNavBottomMarg {
	padding-left:0!important;
}

/* --------------------------------- Navigation --------------------------------- */

.mainNavDrop {
	padding-left:10px;
}

.navbar-default {
	background-color:#fff;
	border-style:none;
	border-radius:0;
}

.navbar-default .navbar-nav > li > a {
	color:#fff;
}

.navbar-default .navbar-nav > li > a:hover {
	color:#fff;
}

.navbar-default > li > .activeBlue  {
	background-color:#fff !important;
}

.navbar-default li:hover {
	background-color:#fff !important;
}

.navbar-default > li > a:hover {
	color: #00a9ce;
}

.active a {
    color:#f6f7ed !important;
}

.navbar-default .navbar-nav > .active > a {
	background-color:#fff !important;
	color:#00a9ce !important;
}

li.verticalLine {border-right:1px solid #000000;}

.iconBarPos {
	margin-top:-60px;
	padding-right:0;
}

.mobileNavShadow {
	border-bottom:1px solid #C6C6C6;
	-webkit-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 3px 2px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 3px 2px 0px rgba(50, 50, 50, 0.3);
}

.navbar-toggle {
	border-style:none;
	border-radius:0;
	padding:11px 27px 24px 21px;
	margin:0 !important;
	background-color:#ffffff;
}

.navbar-toggle:hover, .navbar-toggle:focus {
	background-color:#fff !important;
}


/* --------------------------------- Content --------------------------------- */
ul {
    display: block;
    list-style-type: square;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
}

p {
	font-size:16px;
	font-style:normal;
	font-weight:300;
	line-height:1.7em;
	color: #3f4444;
	letter-spacing:0.02em;
	margin-bottom: 20px;
} 

.pContent {
	font-size:16px;
	font-style:normal;
	font-weight:300;
	line-height:1.7em;
	color: #3f4444;
	letter-spacing:0.02em;
	margin-bottom: 30px;
}

.pContentList {
	font-size:16px;
	font-style:normal;
	font-weight:300;
	line-height:1.7em;
	color: #3f4444;
	letter-spacing:0.02em;
}

.pContentIndent {
	font-size:16px;
	font-style:normal;
	font-weight:300;
	line-height:1.7em;
	color: #3f4444;
	letter-spacing:0.02em;
/*	margin-left: 20px;*/
}

.pContentModal {
	font-size:12px;
	font-style:normal;
	font-weight:300;
	line-height:1.5em;
	color: #3f4444;
	letter-spacing:0.02em;
	margin-bottom: 30px;
}

.pContentMini {
	font-size:16px;
	font-style:normal;
	font-weight:300;
	line-height:1.7em;
	color: #3f4444;
	letter-spacing:0.02em;
	margin-bottom: 0px;
}

.testtext {
	color:#cc3399;
}

.pContentLink {
	font-size:11px;
	font-style:normal;
	font-weight:600;
	line-height:1.6em;
	color: #3d3d3d;
	letter-spacing:0.01em;
	padding-top:25px;
	margin-bottom:25px;
	text-align:center;
}

.bg-hell {
  background-color: #f6f7ed;
}

.bg-dunkel {
  background-color: #e5e6dd;
}

.bg-footer {
  background-color: #3d3d3d;
}

.hrMobileShow {
	margin:0 !important;
	border-top: 0.2em solid #CCCCCC !important;
}

#parent {
  display: flex; /* Aktiviert das Flex-Modell */
  align-items: center; /* Zentriert den Child vertikal, relativ zum Parent */
  justify-content: center; /* Zentriert den Child horizontal, relativ zum Parent */
}



/* --------------------------------- Footer --------------------------------- */

.footer {
	width:100%;
	margin: 0 auto;
	padding-top:50px;
}

.footerColor {
	background-color:#C5D2D8;
	height:auto;
}

.footerMargin {
	margin-left:0;
	margin-right:0;
}

.footerText {
	font-size:11px;
	color:#2B2B2B;
	letter-spacing:0.04em;
	line-height:1.7em;
	margin-bottom:30px;
}

.footerTextPadding {
	padding:30px;
}

.footerBadgesMargin {
	margin-bottom:15px;
}

.footerMargin {
	padding-top:5px;
}

.mobileBadge {
	float:left;
}

 
.back-to-top {
	background: none;
	position: fixed;
	bottom:18px;
	right:12px;
	width:35px;
	height:35px;
	z-index:100;
	display:none;
	text-decoration:none;
	color:#ffffff;
	background-color:#314D5B;
	-webkit-box-shadow: 	2px 3px 2px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    2px 3px 2px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         2px 3px 2px 0px rgba(50, 50, 50, 0.3);
}

/* --------------------------------- Modal --------------------------------- */

.modal {
	top:70px;
}

.modal-open {
    padding-right:0 !important;
}

.modal-header {
	border:none;
}

.modal-content {
	border-radius:0;
}

.modalBadgesPad {
	padding-bottom:20px;
}
.modal-body {
position: relative;
padding: 20px;
height: 500px;
overflow-y: scroll;
}

.modal-body-impressum {
position: relative;
padding: 20px;
height: 400px;
}


/* --------------------------------- Media Queries --------------------------------- */

@media only screen and (max-width:4000px) {
    li.mobileNavShow {
		display:none;
	}
	li.globNavFooter {
		display:none;
	}
	.hrMobileNav, hrMobileNavBot {
		display:none;
	}
}

@media only screen and (width:767px) {
    .spezi {
        padding-right:0; !important;
		padding-left:0; !important;
    }
}

@media only screen and (min-width: 880px) {
    .navbar-right {
		position: absolute; 
		top: 88px;
		right: 20px;
    }
	.subNaviMobileShow {
		display:none;
	}
	.mobileNavShadow {
		border-bottom:hidden;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	.back-to-top {
		display:none !important;
	}
}

@media only screen and (max-width: 879px) {	
	.headPadLeft_gross {
	padding-left:30px;
	}
	.footerText {
        text-align:center;
		margin-bottom:10px;
    }
	.mobileBadge {
		float:none !important;
		display: block;
		margin-top:15px !important;
    	margin-left: auto !important;
    	margin-right: auto !important;
	}
    .globalNavTopPos {
        display: none !important;
    }
	#myNavbar1 {
        display:block !important;
    }
	.mobileNoPadding {
	padding-left:0 !important;
	padding-right:0 !important;	
	}
	.globNavMarg2 > li{
	display:none !important;	
	}
	.mobileFooterPadding {
	padding:0 !important;	
	}
	.mobileFooterIcon {
		display:flex;
	}
	.mobileMS {
	width:150px !important;
	height:54px !important;
	}
	.mobileAppGoo {
	width:150px !important;
	height:44px !important;
	}
	.mobileBadge {
	margin-top:20px !important;	
	}
	.shadTest2 {
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.padLeftZeroMobile {
	padding-left:0 !important;
	}
	.padRightZeroMobile {
	padding-right:0 !important;
	}
	.globNavShow {
	display:none !important;
	}
	li.mobileNavShow {
		display:inline !important;
	}
	.globalNavBottomMobile {
		text-align:center;
	}
	li.globNavFooter {
		display:inline !important;
	}
	.hrMobileNav {
		display:block !important;
		margin:0 !important;
		border-top: 1px solid #C7C7C7 !important;
	}

	.navbar-nav {
		margin-top:0 !important;
		margin-bottom:0 !important;	
		background-color:#fff;
	}
	.shadowOverHead, .shadowHead {
		display:none;
	}
	li.mobileNavShow > a {
		font-size:12px !important;
		color:#3f4444;
		font-style:normal;
		font-weight:300;	
		color:#3f4444;
		letter-spacing:0.05em !important;
		line-height:1.7em;
		display: inline-block !important;
		width:100%;
		padding-left:15px !important;
	}
	.globNavMarg {
		background-color:#fff !important;
	}
	.ulMarginMobile > a{
		margin-left:10px;
	}
	ul > li.mobileNavShow > a {
		padding-left:15px;
	}
	.mobileOff {
		display:none !important;
	}
	.navbar-default li:hover {
	background-color:#fff !important;
	}
}

/**/
@media (max-width: 879px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

@media screen and (max-width: 381px) {
	.kislingerLogo {
	height:95px;
	}
}



/* ------------------- Carousel Styling ------------------- */


.carousel-caption {
  
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 0 0 10px 25px;
  color: #fff;
  text-align: left;
}

.carousel-indicators {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  margin: 0;
  padding: 0 25px 25px 0;
  text-align: right;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.carousel-control.left,
.carousel-control.right {
  background-image: none;
}

.section-white {
  background-color: #e5e6dd;
  color: #555;
}

@media screen and (min-width: 1000px) {
  .containerSlider {
    max-width: 1000px;
  }
}