html{height:101%;}

body{color: #2c2e35; font-size:1.1em;}

footer{color: #c7c7c7;}

a{color: rgba(0,0,0,.5);}

.navbar-light .navbar-nav .nav-link {
    color: #968c82;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #ff7900;
}

.nav-link:hover, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .active>.nav-link:hover, .navbar-light .navbar-nav .nav-link.active:hover, .navbar-light .navbar-nav .nav-link.show:hover, .navbar-light .navbar-nav .show>.nav-link:hover {
    color: #ff7900;
}

header{letter-spacing:0.05em;}


.navcontainer{
	width:1060px;
	max-width:calc(100% - 220px);
	margin:0 auto;
	text-align:left;
	height:110px;
}

.navbar, header{text-align:center;
	margin:0 auto;padding:0; }
	
	
.container{
	width:1280px;
	max-width:calc(100% - 0px);
	padding: 0 110px;
	margin:0 auto;
	text-align:left;
}


@media (min-width: 767px) {

	.mobile-logo{display:none!important;}

	#navbarMobile{display:none!important;}
	
	.headerspacermobile{display:none!important;}
	.navbar-brand {
	    font-size: 1.45rem;
	}
	.mobileonly{display:none;}

}	

@media (max-width: 767px) {
	.desktoponly{display:none;}
	.nav-link {
	    display: block;
	    padding: 0.3rem 1.9rem;
	}

	.container{
		width:100%;
		padding: 0;
	}
	.navbar-nav{text-align:center;}
	
	.navbar-toggler{position:absolute;right:4.3vw; top: 6.2vw;
    border: 0px solid transparent;}
	
.navbar-light 	.navbar-toggler-icon{
		background-image: url('../images/KfO_GW_burger_mobile.svg');
		background-position: center; /* Center the image */
		background-repeat: no-repeat; /* Do not repeat the image */
		background-size: cover; /* Resize the background image to cover the entire container */
		width:7vw; height: 7vw;
	}

	 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
		background-image: url('../images/Hamburger_icon_close.png')!important;
		background-image: url('../images/KfO_GW_burger-X_mobile.svg')!important;		
	}

	#navbarMobile{font-size:1.4em;padding-top:20px;padding-bottom:20px;
	
	}

	.navbar.bg-white{
		background-color: rgba(255, 255, 255, .86)!important;
	}
	

	.navcontainer{display:none;}
	body{padding-top:0;}
	.mobile-logo img{width:100%;height:auto;}
	.headerspacermobile{width:100%;height:auto;}
	.container h2, .container h3, .container p{padding: 0 1.5rem;}
	 .container ul{padding: 0 3.5rem;}
	.container p{padding-bottom: 1rem;}
	
	
	.card-body li {
	    padding-left: 0px!important;
	}
	
	
	}


.carousel-indicators li {
  background-color: #ccc;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  opacity: 1;
  margin:0 10px;
}

.carousel-indicators li.active {
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}

footer{border-top:2px solid #c7c7c7;margin-top:2rem;}
footer a{font-size:0.85rem;}

@media (min-width: 768px){
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0px;
    padding-left: 25px;
}

a.nav-link{font-weight:500;}

}

.h2, h2 {
    font-size: 1.4rem;
    font-weight: 600;
	letter-spacing:0.02em;
}

@media (max-width: 767px) {

.h2, h2 {
    font-size: 1.3rem;
	}
}
@media (max-width: 400px) {
.h2, h2 {    font-size: 1.2rem;
}
}



.h3, h3 {
    font-size: 1.1rem;
    font-weight: 600;
	letter-spacing:0.02em;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 2.5rem;
}
h3{
    margin-bottom: 1.1rem;
}

.carousel {
    margin-bottom: 2.5rem;
}

.mitarbeiterdetails {
    margin-bottom: 2.5rem;
}

.container img{max-width:100%;height:auto;}

.container #map img{max-width:none;}


#accordion h1,
#accordion a{
    color:#ffab47;
}
#accordion .btn-link {
    font-weight: 400;
    color: #007b5e;
    background-color: transparent;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: bold;
	padding-left: 5px;
}

#accordion .card-header .btn-link, #accordion .card-header.collapsed .btn-link{
	background:transparent;
}
#accordion .card-header{
	background:#ff7900;
	color:#fff;
}
#accordion .card-header  .btn-link{
	color:#fff;
	font-weight:600;letter-spacing:0.08em;  
	font-size: 1.2rem;
}



@media (max-width: 400px) {
	#accordion .card-header  .btn-link{
		font-size: 1.1rem;
	}
}



#accordion .card-header.collapsed  .btn-link{
	color:#646464;
	
	
}

.btn{line-height: 1.1;}


.hoch, .runter{font-size:0.8em;}



#accordion .card-header.collapsed{
	background:#e6e6e0;
	color:#646464;
}

#accordion .card-header  .hoch {
    display:none;
}
#accordion .card-header  .runter {
    display:inline;
}
#accordion .card-header.collapsed  .hoch {
    display:inline;
}	
#accordion .card-header.collapsed  .runter {
    display:none;
}	

#accordion .card{margin-bottom:6px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    border-radius: 0;
	
}
.card-header{
    padding:0px 10px;
}
.card-header:first-child{
   border: none; 
    border-radius: 0;
}

.card-body{
    padding:0;
    padding-bottom:0rem;
	}
	
p{
    padding-bottom:1rem;
	line-height: 1.3;
	}

	.mitarbeiter{white-space-collapse: collapse;}
.btn-primary{width:25%;padding:0;}


.mitarbeiter a.btn-primary:hover, .mitarbeiter a.btn-primary:focus, .mitarbeiter a.btn-primary:active,
.mitarbeiter .btn-primary:hover, .mitarbeiter .btn-primary:focus, .mitarbeiter .btn-primary:active, .mitarbeiter .btn-primary,
.mitarbeiter a.btn-primary:hover img, .mitarbeiter a.btn-primary:focus img, .mitarbeiter a.btn-primary:active img,
 .mitarbeiter .btn-primary, .mitarbeiter a.btn-primary,
 .mitarbeiter .button:active, 
 .mitarbeiter button:active,
.mitarbeiter .button:focus, 
.mitarbeiter  button:focus,
.mitarbeiter .button:hover, 
 .mitarbeiter button:hover,
  .mitarbeiter .btn-primary:focus,.mitarbeiter .btn-primary:active {
 border:none;
 outline: none;
  box-shadow: none;
  outline-style: none;
   outline: none !important;
   box-shadow: none;
     outline: none !important;
  box-shadow: none !important;
}
  
  
*:focus {
    outline: 0 !important;
}


.btn-primary img{padding:0;}


.mitarbeiter a {position:relative;width:25%;display:inline;float:left;}

.mitarbeiter a span {display:none;}
.mitarbeiter a:hover span {display:inline; position:absolute;top:0;left:0;width:100%;}

.mitarbeiterdetails .card{background:#f5f6f3;border:none;padding:2rem;}

.card-body li{
    padding-left: 10px;
    margin-left: -20px;
    color: #646464;
}

.mitarbeiter .btn-primary{background-color:#e7e5e0;}

.mitarbeitermobile{background-color:#e7e5e0; margin-bottom: 2.5rem;}
.mitarbeitermobile img{max-width:50%;height:auto;}
.mitarbeitermobile .abstand{height:10px;}
.container .mitarbeitermobile p {
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
    margin-top: 0.5rem;
}

.mitarbeitermobile hr{
    margin-top: 1.5rem;
	border: 4px solid #fff;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;

}

b, strong{font-weight:600;}