/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#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/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background: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/jquery/colorbox/1.6.1/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/jquery/colorbox/1.6.1/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/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/*
  Simple Grid
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - http://dallasbass.com
*/


[class*='grid'],
[class*='col-'],
[class*='mobile-'],
.grid:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

[class*='col-'] {
	float: left;
  	min-height: 1px;
	padding-right: 20px; /* column-space */
}

[class*='col-'] [class*='col-']:last-child {
	padding-right: 0;
}

.grid {
	width: 100%;
	max-width: 1190px;
	min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding-top: 20px;
	padding-left: 20px; /* grid-space to left */
	padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}

/* Pushing blocks */

.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
	margin-left: 50%;
}

.push-1-3, .push-4-12 {
	margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
	margin-left: 25%;
}

.push-1-5 {
	margin-left: 20%;
}

.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}

.push-1-7 {
	margin-left: 14.28%;
}

.push-1-8 {
	margin-left: 12.5%;
}

.push-1-9 {
	margin-left: 11.1%;
}

.push-1-10 {
	margin-left: 10%;
}

.push-1-11 {
	margin-left: 9.09%;
}

.push-1-12 {
	margin-left: 8.33%
}

@media handheld, only screen and (max-width: 767px) {
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 20px; /* grid-space to left */
		padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
	}

	[class*='col-'] {
		width: auto;
		float: none;
		margin: 10px 0;
		padding-left: 0;
		padding-right: 10px; /* column-space */
	}

	[class*='col-'] [class*='col-'] {
		padding-right: 0;
	}

	/* Mobile Layout */

	[class*='mobile-col-'] {
		float: left;
		margin: 0 0 10px;
		padding-left: 0;
		padding-right: 10px; /* column-space */
		padding-bottom: 0;
	}

	.mobile-col-1-1 {
		width: 100%;
	}
	.mobile-col-2-3, .mobile-col-8-12 {
		width: 66.66%;
	}

	.mobile-col-1-2, .mobile-col-6-12 {
		width: 50%;
	}

	.mobile-col-1-3, .mobile-col-4-12 {
		width: 33.33%;
	}

	.mobile-col-1-4, .mobile-col-3-12 {
		width: 25%;
	}

	.mobile-col-1-5 {
		width: 20%;
	}

	.mobile-col-1-6, .mobile-col-2-12 {
		width: 16.667%;
	}

	.mobile-col-1-7 {
		width: 14.28%;
	}

	.mobile-col-1-8 {
		width: 12.5%;
	}

	.mobile-col-1-9 {
		width: 11.1%;
	}

	.mobile-col-1-10 {
		width: 10%;
	}

	.mobile-col-1-11 {
		width: 9.09%;
	}

	.mobile-col-1-12 {
		width: 8.33%
	}

	/* Layout Columns */

	.mobile-col-11-12 {
		width: 91.66%
	}

	.mobile-col-10-12 {
		width: 83.333%;
	}

	.mobile-col-9-12 {
		width: 75%;
	}

	.mobile-col-5-12 {
		width: 41.66%;
	}

	.mobile-col-7-12 {
		width: 58.33%
	}

	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}
}

