body {
	font-family:sans-serif;
	padding: 0;
	margin:0;

	/*
	display: grid;
	grid-template-areas: 
		"header header"
		"content sidebar"
		"footer footer";
	grid-template-columns: 1fr 300px;
	gap: 20px;
	*/
}
	
/*
header { grid-area: header; }
main { grid-area: content; }
aside { grid-area: sidebar; }
footer { grid-area: footer; }
*/



 /* ============================================= */
 /* === EDITOR ================================== */
 /* ============================================= */


.editable {
	border: 1px dashed #ccc;
	padding: 10px;
	margin-bottom: 10px;
}
.save-button {
	display: none;
	padding: 5px 10px;
	background-color: #4CAF50;
	color: white;
	border: none;
	cursor: pointer;
	margin-top: 5px;
}
.save-button:hover {
	background-color: #45a049;
}


.logout {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 5px 10px;
	background-color: #f44336;
	color: white;
	text-decoration: none;
	border-radius: 3px;
}

.versions-link {
	display: inline-block;
	margin-left: 10px;
	padding: 5px 5px;
	background-color: #2196F3;
	color: white;
	text-decoration: none;
	border-radius: 3px;

	float:right;
}


figure.image.image-style-side{
	float:right;
	position: relative;
}
.image.image-style-side img{
	max-width:300px;
}

#editor-main{
	overflow: auto;
}





/*=========================================================================*/
/*=== PAGE ================================================================*/
/*=========================================================================*/

.page_top{
	padding: 30px 10px;
	display: flex;
	justify-content: center;
	flex-flow: row nowrap;
	align-items: center;
}

.navwrap {
	margin: 0 auto;
	background-color: #eee;
	text-align: center;
	margin-bottom: 30px;
	padding: 10px 10px 15px 10px;
}


/*
.mainnav a {
	display: inline-block;
	font-weight: bold;
	padding: 10px;
	margin: 5px;
	text-decoration: none;

	color: #4a4a4a;
	font-size: 20px;

	padding: 6px 10px;
	border: 1px solid #aaa;
	border-radius: 4px;
	background-color: #fff;
}
*/


.mainnav p{
	margin: 0;
	padding: 0;
}



.navigation_foot{
	line-height: 1.4;
	padding: 20px 10px;
	margin-top:70px;
	display:flex;
	justify-content: center;
	/* width:100%; */
	background-color: #eee;
	font-size:90%;
}
.navigation_foot a {
 	color: #000;
}
.navigation_foot th,
.navigation_foot td{
	padding:0 36px;
	text-align: center;
}



.bild_links img{
	margin-right:20px;
	margin-bottom:12px;
}

.bild_rechts img{
	margin-left:20px;
	margin-bottom:12px;
}


/*
.spalte_1, .spalte_2, .spalte_3{
	 border:0px solid #fff;
	 padding:20px;
	width:100%;
	transition:2s;
}
*/
.maincontent {
	line-height:1.5;
}

.maincontent a {
	color: #54905c;
	font-weight:bold;
}





.teaser,
.main,
.footer{
	max-width: 840px;
	margin: 0 auto;
}

h1{
	color:#656565;
	/*VAR*/
	color:#F06830;;
	font-size: 1.6rem;
}
h2{
	color:#565656;
	font-size: 1.4rem;
}
h3{
	color:#444;
	font-size: 1.15rem;
}


.main > div > img{
	max-width: 100%;
}



.navigation_foot a {
	text-decoration: none;
}

/*nav foot konvertierte tabelle ====================== */
.navigation_foot .table{
	border:0px solid #5b9bd5;
}
.navigation_foot .row{
	border:0px solid rgba(239, 144, 43, 0.93);
}
.navigation_foot .cell{
	text-align:center;
	border: 0px solid #6ebd49;
	padding:8px 20px;
	background-color:#eee;
}


.navigation_foot.desk{
	/**/
}
.navigation_foot.mob{
	display:none;
}

/*konvertierte tabelle================================ */








 /* +++ MEDIA +++++++++++++++++++++++++++++ */
@media screen and (max-width:768px){

	.page_top {
		padding: 4vw 10px 2.2vw 10px;
	}

	img.logo{
		max-width:98%;
	}
	.maincontent{
		font-size:0.9rem;
	}


	.teaser,
	.main,
	.footer{
		max-width: 100%;
		margin: 0 10px;
	}

	h1{
		color:#656565;
		color:#F06830;
		font-size: 1.36rem;
	}
	h2{
		color:#565656;
		font-size: 1.24rem;
	}
	h3{
		color:#444;
		font-size: 1.12rem;
	}

	/*
	.main{
		flex-direction: column;
	}

	.foot{
		display:block;
	}


	.spalte_1{
		_order:2;

	}
	.spalte_2{
		_order:1;

	}
	.spalte_3{
		_order:3;

	}

	*/
	.navigation_foot.desk{
		display:none;
	}
	.navigation_foot.mob{
		display:block;
	}


}
 /* +++++++++++++++++++++++++++++++++++++ */





/* - - - - - - - - - - - - - - - - - - - */
/*  - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - */
.adminarea_foot{
	display:flex;
	justify-content: center;
	margin-top:20px;
	padding:20px;
	width:100%;
	background-color: #555;
	color:#fff;
}
.adminarea_foot a{
	color:#fff;
}


.versions-link {
	display:none;
}
/* - - - - - - - - - - - - - - - - - - - */
/*  - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - */