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}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#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}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/reepsholt/system/fonts/pt-sans-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/reepsholt/system/fonts/pt-sans-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/reepsholt/system/fonts/pt-sans-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/reepsholt/system/fonts/pt-sans-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/reepsholt/system/fonts/pt-sans-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/reepsholt/system/fonts/pt-sans-v12-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/reepsholt/system/fonts/pt-sans-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/reepsholt/system/fonts/pt-sans-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/reepsholt/system/fonts/pt-sans-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/reepsholt/system/fonts/pt-sans-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/reepsholt/system/fonts/pt-sans-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/reepsholt/system/fonts/pt-sans-v12-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/reepsholt/system/fonts/pt-sans-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/reepsholt/system/fonts/pt-sans-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/reepsholt/system/fonts/pt-sans-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/reepsholt/system/fonts/pt-sans-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/reepsholt/system/fonts/pt-sans-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/reepsholt/system/fonts/pt-sans-v12-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-narrow-regular - latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/reepsholt/system/fonts/pt-sans-narrow-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/reepsholt/system/fonts/pt-sans-narrow-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/reepsholt/system/fonts/pt-sans-narrow-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/reepsholt/system/fonts/pt-sans-narrow-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/reepsholt/system/fonts/pt-sans-narrow-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/reepsholt/system/fonts/pt-sans-narrow-v12-latin-regular.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/reepsholt/system/fonts/roboto-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/reepsholt/system/fonts/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/reepsholt/system/fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/reepsholt/system/fonts/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/reepsholt/system/fonts/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/reepsholt/system/fonts/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../../files/reepsholt/system/fonts/roboto-v27-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/reepsholt/system/fonts/roboto-v27-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/reepsholt/system/fonts/roboto-v27-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/reepsholt/system/fonts/roboto-v27-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../../files/reepsholt/system/fonts/roboto-v27-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/reepsholt/system/fonts/roboto-v27-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* libre-baskerville-regular - latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/reepsholt/system/fonts/libre-baskerville-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/reepsholt/system/fonts/libre-baskerville-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/reepsholt/system/fonts/libre-baskerville-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/reepsholt/system/fonts/libre-baskerville-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/reepsholt/system/fonts/libre-baskerville-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/reepsholt/system/fonts/libre-baskerville-v9-latin-regular.svg#LibreBaskerville') format('svg'); /* Legacy iOS */
}
/* -------------- Vorläufig fürs Layouten: -------------- */
/*
#container {border: 1px solid red;   margin: 3px;}
#main {     border: 1px solid green; margin: 3px;}
#right {    border: 1px solid blue;  margin: 3px;}
/* ----------------------------------------------------- */


/* --------------- ALLGEMEIN --------------------------- */
/* Resets: */
#main, #left, #right {
	float: none;
}
#right {
	margin-right: inherit;
}
/* Standards: */
:root {
	font-family: PT Sans, sans-serif;
	color: #333;
	hyphens: auto;
	--dgruen: #2E3F1F;
	--dgruen-transparent: #2E3F1Fbb;
	--mgruen: #7C9187;
	--hgruen: #B9C6BA;
	--akzent: #68A94A
}
#main a, #right a {
	color: var(--akzent);
}
#main a:hover, #right a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: var(--hgruen);
	border-radius: 5px;
}
.ce_hyperlink {
	margin-top: 2rem;
}
/* Kontaktformular: */
form .widget label {
	font-weight: normal;
	color: var(--akzent);
}
form .widget span.mandatory { /* das Pflichtfeld-Sternchen. */
	font-size: 1.2em;
	padding-left: 0.2em;
	color: #f00;
}
button.submit {
	padding: 8px 20px;
	font-family: Roboto, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: var(--akzent);
}
textarea {
	min-height: 8em;
}
input.text, 
textarea {
	font-family: PT Sans, sans-serif;
}


