#hofff-consent-banner{background-color:#dee2e6;bottom:0;box-sizing:border-box;left:0;max-height:100%;overflow-y:auto;position:fixed;width:100%;z-index:10000}#hofff-consent-banner .hofff-consent-outdated-note{font-size:.875rem}.hofff-consent-switch{display:inline-block!important}.hofff-consent-group-checkbox,.hofff-consent-tag-checkbox{transition:color .5s ease-in-out}.hofff-consent-feedback{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");background-position:left .5rem center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.5em + .375rem);display:inline-block!important;opacity:0;padding-left:1.5rem;transition:opacity .5s;width:auto!important}.is-valid~.hofff-consent-feedback{opacity:1}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/*---------------------------------------------------------------------
	Fonts
----------------------------------------------------------------------- */

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/template/fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../../files/template/fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/template/fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/template/fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/template/fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/template/fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/template/fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../../files/template/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/template/fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/template/fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/template/fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/template/fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/template/fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../../files/template/fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/template/fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/template/fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../files/template/fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/template/fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/template/fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../../files/template/fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/template/fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/template/fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/template/fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/template/fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* ======== Basics ============================== */
	*, body {
	  font-family: "Roboto", Arial, Helvetica, sans-serif;
	  font-size: 16px;
      color:#000;
	}


/* ======== Headlines ============================== */


h1 {
	font-size: 30px;
	line-height: 1.2em;
	margin-bottom: 40px;
	font-weight: 400;
}
h2, h2 a {
	font-size: 28px;
	line-height: 1.1em;
	margin-bottom: 20px;
	font-weight: 400;
}

h2 a {
	text-decoration: none;
}

h3, h3 a
{
	font-size: 22px;
	line-height: 1.1em;
	padding-bottom: 20px;
	text-transform: uppercase;
	font-weight: 400;
}

h4
{
	font-size: 22px;
	padding-bottom: 20px;
	font-weight: 400;
}

h6 {
	font-size: 18px;
	text-transform: uppercase;
	padding-bottom: 20px;
}


/* ======== Headline ============================================================================== */

#headline h1,
#headline h2
{
	margin:0;
	padding:0;
	color:#FFF;
}

/* ======== SUCHEFELD ============================== */	
	
	/* ------------ Textfeld -------------*/	

	#searchfield input.text
		{
		border:2px solid #dbdbce;
		background: transparent url(../../files/template/img/mod-search_input.png) repeat-x;
		color:#999999;
		font-weight:normal;
		}

		#searchfield input.text:hover  
			{
			background: transparent url(../../files/template/img/mod-search_input.png) 0 -25px repeat-x;
			}
		
		

	
/* ======== SUCHE ERGEBNISSSEITE ============================== */	
	
	/* ------------ Suchfeld -------------*/
	.mod_search input.text
		{
		width:50%;
		padding:1%;
		}
		
	/* ------------ Suchart -------------*/
	.mod_search #query_type
		{
		margin:10px 0px;
		}
		.mod_search #query_type span 
			{
			margin:5px 0px;
			margin-right:15px;
			vertical-align:middle;
			}
	
	/* ------------ Ergebnisbeschreibung -------------*/
	.mod_search p.header 
		{
		background-color:#FFF;
		border-bottom:1px dotted #a4a47f;
		color:#666666;
		padding:2px 4px;
		margin-bottom:5px;
		} 

	/* ------------ Hintergrundfarbe Ergebnisblock -------------*/

	.mod_search .odd, .mod_search .even
		{
		padding:10px;
		border-bottom:1px dotted #a4a47f;
		} 

	.mod_search .odd
		{
		background-color:#F4F4F4;
		
		} 
	.mod_search .even
		{
		background-color:#FFF;
		} 
	
	/* ------------ Textblock -------------*/
	
	.mod_search p.headline
		{
		margin:5px;	
		}
	
	.mod_search p.headline a
		{
		font-size:18px;
		text-decoration:none;
		}
			
	.mod_search p.context,
	.mod_search .headline span,
	.mod_search .url
		{
		}
		
		/* ------------ Gefundenes Suchwort -------------*/
	
		.mod_search .highlight
			{
			background-color:#FFFFCC;
			color:#333;
			padding:2px;
			}
		
		/* ------------ Zusätzliche Angaben -------------*/
		.mod_search .headline span,
		.mod_search .url, 
		.mod_search .filesize
			{
			color:#999;
			}
			
		.mod_search .url, 
		.mod_search .filesize
			{
			margin-top:10px;
			}

/************************************************
	Headline und Links
***********************************************/

/*------------ Basics ----------------*/

a, label {
    color: #00975F;
    text-decoration: none;
}

.ce_text a 					{ text-decoration: underline;}
#main .layout_short h2 a 	{ text-decoration: none;}

a:hover {
    color: #333;
    text-decoration: none;
}
strong {
    color:#00975F;
    font-weight: bold;
}

/*------------ Ueberschriften ----------------*/

