body{
	max-width:100% !important;
}
div.pagecontent{
	max-width:90% !important;
}
article.container{
	max-width:100% !important;
}
/*************  ohne Banner *********/
div#banner{
	display:none;
}
div#keyVisual{
	overflow:hidden;
}
/***************  info-kasten  ***********/
div.info {
	width: 70%;
	margin: 2rem auto;
	border: 2px dotted red;
	background-color: antiquewhite;
	padding: 1rem;
}
/***************  bilder  ***********/
.bild-vorschau{
	max-width:300px;
	height:auto;
}
/***************  sticky  ***********/
sticky-top{
	position: sticky;
	top: 0;
	padding-bottom: 1em;
	width: 50%;
	font-size: large;
	z-index: 999;
}
/***************  Steckbrief list  ***********/
div.listBemerkung{
	max-height:6rem;
	overflow-y:scroll;
	font-size:0.75rem;
}
/***************  Steckbrief show  ***********/
.tx-podsteckbriefe.show textarea{
	border:none;
}
.tx-podsteckbriefe.show td{
	padding:.5em .25em !important;
	background-color:#eeeeee;
}
.tx-podsteckbriefe.show td + td{
	background-color:unset;
}
/***************  prio  ***********/
.standard-bg{
	background-color:white;
}
.prio-1{
	background-color:antiquewhite;
}
/***************  menu  ***********/
div#menu{
	display:flex;
	font-size: x-large;
	line-height: 3rem;
}
div#menu div{
	margin-right:2rem;
	width:50%;
}
/***************  form  ***********/
input[readonly="1"]{
	background-color:#eeeeee;
	border:none;
}
/***************  2-spaltiges Formular  ***********/
.tx-podsteckbriefe div.cols-form{
	display:flex;
	gap:0.25em;
}
.tx-podsteckbriefe div.cols-form div.spalte{
	flex:1;
	/*width:50%;*/
	background-color:#eeeeee;
	padding:1em;
}
.tx-podsteckbriefe div.cols-form .spalte label{
	width:25%;
	margin-right:1rem;
}
.tx-podsteckbriefe div.cols-form .spalte input[type="text"],
.tx-podsteckbriefe div.cols-form .spalte input[type="textarea"],
.tx-podsteckbriefe div.cols-form .spalte input[type="select"]
{
	width:60%;
}
/***************  table  ***********/
table.tx_podsteckbriefe.border th{
	text-align:center;
	background-color:#eeeeee;
	border:1px solid #dddddd;
}
table.tx_podsteckbriefe.border td{
	border:1px solid #dddddd;
	padding:.5em;
}
table.tx-podsteckbriefe th{
	text-align:center;
}
table.tx-podsteckbriefe th,
table.tx-podsteckbriefe td{
	vertical-align:middle;
}
table.tx-podsteckbriefe.collapse{
	border-collapse: collapse !important;
}
table.tx-podsteckbriefe.border,
table.tx-podsteckbriefe.border th,
table.tx-podsteckbriefe.border td{
	border:2px solid gray;
	padding:0 5px;
}
table.tx-podsteckbriefe.border th{
	background-color:#ddd;
	padding:5px;
	vertical-align:middle;
	text-align:center;
}

/*************** div.table *********/
div.table{
	display:table;
}
div.theader{
	display:table-header-group;
}
div.table .tr{
	display:table-row;
}
/*div.table .tr:hover{
	background-color:yellow !important;
}*/
div.table .th{
	display:table-cell;
	padding:.25rem;
	font-weight:600;
	vertical-align:bottom;
	min-width:5rem;
	max-width:7rem;
	border:1px solid darkgray;
	border-bottom: 2px solid #999;
}
div.table .td{
	display:table-cell;
	padding:.25rem;
	vertical-align:middle;
	border:1px solid darkgray;
	border-top: none;	
} 
div.table .tr.h4{
	line-height:1rem;	
	height:3rem;
}
div.table.small .td{
	padding:0;
}
div.table .summary{
	display:list-item;
	width:100%;
}
div.tr.sticky{
	position: sticky;
	top: 45px;
	background-color: #eee;	
}
.sticky-header{
	position: sticky;
	top: 0;
	z-index:999;
	width:fit-content;
	padding-top:5px;
	/*margin-right:-3rem;*/
	/*background-color:#ffffff;*/
}
.stickySummary{
	position:sticky;
	top:99px;
	background-color:blanchedalmond;
	padding-bottom:.5em;
	z-index:990;
}
.nav-public{
	font-size:1rem; 
	position:sticky; 
	top:0px; 
	z-index:998; 
	padding:5px; 
	border-bottom:none !important; 
	background-color:white;
	margin-right:-3rem;
}
/************  details / summary  ***************/

details[open] {
  background: #eee;
  margin-bottom: 1em;
}
summary::-webkit-details-marker,	
summary::marker {
	color:transparent;
}
/***************** edit-bild  ****************/
div.edit-bild label{
	font-weight:bold;
	vertical-align:top;
	
}
div.edit-bild textarea{
	max-width:50%;
}

/************  edit steckbrief  ***************/
button.large{
	padding:1rem;
	font-size:larger;
	font-weight:600; 
}
div.grid-show-steckbrief table.tx-podsteckbriefe.border th{
	text-align:left;
}
div.grid-edit-steckbrief,
div.grid-show-steckbrief{
	display:flex;
}
div.grid-edit-steckbrief-links,
div.grid-show-steckbrief-links{
	width:70%; 
}

