@charset "utf-8";
#intro { 
	background: url(../images/intro.png) 50% 0 fixed; 
	height: auto;  
	margin: 0px auto 0 auto; 
	width: 100%; 
	position: relative; 
	box-shadow: 0 0 50px rgba(0,0,0,0.8);
	padding: 50px 0;
}
#home { 
	background: url(../images/hartchrom3.jpg) 10% 0 fixed; 
	height: auto;  
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
	box-shadow: 0 0 50px rgba(0,0,0,0.8);
	padding: 100px 0;
}
#home2 { 
	background: url(../images/hartchrom2.jpg) 10% 0 fixed; 
	height: auto;  
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
	box-shadow: 0 0 50px rgba(0,0,0,0.8);
	padding: 100px 0;
}
#videosection {
	background: url(../images/hartchrom2.jpg) 0 0 fixed; 
	height: auto;  
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
	box-shadow: 0 0 30px rgba(0,0,0,0.8);
	padding: 50px 0;
}
#about { 
	background: url(../images/about.png) 50% 0 fixed; 
	height: auto;
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
	box-shadow: 0 0 50px rgba(0,0,0,0.8);
	padding: 50px 0;
	color: #fff;
}
#about2 { 
	background: url(../images/about.png) 50% 0 fixed; 
	height: auto;
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
	box-shadow: 0 0 50px rgba(0,0,0,0.8);
	padding: 50px 0;
	color: #fff;
}
#footer { 
	background: url(../images/about.png) 50% 0 fixed; 
	height: auto;
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
	box-shadow: 0 0 50px rgba(0,0,0,0.8);
	padding: 20px 0 50px 0;
	color: #fff;
}

/* Non-essential demo stuff */
.hero-unit {
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	margin-top: 25px;
}
.media-object { width: 40px; height: 64px; padding-bottom: 30px; }
.my-bullit { width: 30px; height: 30px; margin-top: -6px; }
.myshadow { box-shadow: 0 0 50px rgba(0,0,0,0.8); } /* 0.8 */
.myshadowlight { box-shadow: 0 0 30px rgba(0,0,0,0.4); }

.text-groesser {  font-size: 20px; }
.text-kr { color: #0077bc; }
.text-fett { font-weight: bold; }
p { font-size: 16px; }

#footer p { font-size: 14px; }

nav { height: 50px; font-size: 16px; }
.nav > li > a { padding-left: 10px!important; padding-right: 10px!important; }
/*.navbar-default { background-color: white; color: black; } 
.navbar-nav li { background-color: white; color: black; }
.navbar-nav li a { margin-top: 0px; }*/
.dropdown-menu li a { margin-top: 0; color: black; background-color: #f8f8f8; }
.dropdown-menu { background-color: #f8f8f8; color: black; }
.dropdown { background-color: #f8f8f8; color: black; margin-top: 0; margin-bottom: 0; line-height: normal; }
.dropdown-toggle { background-color: #f8f8f8; color: black; margin-top: 0; margin-bottom: 0; line-height: normal; }
.navar-collapse { background-color: #f8f8f8; color: black; }


/* Neu 2025 für Barrierefreiheit ------------------------ */

.navbar-default .navbar-nav > li > a:hover { background-color: #000; color: #fff; }
.navbar-default .navbar-nav > li > a:focus { background-color: #000; color: #fff; }
.navbar-default .navbar-nav > li > a:active { background-color: #555; color: #fff; }

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

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover  { background-color: #555; color: #fff; }

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover { background-color: #000; color: #fff; }

.navbar-brand:focus { border: 2px solid black; }
.navbar-brand:hover { border: 2px solid black; }
.navbar-brand { border: 2px solid #f8f8f8; }

.dropdown-menu li a:hover,
.dropdown-menu li a:focus { color: white; background-color: black; }

.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover { background-color: #555; }

.btn-primary:hover,
.btn-primary:focus { background-color: black; }

#footer a:hover,
#footer a:focus { color: white; }

a.list-group-item:hover, 
a.list-group-item:focus { background-color: black; color: white; }

#download #mydownload img,
#download #mydownload a { border: 3px solid white; padding: 3px; text-decoration: none; }
#download #mydownload img:hover,
#download #mydownload a:focus { border: 3px solid black; padding: 3px; text-decoration: none; }

#qualitaet #mydownload img,
#qualitaet #mydownload a { border: 3px solid white; padding: 3px; text-decoration: none; }
#qualitaet #mydownload img:hover,
#qualitaet #mydownload a:focus { border: 3px solid black; padding: 3px; text-decoration: none; }

#qmzertifikat a img,
#qmzertifikat img { border: 1px solid #87E8FF; }
#qmzertifikat a:hover,
#qmzertifikat img:focus { border: 3px solid black; }

/* Ende Neu 2025 für Barrierefreiheit ------------------- */


.well { background-color: white; }

#myCarousel { margin: 50px 0 0 0; padding: 0; }
.carousel .carousel-inner .item img { width: 100%; }
.carousel .carousel-caption { background-color: rgba(128,128,128,0.7); border-radius: 10px; right: 10%; left: 60%; padding-bottom: 2px; padding-top: 2px; } /*153,51,102,0.5*/
.carousel .carousel-caption h4 { padding-top: 5px; margin-top: 0; padding-left: 10px; padding-right: 10px; }
.carousel .carousel-caption p { padding: 0 8px; }

.google-maps { position:relative; height:400px; overflow:hidden; }
.google-maps iframe { padding: 0; margin: 0; position:absolute; top:0; left:0; width:100%!important;}


.panel-default > .panel-heading { color: #fff; font-size: 18px; background-color: #0077bc; border-color: #ddd!important; }