/* --------------- MOBILE LAYOUT ------------------------ */
/* -- header-Bereich --------- */
/* Titelbild Startseite: */
#titelbild {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 30rem;
    height: 95vh;
	padding: 1rem;
	background-image: url("../../files/reepsholt/system/pics/titelbild-2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
#titel {                                    /*Start ALT, kann später weg. */
	position: relative;
	margin: 0;
	top: 12rem;
	text-align: center;
	font-family: "Libre Baskerville", serif;
	font-size: 2.5em;
	text-transform: uppercase;
	hyphens: none;
	color: #fff;
	text-shadow: 2px 2px 5px #444;
}
#titellogo {    /* Start ALT, kann später weg. */
	position: relative; 
	margin: 0 auto;
	top: 15rem;  
	right: 0.1rem;
	bottom: 0.1rem;
	width: 50%;
	max-width: 18em;
	padding: 0.3rem;
	background-color: var(--dgruen-transparent);
	border: 1px solid var(--hgruen);
}

#logo-gross { /* <figure> mit dem Logo */
  max-width: 25rem;
	padding: 5px 20px 20px 20px;
	text-align: center;
	background-color: #2e3f1fcc;
	border: 1px solid #b9c7ba;
	box-shadow: 5px 5px 10px #222;
}
#logo-gross img {
	width: 90%;
}

/* Titelbild Variante 2: -- NUR VORLÄUFIG !important!important!important   */
#titelbild.v2 {
	background-image: url("../../files/reepsholt/system/pics/titelbild-2.jpg");
}

/* -- #container-Bereich ----- */
#container {
	padding-bottom: 2.5em;    /* damit die unterste Zeile trotz fixem footer sichtbar wird. */
}

/* -- #main-Bereich ---------- */
#main .inside {
	padding: 0.5em;
	font-size: 1.15em;
	line-height: 1.5;
}
#main h1 {
	font-family: Roboto, sans-serif;
	font-size: 1.8em;
	font-weight: 900;
	color: var(--akzent);
	line-height: 1.0;
	hyphens: none;
}
#main h2, 
#main p strong {
	color: var(--mgruen);
}

/* Bilder, Bildunterschriften: */
figure {
	position: relative;
	margin-bottom: 1rem;
}
#main figure a:hover {
	background-color: inherit;
}
main figure img {
		width: 99.0%;
		border: 1px solid #666;
}
figcaption {
	position: absolute;
	bottom: 7px;
	padding: 0.2em 0.5em;
	width: 80%;
	border-top: 1px solid var(--hgruen);
	border-right: 1px solid var(--hgruen);
	font-size: 0.8em;
	line-height: 1.1;
	color: #eee;
	background-color: var(--dgruen-transparent);
}
/* Absatz mit den Namen des Vorstands (Seite Stiftungsorgane) */
.bildbeschreibung {  
	border-bottom: 1px solid var(--akzent);
	font-size: 0.8em;
	color: var(--dgruen);
}
.bildbeschreibung p {
	margin:5px;
}
/* Bildtitel in Colorbox (Großdarstellung): */
#cboxTitle {
	background-color: #000;
}
/* Karten in den Gebietsbeschreibungen */
figure.float_left {  
	width: 50%;
	margin: 0.5em 1em 0 0;
}
figure.float_left img {
	border: 1px solid #666;
}
/* ELER-Logo auf Seite "ehemaliges Munitionslager Bossow": */
.projektBossow img {
	border: 1px solid #666;
}

/* Akkordeon (Seite "Satzung"): */
div.ui-accordion-header {
	border-bottom: 2px solid #fff;
	font-weight: bold;
	color: var(--dgruen);	
	background-color: #eee;
	cursor: pointer;
}
[aria-expanded=true]::before {
	content: "▲ ";
	color: var(--akzent);
}
[aria-expanded=false]::before {
	content: "▼ ";
	color: var(--akzent);
}

/* Kacheln (Seiten "Projekte" und "Stiftungsflächen"): */
.kachel {
	float: left;
	width: 48%;
}
#main .kachel figcaption {
	position: relative;
	width: 95%;
	color: #fff;
	text-align: center;
	background-color: var(--akzent);
	border: none;

}
.kachel:nth-child(odd) {
	margin-right: 3%;
}
.kachel img {
	height: 180px;
	object-fit: cover;
	border: 1px solid var(--hgruen);
}
/* Tabellen (Gebietsbeschreibungen): */
.ce_table table {
	font-family: PT Sans Narrow, sans-serif;
	line-height: 1.3;
	border-collapse: collapse;
}
.ce_table td {
	vertical-align: top;
	padding:5px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}
