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,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.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}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#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;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.95; filter: alpha(opacity = 95);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:none;margin-bottom:50px}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:none; background:none;}
        /*#cboxTitle{position:absolute; top:-23px; left:0; color:#ccc; font-size:14px}*/
        #cboxTitle{position:absolute; top:100%; left:0; color:#ccc; font-size:14px; width:100%;padding-top:7px;}
        #cboxCurrent{position:absolute; top:-23px; right:0px; color:#ccc; font-size:14px}
        #cboxLoadingGraphic{background:url("../../files/css/loading.gif") no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #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("../../files/css/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("../../files/css/controls.png") no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute;top:8px; right:0px; display:block; background:url("../../files/css/controls.png") no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}
		/* closebutoon delay*/
		/* 
#cboxClose{
			animation-name: blend;
			animation-duration: 1s;
			animation-iteration-count: 1;
		}
		@keyframes blend {
			from {opacity:0}
			to {opacity:1}
		}
 */
		

/* normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display: inline;*zoom: 1}audio:not([controls]){height:0;display:none}[hidden]{display:none}html{background: #fff;/* 1 */    color: #000;/* 2 */    font-size: 100%;/* 3 */    -webkit-text-size-adjust: 100%;/* 4 */    -ms-text-size-adjust: 100%;/* 4 */}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline: thin dotted}a:active,a:hover{outline: 0}h1{margin:.67em 0;font-size:2em}h2{margin:.83em 0;font-size:1.5em}h3{margin:1em 0;font-size:1.17em}h4{margin:1.33em 0;font-size:1em}h5{margin:1.67em 0;font-size:.83em}h6{margin:2.33em 0;font-size:.67em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin: 1em 40px}dfn{font-style:italic}hr{height:0;-moz-box-sizing: content-box;box-sizing: content-box}mark{color:#000;background: #ff0}p,pre{margin:1em 0}code,kbd,pre,samp{font:1em monospace,serif;_font-family: 'courier new', monospace}pre{white-space:pre-wrap;word-wrap: break-word}q{quotes: none}q:before,q:after{content: '';content: none}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style-image:none;list-style: none}img{border:0;/* 1 */    -ms-interpolation-mode: bicubic;/* 2 */}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid #c0c0c0}legend{white-space:normal;border:0;/* 1 */    padding: 0;/* 2 */    *margin-left: -7px;/* 3 */}button,input,select,textarea{font-size:100%;/* 1 */    margin: 0;/* 2 */    vertical-align: baseline;/* 3 */    *vertical-align: middle;/* 3 */}}button,select{text-transform:none}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance: button;/* 2 */    cursor: pointer;/* 3 */    *overflow: visible;/* 4 */}button[disabled],html input[disabled]{cursor: default}input[type="checkbox"],input[type="radio"]{box-sizing: border-box;/* 1 */    padding: 0;/* 2 */    *height: 13px;/* 3 */    *width: 13px;/* 3 */}input[type="search"]{-webkit-appearance: textfield;/* 1 */    -moz-box-sizing: content-box;-webkit-box-sizing: content-box;/* 2 */    box-sizing: content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto;/* 1 */    vertical-align: top;/* 2 */}table{border-collapse:collapse;border-spacing:0}
/*Navigation CSS*/

/*  ____________________________________________ Für alle NAVs  ____________________________________________ */

#header .mod_navigation a,
#header .mod_navigation .active,
#header .mod_navigation strong,
#footer .mod_customnav a,
#footer .mod_customnav .active {
	/*font-family: 'PTSansRegular';*/
	font-family: 'PTSansNarrowRegular';
	text-transform:uppercase;
	letter-spacing:0.08em;
}
#left .mod_navigation a,
#left .mod_navigation .active,
#left .mod_newsmenu a,
#left .mod_newsmenu span {
	font-family: 'PTSansNarrowRegular';
	letter-spacing:0.01em;
	font-size:1.1em;
}

/* Farben */

#header .mod_navigation a,
/* #header .mod_navigation .active, */
#left .mod_navigation a,
#left .mod_navigation span,
#left .mod_newsmenu a,
#left .mod_newsmenu span {
	color:#0a7949; /* BS Grün */
}
/*#header .mod_navigation a,
#header .mod_navigation span {
	background:rgba(255,255,255,.8);
}*/
#header .mod_navigation a {
	background:#fff;
}
#header .mod_navigation strong,
#header .mod_navigation .trail strong,
#header .mod_navigation .trail a,
#header .mod_navigation a:hover,
#header .mod_navigation a:focus {
    color:#fff;
	background:#ffb961; /* BS Orange-Gelb */
}

