/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width : 220px){
.main-header-facebook {
	display:none;
}
.zuKlein {
		display:none;
	}
.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: justify;
}

.carousel-inner > .item > a > img, 
.carousel-inner > .item > img, 
.img-responsive, .thumbnail a > img, 
.thumbnail > img {
    display: block;
   /* max-width: 40%;*/
    height: auto;
	margin: 0 auto;
	width:auto;

}

.main-header-logo,
.main-header-brabding {
	display:none;	
}
.mob-main-header-logo,
.mob-main-header-brabding {
	display:block;	
}
.mob-main-header-logo {
	float:left;
	width:25%;
}
.mob-main-header-brabding {
	float:right;
	width:36%;
}
.mein_content {
	background: url(/img/bg_mob.jpg) no-repeat scroll;
	background-size: 100% auto;
	
}
.abstand .fliess {
	font-size:0.6rem;
}
.inform {
    width: 98%;
}
.vcard {
	font-size:1.1rem;
}
.firma {
	margin-left:0px;
	margin-top:110px;
}
.company {
	font-weight:bold;
}
.verbindung{
	padding-top:40px;
	text-align:left;
}
.email {
	text-align:left;
}
.motto {
	width:100%;
	font-size:1rem;
	left: 0;
}
.mehr {
	width:100%;
}
.kontakt_Rahmen h1 {
	font-size:0.9rem;
}
.bld img {
	width:100%;
}
.fb-page {
	margin-top:2%;
}	
}
@media  screen and (min-width : 480px) {
	
.mobMenu {
	display:inline-block;
}
.motto {
	width:100%;
	font-size:1.8rem;
}
.abstand .fliess {
	font-size:0.6rem;
}
.kontakt_Rahmen h1 {
	font-size:1.2rem;
}
}
 @media screen and (min-width : 768px) {
.carousel-inner > .item > a > img, 
.carousel-inner > .item > img, 
.img-responsive, .thumbnail a > img, 
.thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.mob-main-header-logo,
.mob-main-header-brabding {
	display:none;	
}
.main-header-logo,
.main-header-brabding {
	display:block;	
}

.main-header-facebook {
	padding-top:8%;
}
.fa-facebook-official {
   /* padding-left: 32%;*/
}
.mein_navigation {
    padding-top: 4%;
}
ul a {
	font-size: 0.49rem;
	font-weight: bold;
	}
.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
	}
.main-header-facebook {
		display:block;
	}
.mobMenu {
		display:none !important;
	}
.zuKlein {
		display:none;
	}
.nav > li > a {
    padding: 0px !important;
}

.transp{
	left:auto;
	right:0px;
	top:100px;
}

.main-container {
    margin: 45% auto 0px;
}