@media handheld, only screen and (min-width: 767px) and (max-width: 998px) {

.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 20px; /* grid-space to left */
		padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
	}

	[class*='col-'] {
		width: auto;
		float: none;
		margin: 10px 0;
		padding-left: 0;
		padding-right: 10px; /* column-space */
	}

	[class*='col-'] [class*='col-'] {
		padding-right: 0;
	}

	/* Mobile Layout */

	[class*='tablet-col-'] {
		float: left;
		margin: 0 0 10px;
		padding-left: 0;
		padding-right: 10px; /* column-space */
		padding-bottom: 0;
	}

	.tablet-col-1-1 {
		width: 100%;
	}
	.tablet-col-2-3, .mobile-col-8-12 {
		width: 66.66%;
	}

	.tablet-col-1-2, .tablet-col-6-12 {
		width: 50%;
	}

	.tablet-col-1-3, .tablet-col-4-12 {
		width: 33.33%;
	}

	.tablet-col-1-4, .tablet-col-3-12 {
		width: 25%;
	}

	.tablet-col-1-5 {
		width: 20%;
	}

	.tablet-col-1-6, .tablet-col-2-12 {
		width: 16.667%;
	}

	.tablet-col-1-7 {
		width: 14.28%;
	}

	.tablet-col-1-8 {
		width: 12.5%;
	}

	.tablet-col-1-9 {
		width: 11.1%;
	}

	.tablet-col-1-10 {
		width: 10%;
	}

	.tablet-col-1-11 {
		width: 9.09%;
	}

	.tablet-col-1-12 {
		width: 8.33%
	}

	/* Layout Columns */

	.tablet-col-11-12 {
		width: 91.66%
	}

	.tablet-col-10-12 {
		width: 83.333%;
	}

	.tablet-col-9-12 {
		width: 75%;
	}

	.tablet-col-5-12 {
		width: 41.66%;
	}

	.tablet-col-7-12 {
		width: 58.33%
	}

}

/* Schrift */

@font-face {
    font-family: 'chalkdusterregular';
    src: url("../../files/layout/assets/font/chalkduster-webfont.eot");
    src: url("../../files/layout/assets/font/chalkduster-webfont.eot?#iefix") format('embedded-opentype'),
         url("../../files/layout/assets/font/chalkduster-webfont.woff") format('woff'),
         url("../../files/layout/assets/font/chalkduster-webfont.ttf") format('truetype'),
         url("../../files/layout/assets/font/chalkduster-webfont.svg#chalkdusterregular") format('svg');
    font-weight: normal;
    font-style: normal;

} 

.chalkduster {
	font-family:'chalkdusterregular';
}

/* Allgemein */

body {
	 font-family: "metronic-slab",serif;
	 font-size: 16px;
	 font-weight: 100;
}

img {
    max-width: 100%;
    height: auto;
}

a {
	color: #45754c;
	text-decoration: none;
}

h1 {
	font-size: 34px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 14px;
}

/* Grid Anpassungen */

.grid .grid {
	min-width:100%;
}

.col-last-child {
    padding-right: 0;
}

/* Abstand zwischen Artikel */

#container .mod_article, #header .mod_pageImage {
    margin-bottom: 20px;
}

/* Mobile Navigation */

.menu-link:link,
.menu-link:visited {
    color: #45754c;
    padding: 15px;
	font-size: 25px;
	display: inline-block;
}

.panel {
  background: #e6e6e6;
  z-index: 9999;
  position: fixed;
  right: -15.625em; /*or width of your navigation panel*/
  width: 15.625em; /*should match the above value*/
  overflow-y: scroll;
}

.panel ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.panel a, .panel span.active, .panel span.forward, .panel span.trail {
  display: block;
  border-bottom: 2px solid #45754c;
  padding: 1em;
}

.panel ul li {
    position: relative;
}

.panel li a {
  color: #000;
}

.panel span.active {
  background: #45754c;
  color: #fff;
}

.panel .forward .content:hover .level-toggler {
	background: none;
	color:#000;
}

.panel .level-toggler {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 35px;
    cursor: pointer;
    font-weight: 100;
    padding: 7px 19px;
}

.panel .level_2 {
	background: #f1f1f1; 
}

.panel .level_3 {
	background: #fff; 
}

.nav-icon {
  margin-right: 6px;
}

.wrap {
    position: relative;
}

.mobile-navigation .mod_randomImage {
    position: absolute;
}

/* Header */

#header *, #header {
    z-index: 1;
}

#header div {
    overflow: visible;
}

#header .logo {
    position: relative;
    z-index: 100;
}

#header .logo img {
    position: absolute;
    z-index: 1000;
	left: 0;
	padding: 0 10px 10px 10px;
	background: #fff;
    border-radius: 2px;
}

