@charset "UTF-8";

/*@media only screen and (min-width:200px) and (max-width:3000px) {*/

/****************** GLOBAL-CODE *************************

GJV ** Hellgrün = #9dbd74 *** Dunkelgrün = #405430 *** Schwarzgrün = #2c3d1f ***/

body { margin: 0; background-color:#999999;}

.color-ABCF8E {color: #ABCF8E}
.color-AAAAAA {color: #AAAAAA}
.color-BBBBBB {color: #BBBBBB}
.color-CCCCCC {color: #CCCCCC}
.color-DDDDDD {color: #DDDDDD}
.color-000000 {color: #000000}
.color-FFFFFF {color: #ffffff}

.lato-hairline {font-family: lato-hairline; letter-spacing: normal;}
.lato-light {font-family: lato-light; letter-spacing: normal;}
.lato-regular {font-family: lato-regular; letter-spacing: normal;}
.lato-bold {font-family: lato-bold; letter-spacing: normal;}
.lato-black {font-family: lato-black; letter-spacing: normal;}

.fontsize-08em {font-size: 0.8em;}

.letterspacing-narrow {letter-spacing: -0.08em;}
.letterspacing-005 {letter-spacing: 0.05em;}

/*.lineheight-01 {line-height: 1.6em;}*/


/********** IMG-BILDER AUF KREIS BESCHNITTEN ************/

.roundcornerimg {border-radius: 50%;}
.roundcornerimg-2 {border-radius: 4px;}

/** BEISPIEL **
 <img data-u="image" src="bilder-kugelfoto/kugelfoto-01.jpg" class="roundcornerimg" alt="sliderfoto1" />
****/

/********** ALLGEMEINE IMG-STYLES **********************/

.align-img {vertical-align:-0.4em}

/********* REFERENZBOX FULL WIDE  -STYLES GLOBAL ******/

.refcorner-img {border-radius: 5px;}

/********** KACHEL-STYLES GLOBAL *********************/

.kachelcorner-img {border-radius: 0px 0px 10px 10px;}
.kachelcolor-navi {/*background-color: rgba(0,0,0,0.3);*/ background-color: #2c3d1f;}
.kachelcolor-ref {/*background-color: rgba(0,0,0,0.3);*/ background-color: #2c3d1f;}


/*********** TOGGLE AUFKLAPPBOX HTML5 ******************/

dd { display:none; }

/* T - R - B - L  */
.closed { 
	background: #1d2c11; 
	padding: 4px 6px 4px 6px;
	border-radius: 4px; }
	
.open { 
	background: #9abf7d;
	padding: 4px 6px 4px 6px;
	border-radius: 4px; }

/********** HINTERGRUND NEW-HTML-5 **************************/

.hintergrund-farbverlauf {
	position: fixed;
	background-color: rgba(157,189,116,1.0);
	/*not displayed in DW-CS6*/
	/*background: linear-gradient(to bottom, 
	rgba(126,163,207,1.0), rgba(68,88,113,1.0), rgba(0,0,0,1.0));*/
	background: linear-gradient(to bottom, 
	rgba(157,189,116,1.0), rgba(10,21,7,1.0));
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: auto;
	margin: 0 auto;
	top: 0%;
	bottom: 0%;
	left: 0;
	right: 0;
	overflow: hidden;
	z-index: 1;
}

/********** HINTERGRUND ALT-JPG *********************/

.hintergrund-verlauf {
	position: fixed;
	background-color: #000000;
	background-image: url(../03-background/background-gruenverlauf.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 0px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	top: 0%;
	bottom: 0%;
	left: 0;
	right: 0;
	overflow: hidden;
	z-index: 1;
}

/********** GRID ****************************/

#grid {
	background-image: url(../03-background/grid.png);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.15;
	z-index: 2;
}

/***************** FOOTER ****************/

.bottom-spacer {
	position: static;
	/*background-color: rgba(70,70,70,0.5);*/
	border-radius: 15px;
	max-width: 100%;
	height: 50px;
	display: inline-block;
	visibility: visible;
	z-index: 1000;
}

.footer {
	position: fixed;
	border-radius: 0px;
	bottom: 0%;
	margin-left: 0 auto;
	margin-right: 0 auto;
	left: 0;
	right: 0;
	max-width: 100%;
	min-width: 600px; /*Normalmass abzgl. Scrollbalkenbreite */
	height: 80px;
	z-index: 1000;
}

.footer-color {background-color: #405430;}
.footer-image {background-image: url(../03-background/verlauf-footer-80px.png);}
.footer-opacity {opacity: 1.0;}

/********** LINKS STANDARD  ***************************************/

a:link {text-decoration: none; color: #FFFFFF;}
a:hover {text-decoration: none; color: #9dbd74;}
a:active {text-decoration: none; color: #FFFFFF}
a:visited {text-decoration: none; color: #FFFFFF;}
.linkcolor {color: #9dbd74;}


/********** LINKS SUBLINES *****************************************/

.subline .linkcolor {text-decoration: none; color: #111111;}
.subline a:link {text-decoration: none; color: #AAAAAA;}
.subline a:hover {text-decoration: none; color: #9dbd74;}
.subline a:active {text-decoration: none; color: #AAAAAA; }
.subline a:visited {text-decoration: none; color: #AAAAAA;}

/******* ALLGEMEINE LISTEN-STYLES ****** 

*https://www.mediaevent.de/css/css-listen.html***/

ul { 
	/*** T-R-B-L *****/
	list-style: none; 
	line-height: 1.6em;
	padding: 0 0 0 0em;
	margin: 0 0 0 1.2em;
}

li { 
	/*** T-R-B-L *****/
	list-style: none;
	padding-left: 0.0em;
	margin-left: 0;
	list-style-image: url(../02-logos/arrow-right.png);
}

li.a { 
	/**** not in use ****/
	
	/*** T-R-B-L ****/ 
	list-style: none;
	padding: 0 0 0 1.5em;
	margin: 0 0 0 0em;
	list-style-image: url(../02-logos/arrow-left-blue.png);
	vertical-align:text-top;
}

/********** KONTAKT HOVER-STYLES*****************/

.icon-kontakt {
	background-color: #506C37;
	border-radius: 0.4em;
	position: static;
	/*** T-R-B-L *****/
	margin: -5px 10px 15px 0px;
	padding: 5px;
	height: 5%;
	width: auto;
	visibility: visible;
	z-index: 5;
}


.icon-hover {
	background-color: #8AED00;
	background-size: cover;
	z-index: 2;
	}
	
.icon-hover:hover {
	background-color: #C80004;
	background-size: cover;
	z-index: 2;
	} 
	
	



/********** ENDE KONTAKT HOVER-STYLES*****************/