#left .mod_navigation .active,
#left .mod_navigation .active span,
#left .mod_navigation .trail,
#left .mod_navigation a:hover,
#left .mod_navigation a:hover span,
#left .mod_navigation a:focus,
#left .mod_newsmenu .active,
#left .mod_newsmenu .trail,
#left .mod_newsmenu a:hover,
#left .mod_newsmenu a:focus {
    color:#FFA957; /* BS Orange-Gelb dunkler */
}

/*  ____________________________________________ Nav Main  ____________________________________________ */


#header .mod_navigation {
	margin-right:-3px;
}
#header .mod_navigation li {
    float:left;
	width:20%;
	box-sizing:border-box;
	padding-right:3px;
	font-size:1.1em;
	text-align:center;
}
#header .mod_navigation li.last {
	padding-right:0;
}

#header .mod_navigation a,
#header .mod_navigation strong {
	display:inline-block;
	padding:9px 0;
	width:100%;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
#header .mod_navigation a.first,
#header .mod_navigation .active.first {
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
}
#header .mod_navigation a.last,
#header .mod_navigation .active.last {
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
}
/* ____________________________________________ Submenü LEFT____________________________________________ */
/* #left .mod_navigation,
#left .mod_newsmenu a,
#left .mod_newsmenu span {
	font-family: 'ssans_light', sans-serif;
} */

#left .mod_navigation,
#left .mod_newsmenu {
    margin:30px 0 20px 40px;
}
#left .list_all { /* Alle Beuträge auflisten */
	margin-left:40px;
}
#left .mod_navigation li {
	text-transform:none;
	font-size:1.05em;
	margin-bottom:18px;
	line-height:22px;
}
@media only screen and (max-width: 900px) {
	#left .mod_navigation,
	#left .mod_newsmenu {
    margin:30px 0 20px 20px;
}
#left .list_all { 
	margin-left:20px;
}
}
/* ____________________________________________________________   Scroll Up */

  #scrollup {
    position: fixed;
	bottom: 30px;
	right:20px;
    display: none;
    z-index: 3;
  }

a.scrollup, a.scrollup:link, a.scrollup:visited {
	text-decoration: none;
	display:inline-block;
	font-size:2em;
	padding:1px 5px 8px 5px;
	/*color:#A1CBC7;*/
	background:rgba(255, 255, 255, .9);
	-webkit-box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    3px 3px 6px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         3px 3px 6px 0px rgba(50, 50, 50, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
  }
  a.scrollup:hover{
	-webkit-box-shadow: none;
	-moz-box-shadow:   none;
	box-shadow:       none;
	
  }
  #container #scrollup .fa { /* reset wegen .fa im Link (Siehe layout.css) */
	padding-left:5px;
}
/* @media only screen and (max-width: 400px) {
	  #scrollup {
	bottom: 30px;
	right:20px;

  }
} */
/* ________________________________________________________________________________________ SMALL HEADER*/
@media only screen and (min-width: 700px) { /* Breite siehe Hamburgermenü */

#left.small_header .mod_navigation/* ,
#left.small_header */ { 
	position:fixed;
	top:95px;
	
}
.small_header #header { /* Abstand, damit der Content nicht springt */
	padding-bottom:45px;
}
.small_header #header .mod_navigation {
	background: rgba(255, 255, 255, 0.9);
	position:fixed;
	top:0;
	width:100%;
	max-width:2048px;
	z-index:5;
	-webkit-box-shadow: 0px 5px 15px -5px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 5px 15px -5px rgba(50, 50, 50, 0.4);
	box-shadow:         0px 5px 15px -5px rgba(50, 50, 50, 0.4);
	
	 -webkit-transition: height 0.5s ease;
        -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
         -ms-transition: all 0.5s ease;
             transition: all 0.5s ease;
}
.small_header #header .mod_navigation a,
.small_header #header .mod_navigation strong {
	padding:7px 0 7px 0 ;
}
.small_header #header .mod_navigation li {
	font-size:.9em;
	height:34px;
}

/* fix f. Safari, sonst werden die Fonts asugedünnt (in fixed position) */
#left.small_header .mod_navigation,
#left.small_header #aktuell-left,
.small_header #header .mod_navigation {
	-webkit-font-smoothing: subpixel-antialiased;
}
}


/* ____________________________________________ FOOTER ____________________________________________ */

#footer .mod_customnav a,
#footer .mod_customnav span {
	color:#fff;
}