#header .logo-mobile .image_container {
	padding: 0 5px 5px 5px;
	background: #fff;
    display: block;
    line-height: 0;
    border-radius: 2px;
}

#header ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}


/* Navigation */

#header .navi {
    padding-left: 25px;
}

#header .top-navi ul {
    text-align: right;
}

#header .top-navi li, #header .navi li {
    display: inline-block;
}

#header .top-navi li a, #header .navi li a, #header .top-navi ul li span.active {
    text-decoration: none;
    color: #000;
	margin-right:10px;
}

#header .top-navi li a:hover,  #header .navi li a:hover, #header .navi ul li span.active , #header .top-navi ul li span.active  {
    color: #45754c;
}

#header .navi ul li a, #header .navi ul li span.active {
	font-size: 20px;
	margin-right:20px;
}

/* Header Suche */

#header .search-box {
    text-align: right;
}

#header .search-box input.text {
	color: #222;
	position:relative;
	z-index:5;
	transition: z-index 0.8s, width 0.5s, background 0.3s ease, border 0.3s;
	width: 0;
	margin: 0;
	padding: 5px 0 5px 40px;
	box-sizing: border-box;
	font-size: 16px;
	font-size: 1rem;
	cursor: pointer;
	border: 1px solid transparent;
	/*background: url("../../files/layout/assets/css/search.png") no-repeat left 9px center transparent;*/
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI3My41MjVweCIgaGVpZ2h0PSI3NC41ODhweCIgdmlld0JveD0iMCAwIDczLjUyNSA3NC41ODgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDczLjUyNSA3NC41ODg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7IiBkPSJNNzIuODQ2LDE4LjQ5MWMtMC42NzYtMy4xMjItMi4wMTctNS45NDktMy44OC04LjU0MWMtMi4xNTMtMi45OTYtNC44NzEtNS4zNTktOC4wOTktNy4xMUM1OC4wMTQsMS4yOTIsNTQuOTM0LDAuNDIsNTEuNywwLjEwM0M1MS41MDUsMC4wODMsNTEuMzE1LDAuMDM1LDUxLjEyMiwwaC0zLjA5OWMtMC4xMTQsMC4wMjktMC4yMjYsMC4wNzQtMC4zNDIsMC4wODRDNDQuMDM2LDAuNDMsNDAuNjE0LDEuNDU4LDM3LjQ1LDMuMzM1Yy0zLjcyMiwyLjIwOC02LjY0Niw1LjE4OC04Ljc1Niw4Ljk1M2MtMi42MTIsNC42NTgtMy41MTEsOS42NzktMi44MDcsMTQuOTQ2YzAuNzY5LDUuNzQsMy4zNzcsMTAuNjAyLDcuNjQsMTQuNDg4YzMuMzYzLDMuMDY1LDcuMzUxLDUuMDA2LDExLjg2OCw1Ljc5M2MzLjUxNSwwLjYxMiw2Ljk4NywwLjQ1NiwxMC40MzgtMC40NTZjMi41NTYtMC42NzcsNC45MzEtMS43NjIsNy4xMS0zLjIzM2MxLjY5LTEuMTQzLDMuMjEzLTIuNSw0LjU3Mi00LjA0NGMyLjU5Ny0yLjk1MSw0LjM3NS02LjMxNyw1LjI4NC0xMC4xMjhjMC4zMjUtMS4zNjQsMC40ODgtMi43NjcsMC43MjYtNC4xNTF2LTMuMDk5QzczLjMwMSwyMS4wOTgsNzMuMTI2LDE5Ljc4Myw3Mi44NDYsMTguNDkxeiBNNDkuNTk1LDQxLjkxN2MtOS42NjcsMC4wMDItMTcuOTAyLTcuNzAzLTE3Ljk2Mi0xNy44OTVDMzEuNTc4LDE0LjMxNCwzOS4yNjEsNi4wODMsNDkuNDU2LDZjOS44MjItMC4wODEsMTcuOTc5LDcuNjk4LDE4LjA4MSwxNy44MjlDNjcuNjM0LDMzLjYzNyw1OS43NjMsNDEuODcsNDkuNTk1LDQxLjkxN3oiLz48cGF0aCBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7IiBkPSJNMCw2OC4wNDNjOS4yNDktOC42ODksMTguNDk3LTE3LjM3OSwyNy43MzgtMjYuMDYyYzEuNDY0LDEuNDU1LDIuODgsMi44NjIsNC4zNTcsNC4zMzFDMjMuNDI0LDU1LjcyLDE0Ljc2MSw2NS4xMTksNi4wMzQsNzQuNTg4Yy0wLjM1NC0wLjM3Ny0wLjY3OC0wLjcxNS0wLjk5NC0xLjA2Yy0xLjUxNi0xLjY1LTMuMDI5LTMuMzA2LTQuNTQ4LTQuOTUzQzAuMzQ3LDY4LjQxOSwwLjE2NSw2OC4yOTksMCw2OC4xNjJDMCw2OC4xMjMsMCw2OC4wODMsMCw2OC4wNDN6Ii8+PC9nPjwvc3ZnPg==") no-repeat left 9px center transparent;
  background-size:20px;
}