div.grid-edit-steckbrief-rechts,
div.grid-show-steckbrief-rechts{
	display:flex;
	flex-direction:column;
	width:30%;
}
div.grid-edit-steckbrief .grid-steckbrief{
	/*width:50%;*/
	border:1px solid gray;
	padding:0.5em;
	/*margin-right:1em;*/
	background-color:#EBF8BA;
}
.tx-podsteckbriefe div.grid-edit-steckbrief .grid-steckbrief label{
	font-weight:bold;
	vertical-align:top;
}
.tx-podsteckbriefe div.grid-edit-steckbrief .grid-steckbrief textarea{
	margin-bottom:.5em;
	width:70% !important;
}
div.grid-edit-steckbrief .grid-steckbrief input[type="text"]{
	width:70%;
}
div.grid-edit-steckbrief .grid-steckbrief select{
	width:20vw;
}

div.grid-edit-steckbrief .grid-steckbrief #litIdsOld{
	padding-left:1em;
	width:17vw;	
}
div.grid-edit-steckbrief .grid-steckbrief table{
	width:100%;
}
div.grid-edit-steckbrief .grid-steckbrief tr{
	border-bottom:1px solid gray;
}
div.grid-edit-steckbrief .grid-steckbrief.taxon {
	/*width:25%;*/
	background-color:aliceblue; 
}
div.grid-edit-steckbrief .grid-steckbrief.hilfe {
	/*width:25%;*/
	background-color:antiquewhite;
	margin-right:0;
}

/************  Navigation  ***************/
nav{
	z-index: 9999;
	background-color:#FFFFFF;
}
nav.buttons{
	display:flex;
	flex-wrap:wrap;
	border-bottom: 1px solid gray;
}
nav.sticky{
	position:sticky;
	z-index:9998;
}
nav.top{
	top:0;
}
nav.buttons.top.sticky.left{
	position:sticky;
	z-index:998;
	top:0;
	left:0;
}
nav.buttons.left{
	justify-content:start;
}
nav.buttons.right{
	justify-content:end;
}
nav.buttons.aussen{
	justify-content:space-between;
}
nav.buttons.center{
	justify-content:center;
}
nav.buttons.verteilt{
	justify-content:space-evenly;
}
nav.buttons .button,
a.button{
	flex:1;
	font-size:1rem;
	max-width:8rem;
	height:2rem;
	text-align:center;
	background-color:var(--umwelt);
	color:#ffffff;
	padding:5px;
}
nav.buttons a:hover,
a.button:hover{
	color:#009fe31c;
	background-color: chartreuse;
	border-radius: 1.5em;
	height: 3rem;
}
a.button-lang{
	max-width:100% !important;
	display:inline-block; 
	font-size:1.5rem;
	padding:.5rem; 
	text-align:center;
	vertical-align:middle;
	background-color:var(--umwelt);
	color:#ffffff;
}
a.button-nav{
	display:inline-block; 
	font-size:1.5rem;
	/*padding:.5rem; */
	text-align:center;
	vertical-align:middle;
	color:var(--umwelt);
	background-color:#ffffff;
}
a.button-nav:hover{
	background-color: chartreuse !important;
	border-radius:1em;
}

/************  diverse  ***************/
button {
	color: #007bff !important;
	background-color:#e9e9ed !important;
}
.grau{
	background-color:gainsboro;
}
a.button{
	background-color:var(--umwelt);
	/*background-color:#ffffff;*/
}
div.tr div.th a.button.button-sm{
	margin-right:0;
}
div.nav-bottom{
	margin-top:2rem;
}
.mitte{
	text-align:center;
}
div.nav-bottom button{
	margin:1rem;
}
.tx-podsteckbriefe input[type="text"],
.tx-podsteckbriefe select,
.tx-podsteckbriefe textarea{
	width:30%;
}
.tx-podsteckbriefe td input[type="text"],
.tx-podsteckbriefe td select,
.tx-podsteckbriefe textarea{
	width:100% !important;
}
.tx-podsteckbriefe .login{
	display:table;
}
.tx-podsteckbriefe .login .tr{
	display:table-row;
}
.tx-podsteckbriefe .login .td{
	width:auto;
	display:table-cell;
	margin-bottom:.5rem;
}
.kursiv{
	font-style:italic;
}
/**************************
**  CE 2-spaltig anordnen
***************************/
div.pod-linke-spalte{
	width:50%;
	display:inline-block;
	float:left;
}
/**************************************************************
**  horizontaler Fortschrittsbalken mit js
***************************************************************/
.scroll-line{
background: linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
		linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
		linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);
  top: 45px;
  left: 0;
  height: 10px;
  position: sticky;  /*  fixed */
  z-index:999;
  transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/**************************************************************
**  Steckbrief table autoekologie
***************************************************************/
table.autoekologie{
	width:100%;
	border-bottom:1px solid gray;
}
table.autoekologie .spalte{
	width:25%; 
}
table.autoekologie .border-right{
	border-right:1px solid gray !important;
}
table.autoekologie th,
table.autoekologie td{
	border:none !important;
	background-color:transparent !important;
	font-weight:400;
	font-size:.9rem;
}
table.autoekologie td{
	vertical-align:top;
}
table.autoekologie th{
	text-align:right !important;
}
/***************************************************
**  tinyAccordion
****************************************************/
ul.tinyaccordion .acc-section h3{
	display:initial !important;
	font-size: 1.25em;
}