#footer .mod_customnav .active,
#footer .mod_customnav .trail,
#footer .mod_customnav a:hover,
#footer .mod_customnav a:focus {
	color:#ffb961; /* BS Orange-Gelb */
}
#footer .mod_customnav {
	display:inline;
}
#footer .mod_customnav ul {
	display:inline;
	padding:0;	
}
#footer .mod_customnav li {
    display:inline;
	letter-spacing:1px;
	font-size:17px;
    margin-right:12px;
	padding-right:13px;
	border-right:1px solid #ffb961; /* BS Orange-Gelb */
}
#footer .mod_customnav li.last {
	border:none;
	margin:0;
	padding:0;
}
@media only screen and (max-width: 445px) {
	#footer .mod_customnav {
		display:flex;
		justify-content:center;
	}
	#footer .mod_customnav li {
		display:block;
		text-align: left;
		margin-right:0;
		padding-right:0;
		border-right:none;
		margin-bottom:1em;
	}
	#footer .mod_customnav li.last {
		margin-bottom:.3em;
	}
}
/* ____________________________________________ NAV BUTTON ____________________________________________ */


a.nav_button {
	display:none;
}
@media only screen and (max-width: 700px) {

	#header .mod_navigation, #left .mod_navigation {
		display:none;
	}
	#header_wrap {
		margin-top:45px;
	}

	.mobile_menu_trigger {
		position:fixed;
		height:45px;
		left:0;
		right:0;
		width:100%;
		top:0;
		z-index: 3999;
	}

	.hamburger {
		/* position:fixed; */
		position:absolute;
		top:4px;
		right:0;
		z-index: 4000;
		padding: 15px 15px;
		display: inline-block;
		cursor: pointer;
		transition-property: opacity, filter;
		transition-duration: 0.15s;
		transition-timing-function: linear;
		font: inherit;
		color: inherit;
		text-transform: none;
		background-color: transparent;
		border: 0;
		margin: 0;
		overflow: visible;
	}

	.hamburger.is-active .hamburger-inner,
	.hamburger.is-active .hamburger-inner::before,
	.hamburger.is-active .hamburger-inner::after {
		/* background-color: #007b77; */
		background-color: #fff;
	}

	.hamburger-box {
		width: 40px;
		height: 24px;
		display: inline-block;
		position: relative;
	}
	
	.hamburger-inner {
		display: block;
		top: 50%;
		margin-top: -2px;
	}
	.hamburger-inner,
	.hamburger-inner::before,
	.hamburger-inner::after {
		width: 40px;
		height: 4px;
		background-color: #fff;
		border-radius: 4px;
		position: absolute;
		transition-property: transform;
		transition-duration: 0.15s;
		transition-timing-function: ease;
		/* -webkit-box-shadow:1px 1px 3px rgba(50, 50, 50, 0.1);
			-moz-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.1);
				box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.2); */
	}

	.hamburger-inner::before, .hamburger-inner::after {
		content: "";
		display: block;
	}
	.hamburger-inner::before {
		top: -10px;
	}
	.hamburger-inner::after {
		bottom: -10px;
	}

	.small_header .mobile_menu_trigger {
		/* background:rgba(10, 121, 73,.95); */
		height:40px;
	}
	.small_header .hamburger {
		top:10px;
		padding:9px 15px 6px 10px;
		background:rgba(10, 121, 73, .8);
		-webkit-border-top-left-radius: 7px;
		-webkit-border-bottom-left-radius: 7px;
		-moz-border-radius-topleft: 7px;
		-moz-border-radius-bottomleft: 7px;
		border-top-left-radius: 7px;
		border-bottom-left-radius: 7px;
	}
	.small_header .hamburger-inner,
	.small_header .hamburger-inner::before,
	.small_header .hamburger-inner::after {
		/* background-color: #0a7949; */
		background-color: #fff;
	}
	.small_header .hamburger.is-active .hamburger-inner,
	.small_header .hamburger.is-active .hamburger-inner::before,
	.small_header .hamburger.is-active .hamburger-inner::after {
		background-color: #fff;
	}
	/* .small_header .hamburger-inner::before {
		top: -9px;
	}
	.small_header .hamburger-inner::after {
		bottom: -9px;
	} */
	/* Hamburger Spin */
	.hamburger--spin .hamburger-inner {
	transition-duration: 0.22s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	.hamburger--spin .hamburger-inner::before {
		transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
	}
	.hamburger--spin .hamburger-inner::after {
		transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	
	.hamburger--spin.is-active .hamburger-inner {
		transform: rotate(225deg);
		transition-delay: 0.12s;
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.hamburger--spin.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
		transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
	}
	.hamburger--spin.is-active .hamburger-inner::after {
		bottom: 0;
		transform: rotate(-90deg);
		transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	/* _________________________________________ Mobile Menue_______________________________ */

	.mobile_menu {
		z-index:3100;
		/* background:#fff; */
		/* color:#fff; */
		text-align: center;
		font-size: 1.2em;
		/* font-family: 'OpenSansLight'; */
	}
	.mobile_menu,
	.mobile_menu a {
		color:#fff;
	}
	/* .mobile_menu .active,
	.mobile_menu .active ul .jump.active {
		font-family: 'OpenSansSemibold';
	} */
	/* .mobile_menu .active ul,
	.mobile_menu .active ul .jump {
		font-family: 'OpenSansLight';
	} */
	.mobile_menu strong.active,
	.mobile_menu a:hover/* ,
	.mobile_menu .close:hover */ {
		color: #ffb961;
	}


	.mobile_menu .close {
		position:fixed;
		top:10px;
		font-size: 2em;
		cursor:pointer;
		z-index: 3300;
	}


	.mobile_menu li {
		list-style-type: none;
		margin-bottom:.6em;
	}

	.mobile_menu .mod_navigation .level_2,
	.mobile_menu .mod_navigation .level_3 {
		padding-left: 1.5em;
		padding-top:.7em;
	}
	.mobile_menu .mod_navigation .level_3 {
		font-size:.9em;
	}

	/*  Dreieck von FontAwseome */
	.mobile_menu .submenu_hide a:after,
	.mobile_menu .level_2 .submenu_hide a:after,
	.mobile_menu .submenu_show .level_2 .submenu_hide a:after,
	.mobile_menu .submenu_show a:after,
	.mobile_menu .submenu_show span:after,
	.mobile_menu .submenu_show .level_2 .submenu_show a:after {
		padding-left: .3em;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		line-height: 1;
		font-family: 'FontAwesome';
		font-weight: 900;
	}
	/* Dreieck rechts */
	.mobile_menu .submenu_hide a:after,
	.mobile_menu .level_2 .submenu_hide a:after,
	.mobile_menu .submenu_show .level_2 .submenu_hide a:after  {
		content: "\f0da";
	}

	/* Dreieck runter */
	.mobile_menu .submenu_show a:after,
	.mobile_menu .submenu_show span:after,
	.mobile_menu .submenu_show .level_2 .submenu_show a:after {
		content: "\f0d7";
	}
	/* Dreieck keins */
	.mobile_menu .submenu_show .level_2 a:after,
	.mobile_menu .submenu_show .level_2 .submenu_show .level_3 a:after,
	.mobile_menu .submenu_show .level_3 span:after,
	.mobile_menu .submenu_show span.active:after { /* <-- nötig, wenn es insg. nur zwei Level gibt */
		content:none;
	}

	.mobile_menu .inner {
		overflow-y:auto;
		background:rgba(10, 121, 73,.95);
	}
	.mobile_menu #wrap {
		display:inline-block;
		box-sizing: border-box;
		padding:80px 30px 30px 30px;
		min-width:350px;
		text-align: left;
	}

	.mobile_menu .mod_navigation ul {
		margin: 0;
		padding: 0;
	}

	.mobile_menu .mod_navigation a {
		display: block;
		text-decoration: none;
	}
}

@media only screen and (max-width: 410) {
	/* .mobile_menu #wrap {
		min-width:auto;
		width:100%;
	} */
	.mobile_menu {
		font-size: 1em;
	}
}
/* _________________________________________ END Mobile Menue_______________________________ */
/*__________________________________________________________________ Fonts */
@font-face {
    font-family: 'PTSansRegular';
    src: url('../../files/fonts/PTS55F-webfont.eot');
    src: url('../../files/fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/fonts/PTS55F-webfont.woff') format('woff'),
         url('../../files/fonts/PTS55F-webfont.ttf') format('truetype'),
         url('../../files/fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('../../files/fonts/PTN57F-webfont.eot');
    src: url('../../files/fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/fonts/PTN57F-webfont.woff') format('woff'),
         url('../../files/fonts/PTN57F-webfont.ttf') format('truetype'),
         url('../../files/fonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Links mit Fontawsome*/
#container .fa {
	line-height:normal;
	padding-left:1px;
}
#container .fa em {
	font-style:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/*__________________________________________________________________ Layout */
/* html {
	background:url(../../files/bilder/higru_html.jpg) no-repeat;
	background-size: 100%, contain;
} */
body, html {
	height: 100%;
}
/* html {
	font-size:100%;
} */
/* html {
	background:#eff0f4;
} */
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #153f4d;
	max-width: 2048px;
	margin: 0 auto;
}
#wrapper {
	min-height: 100%;
	position: relative;
	background:url(../../files/bilder/higru_main.jpg) no-repeat;
	background-size: 100%, contain;
}
#container {
	padding: 50px 0 0 0;
	overflow:hidden; /*für IE7*/
	max-width:1200px;
	margin:0 auto;
	background:rgba(250,250,250,.85);
}
.aktuelles #container {
	background:rgba(245,245,245,.85);
}
#header {
	overflow:hidden; /* wegen margin-right in Navi */
	text-align:center;
	/* background:rgba(250,250,250,.85); */	
}
#main {
	width:100%;
	box-sizing:border-box;
	padding:20px 0 280px 0;
}
.subpage #main { /* Seiten mit Sub-Nav links */
  padding:20px 0 280px 250px;
}
#left {
	width:250px;
}
/* größere Schriften */
.ce_text {
	font-size:1.06em;
}
/*__________________________________________________________________ Defaults */
img {
    max-width: 100%;
    height: auto;
	vertical-align:bottom
}
.ie7 img {
    -ms-interpolation-mode: bicubic
}
.ie8 img {
    width: auto
}
/*  END Aus dem Prsponsive CSS von Contao */
a  {
	color:#0a7949;
	text-decoration:none;
	outline:0;
	-moz-outline:0;
	word-wrap: normal;
}
li {
	list-style-type: none;
}
.linkcolor {
	color:#5098B1;
}
a:hover {
	text-decoration:none;
	color:#FFA957;
}
a:active {
  outline: none;
}
a:focus,
button:focus {
  -moz-outline-style: none;
  outline-style: none;
  outline:0;
}
.ce_text a {
	white-space:nowrap;
}
strong {
	font-weight: normal;
}
.clearboth {
	clear:both;
}
.nowrap {
	white-space:nowrap;
}
ul {
	margin:0;
	padding:0;
}
i, em {
	font-style:italic;
}
/*__________________________________________________________________ Header image */
.imgcrop {
	/*max-width: 2048px;*/
	max-height: 450px;
	overflow: hidden;
	/*margin: 0 auto;*/
	/*crop oben*/
	-webkit-transform: rotate(180deg);
	-moz-transform:    rotate(180deg);
	-ms-transform:     rotate(180deg);
	-o-transform:      rotate(180deg);
	transform:         rotate(180deg);
	/* needed? not sure */
	/*zoom: 1;*/
}
.imgcrop img {
	/*crop oben*/
	-webkit-transform: rotate(180deg);
	-moz-transform:    rotate(180deg);
	-ms-transform:     rotate(180deg);
	-o-transform:      rotate(180deg);
	transform:         rotate(180deg);
	/* needed? not sure */
	/*zoom: 1;*/
}
.cropreverse {
	max-height: 450px;
	overflow: hidden;
}