#header .search-box input.text:focus {
	z-index:3; 
	width: 100%;  
	outline: none;
	cursor:auto;
	padding-right: 10px;
	color: #fff;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI3My41MjVweCIgaGVpZ2h0PSI3NC41ODhweCIgdmlld0JveD0iMCAwIDczLjUyNSA3NC41ODgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDczLjUyNSA3NC41ODgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik03Mi44NDYsMTguNDkxYy0wLjY3Ny0zLjEyMi0yLjAxOC01Ljk0OS0zLjg4MS04LjU0MWMtMi4xNTItMi45OTYtNC44Ny01LjM1OS04LjA5OS03LjExYy0yLjg1My0xLjU0OC01LjkzMy0yLjQyLTkuMTY3LTIuNzM3QzUxLjUwNSwwLjA4Myw1MS4zMTUsMC4wMzUsNTEuMTIyLDBoLTMuMDk5Yy0wLjExNCwwLjAyOS0wLjIyNywwLjA3NC0wLjM0MiwwLjA4NEM0NC4wMzYsMC40Myw0MC42MTQsMS40NTgsMzcuNDUsMy4zMzVjLTMuNzIyLDIuMjA4LTYuNjQ2LDUuMTg4LTguNzU2LDguOTUzYy0yLjYxMiw0LjY1OC0zLjUxMSw5LjY3OS0yLjgwNywxNC45NDZjMC43NjksNS43NCwzLjM3NywxMC42MDIsNy42NCwxNC40ODhjMy4zNjMsMy4wNjUsNy4zNTEsNS4wMDYsMTEuODY4LDUuNzkzYzMuNTE1LDAuNjEyLDYuOTg2LDAuNDU3LDEwLjQzOC0wLjQ1NWMyLjU1Ny0wLjY3OCw0LjkzMi0xLjc2Myw3LjExLTMuMjMzYzEuNjg5LTEuMTQ0LDMuMjEzLTIuNSw0LjU3Mi00LjA0NGMyLjU5Ny0yLjk1MSw0LjM3NS02LjMxNyw1LjI4My0xMC4xMjhjMC4zMjUtMS4zNjQsMC40ODgtMi43NjcsMC43MjctNC4xNTF2LTMuMDk5QzczLjMwMSwyMS4wOTgsNzMuMTI2LDE5Ljc4Myw3Mi44NDYsMTguNDkxeiBNNDkuNTk1LDQxLjkxN2MtOS42NjcsMC4wMDItMTcuOTAyLTcuNzAzLTE3Ljk2My0xNy44OTVDMzEuNTc4LDE0LjMxNCwzOS4yNjEsNi4wODMsNDkuNDU2LDZjOS44MjItMC4wODEsMTcuOTc5LDcuNjk4LDE4LjA4MSwxNy44MjlDNjcuNjM0LDMzLjYzNyw1OS43NjMsNDEuODcsNDkuNTk1LDQxLjkxN3oiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMCw2OC4wNDNjOS4yNDktOC42ODgsMTguNDk3LTE3LjM3OSwyNy43MzgtMjYuMDYyYzEuNDY0LDEuNDU1LDIuODgsMi44NjEsNC4zNTcsNC4zM0MyMy40MjQsNTUuNzIsMTQuNzYxLDY1LjExOSw2LjAzNCw3NC41ODhjLTAuMzU0LTAuMzc3LTAuNjc4LTAuNzE1LTAuOTk0LTEuMDZjLTEuNTE2LTEuNjUtMy4wMjgtMy4zMDctNC41NDgtNC45NTNDMC4zNDcsNjguNDE5LDAuMTY1LDY4LjI5OSwwLDY4LjE2MkMwLDY4LjEyMywwLDY4LjA4MywwLDY4LjA0M3oiLz48L2c+PC9zdmc+")  no-repeat left 9px center #d9333d;
	background-size: 20px;
}

