@media (max-width:1262px)
{
.blautrenner	{margin-bottom:20px}
.brauntrenner	{margin-bottom:20px}
.weisstrenner	{margin-bottom:20px}
}

@media (max-width:1256px)
{
.buttoneinzug		{margin-left:159px}
}

@media (max-width:1199px)
{
.inhaltpadding-l 	{padding-left:5%; padding-right:5%; padding-bottom:20px}
.inhaltpadding-r 	{padding-left:5%; padding-right:5%; padding-bottom:20px}
.border-bottom		{border-bottom:1px solid rgba(1,1,1,0.3);}
.col-lg-6-groesser	{width:100%}
.col-lg-6-kleiner	{width:100%}
.min-height-300		{min-height: 0px;}
#kasten 			{width:auto; height:auto; vertical-align:top; margin:0px 0 0 0px;}
.kasteninhalt 		{padding-left:5%; padding-right:5%; padding-bottom:20px; }
.map				{padding-right:15px; margin:0 auto; height:650px; float:right}
.formularklein		{float:left}
.buttoneinzug		{margin-left:254px}
canvas 				{position:absolute;display:none; z-index: +1000;height:40px;width:20px; top:44%}

}

@media (max-width:1197px)
{
.buttoneinzug		{margin-left:159px}
}

@media (max-width:1050px)
{
a#logo 				{padding: 0; margin:10px;margin-right:10px; margin-left:15px}
.navbar-default .navbar-nav>li>a {padding-right:10px; padding-left:10px; letter-spacing:0px; font-size:14px}
.home-section		{display:none;background-image:none; min-height:780px}
#ersatzbild			{display:block; width:100%; height:auto;z-index: -1}
.logo-symbol-klein	{ -webkit-transform:rotate(10deg);opacity:0.5;margin-top:47%; width:20%;position:absolute}
.unternehmen-section{margin-top:0;padding-top:0}
.banner-klein		{position:absolute;background: rgba(135, 168, 201); background-color: rgba(135, 168, 201, 0.7); margin-top:180px; padding:5px 50px 5px 15px; opacity:1; color:white; float:right; font-family: 'Audiowide', cursive; font-size:1em;}
.navbar 			{position:absolute}
.telefon			{position:absolute}
.leistungen-section	{margin-top:0px;padding-top:0px}
.referenzen-section	{margin-top:0px;padding-top:0px}
.karriere-section	{margin-top:0px;padding-top:0px;}
.kontakt-section	{margin-top:0px;padding-top:0px;}

}

@media (max-width:910px)
{
a#logo 				{padding: 0; margin:10px;margin-right:10px; margin-left:15px}
.navbar-default .navbar-nav>li>a {padding-right:10px; padding-left:10px; letter-spacing:0px; font-size:14px}
.formularklein 		{width: 55%; margin:0 auto; float:none}
.map				{width: 80%; height: 400px;padding-right:0px; padding-bottom:0; padding-top:0; padding-left:0;float:none }
}


@media (max-width:841px)
{
a#logo 				{padding: 0; margin:15px;margin-right:5px; margin-left:5px}
.navbar-default .navbar-nav>li>a {padding-right:5px; padding-left:5px; letter-spacing:0px; font-size:14px}
}






@media (max-width:767px)
{
.navbar 			{height:75px; background-color:white;position:absolute}
.navigross			{display:none} 
.naviklein			{display:block}	
#logoklein			{display:block}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {background-color:white; border:none;padding-top:10px;border-color:#e7e7e7}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin-right:0}
.navbar-nav			{margin-bottom:0; margin-top:0;}
.nav {display:block}
.navbar-collapse {padding-right:0}
.nav>li {border-top:1px solid #AA8A5B}
#willkommen-kasten{width:500px}
.leistungen-section	{margin-top:0px;padding-top:0px}
.referenzen-section	{margin-top:0px;padding-top:0px}
.karriere-section	{margin-top:0px;padding-top:0px;}
.kontakt-section	{margin-top:0px;padding-top:0px;}
.banner-klein	{ margin-top:80px; }
}

@media (max-width:600px)
{
.formularklein 		{width: 70%; margin:0 auto; float:none}
	
}

@media (max-width:548px)
{
.formularklein 		{width: 100%; margin:0 auto; float:none}
	#willkommen-kasten{width:100%;margin-top:85px}
}