/*
  ::-webkit-scrollbar {
    width: 0px;
    height: 10px;
    }  
*/
/* ************************* Body ************************* */
html {
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}
body {
    height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	}
/* ************************* Footer ************************* */


main {
 padding-bottom:50px; 
}

.footer {
	background-color: #4B515D;
	border-top: 0px solid #FFF;
	display: table;
	padding: 0;
	width: 100%;
	height: 50px;
	margin-top: -50px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	color: #FFF; 
	}

.mitte {
	margin-right: auto;
	margin-left: auto;	
	width: 250px;
	}

.footer2 {
	background-color: #4B515D;
	border-top: 0px solid #FFF;
	display: table;
	width: 100%;
	height: 25px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	color: #FFF;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	font-size: 12px;
	}
	
.sitemap {
	background-color: #4B515D;
	border-top: 0px solid #FFF;
	display: table;
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	color: #FFF;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 20px;
	font-size: 12px;
	}

	
a {
	color: #FFF;
    text-decoration: none;
}

a:hover, a:focus {

    color: #b3b3b3;
    text-decoration: underline;

}
	
.symbol_tel {
	max-width: 12px;
	max-height: 22px;
	margin-right: 5px;
	}
.symbol_fax {
	max-width: 22px;
	max-height: 20px;
	margin-right: 5px;
	}
	
.symbol_zeit {
	max-width: 45px;
	max-height: 45px;
	margin-right: 5px;
	float: left;
	margin-left: 40px;
	}
	
.symbol_standort {
	max-width: 16px;
	max-height: 36px;
	margin-right: 13px;
	float: left;
	
	}

/* Bereich der Buttons Impressum/Datenschutz */

.nav-pills > li {
	float: left;
}



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

.nav > li > a:hover {
	color: #000;
	}


ul, ol {

    margin-top: 4px;
    margin-bottom: 10px;

}

/* Sende-Button Formular */

.btn-primary {
	color: #fff;
	background-color: #4B515D;
	border-color: #666;
	}
	
.btn-primary:hover {
    color: #666;
    background-color: #fff;
    border-color: #666;
}


/* Anfahrt-Button */
.btn-karte {
	margin-top: 20px;
	margin-right: 8px;
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #999;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	padding-right: 25px;
	padding-left: 25px;
	}

.btn-karte {
	color: #D5D5D5;
/*	color: #fff; */
	background-color: #4B515D;
	border-color: #666;
	}
	
.btn-karte:hover {
    color: #666;
    background-color: #fff;
    border-color: #666;
}




/* ************************* info boxen ********************** */
	
.info-box {
	margin-top: 10px;	
	}

.info-box h3 {
	line-height: 0.9;
	font-size: 21px;
	}
	
.info-box span {
	/*text-align: center;*/
	position: absolute;
	padding-top: 0px;
	padding-left: 20px;
	color: #0A51A1;
	}
	
@media only screen and (max-width: 768px) {
.info-box span {
	/*text-align: center;*/
	position: absolute;
	padding-top: 7px;
	padding-left: 50px;
	color: #0A51A1;
	}
.info-box h3 {
	line-height: 0.9;
	font-size: 21px;
	}
}

.info-box img {
	display: block;
	}
	
span { 
	letter-spacing: 0.1em; 
	

 }

/* ==== Box 2 ==== */

.info-box2 {
	margin-top: 10px;	
	}

.info-box2 hr {
	margin-top: 0px;	
	}

.info-box2 h3 {
	line-height: 0.9;
	font-size: 20px;
	/*text-align: center;*/
	}
	
.info-box2 span {
	/*text-align: center;*/
	position: absolute;
	padding-top: 0px;
	padding-left: 27px;
	color: #0A51A1;
	}
	
@media only screen and (max-width: 768px) {
	
.info-box2 span {
	/*text-align: center;*/
	position: absolute;
	padding-top: 10px;
	padding-left: 25px;
	color: #0A51A1;
	}
.info-box2 h3 {
	line-height: 0.9;
	font-size: 21px;
	}
}

.info-box2 img {
	display: block;
	}
	
span { 
	letter-spacing: 0.1em; 
 }
 
 /* ==== Box 3 ==== */

.info-box3 {
	margin-top: 10px;	
	}

.info-box3 h3 {
	line-height: 0.9;
	font-size: 20px;
	/*text-align: center;*/
	}
	
.info-box3 span {
	position: absolute;
	padding-top: 0px;
	padding-left: 25px;
	color: #0A51A1;
	}
	
@media only screen and (max-width: 768px) {
.info-box3 span {
	/*text-align: center;*/
	position: absolute;
	padding-top: 10px;
	padding-left: 30px;
	color: #0A51A1;
	}
.info-box3 h3 {
	line-height: 0.9;
	font-size: 21px;
	}
}

.info-box3 img {
	display: block;
	}
	
span { 
	letter-spacing: 0.1em; 
	

 }

/* ======================================================== */

/* ************************* inline boxen ********************** */
.popup h4 {
	color: #0A51A1;
	}
.popup h5 {
	color: #0A51A1;
	margin-bottom: 10px;
	margin-top: 0px;
	}