.ce_table td.col_0 {
	width: 30%;
	background-color: var(--mgruen);
	color: #fff;
}
.ce_table td.col_1 {
	width: 70%;
	background-color: #eee;
	color: #333;
}

/* Quellenangaben (Gebietsbeschreibungen): */
.quelle {
	margin-top: 2em;
	float: right;
	width: 75%;
	padding: 1em;
	border: 1px solid var(--akzent);
	font-family: PT Sans Narrow, sans-serif;
	font-size: 0.9em;
}
.quelle:first-child {
	font-family: sans-serif;
	color: red;
}
#main .quelle p {
	margin: 0;
	padding: 0;
}
#main .quelle p:last-of-type {
	margin-top: 1em;
	text-align: right;
}
#main .quelle p:last-of-type a {
	padding: 3px 8px;
	text-decoration:none;
	font-family: Pt Sans, sans serif;
	font-weight: bold;
	color: #fff;
	background-color: var(--akzent);
	border-radius: 5px;
}

/* Tabelle Kalender: */
.mod_calendar table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.mod_calendar td {
	padding: 0;
	border: 1px solid var(--hgruen);
	height: 4rem;
	vertical-align: top;
}
.mod_calendar th.head {    /* Monatsnamen */
	padding: 0 0 2rem 0;
}
.mod_calendar th.head a {
	text-decoration: none;
}
.mod_calendar th.previous {    /* Monat zurück */
	text-align: left;
}
.mod_calendar th.next {    /* Monat nächster */
	text-align: right;
}
.mod_calendar th.label {   /* Wochentags-Namen */
	color: #fff;
	background-color: var(--mgruen);
	border-right: 1px solid var(--hgruen);
}
.mod_calendar th.label span {  /* volle Wochentags-Namen ausblenden */
	display: none;
}
.mod_calendar .header {
	padding: 0 0.2rem;
	font-size: 0.9em;
	font-weight: bold;
}
.mod_calendar .today .header {

}
.mod_calendar .today .header::after {
	content: " ◀";
	color: #dd0000;
}
.mod_calendar .event {
	font-family: "PT Sans Narrow";
	font-size: 1rem;
	line-height: 1.0;
}
.mod_calendar .event a {
	text-decoration: none;
	color: black;
}

/* Termin - Dateilansicht: */
.event.layout_full .info::before {
	content: "Termin: ";
}
.event.layout_full .location::before {
	content: "Ort: ";
}
.event.layout_full .ce_text::before {
	content: "Details:";
}
.event.layout_full .info::before, 
.event.layout_full .location::before,
.event.layout_full .ce_text::before {
	display: inline-block;
	width: 4rem;
	padding: 0.1rem 0.3rem;
	margin-right: 1rem;
	font-size: 0.9rem;
	color: #fff;
	background-color: var(--akzent);
}

/* Kommentare: */
.comment_default {
	margin-bottom: 1rem;
	padding: 0.5rem;
	border: 1px solid var(--akzent);
	border-radius: 0.5rem;
	background-color: #eee;
}
.comment_default .info {
	margin: 0;
	font-weight: bold;
	border-bottom: 1px solid var(--hgruen);
}
.comment_default .info time {
	color: var(--akzent);
	font-size: 0.9rem;
}
.comment_default .comment p {
	margin: 0.5rem 0;
	line-height: 1.2;
}

/*Kommentar-Formular: */
#com_tl_content_126 .widget-text, /* blendet die Felder Name, Email, etc. aus */
#com_tl_content_126 .widget-textarea label .mandatory {  /* blendet das * bei "Kommentar" aus */
	display: none;
}