/*__________________________________________________________________ Header Logo*/
#logo {
	padding:20px;
	background:url(../../files/bilder/head_higru.jpg) no-repeat #0a7949;
	/* background-position:bottom; */
	background-position:center 80%;
	background-size:100%, contain;
	border-bottom: 2px solid #ffb961;
}
#logo a.logo:hover {
	opacity:0.75;
}
.logo_m, .logo_s {
	display:none;
}
/*__________________________________________________________________ Headlines */
h1,
h2,
h3,
h4 {
	font-style:italic;
	color:#0a7949; /* BS grün */
	font-weight:normal;
}
/* Weil kursive A und Z links abgeschnitten ist*/
.mod_newsarchive h1,
.indent_a,
.subpage .ce_text h2 { 
	text-indent:0.08em;
}

h1 {
	font-size:2.7em;
	margin:0 0 1em 0;
}
h2 {
	font-size:2em;
}
h3 {
	font-size:1.6em;
}
h4 {
	font-size:1.3em;
	margin:1em 0;
}
/*__________________________________________________________________ Content */

.ce_text,
.ce_form,
.ce_headline {
	padding:0 64px;
}
/* .ce_image {
	padding:0 10px;
} */
.subpage .ce_text,
.subpage .ce_headline {
	padding:0 48px 0 0;
}
.ce_text p,
.ce_form p {
	line-height:1.4em;
}
.duo_pics {
	margin-right: -30px;
}
.duo_pics .ce_image {
	box-sizing:border-box;
	width:50%;
	float:left;
	padding-right:30px;
}
.duo_pics .ce_image:first-child {
	margin:0;
}
.twocolumns {
	float:left;
	margin-bottom:20px;
}
.rezepte ul li {
margin-bottom:9px;
}
.com { /* Kommentare in der RezepteListe*/
font-style:italic;
font-size:0.9em;
}
#postit {
	background:url(../../files/bilder/postit.png) no-repeat center top;
	margin:-70px auto -15px auto;
	/*float:right;*/
	width:350px;
	height:330px;
}
#postit.xmass {
	background:url(../../files/bilder/postit_xmass.png) no-repeat center top;
}
#postit:hover {
	background:url(../../files/bilder/postit_hover.png) no-repeat center top;
}
#postit.xmass:hover {
	background:url(../../files/bilder/postit_xmass_hover.png) no-repeat center top;
}
.postit_text {
	font-style:italic;
	font-size:1.1em;
	-ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
	padding:70px 50px 0px 35px;
	color:#C00;
}
.postitgreen, .postit_klick {
	color:#0a7949;
}
.postit_klick {
	text-align:center;
}
/* Datenschutzerklärung */
.dse h2 {
	font-size:1.7em;
	margin-top:2em;
}
.dse h3 {
	font-size:1.3em;
}
.dse ul {
	padding-left:2px;
}
.dse li {
	padding-left:1.1em;
	margin-bottom:0.6em;
	background:url(../../files/bilder/dot.png) no-repeat left 5px;
}
.smallfont {
	display:block;
	margin-top:3em;
	font-size:.75em;
}
.dse a {
	white-space:normal;
}
/* Öffnungszeiten */