h1 {color:#00975F; }

h2,
h2 a,
legend {color:#00975F;}

h3 { color:#00975F;}

/* ======== Border ============================================================================== */

.border-bottom
{
    border-bottom: 1px solid #f0eeeb;
    padding-bottom:40px;
    margin-bottom:60px;
}

/* ======== Color ============================================================================== */

.invisible { display: none;}

figure, img { margin:0; padding:0;}


/* ======== Content ============================== */

.ce_text,
.layout_short
{
    line-height: 1.6em;
    margin-bottom:20px;
}

#main .ce_text p
{
    margin-bottom:15px;
}

/* ======== Modules ============================== */

.toggler:hover { text-decoration:underline; }


#cboxLoadedContent {
    border: 5px solid #00975F;
    background: #fff;
}

/********************************************************************************************************************************
	Inhalte
*******************************************************************************************************************************/

/* ======== Button ============================================================================== */

.button_container
{
    padding:30px 0;
}

a.button
{
    border:1px solid #00935E;
    padding:5px 10px;
}

a.button:hover
{
    background-color: #00935E;
    color:#FFF;
}

body.hofff-consent-privacy-settings-open{overflow:hidden;position:relative}.hofff-consent-root-headline{font-size:1.75rem;font-weight:700}.hofff-consent-tag-title{font-size:1.5rem;font-weight:700}.hofff-consent-tag-collection .hofff-consent-tag-title{font-size:1.25rem}.hofff-consent-privacy-settings{clear:both}#hofff-consent-banner{background-color:#dee2e6;bottom:0;box-sizing:border-box;left:0;max-height:100%;overflow-y:auto;position:fixed;width:100%;z-index:10000}#hofff-consent-banner .hofff-consent-outdated-note{font-size:.93rem}#hofff-consent-banner{font-size:90%;padding:15px}#hofff-consent-banner .hofff-consent-banner-additional-content{clear:both;padding-top:15px}#hofff-consent-banner .hofff-consent-button,#hofff-consent-banner .hofff-consent-privacy-settings-url{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}#hofff-consent-banner .hofff-consent-button{background-color:transparent;border:1px solid transparent;cursor:pointer;display:inline-block;font-weight:400;margin:0;padding:.4rem .75rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}#hofff-consent-banner .hofff-consent-button-accept{background-color:#28a745;border-color:#28a745;color:#fff}#hofff-consent-banner .hofff-consent-button-accept:hover{background-color:#1e7e34;border-color:#1e7e34;color:#fff}#hofff-consent-banner .hofff-consent-button-revoke{background-color:#003056;border-color:#003056;color:#fff}#hofff-consent-banner .hofff-consent-button-revoke:hover{background-color:#001423;border-color:#001423;color:#fff}#hofff-consent-banner .hofff-consent-privacy-settings-url{color:#003056;display:inline-block;text-decoration:none}#hofff-consent-banner .hofff-consent-privacy-settings-url:before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22M16.41%2011.87a.94.94%200%2001.41%201.13%209.15%209.15%200%2001-1.67%202.58.92.92%200%2001-1.18.2l-1.14-.65a6.82%206.82%200%2001-2.14%201.24v1.33a.93.93%200%2001-.77.92%209%209%200%2001-3%200%201%201%200%2001-.78-.92v-1.32A6.82%206.82%200%20014%2015.14l-1.14.65a.92.92%200%2001-1.18-.21A9.17%209.17%200%2001.06%2013a.93.93%200%2001.41-1.14l1.3-.66a7%207%200%20010-2.49l-1.3-.65a.93.93%200%2001-.41-1.14%209.17%209.17%200%20011.65-2.57.92.92%200%20011.18-.21L4%204.8a6.66%206.66%200%20012.17-1.25V2.23a.93.93%200%2001.77-.92%209%209%200%20013%200%20.93.93%200%2001.78.92v1.32a6.82%206.82%200%20012.14%201.24L14%204.13a.93.93%200%20011.18.21%209.08%209.08%200%20011.62%202.58.94.94%200%2001-.39%201.14l-1.32.66a7%207%200%20010%202.49zm-10-4c-2.31%203%201.12%206.47%204.13%204.15C12.81%209%209.38%205.57%206.37%207.89zM19.69%208a.47.47%200%2001-.59.21%204.28%204.28%200%2001-1.26-.73.48.48%200%2001-.11-.61l.32-.56a3.37%203.37%200%2001-.62-1.07h-.64a.48.48%200%2001-.48-.41%204.41%204.41%200%20010-1.45.48.48%200%2001.48-.38h.64a3.26%203.26%200%2001.62-1.07l-.32-.56a.49.49%200%2001.11-.62A4.28%204.28%200%200119.1%200a.48.48%200%2001.59.21L20%20.8a3.63%203.63%200%20011.23%200l.33-.56a.47.47%200%2001.59-.24%204.16%204.16%200%20011.26.73.49.49%200%2001.11.62l-.32.56A3.26%203.26%200%200123.82%203h.64a.48.48%200%2001.48.4%204.47%204.47%200%20010%201.46.49.49%200%2001-.48.41h-.64a3.37%203.37%200%2001-.62%201.07l.32.56a.48.48%200%2001-.11.61%204.28%204.28%200%2001-1.26.73.46.46%200%2001-.58-.24l-.33-.56a3.18%203.18%200%2001-1.23%200zm0%2011.72a.48.48%200%2001-.59.21%204.28%204.28%200%2001-1.26-.73.49.49%200%2001-.11-.62l.32-.56a3.26%203.26%200%2001-.62-1.02h-.64a.48.48%200%2001-.48-.4%204.47%204.47%200%20010-1.46.49.49%200%2001.48-.41h.64a3.37%203.37%200%2001.62-1.07l-.32-.56a.49.49%200%2001.11-.62%204.49%204.49%200%20011.26-.72.47.47%200%2001.59.21l.32.56a3.18%203.18%200%20011.23%200l.33-.56a.46.46%200%2001.58-.21%204.35%204.35%200%20011.26.72.49.49%200%2001.11.62l-.32.56a3.37%203.37%200%2001.62%201.07h.64a.48.48%200%2001.48.41%204.41%204.41%200%20010%201.45.48.48%200%2001-.48.41h-.64a3.26%203.26%200%2001-.62%201.07l.32.56a.49.49%200%2001-.11.62%204.28%204.28%200%2001-1.26.73.47.47%200%2001-.58-.21l-.33-.56a3.63%203.63%200%2001-1.23%200zm2-16.65a1.46%201.46%200%2000-2.09%202.11%201.46%201.46%200%20002.06-2.07zm0%2011.71a1.46%201.46%200%2000-2.06%202.07%201.46%201.46%200%20002.03-2.03z%22%20fill%3D%22%23%7B%24primary%7D%22%2F%3E%3C%2Fsvg%3E");display:inline-block;padding-right:7.5px;vertical-align:middle}#hofff-consent-banner .hofff-consent-privacy-settings-url:hover{color:#001423}#hofff-consent-banner .hofff-consent-privacy-settings-url:hover:before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22M16.41%2011.87a.94.94%200%2001.41%201.13%209.15%209.15%200%2001-1.67%202.58.92.92%200%2001-1.18.2l-1.14-.65a6.82%206.82%200%2001-2.14%201.24v1.33a.93.93%200%2001-.77.92%209%209%200%2001-3%200%201%201%200%2001-.78-.92v-1.32A6.82%206.82%200%20014%2015.14l-1.14.65a.92.92%200%2001-1.18-.21A9.17%209.17%200%2001.06%2013a.93.93%200%2001.41-1.14l1.3-.66a7%207%200%20010-2.49l-1.3-.65a.93.93%200%2001-.41-1.14%209.17%209.17%200%20011.65-2.57.92.92%200%20011.18-.21L4%204.8a6.66%206.66%200%20012.17-1.25V2.23a.93.93%200%2001.77-.92%209%209%200%20013%200%20.93.93%200%2001.78.92v1.32a6.82%206.82%200%20012.14%201.24L14%204.13a.93.93%200%20011.18.21%209.08%209.08%200%20011.62%202.58.94.94%200%2001-.39%201.14l-1.32.66a7%207%200%20010%202.49zm-10-4c-2.31%203%201.12%206.47%204.13%204.15C12.81%209%209.38%205.57%206.37%207.89zM19.69%208a.47.47%200%2001-.59.21%204.28%204.28%200%2001-1.26-.73.48.48%200%2001-.11-.61l.32-.56a3.37%203.37%200%2001-.62-1.07h-.64a.48.48%200%2001-.48-.41%204.41%204.41%200%20010-1.45.48.48%200%2001.48-.38h.64a3.26%203.26%200%2001.62-1.07l-.32-.56a.49.49%200%2001.11-.62A4.28%204.28%200%200119.1%200a.48.48%200%2001.59.21L20%20.8a3.63%203.63%200%20011.23%200l.33-.56a.47.47%200%2001.59-.24%204.16%204.16%200%20011.26.73.49.49%200%2001.11.62l-.32.56A3.26%203.26%200%200123.82%203h.64a.48.48%200%2001.48.4%204.47%204.47%200%20010%201.46.49.49%200%2001-.48.41h-.64a3.37%203.37%200%2001-.62%201.07l.32.56a.48.48%200%2001-.11.61%204.28%204.28%200%2001-1.26.73.46.46%200%2001-.58-.24l-.33-.56a3.18%203.18%200%2001-1.23%200zm0%2011.72a.48.48%200%2001-.59.21%204.28%204.28%200%2001-1.26-.73.49.49%200%2001-.11-.62l.32-.56a3.26%203.26%200%2001-.62-1.02h-.64a.48.48%200%2001-.48-.4%204.47%204.47%200%20010-1.46.49.49%200%2001.48-.41h.64a3.37%203.37%200%2001.62-1.07l-.32-.56a.49.49%200%2001.11-.62%204.49%204.49%200%20011.26-.72.47.47%200%2001.59.21l.32.56a3.18%203.18%200%20011.23%200l.33-.56a.46.46%200%2001.58-.21%204.35%204.35%200%20011.26.72.49.49%200%2001.11.62l-.32.56a3.37%203.37%200%2001.62%201.07h.64a.48.48%200%2001.48.41%204.41%204.41%200%20010%201.45.48.48%200%2001-.48.41h-.64a3.26%203.26%200%2001-.62%201.07l.32.56a.49.49%200%2001-.11.62%204.28%204.28%200%2001-1.26.73.47.47%200%2001-.58-.21l-.33-.56a3.63%203.63%200%2001-1.23%200zm2-16.65a1.46%201.46%200%2000-2.09%202.11%201.46%201.46%200%20002.06-2.07zm0%2011.71a1.46%201.46%200%2000-2.06%202.07%201.46%201.46%200%20002.03-2.03z%22%20fill%3D%22%23%7Bdarken%28%24primary%2C%2010%25%29%7D%22%2F%3E%3C%2Fsvg%3E")}

.hofff-consent-root-text,
.hofff-consent-root-headline
{
	margin-bottom:20px;
}

#hofff-consent-banner .hofff-consent-button
{
	margin-bottom:20px;
}

.hofff-consent-privacy-settings-toggle
{
	padding:5px 10px;
	border-radius:0;
	border:1px solid #777;
}

    /* ======== Basics ============================== */

	* 			    { margin: 0; }
	html, body 	    { height: 100%; }
	#wrapper 	    { min-height:100%; }

    .custom         { z-index: 1; }
    .clear          { clear: both;}
    .show-mobile    { display: none;}
    .mobile         { display: none;}

    .float_left     { float: left;}

    /* ======== Header ============================== */

    /* ------------ Logo ------------- */
    #header #logo
    {
        float:left;
        width:30%;
        text-align: left;
        margin-top:15px;
        padding-bottom:20px;
    }

    #header .fixed #logo
    {
        margin-top:10px;
        padding-bottom:10px;
    }

    #header .fixed #logo img
    {
        max-width: 50% !important;
        height: auto;
    }

    /* ------------ Rechts ------------- */
    #header #infobox
    {
        margin-top:40px;
        width:28%;
        float:right;
    }

    #header .fixed #infobox
    {
        margin-top:25px;
        width:20%;
    }


    /* ------------ Rechts ------------- */
    #header #nav_main,
    #header #nav_sub
    {
        clear: both;
    }

    /* ------------ Float Panel ------------- */
    .float-panel {
        width:100%;
        background:#FFF;
        z-index:300;
        transform: translateZ(0);
        transition:all 0.5s; /* Effect for switching from .fixed to static */
    }


    .fixed
    {

        box-shadow:0 2px 6px rgba(0,0,0,0.2);
        animation:slide-down 0.7s;
        opacity:0.95;
    position:fixed; top:0; left:0;
    }

    @keyframes slide-down {
        0% {
            opacity: 0;
            transform: translateY(-100%);
        }
        100% {
            opacity: 0.9;
            transform: translateY(0);
        }
    }



    /* ---------------- For Animation on Scroll ---------------- */
    .slideanim {
        visibility:hidden;
        visibility:visible\9;/*For old IE browsers IE6-8 */
    }
    .slideanim.slide {visibility: visible; animation:slide 1s;}
    .slideanim::after {
        /* useful when its child elements are float:left; */
        content: "";
        display: table;
        clear: both;
    }

    @keyframes slide {
        0% {
            opacity: 0;
            transform: translateY(100%);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

/* ======== Teaser ============================== */

    #teaser_bild {
        position: relative;
        opacity: 1;
        width: 100%;
        max-height: 600px;
        height: auto;
        overflow: hidden;
    }

    #teaser_bild div img {
        position: relative;
        max-width: 160%;
        min-width: 100%;
        height:auto;
        margin-bottom: -6px;
    }

/* ======== Teaser ============================== */

    #headline
    {
        border-top:10px solid #FFF;
        padding:0.5em 0;
        clear: both;
    }

    #headline .ce_headline,
    #main .ce_text,
    #main .ce_image,
    #main .ce_headline,
    #main .button_container
    {
        padding-left:20px;
    }

    #main #callback .ce_headline
    {
        padding-left:0;
    }


/* ======== Content ============================== */
    .custom
    {
        padding-top:0;
        background-color: #FFF;
    }

    .custom.fixed_add
    {
        padding-top:300px;
    }

    /* ------------ Container ------------- */

    #container {
        min-height: 350px;
        padding-top:40px;
        padding-bottom: 20px;
        clear:both;
     }

    .startseite #container
    {
        padding-top:50px;
        border-top:1px solid #00935E;
        min-height: 0;
    }

    .no_min_height #container {
        min-height: 0;
    }



    .inhalte {
        margin-bottom:100px;
    }


    .raster2 > div:nth-of-type(1)
    {
        float:left;
        width:49%;
    }

    .raster2 > div:nth-of-type(2)
    {
        float:right;
        width:49%;
    }

    #text_callback
    {
        width:60%;
    }

    .startseite #text .ce_text
    {
        width:69%;
        margin:0 auto;
    }

    .rechts
    {
        float:right;
    }