#header .search-box input.submit {
	position: relative;
	z-index: 4;
	top:17px;
	left: 49px;
	width: 45px;
	height: 45px;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	cursor: pointer; 
	background: none;
}

#header .search-box input.text::-webkit-search-cancel-button {
	cursor:pointer;
}

/* Formular */

#header label {
	display: none;
}

#header input[type="text"], #header input[type="search"], #header input[type="password"]  {
    padding: 10px 20px;
    border: 0;
}

#header input[type="submit"] {
    border: 0;
    background: #d9333d;
    padding: 10px 20px;
    color: #fff;
}

#header .ofenholz-suche input[type="text"] {
	border: 1px solid #ddab69;
}

/* Logout */

#header .logout {
	color: #fff;
}

#header .logout .login_info {
    display: none;
}

#header .logout input.submit {
    position: absolute;
    top: 120px;
    right: 0;
}

/* Suche */

#header .ofenholz-suche  {
    position: absolute;
    bottom: -20px;
    right: 0;
    left: 0;
}

#header .ofenholz-suche .formbody > div {
    display: inline-block;
}

/* Checkliste */

#container .checklist {
	font-size:22px;
}

#container .checklist img {
	margin-right: 10px;
}

#container .checklist img, #container .checklist span {
    display: inline-block;
    vertical-align: middle;
}

#container .checklist span.text {
    background-image: url("../../files/layout/assets/img/haekchen.svg");
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
}

/* Ablauf */

#container .ablauf {
	font-size: 22px;
}

#container .ablauf .item {
	position: relative;
}

#container .ablauf .item:before {
    content: url("../../files/layout/assets/img/pfeil.svg");
    position: absolute;
    top: 30%;
	left: -40px;
}

#container .ablauf .item:first-child:before {
    content: '';
}

#container .ablauf span {
    display: block;
    text-align: center;
}

/* Textbox */

#container .textbox {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 45px 0;
}

#container .textbox h2 {
	font-size: 28px;
	line-height: 30px;
	color: #d9333d;
	text-shadow: 0 0 8px rgba(0,0,0,0.3);
}

#container .textbox p {
	font-size: 28px;
}

/* Teaser */

#container .teaser-boxen  [class*='col-']:last-child {
    padding-right: 0;
}

#container .teaser-boxen .item {
	background-size: cover;
	background-position: center;
	padding-top: 30px;
	padding-bottom: 160px;
	text-shadow: 0 0 8px rgba(0,0,0,0.8);
}

#container .teaser-boxen a {
	font-size: 22px;
	color: #fff;
	text-decoration: none;
}

/* Formular */

#container label {
	/*display: none;*/
	display:block;
}

#container input[type="text"], #container input[type="search"], #container input[type="password"], #container textarea {
    padding: 10px 20px;
    border: 0;
}

#container  select {
    /*border: 1px solid #ddab69;*/
    border-radius: 0;
    padding: 10px;
    -webkit-appearance: none;
    padding-left: 39px;
    background-image: url("../../files/layout/assets/img/select.svg");
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 11px 14px;
    background-size: 15px;
}