.gal_oeffnung {
	margin-top:80px;
}
#bar {
	margin-top:50px;
}
#bar span {
	display:inline-block;
	background:#f1f9e5;
	color:#0a7949;
	padding:10px;
	border-radius:8px;

}
/* .oeffnung {
	margin-bottom:80px;
} */
/* .oeffnung table {
	margin:0 64px;
} */
.oeffnung h4 {
	padding:0;
}
.oeffnung {
	padding:0 15px 15px 0;
}
.oeffnung table {
	-webkit-box-shadow: 4px 4px 16px -7px rgba(0,0,0,0.3);
-moz-box-shadow: 4px 4px 16px -7px rgba(0,0,0,0.3);
box-shadow: 4px 4px 16px -7px rgba(0,0,0,0.3);
}

.oeffnung td {
	vertical-align:top;
	padding:14px 20px 14px 14px;
}
.oeffnung .col_0 {
	background:#FEFEDD;
}
.oeffnung .col_1 {
	background:#f1f9e5;
}
.oeffnung h5 { /* z.B. Betriebsferein */
	text-align:left;
	font-weight:normal;
	font-size:1em;
	margin:.5em 0;
	color:#F60;
}
/* Wenn Content-Bilder über Headline */
.ce_image:first-child {
	margin:15px 0px 40px 0px;
}
/* ________________________________________ Sortiment, Angebot */
#sortiment .ce_text {
	margin-bottom:60px;
}
#sortiment .image_container img {
	width:180px;
	height:auto;
	float:left;
	margin-right: 2em;
}
#sortiment h2 {
	display:inline;
	font-size:1.1em;
}
#sortiment ul {
	padding-top:.5em;
}
#sortiment ul li {
	margin-bottom:.5em;
}
/* __________________________________________   Vorbestellung Formular */
/* Formular */
#article-71 .ce_text {
	max-width:50em;
	margin:0 auto;
}
#article-71 .ce_form {
	display:flex;
	justify-content: center;
}
span.mandatory {
	color:#C00;
	padding-left:3px;
}
fieldset#ctrl_76 {
	border: none;
	margin: -5px 0 0 0;
	padding:0;
}
.widget-explanation {
	margin-top:40px;
}
.widget-explanation p {
	margin-top:-1em;
}
.widget-explanation a {
	text-decoration: underline;
}
.widget-captcha {
	margin: 2em 0;
}
.widget-captcha label {
	display:block;
}
input, textarea {
	width:6em;
	-webkit-border-radius:4px;
	-moz-border-radius:   4px;
	border-radius:        4px;
	border:1px solid #CCC;
	background:#fff;
}
input, select {
	font-family: 'PTSansRegular';
}
input.checkbox {
	width:1.5em;
}
label {
	display:inline-block;
	width:5em;
}
.widget {
	margin-bottom:12px;
}
.widget-captcha {
	margin-top:30px;
}
.widget-captcha label {
	display:block;
}
.widget-captcha input {
	width:2em;
	margin-left:5px;
}
.widget-submit button.submit {
	margin-top:15px;
	width:6em;
	padding:5px 0;
	color:#fff;
	border:none;
	background:#0a7949;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 2px 2px 8px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 8px -3px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 8px -3px rgba(0,0,0,0.6);
}
.widget-submit button.submit:hover {
	background:#0ea563;
	-webkit-box-shadow: 2px 2px 8px -3px rgba(0,0,0,0);
	-moz-box-shadow: 2px 2px 8px -3px rgba(0,0,0,0);
	box-shadow: 2px 2px 8px -3px rgba(0,0,0,0);
}