/* ======== Footer ============================== */

    #footer
    {
        clear: both;
        padding-bottom:20px;
    }


    /* ------------ Layout ------------- */

    #navfooter {text-align: right; }

    #footer a,
    #footer p
    {
        font-size:14px;
    }

/* ======== Content Elements ============================== */

/* ------------ List ------------ */

.ce_text ul
{ list-style: none; margin-left:-8px;}

.ce_text li:before {
    font-family: 'FontAwesome';
    content: '\f04d';
    margin:0 15px 0 -30px;
    vertical-align: top;
    padding: 0;
    font-size: 12px;
    color: #B2B2B2;
}

/* ------------ Table ------------ */
.ce_table table {
    border-top: 1px solid #cccccc;
}
.ce_table td {
    padding: 6px 12px;

    border-bottom: 1px solid #cccccc;
}
.ce_table th {
    padding: 2px 8px;
    background-color: #e6e6e6;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

/* ------------ Image gallery ------------ */
.ce_gallery table {
    width: 100%;
}
.ce_gallery td {
    text-align: center;
    vertical-align: middle;
}


/* ------------ Akkordeon ------------ */
.toggler
{
    cursor:pointer;
}



/* ------------ Download ------------ */
html>body .mime_icon {
    top: -1px;
    position: relative;
}

.ce_download img { vertical-align:middle;}

/* ======== Error Page ============================== */
#page404 .ce_text,
#page403 .ce_text
{
    margin-top:20px;
    padding-top:10px;
    padding-bottom:20px;
    line-height:18px;
}



/* ======== Buttons ============================== */

/* ------------ Paginierung -------------*/
.pagination
{
    margin:50px 0;
}

.pagination p
{
    float:left;
    padding:7px 0;
    width:120px;
}

.pagination ul
{
    list-style: none;
    float:right;
    margin:0;
    padding:0;
    text-align:right;
}

.pagination li
{
    display: inline;
    float: left;
    padding:0 5px;
}


/* ------------ Back and More ------------ */
p.back a,
p.more a { padding:4px 0;	}


/* ------------ PDF Print ------------ */
.pdf_link { float:right;  }
.pdf_link a
{
    color:#999;
    padding:2px 5px;
    padding-left:20px;
    background:transparent url(../../files/template/img/icon_pdf.png) left center no-repeat;
}

/* ======== Formulare ============================== */
fieldset
{
    padding:20px 30px;
    margin:0;
    display:block;
    border:1px solid #CCC;
}

fieldset fieldset
{
    border:none;
    padding:0;
}

.formborder.g2.margin-right
{
    margin-right:5%;
    width:45%;
}


form.kontakt
{
    padding:0;
    margin:0;
}

form legend { padding:10px; padding-top: 0;}

.kontaktseite form.kontakt label
{
    padding-left:0;
    padding-top:5px;
    padding-bottom:15px;
    vertical-align:middle;
    display: block;
}

.kontaktseite form input.text,
.kontaktseite form input.captcha,
.mod_routenplaner input#routenplaner_start,
.mod_routenplaner input#routenplaner_end
{
    width:90%;
    padding:10px;

    background:#E9DACE;
    border:none;
}

.mod_routenplaner input#routenplaner_start,
.mod_routenplaner input#routenplaner_end {width:300px; margin:2px;}

form input.captcha { width:50px;}


form input.text,
form input.captcha  {margin-bottom: 4px;}

form select
{
    padding:3px;
    margin:7px 0;
}
.kontaktseite form textarea
{
    width:90%;
    height: 100px;
    background:#E9DACE;
    border:none;
    padding:10px;
}

form .checkbox_container span
{
    display:block;
    margin:3px 0;
}
form p.error
{
    padding-left:25px;
    padding-bottom:10px;
    background: transparent url(../../files/template/img/icon_error.png) no-repeat;
}

form .text.error,
form .textarea.error,
form .captcha.error  { border-color:#990000; background-color:#FFEFEF}

form .explanation {padding-top:10px;}

/* ======== Formular Anpassungen ============================== */
form input.submit,
.mod_search form input.submit
{
    margin-top:20px;
    color: #FFF;
    background-color: #00935E;
    font-size: 16px;
    border: 0;
    padding: 2% 5%;
    text-align: center;
    text-decoration: none;
}

.mod_search form input.submit
{
    margin-top:20px;
    color: #FFF;
    background-color: #00935E;
    font-size: 16px;
    border: 0;
    padding: 1% 1%;
    text-align: center;
    text-decoration: none;
}


/* ======== Formular Anpassungen ============================== */

form.kontakt .radioboxes label {float:none; padding-right:10px; padding-top:0px;}
form.kontakt .radioboxes .radio { margin-top:10px;}

form .widget
{
    margin-bottom:5px;
}



/* ======== Grid ============================================================================== */

.p30 { width:30%; }
.p40 { width:40%; }
.p50 { width:50%; }
.p60 { width:60%; }
.p70 { width:70%; }

.g2 { width:50%; }
.g2mr { width:49%; margin-right:1%}


.fleft,
.g2 { float:left; }

.fright{ float:right; }
/*---------------------------------------------------------------------
	Navigationselemente
----------------------------------------------------------------------- */
#nav_main,
#nav_sub,
#nav_main ul,
#nav_sub ul
{
	margin:0;
	padding:0;
}

/* ======== nav_main ============================== */

#nav_main li { display: inline;}

#nav_main li a,
#nav_main span
{
	float: left;
	font-size: 22px;
	color:#00935E;
	text-align: center;
	text-transform: uppercase;

	padding:0.5em 1em;
}

#header .fixed #nav_main li a,
#header .fixed #nav_main span
{
	font-size: 16px;
}


#nav_main li a:hover,
#nav_main li a.trail,
#nav_main span
{
	color: #FFF;
	background-color: #B2B2B2;
}

/* ======== nav_sub ============================== */
#nav_sub ul {
	list-style: outside none none;
	margin: 0 auto;
	margin-left:-60px;
	text-align: center;
	padding:0.5em 1em;
}

#nav_sub li { display: inline;}

#nav_sub li a,
#nav_sub span
{
	text-transform: uppercase;
	font-size: 22px;
	color:#FFF;
	margin:0 20px;
}

#header .fixed #nav_sub li a,
#header .fixed #nav_sub span
{
	font-size: 16px;
}


#nav_sub li a:hover,
#nav_sub span
{
	color: #00935E;

}
/* ======== Footer ============================== */

#navfooter ul {
	padding: 0;
	margin-right: 10px;
}
#navfooter li {
	display: inline;
}
#navfooter li a,
#navfooter span.active {
	color: #FFF;
	float: right;
	margin-left: 40px;
	font-size: 22px;

}

