@charset "utf-8";
/* CSS Document */


/* ****************** Schriften allgemein ****************** */
body{
   font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  color: #575757;
	line-height: 1.2;
}

a:hover, a:focus {
    text-decoration: none;
    color: #007695;
}

a {   color: #96c11f; }
.ce_text a {   color: #007695; }
.ce_text a:hover {   color: #96c11f; }


h1 {
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    color: #96c11f;
    line-height: 1;
    margin-bottom: 15px;
    margin-top: 0;
}

h2 {
    font-size: 24px;
	color: #96c11f;
	font-weight: 400;
    margin-bottom: 10px;
    margin-top: 0px;
	display: block;
}

h2.ce_headline { margin-bottom: 30px; }

.energiesparchecksonline #main h2.ce_headline {
    margin-bottom: 0;
    margin-top: 40px;
}

h2 a {
    font-size: 20px;
	color: #96c11f;
	font-weight: 400;
    margin-bottom: 10px;
    margin-top: 0px;
	display: block;
}

h3 {
    font-size: 20px;
    color: #96c11f;
	margin-top: 0;
	font-weight: 600;
}
.mod_hofff_shariff h3 { font-size: 15px; }

#footer h3 { color: #fff; font-size: 16px; font-weight: 400; }

h4{
	font-size: 18px;
    color: #96c11f;
	margin-top: 15px;
}



/* ****************** Schriften allgemein ENDE ****************** */


footer #kontaktfuss a { color: #fff; }
footer #kontaktfuss a:hover { color: #c2c2c2; }

footer #kontaktfuss li {
	color: #fff;
	background-color: #0E9318;
	border-radius: 10px;
	padding: 4px 12px 4px 15px;;
	font-style: normal;
	font-weight: 600;
	margin-bottom:10px;
}

footer .telefon:before {
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 800;
	content: "\f2a0";
	font-size: 27px;
	padding-right: 10px;
}

footer .email:before {
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 800;
	content: "\f0e0";
	font-size: 22px;
	padding-right: 10px;
}

footer .kontaktlink:before {
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 800;
	content: "\f075";
	font-size: 22px;
	padding-right: 10px;
}
footer #kontaktfuss .telefon { font-size: 25px; letter-spacing: 1px; }
footer #kontaktfuss .email { font-size: 17px; }
footer #kontaktfuss .kontaktlink { font-size: 17px; }


#main td { line-height: 1.4; }

.kontakt #main img { vertical-align: bottom; }

.dlh_googlemap { width: 100% !important; }

#main ul ul{ margin-bottom: 0; }
#main ul li { list-style-type: square;
	    line-height: 1.4;
/*	font-family: 'FontAwesome'; 
	content:"\f0c8" ; 
	color: #004389;
	font-size: 14px;*/
	 }

#main ol  {
	padding: 0 0px 7px 20px;
}

#main ol li {
	padding: 0 0 7px 0;
}

figcaption {
	background-color: #ececec;
    padding: 4px 5px;
    font-size: 12px;
    margin-bottom: 20px;
	}

.ce_text figure, .ce_gallery figure {
    display:table;
    margin:0;
}

.ce_text .figure img {
    max-width:100%;
}

figcaption {
    display:table-caption;
    line-height:18px;
    caption-side: bottom;
}

/* ******************* Eventbeschreibung ******************* */


/* ******************* Eventbeschreibung ENDE ******************* */

#einleitungevent {
background: url(../layout/bg/bg-bubble-7prozent.jpg) center center no-repeat;
    background-size: cover;
	background-attachment: fixed;
}

#eventbeschreibung h3 {
    font-size: 20px;
    text-align: left;
    color: #000;
    margin-top: 20px;
	margin-bottom: 15px;
}

#eventbeschreibung ul { padding-left: 27px; font-weight: 600; }

#eventbeschreibung ul li { 
	list-style-type: none;
	list-style-image: url("../layout/icons/check.png");
	padding-left: 10px;
	padding-bottom: 7px;
		
}

/*#eventbeschreibung ul li:nth-child(1),
#eventbeschreibung ul li:nth-child(2) {width: 40%; display: inline-block;}
#eventbeschreibung ul li:nth-child(3),
#eventbeschreibung ul li:nth-child(4) {width: 40%; display: inline-block;}*/

#koordinatorbox {
	background-color: #fff;
	border-radius: 15px;
	margin-top: 30px;
	margin-bottom: 50px;
	padding: 11px 20px 5px 20px;
	position: relative;
	}

#koordinatorbox p { padding-left: 40px; }

#koordinatorbox:before {
	position: absolute;
	top: 5px;
	left: 15px;
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	content: "\f1ae"; 
	font-size: 40px;
	color: #0e9318;
}

#steckbrief { 
	background-color: #fff;
	border-radius: 15px;
	padding: 20px;
      margin-bottom: 50px;
	max-width: 688px !important;
}

#steckbrief h2 {
    font-size: 28px;
    text-transform: none;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 0px;
    padding: 0 ;
}

#steckbrief ul { padding-left: 0;}

#steckbrief ul li { 
	list-style-type: none;
	font-weight: 600;	
}

#steckbrief a {
	padding-left: 20px;
	padding-right:20px;
	margin-top: 10px;
}

#steckbrief .spieleranzahl:before { 
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	content: "\f007"; 
	font-size: 20px;
	padding-right: 12px;
	color: #0e9318;
	width: 34px;
	display:inline-block;
}

#steckbrief .spielzeit:before { 
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	content: "\f1da"; 
	font-size: 20px;
	padding-right: 12px;
	color: #0e9318;
	width: 34px;
	display:inline-block;
}

#steckbrief .spielgroesse:before { 
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	content: "\f0b2"; 
	font-size: 20px;
	padding-right: 12px;
	color: #0e9318;
	width: 34px;
	display:inline-block;
}
#steckbrief .umgebung:before { 
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	content: "\f0e9"; 
	font-size: 20px;
	padding-right: 12px;
	color: #0e9318;
	width: 34px;
	display:inline-block;
}

#steckbrief .region:before { 
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	content: "\f3c5"; 
	font-size: 20px;
	padding-right: 12px;
	color: #0e9318;
	width: 34px;
	display:inline-block;
}

@media (max-width:767px) {
	#steckbrief {
		/*margin: 10px 15px;*/
		
	}
}


/* ******************* Colorbox ******************* */

#cboxOverlay { background: none repeat scroll 0 0 #fff !important; }
#cboxLoadedContent { border: 5px solid #fff !important; }
#cboxTitle { 
	color: #004389;
    left: 0;
    top: -20px;  }

#cboxContent { margin-top: 40px; }
#cboxCurrent { /*right: 15px; top: 10px;*/color: #004389; }
#cboxClose { top: 5px; }

/* ******************* Colorbox ENDE ******************* */


@media (max-width:590px)
{
	 
	 
}

@media (max-width:767px) {
	
	html { font-size:95%; } 
}


@media (min-width:768px) and (max-width:979px)
{
	html {font-size:90%;} 
	
}

@media (min-width:980px) and (max-width:1140px)
{
	
}