/* p.error {
	color:#C00;
	font-size:0.9em;
	margin:0 0 5px 0;
} */

/* Zurück */
#backbutton {
	text-align: center;
	padding:10px 0;
}
#backbutton a {
	display:inline-block;
	text-align: center;
	color:#fff;
	background:#0a7949;
	padding:6px 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 2px 2px 8px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 8px -3px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 8px -3px rgba(0,0,0,0.6);
}
#backbutton a:hover {
	-webkit-box-shadow: 2px 2px 8px -3px rgba(0,0,0,0);
	-moz-box-shadow: 2px 2px 8px -3px rgba(0,0,0,0);
	box-shadow: 2px 2px 8px -3px rgba(0,0,0,0);
}
.p-back {
	margin-top: 4em;
	text-align: center;
	font-family: 'PTSansRegular';
	font-size:0.8em;
	text-decoration: underline;
}

/*__________________________________________________________________ News */
div#aktuell {
	/*max-width:1200px;*/
	padding-right:20px;
}
div#aktuell:after {
	display:table;
	clear:both;
}
div.layout_latest {
	float:left;
	width:50%;
	margin-bottom:60px;
	box-sizing:border-box;	
}
.mod_newsarchive .even .newswrap {
	margin:0 5% 0 0;
}
.mod_newsarchive .odd .newswrap {
	margin:0 0 0 5%;
}
.mod_newsarchive .last {
	margin-bottom:0;
}
div.layout_latest:before {
	content:'';
	display:table;
	clear:both;
}
div.layout_latest:after {
	content:'';
	display:table;
}
.mod_newsarchive .even {
	clear:both;
}
.newswrap {
	background:#FEFEDD;
	padding-bottom:10px;
	border-bottom:1px solid #E1E1E1;
}
.teaser_tape {
	height:67px;
	width:100%;
	text-align:center;
	position:relative;
	z-index:30;
	top:-20px;
	margin-bottom:-50px;
}
.teaser_tape::after {
	content:url(../../files/bilder/postit_tape.png);
}
.layout_latest h2 {
	position:relative;
	margin:0;
	padding:0 15px 10px 10px;
	line-height:1;
	background:#0a7949;
	
}
.layout_latest h2 a {
	padding-left:0;
	font-size:.6em;
	padding-right:3em;
	color:#fff;
}
.layout_latest h2 a:hover {
	color:#ffb961;
}
.layout_latest h2 span.info {
	position:absolute;
	right:10px;
	bottom:15px;
	font-size:0.42em;
	color: #C1C1C1;
}
div.layout_latest img {
	width:100%;
}
.layout_latest .teaser {
	padding:0 10px 0;
}
.more {
	text-align:right;
	margin:0 10px 0 0;
}