#navfooter span
{
	color:#FFF;
}


/************************************************
	Style
***********************************************/

/* ======== Layout ============================================================================== */

#wrapper,
#headline{ background-color: #00975F;}

#header,
#container { background-color: #FFF;}

#header #nav_main { border-top: 1px solid #00975F; background-color: #FFF;}
#header #nav_sub { background-color: #B2B2B2}

#teaserbereich {border-top:10px solid #FFF; background-color: #E9DACE}

#footer .mod_article { background-color: #FFF}
#footer #footer_nav { border-top:1px solid #f0e8db; padding:10px 0;}



/* ======== Header ============================================================================== */

#infobox i
{
    padding-right:15px;
}

#infobox #filiale_button i
{
    padding-right: 12px;
}

#infobox ul
{
   padding-top:20px;
}

#header .fixed #infobox ul
{
    padding-top:5px;
}


#infobox strong,
#infobox p,
#infobox li
{
    color:#00935E;
    font-size: 22px;
}

#header .fixed #infobox strong,
#header .fixed #infobox p,
#header .fixed #infobox li
{
    font-size: 15px;
    line-height: 1.2em;
}



/* ======== Teaser Bereiche ============================================================================== */

#buttons_bereiche
{
    margin-bottom:80px;
}

/* ------------ Fläche ------------- */

