body {
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
}

.hero .carousel-caption {
	max-width:1320px;
	margin:0 auto;
}

.hero .carousel-caption .title, .hero .carousel-caption .description {
    font-size: 2.5em;
    text-shadow: 2px 1px 2px #222;
    text-transform: none;
    position: absolute;
    left: 15px;
}

@media only screen and (max-width:1080px) {
	
	.hero .carousel-caption {
	left:5% !important;
	right:5% !important;
}
	
	.hero .carousel-caption .title, .hero .carousel-caption .description {
    font-size: 1.75em;
	}
}

@media only screen and (max-width:756px) {
	.hero .carousel-caption .title, .hero .carousel-caption .description {
    font-size: 1.35em;
	}
}

.hero .carousel .carousel-caption .title{
    bottom: 40px;
}

.hero .carousel .carousel-caption .description {
    bottom: 1px;
}
.navbar-main a {
    color: #01822f;
    font-size: 1.2em;
    text-decoration: none;
}
.page-header {
    border-bottom: 2px solid #01822f; /* grün */
    background-color: rgba(255, 255, 255, 1) !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.nav-main .nav-item a{
    text-decoration: none;
}
.navbar-meta a {
    color: #01822f;
    text-decoration: none;
}
.navbar-meta a:hover {
    text-decoration: none;
}
.bg-secondary {
    background-color: #f2f2f2 !important;
}

h1{
    color: #01822f;
    font-size: 2.8em;
    font-weight: 600;
}


h2 {
    font-size: 2em;
    font-weight: 500;
	color:#1d1b21;
	line-height:2em;
	padding-left:1em;
	background-image: url(h2-bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-size: auto 100%;
}

h2 .marker-yellow {
	background:none;
	background-image: url(marker-yellow.png);
	background-repeat:repeat-x;
	color:#1d1b21;
	padding-left:0;
	padding-right:0;
}

@media only screen and (max-width:756px) {
	
	h2 {
    font-size: 1.5em;
	}	
}

@media only screen and (max-width:414px) {

h2 {
    font-size: 1.1em;
	}
}

.bg-primary {
	background-color:#00812e !important;
}

.bg-secondary {
	background-color:#fcec01 !important;
}

.bg-secondary h2,
.bg-secondary h4 {
    color: #01822f;
}


h3 {
    font-weight: 500;
}

.bg-primary h4 {
	color:#fff;
}

.bg-primary h4 .marker-yellow {
	background:none;
	color:#fff;
	padding-left:0;
	padding-right:0;
	text-decoration:underline;
	text-decoration-color: #fcec01;
}

#c960-c1 .ce-bodytext,
#c965-c1 .ce-bodytext {
	margin:auto 0;
}

#c636 .row h3 {
    color: #01822f;
    font-weight: 600;
}
#c578 strong {
    font-size: 1.4em;
    font-weight: 600;
}

#c876 a::before {
	display:none;
}

.btn {
    color: #fff;
    background-color: #01812e;
    border-color: #01661F;
}

.btn:hover {
    background-color: #015A20;
    border-color: #01822f;
    text-decoration: none;
}

.bg-primary .ce-icon,
.bg-primary .ce-icon-color-darkgrey,
.bg-primary a,
.bg-primary a:visited {
	color:#fff !important;
	fill: #fff !important;
}


.bg-primary:hover {
	background-color:#fcec01;
}


#c559, #c564 {
    margin-bottom: 20px;
}
#c605 {
    background-color: #D2F0CA;
}
#c605 .container {
    color: #01822f;
}

#newsletter-933 .btn {
    margin-top: 1rem;
}

.page-footer__row1 {
    color: #FFFFFF;
    background-color: #01822f;
}
.page-footer__row1  a,
.page-footer__row1 h3  {
    color: #FFFFFF;
    text-decoration: none;
}
.page-footer__row1 a:hover {
    text-decoration: underline;
}
.page-footer__row1 p,
.page-footer__row1 tr {
    font-size: 1.3em;
}
.nav-footer a {
    color: #01822f;
}
.nav-footer a:hover {
    color: #015A20;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: #01822f !important;
}

.news h3.card-title {
	color:#00812e;
	height:2.5em;
}

.news .card-body p {
	display:none;
}

.news .btn-outline-primary {
	font-size:1rem;
	background:none;
	color: #01822f;
	border:none;
	margin-left:0;
	padding:0;
	text-decoration:underline;
}

.news .card-footer {
	background:none;
	border:none;
	padding:0 0 0 15px ;
	font-size:.9rem;
	color:#01822f;
}

.frame-layout-883 {
    padding: 0;
    text-align: center;
    background-color: #00812e;
    color: #fff;
}

.frame-layout-883 > * {
    padding: 1rem;
}

.frame-layout-883 .tile-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.frame-layout-883 > a {
    text-decoration: none;
    color: #fff;
}
.frame-layout-883 svg {
    fill: #fff;
}
.frame-layout-883 > a:hover, .frame-layout-883 > a:focus {
    background-color: #fcec01 !important;
    color: var(--bs-body-color);
}
.frame-layout-883 > a:hover svg, .frame-layout-883 > a:focus svg {
    fill: var(--bs-body-color);
}
.frame-layout-883 .ce-icon {
    margin-bottom: 0.3rem;
}

.frame-layout-883 .marker-yellow {
    background: none;
    color: inherit;
    padding-left: 0;
    padding-right: 0;
    text-decoration: underline;
    text-decoration-color: #fcec01;
}