.erstParall {
	width: 75%;
	height: 60px;
	padding-top: 1%;
	top: 150px;
	left: 0px;
}
.zweiParall {
	width: 80%;
	height: 65px;
	padding-top: 1%;
	top: 220px;
	left: 0px;
}
.orang {
	font-size:1.1rem;
}
.grue {
	font-size: 1.25rem;
}
.mehr {
	/*width:50%;*/
}
.kontakt_Rahmen h1 {
	font-size:1.4rem;
}
.bld img {
	width:22%;
	border:1px dotted #766AAE;
	border-radius:4px;
}
}
 @media  screen and (min-width : 992px) {
.fa-facebook-official {
    /*padding-left: 42%;*/
}
.main-header-facebook {
	padding-top:4%;
}
	ul a {
	font-size: 0.64rem;
	font-weight: bold;
}
.mein_navigation {
    padding-top: 2%;
}
.mein_content {
   background:url(/img/bg.jpg) no-repeat scroll;
   background-size: cover;
   /*background-size: 100% auto;*/
}
.mehr {
    width: 50%;
}
.main-container {
    margin: 50% auto 0px;
}
.transp {
	top: 270px;
}
.erstParall {
	width: 75%;
	height: 60px;
	padding-top: 1%;
	top: 310px;
	left: 4%;
}
.zweiParall {
	width: 90%;
	height: 65px;
	padding-top: 1%;
	top: 400px;
	left: 8%;
}
.ueberschrift,
.fliess,
.abstand .fliess  {
	font-size:0.73rem;
}

.orang {
	font-size:1.38rem;
}
.grue {
	font-size: 1.65rem;
}
.inform {
    width: 80%;
}
.motto {
	width:60%;
	left: 20%;
	color:#2a2d3e;
	font-size:1.8rem;
	text-align:center;
	padding-top:0px;
}
.vcard {
	font-size:0.9rem;
}
.firma {
	margin-left:25%;
	margin-top:100px;
}
.company {
	font-weight:bold;
}
.verbindung{
	padding-top:135px;
	text-align:center;
}
.email {
	text-align:right;
	padding-top:3%;
}
.kontakt_Rahmen h1 {
	font-size:1.5rem;
}
.bld img {
	width:22%;
}
.fb-page {
	margin-top:0px;
}
}
 @media screen and (min-width : 1050px) { 
.main-container {
    margin: 50% auto 0px;
}
.mein_content {
	height:auto;
}

.ueberschrift,
.fliess,
.abstand .fliess  {
	font-size:0.76rem;
}

.orang {
	font-size:1.45rem;
}
.grue {
	font-size: 1.75rem;
}
.kontakt_Rahmen h1 {
	font-size:1.9rem;
}
}
 @media screen and (min-width : 1200px) {
.fa-facebook-official {

}
.main-header-facebook {
	padding-top:5%;
}
.mein_navigation {
    padding-top: 1%;
}
ul a {
		font-size: 0.69rem;
}
.zuKlein {
		display:inline-block;
}
.nav > li > a {
    padding: 10px 15px;
}
.main-container {
    margin: 43% auto 0px;
}
.transp {
	top: 270px;
}
.erstParall {
	width: 75%;
	height: 60px;
}
.zweiParall {
	width: 85%;
	height: 65px;
}
.ueberschrift,
.fliess,
.abstand .fliess  {
	font-size:0.9rem;
}
.orang {
	font-size:1.7rem;
}
.grue {
	font-size: 1.9rem;
}
.firma {
	margin-left:45%;
	margin-top:100px;
}
}
 @media screen and (min-width : 1300px) { 
.orang {
	font-size:1.85rem;
}
.grue {
	font-size: 2.1rem;
}
.ueberschrift  {
	font-size:1rem;
}
.fliess,
.abstand .fliess {
    font-size: 1rem;
}
}
 @media screen and (min-width : 1400px) {
ul a {
	font-size: 0.69rem;
	font-weight: regular;
}
.main-header-facebook {
	padding-top:3%;
}
.main-container {
    margin: 38% auto 0px;
}
.erstParall {
	width:75%;
	height:65px;
}
.zweiParall {
	width:85%;
	height:70px;
}
.orang {
	font-size:1.98rem;
}
.grue {
	font-size: 2.2rem;
}
}
@media  screen and (min-width : 1500px) {
.erstParall {
	width:72%;
	height:65px;
}
.zweiParall {
	width:80%;
	height:70px;
}
.orang {
	font-size:2.05rem;
}
.grue {
	font-size: 2.3rem;
}
}
@media  screen and (min-width : 1600px) {
.fa-facebook-official {
	/*float:left;
	padding-left: 57%;*/
}
ul a {
	font-size: 0.81rem;
}
.main-container {
    margin: 34% auto 0px;
}
.transp{
	left: 16%;
	right:auto;
	top: 280px;
}
.erstParall {
	width:70%;
	height:70px;
}
.zweiParall {
	width:80%;
	height:80px;
}
.orang {
	font-size:2.1rem;
}
.grue {
	font-size: 2.4rem;
}
.email {
    padding-top: 1%;
}
}
@media  screen and (min-width : 1800px) {
ul a {
	font-size: 0.935rem;
}
.main-container {
    margin: 29.4% auto 0px;
}

.erstParall {
	width:65%;
	height:70px;
}
.zweiParall {
	width:75%;
	height:80px;
}
.orang {
	font-size:2.2rem;
}
.grue {
	font-size: 2.5rem;
}
}

@media screen and (min-width : 1900px) {
.erstParall {
	width:65%;
	height:70px;
}
.zweiParall {
	width:75%;
	height:80px;
}
.orang {
	font-size:2.3rem;
}
.grue {
	font-size: 2.6rem;
}
}