#buttons_bereiche a
{
    width:20%;
    min-height: 80px;
    padding:2% 2%;
    background-color: #f0e8db;
    margin-right: 1%;
    float: left;
    text-decoration: none;
    color:#806d4d;
    text-align: center;
}

#buttons_bereiche a:hover
{
    background-color: #ec6504;
    color:#FFF;

    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);


    -webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    -o-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}

#buttons_bereiche .first a
{
    margin-left: 1%;
    width:19%;
}

/* ------------ Text ------------- */

#buttons_bereiche p
{
    color:#a59987;
    font-family: "sansationbold", Arial, Helvetica, sans-serif;
}

#buttons_bereiche p.headline
{
    margin-bottom:5px;
    font-size:36px;
    color:#806d4d;
}

#buttons_bereiche a:hover p
{
    color:#FFF;

    -webkit-transition: color 250ms linear;
    -moz-transition: color 250ms linear;
    -o-transition: color 250ms linear;
    -ms-transition: color 250ms linear;
    transition: color 250ms linear;
}


/* ======== Callback ============================================================================== */

#callback
{
    padding: 30px;
    margin-left: 30px;
    margin-right: 30px;
    border:2px solid #00935E;
    background-color: rgba(255,255,255,0.9);
    float: right;
    width:25%;
    margin-top:-200px;
    position: relative;
}

