@charset "utf-8";
/* CSS Document */

@font-face{
	font-family:"Oxygen";
	src:url(fonts/Oxygen-Regular.ttf)
	}

body{
	background-color:#e9e9e9;
	font-family:"Oxygen";
	}


	
.icons-sm ins-ic{
	width:50px;
	height:50px;
	}


.navbar-brand{
	width:80px;
	}

.navbar-nav{
	font-size:1.3rem;
	}

h1{
	margin:auto;
	text-align:center;}

h2{margin:auto;
margin-bottom:1.25rem;}

.Impressum{
	text-align:left;}

.Unterueberschrift{
	text-align:left;}

.Firmendaten{
	text-align:left;
	margin-top:50px;}

.Kontaktnamen{
	text-align:left;}

.Emaildaten{
	text-align:left;}



.Logo{
	float:left;
	}
	
.Feder{
	float:right;
	}

.Daten{
	margin-bottom:10px;
	float:left;
	}

.container-fluid{
	min-width:100px;
	padding-left:3rem;
	padding-right:3rem;
}

/*.kopfbereich{
	float:left;
	line-height:4rem;
	}*/
	
.clearfix{
	margin-top:120px;
	}


.card-group{
	margin-top:120px;
	}


.jumbotron{
	margin-top:120px;
	margin-bottom:80px;
	height:80px;
	line-height:2.4rem;
	text-align:center;
	display:flex;
	align-items:center;
	}

/*mobile irst xs 0 bis 320px*/

html{/*durch das html werden alle Schriftgrößen kleiner*/
	font-size:0.7rem;
	}
	

#Feder{
	visibility:hidden;
	}

.container, container-fluid{
	min-width:320px;
	/*mindestbreite für container xs smartphone*/
}



div[class*="col"]{
	  /*border:1px solid #000000;*/
	  }

.xsdisplay{
	font-size:2rem; /*1 rem=16px*/
	line-height:2.5rem;
	} 

.mybtn{
	background-color:rgba(118,0,1,1.00);
	}

.nav-link, nav-item:link{}

.nav-link:hover,nav-item:hover{}

footer a:link{
	color:#000000;
	}

footer a:visited{
	color:#333333;
	}

footer a:hover{
	text-decoration:none;
	color:#ffffff;
	}

.jumbotron{
		line-height:2.4rem;
		}




/*media Querie für sm Phone und landscape*/ 


@media (min-width:576px){
html{
	font-size:0.8rem;
	line-height:1.3rem;
	}


.xsdisplay{
	font-size:2rem; /*1 rem=16px*/

	}
.card-title{
	font-size:1.25rem;
	}

#Feder{
	visibility:hidden;
	}

.card{
	margin-bottom:10px;
	margin-top:10px;
	}

.container-fluid{
	min-width:150px;
	padding-left:4rem;
	padding-right:4rem;
		
}
}



/*media Querie für md Tablet bis 768px bis 991px*/

@media (min-width:768px){
html{
	font-size:0.8rem;
	line-height:1.3rem;
	}


.xsdisplay{
	font-size:2.5rem; /*1 rem=16px*/
	}
	
 .nav-link{
	margin-right:10px;
	margin-left:10px;
	}

#Feder{
	visibility:visible;
	}

.card-deck.card-body{
	margin-bottom:10px;
	margin-top:10px;
	}

.container-fluid{
	min-width:150px;
	padding-left:5rem;
	padding-right:5rem;
	}
	
	.jumbotron{
		line-height:2.5rem;
		}
}


/*media Querie für lg bis 992px bis 1199px*/

@media (min-width:992px){
html{
	font-size:0.9rem;
	line-height:1.4rem;
	}


.xsdisplay{
	font-size:2.2rem; /*1 rem=16px*/
	}
	
#Feder{
	visibility:visible;
	}

.container-fluid{
	min-width:150px;
	padding-left:6rem;
	padding-right:6rem;
	
	}
	
	.jumbotron{
		line-height:2.8rem;
		}
}



/*media Querie für xl bis 1200px und größer*/

@media (min-width:1200px){
html{
	font-size:1.0rem;
	line-height:1.5rem;
	}

.xsdisplay{
	font-size:2.2rem; /*1 rem=16px*/
	}
	
#Feder{
	visibility:visible;
	}
	
	.container-fluid{
	min-width:150px;
	padding-left:7rem;
	padding-right:7rem;
}

	.jumbotron{
		line-height:3.0rem;
		}
}