#container input[type="submit"] {
    border: 0;
    background: #d9333d;
    padding: 10px 20px;
    color: #fff;
}

/* Suche */

#container .ofenholz-suche .formbody > div {
    display: inline-block;
}

/* Nachrichten Liste */

#container .mod_newslist h2 {
    color: #45754c;
}

#container .mod_newslist .info {
    font-size: 14px;
    margin-top: 0;
}

/* Ofenholz */

#container #ofenholz-finden #map {
    height: 600px !important;
}

#container .betriebefilter p, #container .betriebefilter form {
    display: inline-block;
    vertical-align: baseline;
}

#container .betriebefilter select {
    border: 1px solid #ddab69;
    border-radius: 0;
    padding: 10px;
    -webkit-appearance: none;
    padding-left: 39px;
    background-image: url("../../files/layout/assets/img/select.svg");
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 11px 14px;
    background-size: 15px;
}

#container .betriebefilter select:last-child {
	margin-left:10px;
}

#container .betriebefilter form {
	margin-left: 40px;
}

#container .betriebe, #container .betriebedetail, #container .stammdaten {
    background: rgba(222,171,105,0.2);
    padding: 27px;
    margin-bottom: 20px;
}

#container .betriebe table {
    width: 100%;
}

#container .betriebe table .available {
    text-align: right;
    font-size: 35px;
    line-height: 0;
    vertical-align: middle;
}

#container .betriebe table .available.green, #container .betriebedetail table .available.green  {
	color:#00b100;
}

#container .betriebe table .available.orange, #container .betriebedetail table .available.orange  {
	color:#ffac00;
}

#container .betriebe table .available.red, #container .betriebedetail table .available.red  {
	color:#d9333d;
}

#container .betriebe .details a {
    display: block;
    background: #d9333d;
    color: #fff;
    text-align: center;
    padding: 15px 0;
}

#container .betriebedetail table {
    border-spacing: 0;
    width: 100%;
}

#container .betriebedetail table th {
	text-align:left;
	border-bottom: 1px solid #000;
}

#container .betriebedetail table tfoot td {
	border-top: 1px solid #000;
}

#container .betriebedetail form .relative {
    padding-left: 120px;
}

#container .betriebedetail label {
    display: inline-block !important;
    box-sizing: border-box;
    position: absolute;
    left: 0;
}

#container .betriebedetail .left input[type="text"], .betriebedetail textarea {
    box-sizing: border-box;
	width: 100%;
    border: 1px solid #ddab69 !important;
	margin-bottom: 10px;
}

#container .betriebedetail .right input[type="text"] {
    box-sizing: border-box;
    border: 1px solid #ddab69 !important;
}

#container .betriebedetail .right td {
    padding-right: 10px;
}

#container .betriebedetail .right td:last-child {
    padding: 0;
}

#container .betriebedetail .right .meter img {
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}

#container .betriebedetail .right .meter input[type="text"] {
    width: 55%;
}

#container .betriebedetail .right td.holzart {
    width: 25%;
}

#container .betriebedetail .right td.lieferbar {
    width: 15%;
	text-align:center;
}

#container .betriebedetail .right td.preis {
    width: 10%;
}

#container .betriebedetail .right label {
    position: relative;
}

#container .betriebedetail .right [type="radio"]:checked,
#container .betriebedetail .right [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

#container .betriebedetail .right [type="radio"]:checked + label, 
#container .betriebedetail .right [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 38px;
    cursor: pointer;
    display: inline-block;
}

#container .betriebedetail .right [type="radio"]:checked + label:before,
#container .betriebedetail .right [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    border: 1px solid #ddab69 !important;
    border-radius: 10%;
    background: #fff;
}

#container .betriebedetail .right [type="radio"]:checked + label:after,
#container .betriebedetail .right [type="radio"]:not(:checked) + label:after {
    content: 'x';
    width: 12px;
    height: 12px;
    position: absolute;
    top: 2px;
    left: 9px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#container .betriebedetail .right [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