#callback .ce_headline
{
    margin-bottom:10px;
}

#callback .ce_text
{
    margin-top:30px;
    padding-left: 0;
}

#callback .ce_hyperlink
{
text-decoration: underline;
    text-align: right;
}

#callback form input.text
{
    width:90%;
    padding: 4%;

}

#callback form input.submit
{
    margin-top:0;
}



.right_container
{
    padding: 0;
    margin-left: 0;
    margin-right: 100px;
    float: right;
    width:25%;
    margin-top:-200px;
    position: relative;
}

.right_container #callback
{
    margin-left: 0;
    margin-right: 0;
    float: none;
    width:100%;
    margin-top:0;
    position: relative;
}


/* ======== Kacheln ============================================================================== */

#footer .kachel_bg
{
    background-color: #E9DACE;
}

.kachel_bg.startseite
{
    margin-top:-60px;
    height:200px;
}

.kachel_bg.unterseite
{
    height:300px;
}


.kacheln h2
{
    margin-bottom: 0;
}
.kacheln .ce_text
{
    margin:0;
    padding:0;
}

.kacheln .ce_text a
{
    margin-bottom:0;
    background-color: #E9DACE;
    float: left;
    text-align: center;
    text-decoration: none;
}

.kacheln .ce_text p:before {
    font-family: 'FontAwesome';
    content: '\f04d';
    margin-right:15px;
    vertical-align: top;
    padding: 0;
    font-size: 16px;
    color: #00935E;
}

