body p, body a, body ul li, body h1, body h2, body h3, body h4, .footer-hg h1 {font-family: Raleway; }
body p, body a {font-size:18px; line-height:2; color: #333 !important;}
body ul li {line-height:2; font-size:18px;}
body h1 {font-size:40px !important; color: #333;}
body h2 {font-size:26px !important; font-weight: 600; color: #333;}

body .footer-hg h1 {font-size:24px !important; font-weight:600;}


/* Verlinkung a */
.hover-link {position: relative; text-decoration: none; color: #01850d; }
.hover-link::after { content: ''; position: absolute; left: 0; bottom: -3px; /* 1mm tiefer als der Standardtext */ width: 0; height: 1px; /* Höhe des Unterstrichs */  transition: width 0.3s ease-in-out 0s; /* Startverzögerung von 0s */}

/*hellgrün*/
.hover-link-farbe1::after { background-color: #9ccd23; /* Farbe des Unterstrichs */}
a.hover-link-farbe1 { color: #9ccd23; /* Farbe des Links */}
a.hover-link-farbe1:hover { color: #9ccd23; /* Farbe des Links */}

/* dunkelgrün */
.hover-link-farbe2::after { background-color: #01850d; /* Farbe des Unterstrichs */}
a.hover-link-farbe2 { color: #01850d; /* Farbe des Links */}
a.hover-link-farbe2:hover { color: #01850d; /* Farbe des Links */}

.hover-link:hover::after {width: 100%;}



/* Hintergrund */
.navzeile {background-image: url("..//Bilder/Footer2-e.jpg") !important;}
.footer-hg {background-image: url("..//Bilder/Footer2-e.jpg") !important;}
.hintergrund {background-image: url("..//Bilder/HG-grau-e-.jpg"); background-attachment:fixed; }



a.button {padding: 10px 15px 10px 15px; border-radius: 5px;}
p.schatten {text-shadow: 1px 1px 1px #555;}




/* Infozeile */
.infozeile {background-color:#9ccd23; border-bottom: 2px solid #8fb431; height: 40px;}
body .infozeile a {line-height:1.5; color:#fff !important;}
body .infozeile p {color:#fff !important;}


/* Navigation */
.navbar .dropdown-menu a {color: #000000; font-size:14px; line-height:1.5em;}
.navbar .dropdown-menu a:hover {background-color: #9ccd23; color: #ffffff; font-size:14px; line-height:1.5em;}

.navbar-light .navbar-nav .nav-link {margin-right:0px; padding-left: 20px; color:#fff; font-size:20px; text-transform: capitalize; font-weight:400;}
.navbar-light .navbar-nav .nav-link:hover {color: #9ccd23;}


.nav-item a:hover {color: #9ccd23 !important;}
.nav-item a, a.nav-link {color: #fff !important;}
.nav-item a.dropdown-item {color: #000 !important;}
.nav-item a.dropdown-item:hover {color: #fff !important;}
.nav-link.active {color: #9ccd23 !important;}

body .dropdown-menu a.active {color:#fff !important; background-color: #9ccd23;}


/* mobile Navigation */

@media (max-width: 1150px) { .navbar-light .navbar-nav .nav-link {padding-left: 16px; font-size:16px; } }
@media (max-width: 990px) { .navbar-light .navbar-nav .nav-link {padding-left: 20px; font-size:20px; } }

.mobile_navigation {color:white; font-size: 30px; border: 0px solid white; padding:10px 10px 6px 10px;}

@media (max-width: 990px) { .navbar-nav {border-top: 1px solid white;} }


/* Homeseite */
a img.Kreis {border-radius:50%; border: 1px #fff solid; display: block; margin-left: auto; margin-right: auto; }
a img.Kreis:hover {border: 2px #9ccd23 solid;}


/* Referenzen */


  
 .gallery {
    text-align: center;
    margin: 20px auto;
    max-width: 2000px;
}

.gallery img {
    display: inline-block;
    margin: 5px;
    max-width: 100%;
    height: auto;
	
	 box-shadow: 5px 5px 8px #555;
}  



  

/* Slider */
body .owl-prev:hover {background-color: #9ccd23 !important; border: 1px solid white !important;}	/*Pfeile*/
body .owl-next:hover {background-color: #9ccd23 !important; border: 1px solid white !important;}	/*Pfeile*/

body h1.slider {font-size:50px !important;text-shadow: 1px 1px 1px black;}
@media (max-width: 1300px) { body h1.slider  {font-size:36px !important;}}
@media (max-width: 1000px) { body h1.slider  {font-size:32px !important;}}
@media (max-width: 768px)  { body h1.slider  {font-size:40px !important;}}
@media (max-width: 600px)  { body h1.slider  {font-size:34px !important;}}
@media (max-width: 500px)  { body h1.slider  {font-size:30px !important;}}
@media (max-width: 400px)  { body h1.slider  {font-size:26px !important;}}
@media (max-width: 300px)  { body h1.slider  {font-size:22px !important;}}


/* Standard Farbe */
a.farbe {color: #9ccd23;}

body a.weiss:hover {color:#ffffff !important;}
body a.weiss, body p.weiss {color: #ffffff !important;}


/* Footer */

.footer-hg {margin-top: -20px;}

body .footer a {color: #9ccd23; }
/*hellgrün*/
body .footer-hg .hover-link-farbe1::after { background-color: #9ccd23 !important;; /* Farbe des Unterstrichs */}
body .footer-hg a.hover-link-farbe1 { color: #9ccd23 !important;; /* Farbe des Links */}
body .footer-hg a.hover-link-farbe1:hover { color: #9ccd23 !important;; /* Farbe des Links */}
body .footer-hg p.weiss {color:#ffffff !important;}

body .footer-bild img {border-radius: 50%; display: block; margin-left: auto; margin-right: auto;}


h5.schwarz {color:#000;}


a.farbe-hg {background-color: #9ccd23;}
a.farbe-hg:hover {background-color: #01850d;}

a.breit:hover {letter-spacing: 0.5px;} /* Anpassen des Werts nach Bedarf */


/* Logo mobil */

@media (max-width: 768px) { .navbar-brand img { width: 250px; /* Smaller size for small screens */ } .infozeile p, .infozeile a {font-size: 16px; padding:4px;}}
@media (max-width: 500px) { .navbar-brand img { width: 200px; /* Smaller size for small screens */ } .infozeile p, .infozeile a {font-size: 14px; padding:6px;}}
@media (max-width: 400px) { .navbar-brand img { width: 150px; /* Smaller size for small screens */ } .infozeile p, .infozeile a {font-size: 12px; padding:8px;}}
    
.navbar-toggler { border-color: none; /* Weißer Rahmen für den Button */ }


.navbar-toggler:focus {
    text-decoration: none;
    outline: 0; 
	box-shadow: 0px 0px 0px white;}
	
.navbar-light .navbar-toggler {
    color: transparent;
	border-color: transparent;}

.navbar-toggler { border: 0px solid transparent; }



/* Kontaktformular */
textarea.rund {border-radius: 5px;}
input.rund {border-radius: 5px;}
span.rund {border-radius: 5px;}

button.btn-absenden {background-color:#9ccd23; border-radius:5px; border:0px;}
button.btn-absenden:hover {background-color:#01850d; border-radius:5px; border:0px;}

label {font-family:Raleway; font-size:14px;}


/* Parallex */
.parallax {
		/* The image used */
		background-image: url("..//Bilder/Home/Spruch/Himmel-e.jpg");
		  
		/*Set a specific height*/
		min-height: 500px;
		  
		/* Create the parallax scrolling effect */
		   background-attachment: fixed;
		   background-position: center;
		   background-repeat: no-repeat;
		   background-size: cover;
		}


h1.white, p.white {color:white;}
p.size-parallax {font-size:40px;}
@media (max-width: 1500px) { p.size-parallax {font-size:36px;}}
@media (max-width: 1000px) { p.size-parallax {font-size:32px;}}
@media (max-width: 767px) { p.size-parallax {font-size:28px;}}
@media (max-width: 575px) { p.size-parallax {font-size:24px;}}