#container .betriebedetail .right [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#container .betriebedetail .available {
    font-size: 40px;
    margin-right: 10px;
    vertical-align: top;
    line-height: 0 !important;
}

#container .betriebedetail input[type="submit"] {
	position: absolute;
    right: 27px;
}

#container .betriebedetail select {
	border: 1px solid #ddab69;
	min-width: 100%;
}

#container .betriebedetail .owl-nav {
    position: absolute;
    bottom: 10px;
    color: #fff;
    width: 100%;
    text-align: center;
}

#container .betriebedetail .owl-nav div {
	display: inline-block;
    position: relative;
    z-index: 1;
}

#container .betriebedetail .owl-dots {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

#container .betriebedetail .owl-dot {
    display: inline-block;
	position: relative;
    z-index: 2;
    padding: 0 5px;
}

#container .betriebedetail .owl-dot span {
    background: #fff;
    width: 10px;
    height: 10px;
    border-radius: 100%;
	display: block;
}

/* Login Bereich */

#container .login {
    text-align: center;
}

#container .login input[type="text"], #container .login input[type="password"],#container #stammdatenform input {
    border: 1px solid #ddab69;
    margin-bottom: 15px;
}

#container .stammdaten form .relative {
    padding-left: 120px;
}

#container .stammdaten label {
    display: inline-block !important;
    box-sizing: border-box;
    position: absolute;
    left: 0;
	max-width: 120px;
}

#container .stammdaten form .right .relative {
    padding-left: 210px;
}

#container .stammdaten .right label {
	max-width: 210px;
}

#container .stammdaten input[type="text"], #container .stammdaten textarea {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #ddab69 !important;
    margin-bottom: 10px;
}

#container .stammdaten .submit-button {
    margin-top: 70px;
}

#container .stammdaten.preise form label {
    max-width: 250px;
}

#container .stammdaten.preise form .relative {
    padding-left: 250px;
}

/* Footer */

#footer {
    margin-top: 20px;
	margin-bottom: 80px;
}

#footer .background-footer {
    background: #bad1c0;
    padding-top: 50px;
    padding-bottom: 45px;
	text-align: center;
}

#footer .sponsoren-footer {
	text-align: center;
}

#footer .sponsoren-footer .ce_gallery>ul li {
	clear:both;
	display: inline-block;
	float: none;
}

/* Hilfeklassen */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.relative {
	position:relative;
}

.overflow-visible {
	overflow: visible;
}

.hidden {
	display: none;
}

.border {
	border:1px solid #a4a9ad;
}