/* Monate */
/*#news-left {
	margin: 30px 0 0 20px;
}*/
.year {
	font-size:1.2em;
}
.mod_newsmenu .level_2 {
	margin-bottom:1em;
	margin-left:.3em;
}
.mod_newsmenu .level_2 li {
	font-size:1em;
	margin-top:.3em;
}
.list_all a {
	display:block;
	font-size:14px;
}
/* _______________________________________ Startseite wg. Bild unten */
.home #main {
	padding-bottom:0;
}
.home #footer {
	position:static;
}
/* _______________________________________ News auf Startseite */
.mod_newslist {
	max-width:1200px;
}
.mod_newslist .even .newswrap {
	margin:0 9% 0 0;
}
.mod_newslist .odd .newswrap {
	margin:0 0 0 9%;
}
/*__________________________________________________________________ Galerie */
/* #cboxClose {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.5s ease-out;
} */

.ce_gallery .image_container {
	position:relative;
}
.ce_gallery .caption {
	position:absolute;
	max-width:100%;
}
.ce_gallery ul {
	margin-right:-20px;
}
.ce_gallery > ul li, .ce_gallery>ul li.col_first { /* damit nicht nur ein Bild pro li Element steht */
	clear:none;
}
.ce_gallery li {
	box-sizing:border-box;
	width:25%;
	padding-right:20px;
	margin-bottom:20px;
	/*background:#c60;*/
}
.ce_gallery .image_container img {
	width:100%;
}
/* ___________  Tooltip */
.tooltip {
	margin-top:1em;
	text-align:right;
}
.tooltip p {
	color:#bababa;
	font-size:.8em;
	position: relative;
    display:inline-block;
	border-bottom: 1px dotted #bababa;
    letter-spacing: 2px;    
}

.tooltip p::after {
    content:'web: twohundred.de';
    opacity:0;
	transform:scale(0, 1);
	transform-origin:right center;
	white-space: nowrap;
    font-size:1.05em;
    letter-spacing: 0px;
	background-color: #bababa;
	color: #fff;
	text-align: center;
	padding: 4px 7px;
	border-radius: 6px;
	position: absolute;
	/* left:-2px; */
	right:0;
	top:-0.3em;
	z-index: 1;
    transition: all 0.5s ease;
	}
.tooltip p:hover::after {
    opacity:1;
	transform:scale(1, 1);
    transition: all 0.5s ease;
}
/*__________________________________________________________________ Footer */

#footer {
	position:absolute;
	bottom:0px;
	width: 100%;
	background:#0a7949; /* BS Grün */
	text-align:center;
}

