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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:600,700');
@import url('https://fonts.googleapis.com/css?family=B612');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro');

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-image: url(../images/bg_img0.png);
}


h1 {
	font-family: 'B612', sans-serif;
	font-weight: 700;
	color: #0d2768;
	font-size: x-large;
	margin-bottom: 10px;	
}


h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #0d2768;
	font-size: large;
	
}
h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: large;
	color: #2ba94e;
}





div#main {
	margin-top: 0;
	margin-right: auto;
	margin-left: auto; /* center, not in IE5 */
	
	background-color: #FFFFFF;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
	max-width: 1000px;
	border-right: 1px solid #ABABAB;
	border-left: 1px solid #ABABAB;
	position: relative; /* braucht es für die Footer Position*/
	
}





#navbarSupportedContent .navbar-nav.mx-auto .nav-item {
	margin-left: 8px;
	margin-right: 8px;
}

.navbar-toggler {
	margin-top: -6px;
	margin-bottom: 6px;
}

.text-link{
	text-decoration: none;
	color: #5B5B5B;
	
}

.abstand {
	padding-bottom: 30px;
}



#content-01 .row .col-xl-4 ul {
	margin: 0;
padding: 0; 
}

#content-01 .row .col-xl-6 ul {
	margin: 0;
padding: 0; 
}


#content-01 ul {
	margin: 0;
padding: 0; 
}

#content-01 li {
	list-style: none;
	background-image: url(../images/dot.png);
	background-repeat: no-repeat;
	background-position: 0px 0.5em;
	padding-left: 15px;
}
.liste-bl  {
	
	margin: 0;
	padding: 0;

}





@media (min-width: 576px) {
 div#main  {
    max-width: 540px;
  }
.signet-02{
	padding-left: auto;
	padding-top: 20px;
}

}

@media (max-width: 575.98px){
	.gross {
	width: 319px;
	height: 84px;	
}
	.gross-wurzel {
	width: 319px;
	height: 16px;
		
}

.kopf{
	padding-top: 21px;
	
}
.signet-02{
	padding-left: auto;
	padding-top: 20px;
}
	
}

/* iPhone iPhone 6, 7, & 8 in portrait */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
	
	.head-01{
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;

}
	
	div#fuss p {
	text-align:center;
}
	
	.hoehe {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
		
		
	}
.signet-02{
	padding-left: auto;
	padding-top: 30px;
}
	

	/*h3 {padding-top: 50px; }*/
	
} 
	

/* iPhone iPhone 6, 7, & 8 in landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
 and (orientation : landscape)  {
	
	div#fuss p {
	text-align:center;
}
	 	.hoehe {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	}
	 
/*	 h3 {padding-top: 50px; }*/
.signet-02{
	padding-left: auto;
	padding-top: 33px;
}
	
} 































@media (min-width: 768px) {
  div#main  {
    max-width: 720px;
	  	-webkit-box-shadow: 0px 0px 3px 3px #CFCFCF;
	box-shadow: 0px 0px 3px 3px #CFCFCF;
  }
		

	
/*	div#fuss p {
	text-align:center;
}*/
	.signet-02{
	padding-left: auto;
	padding-top: 33px;
}

}
/*alles was kleiner ist*/
@media (max-width:1199.98px){
h3 {padding-top: 20px; }
	
	.bl-test {
	text-align: center;
	
}
}




@media (min-width: 992px) {
  div#main  {
    max-width: 960px;
	  	-webkit-box-shadow: 0px 0px 3px 3px #CFCFCF;
	box-shadow: 0px 0px 3px 3px #CFCFCF;
  }
	
			.signet-02{
	padding-left: auto;
	padding-top: 20px;
}
	
}

@media (min-width: 1200px) {
 div#main  {
	max-width: 1000px;
	-webkit-box-shadow: 0px 0px 3px 3px #CFCFCF;
	box-shadow: 0px 0px 3px 3px #CFCFCF;
  }
	
	.breite-s {
		padding-left: 50px;
		padding-right: 50px;
	}
	
	.signet-02{
	padding-left: 30px;
	padding-top: 33px;
}
	
	
}




/* Portrait */
@media only screen and (min-width: 834px) and (orientation: portrait) {
	  
	  .signet-02 {
	padding-left: auto;
	padding-top: 25px;
	
}
	  
	  
}

/* Landscape */
@media only screen and (min-width: 1194px) and (orientation: landscape) {
	  .signet-02 {
	padding-left: 25px;
	padding-top: 33px;
}

}





#head-line {
	border-top: 10px solid #00225F;
	width: 100%;
	height: 12px;
	margin-bottom: 0px;
}

#navtop {
	
	margin: 0px;
	
	text-align: right;
}





.kopf{
	text-align: center;
	height: 105px;
	margin-top: -15px;
}
.wurzel{
	text-align: center;
	height: 10px;
	background-image: url(../images/img_verlauf-8.png);
	background-repeat: repeat-x;
}


.navbar-bg {
	background-image: url(../images/img_verlauf_02-8.png);
	background-repeat: repeat-x;
	background-color: #3E4F90;
	margin-bottom: 1px;
}

/*menue im header*/
.nav-link {
	color: #8e8e8e;	
}

.nav-link:hover {
	color: #66c61a;	
	
}
/*menue in nav-bar*/
.navbar-nav.mx-auto .nav-item .nav-link {
	color: #FFFFFF;
	letter-spacing: 0.1em;
}


.navbar-nav.mx-auto .nav-item .nav-link:hover {
	color: #66c61a;
	
}




/*menue kopf*/
tr td .nav-link {
	
	padding-left: 0px;	
}


.jumbotron {
	padding-top: 35px;
	border-radius: 0px;
	background-color: #FFFFFF;
}

.raum{
	padding-bottom: 50px;
}






div#fuss {
	position: absolute;
	width: 100%;
	bottom: 0;
	background-color: #00225F;
	margin-bottom: 0px;
	margin-top: 15px;
	padding-top: 7px;
	padding-bottom: 11px;
}

div#fuss p {
	padding-right: 1em;
	padding-left: 1em;
	margin: 0;
	color: #BBBBBB;
	
	font-family: 'Maven Pro', sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#fuss p a {
	text-decoration: none;
	color: #BBBBBB;
	margin-left: 0px;
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}


@media print {
#fuss {
	display:none;
	}}