.kacheln .ce_text a:hover
{
    background-color: #00935E;
    color:#FFF;
}

#footer .kacheln.vier .ce_text p
{
    margin-top:15px;
    margin-bottom:10px;
    font-size: 26px;
}

#footer .kacheln.drei .ce_text p
{
    margin-top:35px;
    margin-bottom:10px;
    font-size: 30px;
}

.kacheln.vier .ce_text a
 {
    width:18%;
    margin-right: 19px;
    padding:30px 20px;
    border:14px solid #FFF;
 }

.kacheln.drei .ce_text a
{
    width:22%;
    margin-right: 40px;
    padding:60px 30px;
    border:20px solid #FFF;
}

.kacheln.oben
{

}

.kacheln.unten
{
    padding-bottom:200px;
}

.kacheln.oben .ce_text a
{
    margin-bottom: -90px;
}


.kacheln.unten .ce_text a
{
    margin-top: -90px;
}


/* ======== Refrenzen ============================================================================== */
#referenzen
{
    padding-bottom:150px;
    padding-top:100px;
}

#referenzen .ce_text
{
    margin-right:80px;
    float: left;
}

#referenzen .ce_text:nth-child(3n+3) {
    margin-right:0;
}

#referenzen a
{
    text-decoration: none;
}

#referenzen a:hover
{
    text-decoration: none;
}

#referenzen .title
{
   margin-top:-85px;
   background-color: rgba(0,147,94,0.7);
   padding: 10px 0;
   padding-bottom: 1px;
   color:#FFF;
   font-size:20px;
    width:100%;
    z-index: 999;
    position: relative;

}


#main #referenzen .title p
{
    color:#FFF;
    padding-left: 20px;
    text-decoration: none;
    font-size:13px;
}

#main #referenzen .title strong
{
    color:#FFF;
}

#referenzen_details .ce_gallery ul
{
    margin:0;
    padding:0;
    padding-left: 20px;
}

#referenzen_details .ce_gallery li
{
    list-style: none;
    float:left;
    margin-right:100px;
    margin-bottom:100px;
}



#referenzen_details .ce_gallery li:nth-child(3n+3) {
    margin-right:0;
}

/********************************************************************************************************************************
	Inhalte
*******************************************************************************************************************************/


/* ======== Startseite ============================================================================== */


.startseite #main
{
    text-align: center;
}


.grid_2 
{
	width:50%;
}

.grid_2 .ce_image
{
	width:42%;
	height:200px;
    margin-left:20px;
	float:left;
	text-align:left;
}

.image_left 
{
	padding-right:120px;
	margin-top:-50px;
}


/* ======== Kontaktseite ============================================================================== */



.kontaktseite .links
{
    width:45%;
    float: left;
}

.kontaktseite .links figure
{
margin-right:20px;
}


.kontaktseite .rechts
{
    width:55%;
    float: right;
}

.kontaktseite #main .rechts .ce_text
{
    padding-left: 0;
}

.kontaktseite form p,
.kontaktseite form span{ color:#00935E;}

.kontaktseite #maps
{
    padding-top:50px;
}


#button_azubi {
	margin-top:0;
} 

#button_azubi .image_left {
	margin-top:0;
}

/* ======== Kontaktseite ============================================================================== */
#umfrage
{
	border-top:1px solid #00935E;
	border-bottom:1px solid #00935E;
	padding:20px 0;
	width:50%;
	text-align:center;
	margin:20px auto;
}

#umfrage p
{
	color:#00935E;
}


/* ======== Desktop - Center an limit width to 1280px ============================== */