#footer .inside {
	padding: 50px 15px;
}
#footer .copyright {
	font-size:12px;
	color:#D1D1D1;
 	white-space: nowrap;
	padding-left:15px;
	line-height:50px;
}
#social .fa  {
	font-size:2.7em;
	padding:30px 10px 5px 10px;
}
#social a:hover  {
	color:#0070A2;
}
/*____________________________________________________________________________________________________________________________________ RESPONSIVE */
@media only screen and (max-width: 1300px) {
	.ce_gallery li {
	width:33.33%;
	}
}
@media only screen and (max-width: 1010px) {
	.mod_newslist .even {
		margin-right:0;
	}
	.ce_gallery li {
		width:50%;
	}
}
@media only screen and (max-width: 900px) {
	.subpage #main {
	padding:20px 0 280px 230px;
	}
	#left {
		width:230px;
	}
	.subpage .ce_text,
	.subpage .ce_headline {
		padding:0 32px 0 0;
	}	
}

@media only screen and (max-width: 840px) {
	div.layout_latest {
		width:100%;
		margin-bottom:60px;	
	}
	.mod_newsarchive .even .newswrap {
		margin:0;
	}
	.mod_newsarchive .odd .newswrap {
		margin:0;
	}
	.mod_newslist .layout_latest { /* News auf der Startseite */
		width:50%;
	}
	.mod_newslist .even .newswrap {
		margin-right:5%;
	}
	.mod_newslist .odd .newswrap {
		margin-left:5%;
	}
}
/* ________________________________________ Kontakt */

@media screen and (min-width: 768px) {
   a[href*="tel:"] {
	   pointer-events: none;
	   /* color:#153f4d; */
   }
}
@media only screen and (max-width: 700px) {
	#container {
		padding:10px 0 0 0;
	}
	.logo_b {
		display:none;
	}
	.logo_m {
		display:inline;
	}
	.subpage #main {
	padding:20px 0 280px 0;
	}
	.ce_text,
	.ce_form,
	.subpage .ce_text,
	.ce_headline,
	.subpage .ce_headline,
	p.info,
	p.back,
	.layout_full h1,
	.layout_full h2,
	.mod_newsarchive h1 {
		padding:0 16px;
	}
	.subpage .ce_gallery ul {
		margin-right:-20px;
	}
	.subpage .oeffnung {
		padding: 0 16px 15px 16px;
	}
	.aktuelles #main {
		padding-bottom:20px;
	}
	.aktuelles #left { /* .aktuelles = class im body-tag von news */
			right: 0;
			margin-left: 30px;
			padding-bottom:280px;
	}
	div#aktuell {
		padding-right:0;
	}
	#postit {
		/*float:none;*/
		margin:-15px auto;
	}
	.postit_text {
		padding:70px 50px 0px 35px;
	}
	.duo_pics {
		margin-right: -20px;
	}
	.duo_pics .ce_image {
		padding-right:20px;
	}
}
@media only screen and (max-width: 650px) {
h1 {
	font-size:2.1em;

}
h2 {
	font-size:1.6em;
}
.mod_newslist .layout_latest { /* News auf der Startseite */
	width:100%;
}
.mod_newslist .even .newswrap {
	margin-right:0;
}
.mod_newslist .odd .newswrap {
	margin-left:0;
}
}
@media only screen and (max-width: 560px) {
	.ce_gallery ul {
		margin-right:0;
	}
	.subpage .ce_gallery ul {
		margin-right:0;
	}
	.ce_gallery li {
		width:100%;
		padding-right:0;
	}
}
@media only screen and (max-width: 480px) {
	.logo_m {
		display:none;
	}
	.logo_s {
		display:inline;
	}
	.duo_pics {
		margin-right: 0;
	}
	.duo_pics .ce_image {
		padding-right:0;
		padding-bottom:40px;
		width:100%
	}
}
@media only screen and (max-width: 450px) {
	.newswrap {
		margin:0 0 30px 0;
	}
	#sortiment .image_container img {
		width:100%;
		height:auto;
		float:none;
		margin:0 0 1em 0;
	}
}
@media only screen and (max-width: 445px) {
	#main { /* mehr Abstand wegen footer Nav */
		padding-bottom:320px;
	}
}
/* @media only screen and (max-width: 420px) {
	#main {
		padding:0 25px 280px 25px;
	}
} */
@media only screen and (max-width: 420px) {
	#postit {
		background:url(../../files/bilder/postit_s.png) no-repeat center top;
		width:310px;
		height:310px;
	}
	#postit:hover {
		background:url(../../files/bilder/postit_s_hover.png) no-repeat center top;
	}
	#postit.xmass {
		background:url(../../files/bilder/postit_xmass_s.png) no-repeat center top;
		width:310px;
		height:310px;
	}
	#postit.xmass:hover {
		background:url(../../files/bilder/postit_xmass_s_hover.png) no-repeat center top;
	}
	.postit_text {
		font-size:.95em;
		padding-top:65px;
	}
}
@media only screen and (max-width: 320px) {
	#logo a {
		padding-right:15px;
	}

}