body { padding-bottom: 40px; color: #333333; }
#content { max-width: 1200px; }
#content .inner .container { max-width: 950px; }
#content .inner .container [class*="col-"] img { width: 100%; }
#content .inner .container [class*="col-"] .produkt-buttons img { width: auto; }

p { color: #333333; }
h2 { font-size: 2em; font-weight: bold;text-transform: uppercase;; }
h2.underline { color: #333333; border-bottom: 1px solid orange; margin-top: 0; }

.produkt-buttons img {position: absolute; cursor: pointer; z-index: 1;}
.produkt-buttons #btn-desc1 {left:61%; top:81%;}
.produkt-buttons #btn-desc2 {left:30%; top:39%;}
.produkt-buttons #btn-desc3 {left:28%; top:5%;}
.produkt-buttons #btn-desc4 {left:44%; top:25%;}
.produkt-buttons #btn-desc5 {left:63%; top:56%;}
.produkt-buttons>div {position: absolute;background-color:#ffffff;z-index: 99;padding: 1em;display: none;}
.produkt-buttons #desc1 {left:63%; top:83%;width: 478px; height: 201px;}
.produkt-buttons #desc2 {left:32%; top:41%;width: 478px; height: 328px;}
.produkt-buttons #desc3 {left:30%; top:7%;width: 324px; height: 379px;}
.produkt-buttons #desc4 {left:46%; top:27%;width: 299px; height: 470px;}
.produkt-buttons #desc5 {left:65%; top:58%;width: 299px; height: 470px;}

.col-xs-12.col-sm-6.dark.nopadding {background-color:#cc0000;}
.light-dark {background-color:#e5e5e5; }
.col-xs-12.col-sm-6.grey {background-color: #cccccc;}

.produkt-buttons div h3 { white-space: nowrap; }

.kontaktLogo a {padding: 0; }
.kontaktLogo a img { height: 2em; }
.modal-body h2 {margin-top: 0;}
#kontakt .modal-body textarea,
#kontakt .modal-body input[type=text] { 
	width: 100%; 
	max-width: 21em;
}
#kontakt .modal-dialog {max-width: 460px; }

.container { width: auto; }
.dark >div { background-color: #4d4d4d; color: #ffffff; padding: 1em; }
.dark h2 { text-transform: uppercase; color: #ffffff; border: none; margin-top: 0;}
.orange p,
.dark p {color: #ffffff; }
.orange >div {background-color: #ef7d00;color: #ffffff; padding: 1em;}
.inner .container .row {margin-bottom: 2em; }
.nopadding { padding-left: 0 !important; margin-left: 0 !important;padding-right: 0 !important; margin-right: 0 !important; }
.bgMay {background:url(../img/May_HG.jpg) no-repeat;min-height: 462px;}
#May .blue { min-height: 462px; }

.modal.and.carousel {  position: fixed; }

/* May */
#content .inner .container [class*="col-"] .may-img img { max-width: 161px; margin-top: 1em; position: absolute; z-index: 90; }
.may-text { margin-left: 8.2em; margin-top: 2em; }
.may-text span{ display: inline-block;text-indent: 3.3em; background-color: #3e3e3e; color: #ffffff;text-transform: uppercase; font-size: 1.2em;padding: 0 1em 0.2em 0; }
.may-text h2 {  text-indent: 1.9em;margin-bottom: 0; width: 9em; background-color: #3e3e3e; color: #ffffff; text-transform: uppercase; padding-top: 0.2em; }
.may-box { position: absolute; left: 12em; top: 9.4em;background-color: #ffffff; width: 18em; padding: 0.9em; }



.navbar .nav > li > a { font-weight: bold; outline: none; }
.navbar .nav > li.active { background-color:#eee; }
.navbar .nav > li.active a { color: #f37800; }
.navbar .nav > li > a:focus { background-color: transparent; }
#brot { display: none; }

xxx.navbar-toggle { background-image: url(../img/Slider_Pfeil.png);-webkit-transform:rotate(90deg);transform: rotate(90deg);}
.navbar-toggle { position: absolute; right: 1em; top: 0em; }
nav.navbar.navbar-static-top { z-index: 100; }

.navbar.navbar-static-top .container.headrow { max-width: 1200px; }
.navbar-headrow>div { margin-right: 1.4em; }
.navbar-headrow {max-width: 920px; margin: 0 auto;padding: 0.2em 0;}
.navbar-headrow .dropdown { float: right; z-index: 200; }
.navbar-headrow .dropdown .btn-default,
.navbar-headrow .dropdown .btn {border: none;font-size: inherit;padding: 0; margin: 0;border-radius: 0;background-color: transparent;}

button.close { position: absolute; right: 1em;z-index:100; }
.glyphicon-chevron-right:before,.glyphicon-chevron-left:before { content:""; }
.glyphicon-chevron-right {background-image: url(../img/Slider_Pfeil.png); }
.glyphicon-chevron-left {background-image: url(../img/Slider_Pfeil.png);-webkit-transform:rotate(180deg);transform: rotate(180deg); }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	width: 58px; height: 71px;
}
	/* CUSTOMIZE THE NAVBAR
	-------------------------------------------------- */

	/* Special class on	.container surrounding .navbar,	used for positioning it	into place.	*/
	.navbar-wrapper	{
	  position:	fixed;
	  top: 0;
	  z-index: 100;
	  width:100%;
	}
	.navbar-wrapper.centered .container.headrow {
		background-color: rgba(255, 255, 255, 0.9);
		height: 2em;
	}
	#navbar { position: absolute; right: 0; top: 0; }
	.navbar { margin: 0;  background: url("../img/Header.jpg") repeat-x; }
	.nav-top { color: #333333; }
	.navbar .container { height: 84px; position: relative; }


	footer { 
		background: url(../img/Header.jpg) repeat-x; 
		height: 2em;
	}
	footer .container { max-width: 920px;padding-top: 1.6em; }
	footer a { color: #3e3e3e; font-size: 1.4em; text-transform: uppercase; text-decoration: none; }
	footer ul { list-style: none; }
	footer li { float: right; }
	footer li:last-child {margin-right: 1em; padding:  0 1em; border-right: 1px solid #d6d6d6;}
	
	/* Downsize	the	brand/project name a bit */
	.navbar	.brand {
		position: absolute;
		top: -1.4em;
		left: 0px;
	}
	.navbar.navbar-static-top .container{
		max-width: 920px;
	}
	/* Navbar links: increase padding for taller navbar	*/
	.navbar	.nav > li >	a {
		text-transform: uppercase;
		padding: 15px	14px;
		color: #333333;
		border-right: 1px solid #d6d6d6;
	}
	.navbar	.nav > li:last-child >	a {
		border-right: none;
	}
	/* Offset the responsive button	for	proper vertical	alignment */
	.navbar	.btn-navbar	{
	  margin-top: 10px;
	}
	#navbar {
		margin-top: 1em;
		float: right;
	}


	/* CUSTOMIZE THE CAROUSEL
	-------------------------------------------------- */

	/* Carousel	base class */
	.carousel-control .glyphicon-chevron-left, 
	.carousel-control .glyphicon-chevron-right, 
	.carousel-control .icon-prev, 
	.carousel-control .icon-next { margin-top: -40px; }
	.carousel-indicators li { background-image: url(../img/Slider_Punkt_passiv.png); border: none; }
	.carousel-indicators li.active { background-image: url(../img/Slider_Punkt_aktiv.png); }

	#myCarousel .carousel-control .glyphicon-chevron-left, 
	#myCarousel .carousel-control .glyphicon-chevron-right, 
	#myCarousel .carousel-control .icon-prev, 
	#myCarousel .carousel-control .icon-next { margin-top: 10px; }

	#myCarousel { margin-top: 0em; margin-bottom: 2em; }
	#myCarousel2 { margin: 2em 2em 0 0;}
	
	.mediaspiegel-new {
		width:100%;
		height:100%;
		min-height: 230px;
		background: url(../img/Medienspiegel.png) no-repeat center center #E5E5E5;
		background-size: contain;
		
	}	
	
	html[lang="en"] .mediaspiegel-new {
		background-image: url(../img/Medienspiegel_en.png);
	}		
	

	video {
		max-width:100%;
	}
	
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 979px) {
	.container.navbar-wrapper	{ margin-bottom: 0; width: auto; }
	.navbar-inner { border-radius: 0; margin:	-20px 0; }

	.carousel .item { height: auto; max-height:	585px; }
	.carousel img { width: auto; height: auto; max-height:	585px; }

	.may-img { display: none; }
	.may-text {margin-left: 2em;}
	.may-text h2 {text-indent : 0.6em; }
	.may-text span {text-indent : 1em; }
	.may-box { left: 3em; }
}

@media (max-width: 900px) {
	/* .navbar-brand.brand { display: none; } */
	.navbar	.brand { top: 0.2em; }
	.navbar	.brand img { width: 5em; }
}
@media (max-width: 880px) {
	.navbar	.brand img { width: 4.6em; }
}

@media (max-width: 820px) {
	.navbar	.nav > li >	a {
		padding: 15px 10px;
		font-size: 1em;
	}
}

@media (max-width: 763px) {
	.navbar	.nav > li >	a {padding: 15px 20px;}
	
	#brot { display: block; position: absolute; left: 4em; top: 1.3em;color: #f37800;}
	.navbar.navbar-static-top { height: 1em; }
	.navbar-toggle {float: left; left: 1em;}
	#navbar {float: left; left: 0; top: 2em;}
	.navbar-inner	{ margin:	-20px; }
	#myCarousel { margin-top: 3em; }
	#myCarousel2 { margin: 1em; }
	.container { padding-left: 0; padding-right: 0; }
	/* .navbar-brand.brand { display: none; } */
	.navbar	.brand { top: -0.6em; left: auto; right: 1em; }
	.navbar	.brand img { width: 5em; }
		
	.produkt-buttons div h3 { white-space: normal; }
	.may-img { display: block;position: relative; }
	.may-img img { position: absolute; top: -2em; }
	.may-text {margin-top: 3em;margin-left: 8.2em;}
	.may-text h2 {text-indent : 1.9em; width: 9.3em; }
	.may-text span {text-indent : 3.3em; }
	.may-box { left: 13em; }
	.nav.navbar-nav {background-color: #ffffff;
		-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
		box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
	}
	
	button.navbar-toggle { display: block; left: 0; }
	
	video {
		width:100%;
		height:auto;
	}
}
@media (max-width: 470px) {
	.may-img { display: none; }
	.may-text {margin-left: 0em;}
	.may-text h2 {text-indent : 0.6em; }
	.may-text span {text-indent : 1em; }
	.may-box { left: 1em; }
	#myCarousel { margin-top: 7em; }
	#myCarousel .carousel-control .glyphicon-chevron-left, 
	#myCarousel .carousel-control .glyphicon-chevron-right, 
	#myCarousel .carousel-control .icon-prev, 
	#myCarousel .carousel-control .icon-next { margin-top: -24px; }
}


div.iebox { width: 100% }
 
.drop-shadow {
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
}
@media (min-width: 764px) {
	.equal, .equal > div[class*='col-'] {  
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		display: flexbox;
		flex:1 0 auto;
	}
}

.scroll ul {
	list-style-type:none;
	padding-left: 1.2em;
}