/* -- aside#right-Bereich ---------- */
#right .inside {
	padding: 0 1.5em;
	font-size: 1em;
	color: var(--mgruen);
}
/* Rahmen, Hgr für jede einzelne Infobox: */
#right .inside > .block {
	margin-top: 1em;
	background-color: #eee;
}
#right .inside > .block > * {
	padding: 0 1.5rem;
}
/* h2-Überschriften: */
#right .inside > .block h2 {
	margin: 0;
	padding: 0.2rem 1.5rem;
	font-family: Roboto, sans-serif;
	font-size: 1.3em;
	color: #FFFFFF;
	background-color: var(--akzent);	
}
/* h3-Überschriften: */
#right h3 {
	margin-bottom: 0;
}
#right h3 + p {
	margin-top: 0;
}
/* Links in Box "Partnerseiten": */
#right .box-partnerseiten ul li {
	margin-left: 5rem;          /* Abstand links */
	list-style: square;          
	font-size: 2em;             /* Größe des Aufzählungszeichens */
	color: var(--akzent);       /* Farbe des Aufzählungszeichens */
}
#right .box-partnerseiten ul li a {
	padding: 0.2rem;
	line-height: 1.5;
	font-weight: bold;
	font-size: 1.3rem;
	color: var(--mgruen);       /* Schriftfarbe der Links */
	text-decoration: none;
}
/* Logo: */
#right .inside .box-logo {
	padding: 0.8rem 0; 
	border: none;    /* Reset der allg. Einst. */
	background-color: #2E3F1F;
	text-align: center;
}
#right .box-logo img {
	width: 100%;
	max-width: 25rem;
	height: auto;
	margin: 0;
}
/* Login-Formular: */
#right #mitglied-login form {
	padding-top: 1rem;
}
.login_info em {
	color: var(--mgruen);
	font-weight: bold;
	font-style: normal;
}
.login_info a {
	font-size: 0.9em;
	text-decoration:none;
}
/* Passwort ändern-Formular: */
p.tl_confirm {     /* Nachricht : Pwd-Änderung erfolgreich */
	font-weight: bold;
	text-align: center;
	background-color: #ffa500;
	border-radius: 5px;
}
p.error {          /* Nachricht : Pwd-Änderung fehlgeschlagen */
	color: #f00;
}


/* -- Footer-Bereich ---------- */
footer {
	position: fixed;
	width: 100%;
	bottom: 0;
	background-color: var(--mgruen);
	box-shadow: -2px -2px 5px var(--dgruen);
}
footer nav {
	text-align: center;
}
footer ul {
	margin: 0;
	padding: 0.5em 0;
}
footer li {
	display: inline;
	list-style: none;
	font-family: Roboto, sans-serif;
	color: #fff;
	padding: 0 2em;
}
footer a {
	font-family: Roboto, sans-serif;
	font-size: 1.1rem;
	color: #fff;
	text-decoration: none;
}
footer a:hover {
	text-decoration: underline;
}
footer nav .active {
	font-weight: normal;
	font-size: 1.1rem;
}

/* --------------- DESKTOP-LAYOUT ----------------------- */
	/* -- Flex-Layout: ---------- */
@media screen and (min-width:768px) {
	#container {
		display: flex;
		max-width: 1200px;
		margin: 20px auto;   /* 20px oben wegen fixed Menüleiste */
	}
	#main {
		flex: 2;
	}
	#right {
		flex: 1;
	}
	
	/* -- #header-Bereich -------- */
	#titelbild {
		display: block;
		max-width: 1100px;
        height: auto;
		min-height: 40em;
		margin: 30px auto 0 auto;
	}
	#titel {                                         /* Start ALT, kann später weg. */
		top: 15rem; 
		font-size: 3.5em;
	}
	#titellogo {                                      /* Start ALT, kann später weg. */
		position: absolute;
		right: 2rem;
		top: unset;
		bottom: 1em;
		max-width: 30%;
		padding: 0.3rem;
		background-color: transparent;
		border: none;
	}
	#logo-gross {
		max-width: 800px;
		margin: 4rem 2rem;
		padding: 5px 20px 20px 20px;
		text-align: center;
		background-color: #2e3f1fcc;
		border: 1px solid #b9c7ba;
		box-shadow: 5px 5px 10px #222;

	}
	
	/* -- #main-Bereich ---------- */
	#main .inside {
		padding: 1em 2em;
		font-size: 1.15em;
		line-height: 1.5;
	}
	
	#main h1 {
			margin: 2.4em 0 0.5em 0;
			padding: 0 0 0.2em 0;
			border-bottom: 1px solid var(--akzent);
	}
	.startpage #main h1 {
		margin-top: 0;
	}
	
	/* Bilder, Bildunterschriften: */
	#main figcaption {
		width: 60%;
		padding: 0.5em;
	}
	
	/* Kachelbilder (Seiten "Projekte", "Stiftungsflächen"): */
	
		.kachel img {
			height: 250px;
		}
	
	/* Tabellen (Gebietsbeschreibungen): */
	td {
		padding: 0.5em;
		border-width: 5px;
	}
	td.col_1 {
		background-color: var(--hgruen);
	}
	/* Kontaktformular: */
	textarea {
		min-height: 15em;
	}
	
	/* -- #right-Bereich ---------- */
	#right .inside {
		padding: 0 2rem 0 0;
	}
	
	/* -- Footer-Bereich ---------- */
	footer a {
		font-size: 1rem;
	}
	footer nav .active {
		font-size: 1rem;
	}
}