@media screen and (min-width: 1280px){

    #header #top_container,
    #header #nav_main ul,
    #header #nav_sub ul,
    #teaserbereich .inside,
    #headline .inside,
    #main,
    #footer .mod_article.kacheln .inside,
    #footer #footer_nav .inside,
    .referenzen #footer .inside,
    .referenzen-details .mod_article .inside
    {
        width:1280px;
        margin:0 auto;
    }

}

/* ======== Desktop - Settings for resolution below 1280px ============================== */

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

    #main { padding-left: 20px;  padding-right: 20px;}

    *, body {
        font-size: 16px;
    }

    form.kontakt label
    {
        padding-left:0;
        padding-top:5px;
        width:80%;
        float:none;
        vertical-align:middle;
        display: block;
    }


    form input.text,
    form input.captcha,
    .mod_routenplaner input#routenplaner_start,
    .mod_routenplaner input#routenplaner_end
    {
        width:100%;
        padding:4px;

        background:#FFF;
        border:1px #999 solid;
    }

    .layout_short
    {
        width:45%;
        margin-bottom:50px;
    }


    #header #nav_main li a,
    #header #nav_main span,
    #header #nav_sub li a,
    #header #nav_sub span
    {
        font-size: 17px;
    }

    .mod_article.kacheln
    {
        padding-left:20px;
    }

    .kacheln.vier .ce_text a
    {
        width:14%;
        margin-right: 15px;
        padding:30px 20px;
        border:14px solid #FFF;
    }

    .kacheln.drei .ce_text a
    {
        width:22%;
        margin-right: 20px;
        padding:60px 20px;
        border:15px solid #FFF;
    }

    #footer .kacheln.vier .ce_text p
    {
        margin-top:15px;
        margin-bottom:10px;
        font-size: 18px;
    }

    #footer .kacheln.drei .ce_text p
    {
        margin-top:35px;
        margin-bottom:10px;
        font-size: 22px;
    }

}



/* ======== Tablet - 768px to 1280px ============================== */

@media screen and (min-width: 300px) and (max-width: 959px){

    #header #nav_main li a,
    #header #nav_main span,
    #header #nav_sub li a,
    #header #nav_sub span
    {
        font-size: 15px;
    }

    #header .fixed #infobox
    {
        margin-top:25px;
        width:30%;
    }

    #headline
    {
        padding-left:20px;
    }

    #infobox strong,
    #infobox p,
    #infobox li
    {
        font-size: 18px;
    }

    .mod_article.kacheln
    {
        padding-left:20px;
    }

    .kacheln.vier .ce_text a
    {
        width:35%;
        margin-right: 19px;
        padding:30px 20px;
        border:14px solid #FFF;
    }

    .kacheln.drei .ce_text a
    {
        width:22%;
        margin-right: 20px;
        padding:60px 20px;
        border:15px solid #FFF;
    }

    #footer .kacheln.vier .ce_text p
    {
        margin-top:15px;
        margin-bottom:10px;
        font-size: 18px;
    }

    #footer .kacheln.drei .ce_text p
    {
        margin-top:35px;
        margin-bottom:10px;
        font-size: 22px;
    }
}

/* ======== Tablet - 768px to 1280px ============================== */

@media screen and (min-width: 959px) and (max-width: 1024px){

    #headline
    {
        padding-left:20px;
    }

    #infobox strong,
    #infobox p,
    #infobox li
    {
        font-size: 18px;
    }

    #header .fixed #infobox
    {
        margin-top:25px;
        width:27%;
    }

    #header #logo,
    #header .fixed #logo
    {
margin-left:20px;
    }

    .mod_article.kacheln
    {
        padding-left:20px;
    }

    .kacheln.vier .ce_text a
    {
        width:15%;
        margin-right: 15px;
        padding:30px 20px;
        border:14px solid #FFF;
    }

    .kacheln.drei .ce_text a
    {
        width:22%;
        margin-right: 20px;
        padding:60px 20px;
        border:15px solid #FFF;
    }

    #footer .kacheln.vier .ce_text p
    {
        margin-top:15px;
        margin-bottom:10px;
        font-size: 18px;
    }

    #footer .kacheln.drei .ce_text p
    {
        margin-top:35px;
        margin-bottom:10px;
        font-size: 22px;
    }
}

/* ======== Tablet - 960px to 1280px ============================== */

@media screen and (min-width: 1024px) and (max-width: 1279px){


    .inhalte img
    {
        max-width: 95% !important;
        height: auto;
    }
}

/* ======== Desktop - 1280px to 1600px ============================== */

@media screen and (min-width: 1280px) and (max-width: 1600px){


}

/* ======== Desktop - 1600px to Full HD ============================== */

@media screen and (min-width: 1601px) and (max-width: 1900px){


}

/* ======== Desktop - Full HD ============================== */

@media screen and (min-width: 1901px){

}


/* ======== Desktop - Center an limit width to 1280px ============================== */


@media screen and (min-width: 600px) and (max-width: 1900px){


    #teaser_bild div img {
        max-width: 99% !important;
        height: auto;
    }

}