/*


*/

:root {
	--primary: #7a9248;
	--background: #f4f2e3;
}
body {
	background: var(--background);
	font-size: 20px;
}
.nav-link {
	font-size: 1.5rem;
}
/* nav center */
.navbar-collapse {
	flex-basis: unset;
	flex-grow: 0;
}

/* nav mobile */

.navbar-toggler {
	background: transparent;
	color: #7a9248;
}
.navbar-toggler:focus {
	box-shadow: unset;
}

.navbar-toggler {
    padding: 0;

    position: absolute;
    right: 5px;
    top: 5px;
    border: 0;
    align-self: right;
    transition: 1s;
}

.navbar-toggler.collapsed {
    padding: 0;
    height: 34px;
    width: 34px;
    position: relative;
    border: 0;
    align-self: center;
    transition: 1s;
}



/* basics */
h1, h2 {
	font-size: 2rem;
	font-weight: bold;
}
h3 {
	font-size: 1.8rem;
}
h3.card-subtitle {
	font-size: 1.2rem;
	font-weight: bold;
}
.frame-header {
	margin-bottom: 2rem;
}
.btn.btn-primary {
	padding: 0.1rem 4rem;
	color: #fff;
	font-weight: bold;
}
.frame-background-primary h1,
.frame-background-primary a,
.frame-background-primary {
	color: #f4f2e3 !important;
}



/* ---------- content-elements ----------*/
@media (min-width: 992px) {

	.frame-layout-nb-teaser-bild h2 {
		color: #fff;
	}

	.frame-layout-nb-teaser-bild .textpic-item.textpic-text {
		width: 50%;
		background: var(--primary);
		color: #fff;
		Margin-bottom: -500px;
		z-index: 10;
		padding: 40px;
	}
}
#c4 .textpic.textpic-below,
#c4 .textpic-item.textpic-text,
#c4 img {
	border-radius: 0.375rem;
}

/* ------------ footer ---------- */
.section.footer-section.footer-section-meta,
.section.footer-section.footer-section-meta .footer-copyright,
.section.footer-section.footer-section-content,
.section.footer-section.footer-section-content .frame {
	background: #fff;
	color: #000;
}
.footer-copyright {
	font-size: 1rem;
}
/* footer navi */
#c3 ul {
	list-style-type: none;
	margin-left: 0;
}
#c3 a {
	color: #000;
	text-decoration: none;
	transition: 1s;
}
#c3 a:hover {
	color: var(--primary);
	transition: 1s;
}
/* social-media icons */
a.nb-facebook {
	display: inline-block;
	width: 60px;
	height: 60px;
	font-size: 0;
	background: url(../Icons/Icon_Facebook.svg) center center no-repeat;
	margin: 0 10px 0 0;
	padding: 0;
}
a.nb-instagram {
	display: inline-block;
	width: 60px;
	height: 60px;
	font-size: 0;
	background: url(../Icons/Icon_Instagram.svg) center center no-repeat;
	margin: 0;
	padding: 0;
}
#c8 p {
	padding-top: 0;
	line-height: 0;
}