/*
  Die display-Eigenschaft des Mobile Menüs (Contao-Erweiterung: Contao-Mobile-Menu von codefog) wird im Contao-Backend gesteuert, nicht hier! - Momentane Einstellungen:
	 - "Für Smartphone": ab 768px -- aktiv
	 - "Für Tablets"   : ab 992px -- inaktiv   
*/

/* --------------- MOBILE MENU: --------------- */
/* Hamburger Menu-Button mit Titel:
   (im Contao-Modul: siehe Trigger-Inhalt) */
.mobile-menu-btn {
	display: flex;
	align-items: center;
	padding: 0 0 0 1em;
	margin: 0;
	background-color: var(--dgruen);
	color: #ccc;
}
#hh {       /* Hamburger-Symbol ≡  */
	margin: 0;
	padding: 0;
	font-size: 2em;
}
/* Titel-Schriftzug "Stiftung Reepsholt": */
#stiftung {
	margin: 0;
	padding: 0 0 0 1em;
	font-family: Libre Baskerville, serif;
	font-size: 1.3rem;
	text-transform: uppercase;
	color: #eee;
}

/* Hintergrund Menü: */
.mobile_menu .inner {
	padding: 0 0.5em;
	background-color: #444;
}
/* Schriftfarbe: */
.mobile_menu nav, 
.mobile_menu a {
	font-size: 1.3rem;
	color: var(--hgruen);
	text-decoration: none;
}
.mobile_menu strong.active {
	font-weight: normal;
	color: #9acd32;  /* das ist "yellowgreen" */
}
/* Einrückung links für untergeordnete Level: */
.mobile_menu ul {
	padding-left: 0em;
	list-style: none;
}
/* Linien zwischen den Menüeinträgen: */
.mobile_menu li {
	border-top: 1px solid var(--mgruen);
}
.mobile_menu ul.level_1 > li.last {
	border-bottom: 1px solid var(--mgruen);
}

/* Abstände und Rahmen für alle Menüeinträge: */
.mobile_menu span[itemprop],
.mobile_menu strong[itemprop] {
	display: inline-block;
	line-height: 1em;
	padding: 0.5em 0;

}
/* Einrückung der Untermenüs: */
.mobile_menu ul.level_2 span[itemprop],
.mobile_menu ul.level_2 strong[itemprop] {
	padding-left: 1em;
}
.mobile_menu ul.level_3 span[itemprop],
.mobile_menu ul.level_3 strong[itemprop] {
	padding-left: 2em;
}



/* --------------- DESKTOP MENUS: -------------- */
nav.navi-desktop,
.navi-breadcrumb {
	display: none;
}

