/* Main CSS */
.container a {
	color: #000 !important;
}
.container{
/* width:1000px;*/
 margin-top:2rem;
 background-color: #fff;
}

/* Navigation */
.nav_logo{
	position:relative;
	border-bottom: 0px solid #666;
	height: 150px;
	background-image: url("../images/pusteblume_noten.jpg");
	background-position: right -400px top -400px;
	background-repeat: no-repeat;
	
}

.nav_border_top{
	border-top: 1px solid #000;
}

.startseite li.nav-item:first-child a.nav-link, .notenshops li.nav-item:nth-child(2) a.nav-link, .kontakt li.nav-item:nth-child(3) a.nav-link,  .impressum li.nav-item:nth-child(4) a.nav-link, .datenschutz li.nav-item:nth-child(5) a.nav-link{
	text-decoration-line: underline !important;
	text-decoration-color: #c30000;
	color:#c30000 !important;
}

.img-left-bottom{
	position:absolute;
	/* left:0px; */
	bottom:15px;
}

.img-right-bottom{
	position:absolute;
	right:15px;
	bottom:15px;
}

.navbar{
	padding:0;
}
.navbar a{
	color: #000;
}
.navbar a:hover{
	color: #999 !important;
}
#close_button{
	display:none;
}

.container>article{
	margin-top: 2rem;
}

#sec_left{
	/* min-height:300px; */
	background-image: url("../images/notenschluessel_bg_large.png");
	background-repeat:no-repeat;
	background-position:left top;
}

#sec_left{
		border-bottom: 1px solid #666;
		margin-bottom: 1rem;
		}
.container #sec_left h1{
	font-size: 1.75rem;
	font-family: Arial;
	font-weight: 400;
	color:#c30000;
}
.container #sec_left h2{
	font-size: 1.2rem;
	font-family: Arial;
	font-weight: 300;
	margin-top: 1.2rem;
}

.container #sec_right{
	margin-bottom: 2.5rem;
}
.container #sec_right h1{
	font-size: 1.25rem;
	font-family: Arial;
	font-weight: 400;
	margin-bottom: 2.5rem;
}

.container #sec_right h2{
	font-size: 1.2rem;
	font-family: Arial;
	font-weight: 400;
	margin-bottom: 1.25rem;
	margin-top: 2.5rem;
}
.container #sec_right h2:first-of-type{
	margin-top: 0;
	
}

a.btn-danger{
	color:#fff !important;
	background-color:#c30000 !important;
	min-width:220px;
	margin-bottom:1rem;
}

a.btn-dark{
	color:#fff !important;
}

.badge-light>img{
	width:15px;
	height:auto;
}
.list_bg{
	background-color:#fafafa;
}

.text-right-rh:hover, .text-right-rh:hover+div{
	background-color:#333;
	color: #fff;
}

.text-right-rh:hover a{
	text-decoration: none !important;
	color:#fff !important;
}
.text-right-rh>a{
	text-decoration: none !important;
	display: block;
}


#footer{
	min-height: 10rem;
	background-color: #333;
	color:#fff;
	padding: auto auto !important;
}

.container #footer a{
	color:#fff !important;
}


@media (max-width: 575px) {
	#main_menu{
		display:none;
	}
	#header:target #main_menu{
		display:block;
		width:100%;
	}
	
	#header:target #open_button{
		display:none !important;
	}
	.nav_logo{
		background-image: none;
	}
	
	
}

@media (min-width: 992px){
	.margin-left-8pz{
		margin-left:8.3%;
		}
	.text-right-rh, .text-right-rh-bt{
		text-align:right;
	}
	#sec_left{
		border-bottom: 0px !important;
	}
	.nav_logo{
		background-position: right 0px top -100px;
	}
}