.popup img {
	margin-bottom: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
.popup p {
	font-size: 13px;
	line-height: 16px;
	}
	
.popup blockquote {
    padding: 0px 20px;
    margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 2px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}

blockquote footer::before, blockquote small::before, blockquote .small::before {
	content: '';
}

div.rotate-text {
	height: auto;
	min-height: 280px;
	}





/* ======================================================== */



.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {

    display: block;
    max-width: 100%;
    height: auto;
	padding-right: 10px;

}

hr {
	margin-top: 20px;
	margin-bottom: 0px;
	border-top-color: #6C6C6C;
	border-top-style: solid;
	border-top-width: 2px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}



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



a:focus {outline:0;}


@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }

}

.text {
	
	}
	
	
/*Startseite großer Bildschirm*/	
.adress1 {
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #999;
	margin-right: 8px;
	margin-left: 25px;
	padding-right: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFF;
	background-color: #4B515D;
	text-align: right;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	}
	
/*Startseite kleiner Bildschirm*/		
.adress2 {
	margin-right: 8px;
	padding-left: 30px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #4B515D;
	text-align: left;
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}

/*Kontaktseite Adressdaten*/	
.adress3 {
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #999;
	margin-right: 8px;
	margin-left: 25px;
	margin-top: 50px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFF;
	background-color: #4B515D;
	text-align: right;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	}
/*Kontaktseite Bürozeiten*/	
.adress4 {
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #999;
	margin-right: 8px;
	margin-left: 25px;
	margin-top: 20px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFF;
	background-color: #4B515D;
	text-align: right;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	}
	
.adress1 h4  {
	color: #D5D5D5;
	}
	
.adress3 h4  {
	color: #D5D5D5;
	}

.adress4 h4  {
	color: #D5D5D5;
	}

@media only screen and (max-width: 768px) {
	.adress2 h5 {
		font-size: 12px;
		}
		.adress2 {
		font-size: 12px;
		}
	}
	

.jumbotron {

    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 10px;
	margin-right: 0px;
    color: inherit;
    background-color: #eee;

}

.jumbotron p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #000000;
	margin-bottom: 15px;
	font-weight: 0;
}



/*========== NAVIGATION ============ */

.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 {
    position: relative;
    min-height: 0px;
    padding-right: 15px;
    padding-left: 15px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #fff;		/*Schriftfarbe beim hovern */
	background-color: transparent;
}
/*Farbe inaktiver Button*/
.navbar-default .navbar-nav > li > a {
	color: #b6babc;
	
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #4B515D; 
}
.navbar-brand {
	height: 80px;
	padding-left: 20px;
	}

	


.nav-box_2 {   
    width: auto;
    float: right;
    background-color: #4B515D;
    border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    padding-right: 35px;
	margin-right: 23px;
	margin-top: 50px;
}

/*=== Eigenschaften bei screen-Größe bis 768px ===*/
@media only screen and (max-width: 768px) {
.nav-box_2 {
	margin-top: 0px;
	}
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
	width: auto;
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 0px;	
}
/* gesamte Leiste Logo-Brand-Buttons */
.navbar-fixed-top {
    min-height: 50px;
    margin-top: 0px;
    /* opacity: 0.5 */
	}
	
/* Eigenschaften Logo */
.logo-box_1 {
    display: block;
    margin-right: 0px;
	padding-left: 15px;
    padding-top: 25px;
    float: left;
}
/* Eigenschaften für navbar-brand */
.navbar-default .navbar-brand {
    font-size: 20px;
    color: #330000;
    font-weight: 400;
    letter-spacing: 0.1em;
}
/* Hover + Focus für navbar-brand */
/*
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    
} */

/* Eigenschaften der buttons */
.nav-item {
    font-size: 16px;  /*Schriftgröße auf Button*/
    
}

/* Aktiver Button =Schriftfarbe (gelb) + Hintergrundfarbe (blau)= */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
/*    color: #ffEC00;
    background-color: #0069B4;*/
}

/* Bereich Navigation im kl. Display */
.navbar-header {
	/*height: 20px;*/	
	width: 75px;
	float: right;
	} 

.navbar-collapse {
	padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 0px solid transparent;
    border-top-color: transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);

}

/* Bereich der Buttons gr. Display */
.navbar-nav {
	
	}

/* Navigation Smartfone */
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
}



/*======== ENDE NAVIGATION ========= */

.onepage_1 {
	height: auto !important;
	min-height: 100%;
	padding-top: 115px;
    padding-left: 0px;
	background-color: #fff;
}
.onepage_2 {
    height: auto !important;
	min-height: 100%;
    padding-top: 115px;
    padding-left: 0px;
    background: #eee;
}

.grey {
	background-color: #eee;	
	}

/*=== Eigenschaften bei screen-Größe bis 768px ===*/
@media only screen and (max-width: 768px) {
.onepage_1 {
	padding-top: 65px;
	}
.onepage_2 {
	padding-top: 65px;
	}
}

/*======== Schriften ========= */
h6, .h6 {

    font-size: 9px;
	margin-top: 5px;
	margin-bottom: 0px;

}


small, .small {

    font-size: 55%;

}

.sitemap small, .small {
	font-size: 60%;
	}