@media screen and (min-width:768px) {
	/* -- Hauptmenü: ---------- */
  /* Menü einblenden: */
	nav.navi-desktop {
		display: block;
		position: relative;
		z-index: 1000;
		width: 100%;
		font-size: 1.1em;
		background-color: #eee;
	}
	.navi-desktop ul {
		list-style: none;
		padding-left: 0;
		background-color: var(--mgruen);
	}
	/* Einzug links level_2: */
	.navi-desktop ul.level_2 span[itemprop], 
	.navi-desktop ul.level_2 strong[itemprop] {
		padding-left: 1em;
	}
	/* Einzug links level_3: */
	.navi-desktop ul.level_3 span[itemprop], 
	.navi-desktop ul.level_3 strong[itemprop] {
		padding-left: 2em;
	}

	/* oberste Ebene: horizontal, verteilt über die Breite: */
	.navi-desktop ul.level_1 {
		display: flex;
		justify-content: center;
		position: fixed;
		top: 0;          /* notwendig, damit position:fixed und display:flex zusammen funktionieren. */
		left: 0;         /*       - " -        */
		right: 0;        /*       - " -        */
		margin-top: 0;
		padding: 2px 0;
		border-bottom: 1px solid var(--hgruen);
		box-shadow: 2px 2px 15px #666;
	}
	.navi-desktop ul.level_1 > li {
		padding: 5px;
		margin: 0 3%;
	}
	/* Ebenen 2 und 3: unsichtbar: */
	.navi-desktop ul.level_2,
	.navi-desktop ul.level_3 {
		display: none;
	}
	/* level_2 und level_3 beim Hovern über level_1 einblenden: */
	.navi-desktop ul.level_1 li.submenu:hover ul.level_2,
	.navi-desktop ul.level_1 li.submenu:hover ul.level_3 {
		display: block;
		position: absolute;
		min-width: 270px;  /* Breite Aufklapp-Menüs */
		line-height: 2;
	}
	.navi-desktop ul.level_2 {
		padding-top: 9px;       /* notwendig, damit level_2 bündig UNTER level_1 anschließt. */
	}
	/* Linien zwischen den Menüelementen level_2 und _3: */
	.navi-desktop ul.level_2 li,
	.navi-desktop ul.level_3 li {
		border-top: 1px solid #FFF;
		padding-left: 1em;
		padding-right: 1em;
	}
	
	/* Schrift: */
	.navi-desktop a, 
	.navi-desktop .active {
		font-family: Roboto, sans-serif;
		font-weight: normal;
		color: var(--hgruen);
		color: #fff;
		text-decoration: none;
		hyphens: none;
	}
	.navi-desktop .level_2 a, 
	.navi-desktop .level_2 .active,
	.navi-desktop .level_3 a, 
	.navi-desktop .level_3 .active {
		font-size: 1rem;
		font-weight: normal;
		color: #fff;
	}
	/* Link-Hover level_1: */
	.navi-desktop .level_1 > li:hover::before {
		position: absolute;
		margin-left: -1.2em;
		content: "▶";
		color: var(--hgruen);
	}
	/* Link-Hover level_2 und level_3: */
	.navi-desktop .level_2 li:hover,
  .navi-desktop .level_3 li:hover	{
		background-color: var(--hgruen);
	}
	/* aktiver Link: */
	.navi-desktop strong.active {
		
	}
	/* dem aktiven Link übergeordneter Link: */
	.navi-desktop a.submenu.trail {
		
	}
	
	/* -- Breadcrumbs: ---------- */
  /* Menü einblenden: */
	.navi-breadcrumb {
		display: block;
		margin-top: 1.5em;
		font-size: 0.75em;
	}
	.navi-breadcrumb::before {
		content: "Sie sind hier: ";
		font-style: italic;
		color: var(--mgruen);
		margin-right: 0.5em;
	}
	/* Erstes Breadcrumb ausblenden (-> das wäre immer "Stiftung Reepsholt"): */
	.navi-breadcrumb .first {
		display: none;
	}
	.navi-breadcrumb ul {
		margin: 0;
		padding: 0;
	}
	.navi-breadcrumb li {
		list-style: none;
		display: inline;
	}
	#main .navi-breadcrumb a, 
  .navi-breadcrumb li, 
	.navi-breadcrumb ul::before {
		color: var(--mgruen);   /* Schriftfarbe */
		text-decoration: none;
	}
	/* Trennzeichen zwischen den Breadcrumbs: */
  .navi-breadcrumb li::after {
		content: "|";
		padding-left: 0.5em;	
		padding-right: 0.5em;
	}
	.navi-breadcrumb li.last::after {
		content: none;
	}
}