.rotate {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.transition {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.full-width img {
	width: 100%;
	height: auto;
}

.float [class*='col-'] {
	float:right;
}

.float [class*='col-']:last-child {
    padding-right: 20px;
}

.float [class*='col-']:first-child {
    padding-right: 0;
}

.table {
  display: table;
  width: 100%;
  height: 100%;
}

.table-row {
	display: table-row;
}

.table-cell {
  display: table-cell;
  vertical-align: top;
  float: none;
}

.table-cell-bottom {
  display: table-cell;
  vertical-align: bottom;
  float: none;
}

.table-cell-middle {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

.text-align-left, .links {
	text-align:left;
}

.text-align-center, .mittig {
	text-align:center;
}

.text-align-right, .rechts {
	text-align:right;
}

.font-weight-light {
	font-weight:100;
}

.font-weight-regular {
	font-weight:400;
}

.font-weight-bold {
	font-weight:700;
}

.text-weiss {
    color: #fff !important;
}

.text-schwarz {
    color: #000 !important;
}

.text-gruen {
    color: #45754c !important;
}

.mr-s {margin-right: 5px !important;}
.mr-m {margin-right: 10px !important;}
.mr-l {margin-right: 25px !important;}
.mr-xl {margin-right: 50px !important;}
.mr-xxl {margin-right: 80px !important;}

.ml-s {margin-left: 5px !important;}
.ml-m {margin-left: 10px !important;}
.ml-l {margin-left: 25px !important;}
.ml-xl {margin-left: 50px !important;}
.ml-xxl {margin-left: 80px !important;}

.mb-s {margin-bottom: 5px !important;}
.mb-m {margin-bottom: 10px !important;}
.mb-l {margin-bottom: 25px !important;}
.mb-xl {margin-bottom: 50px !important;}
.mb-xxl {margin-bottom: 80px !important;}

.mt-s {margin-top: 5px !important;}
.mt-m {margin-top: 10px !important;}
.mt-l {margin-top: 25px !important;}
.mt-xl {margin-top: 50px !important;}
.mt-xxl {margin-top: 80px !important;}

.pr-s {padding-right: 5px !important;}
.pr-m {padding-right: 10px !important;}
.pr-l {padding-right: 25px !important;}
.pr-xl {padding-right: 50px !important;}
.pr-xxl {padding-right: 80px !important;}

.pl-s {padding-left: 5px !important;}
.pl-m {padding-left: 10px !important;}
.pl-l {padding-left: 25px !important;}
.pl-xl {padding-left: 50px !important;}
.pl-xxl {padding-left: 80px !important;}

.pb-s {padding-bottom: 5px !important;}
.pb-m {padding-bottom: 10px !important;}
.pb-l {padding-bottom: 25px !important;}
.pb-xl {padding-bottom: 50px !important;}
.pb-xxl {padding-bottom: 80px !important;}

.pt-s {padding-top: 5px !important;}
.pt-m {padding-top: 10px !important;}
.pt-l {padding-top: 10px !important;}
.pt-xl {padding-top: 50px !important;}
.pt-xxl {padding-top: 80px !important;}

@media handheld, only screen and (min-width: 767px) {

.grid {
    padding: 0 10px;
}

}

@media handheld, only screen and (max-width: 767px) {

.table-cell-middle {
    display: block;
}

#container .ablauf .item:before {
	display:none;
	top:0;
}

#container .textbox .item {
    padding: 20px;
    display: block;
}

#container .betriebedetail .right td {
    width: auto !important;
}

#container .betriebedetail select {
    min-width: auto;
}

#container .betriebedetail input[type="submit"] {
    position: relative;
    right: 0;
}

#container .betriebedetail table {
	border: 0;
	border-collapse: collapse;
}

#container .betriebedetail table thead {
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

#container .betriebedetail table tr.background {
    background: #fff;
    padding: 10px;
}

#container .betriebedetail table tr {
	display: block;
	margin-bottom: .625em;
}

#container .betriebedetail table tr.child {
	margin-top: -10px;
	border-top: 1px solid #ddd;
}

#container .betriebedetail table td {
	border-bottom: 1px solid #ddd;
	display: block;
	text-align: right;
	padding: 10px 0 !important;
}

#container .betriebedetail table td:before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
}

#container .betriebedetail table td:last-child {
	border-bottom: 0;
}

#container .stammdaten .grid {
	padding: 0;
}
 
#container .stammdaten.preise form .relative, #container .stammdaten form .relative, #container .stammdaten form .right .relative {
    padding-left: 0px;
}

#container .stammdaten.preise form label {
    max-width: auto;
}

#container .stammdaten label {
    display: block !important;
    position: relative;
    max-width: 100%;
}

#container .stammdaten select {
    width: 100%;
}

#container .stammdaten .submit-button {
    margin-top: 20px;
}

}

@media handheld, only screen and (min-width: 998px) {

.hide-on-desktop {
	display: none;
}

}

@media handheld, only screen and (min-width: 767px) and (max-width: 998px) {

.hide-on-tablet {
	display: none;
}

}

@media handheld, only screen and (min-width: 998px) and (max-width: 1165px) {
	
#header .top-navi li a, #header .navi li a {
    font-size: 14px;
    margin-right: 10px;
}

#header .navi ul li a, #header .navi ul li span.active {
	font-size: 17px;
    margin-right: 10px;
}
	
}