/* <![CDATA[ */
@font-face {
	font-family:"LibertinusSerif";
	src:url("/i/fonts/LibertinusSerif-Regular.otf") format("truetype");
}

@font-face {
	font-family:"Roboto";
	src:url("/i/fonts/Roboto-Medium.ttf") format("truetype");
}

/*
@font-face {
	font-family:"Roboto";
	src:url("/i/fonts/Roboto-Italic.ttf") format("truetype");
	font-style: italic;
}
*/

@font-face {
	font-family:"Pacifico";
	src:url("/i/fonts/Pacifico-Regular.ttf") format("truetype");
}

body {
	margin: 0em;
	padding: 0em;
}

#loading{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('./img/page-loader.gif') 50% 50% no-repeat rgb(249,249,249) ;
}

#content {
	margin-top: 0em;
	margin-left: 0em;
	margin-right: 0em;
	margin-bottom: 1.5em;
	padding: 1em;
}

#header {
	position: absolute;
	top: 0em;
	left: 0em;
	width: 100%;
	height: 6em;
	text-align:center;
}
#top-right {
	position: absolute;
	top: 0em;
	right: 0em;
	height: 2em;
	text-align:right;
	z-index:10000;
}
#bottom-left {
	position: absolute;
	bottom: 0em;
	left: 0em;
	height: 100px;
	width: 100px;
	text-align:left;
	z-index:10000;
}
#footer {
	position: absolute; /* Operas 5 + 6, need this to be relative */
	bottom: 0em;
	left: 15em;
	right: 0em;
	height: 1.5em;
	text-align: right
}
#footer h4, #footer p, #footer iframe{
	position: absolute;
	bottom: 0em;
	width: 100%;
	margin: 0em;
	padding: 0em;
}
#footer iframe {
	height: 1.5em;
	margin-left: 1em;
}
/*\*/
body>#header, body>#sidebar-left, body>#footer, body>#top-right {
	position: fixed;
}
/* ]]> */
/* settings for appearance alone */

#blase {
	display:none;
	position: absolute;
	width: 1px;
	height: 1px;
	z-index: 99;
	background-color: gold;
	top: 0px;
	left: 0px;
}
/*
 */

.trogglebutton  {
	text-align: inherit;
}

ul.languagelist {
	list-style-type: none;
	margin: 0px;
	padding: 1px;
}

ul.languagelist li {
	display: inline;
	padding: 4px;
}

ul.languagelist li input {
	text-align: inherit;
}

ul.languagelist li.active {
	display: inline;
	padding: 4px;
}

body {
	color:#322;
	/* background-color:#d0e4fe; */
	background-image:url("i/paper.jpg");
	font-family:Roboto, Verdana, sans-serif;
}
/*
#header  { background: #d0e4fe; }
#content { background: #d0e4fe; }
#footer  { background: #d0e4fe; }
*/

a {
	color:#322;
	/* text-decoration:none; */
}

p.ERRORmsg {
	background-color:#00f0f0;
	color:#ff0000;
	font-size:100%;
	font-weight:bold;
	padding:10px;
}

p.OKmsg {
	background-color:transparent;
	color:#2e8713;
	font-size:200%;
	font-weight:bold;
}

input {
	background-color:#f0f0f0;
}

/***********************************/

div.matrix.box  {
	display: block;
	margin: 3px;
/*
display: inline-block;
	text-align:center;
	margin: 3px;
	width: 300px;
*/
}
div.matrix.box span {display: inline-block; margin: 3px;}

/*
div.matrix.box  { border:2px inset #eee;}
div.matrix.box  {	color: #000000; background-color: #c0d4ee;}
div.matrix.box.zugewiesen {background-color: #9df88d;}
div.matrix.box.ueberbucht {background-color: #FFD8BE;}
div.matrix.box.ausgebucht {background-color: #FF9380;}
div.matrix.box.marke      {background-color: #C0D0C0;}
*/

/***********************************/

input[type="file"] {
	/*
	width: 1px;
	height: 1px;
	*/
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
	display:none;
}

input[type="text"], input[type="search"], input[type="password"], input[type="submit"], input[type="button"], textarea, select,
input[type="file"] + label {
	color:#000;
	background-color:#f0f0f0;
	border: 1px solid #0050A0;
	border-radius: 3px;
	padding: 3px;
	/* background-color:#FFFFC0; */
	/* width:100%;margin:-3px;border:2px inset #eee; */
	/* width: 98%; padding: 1%; */
	font-family: inherit;
	font-size: inherit;
	height: auto;
	min-height: 1px;
	max-height: 999999px;
}

input[type="file"] + label {
	cursor: pointer; /* "hand" cursor */
}

input[type=radio].cbox, input[type=checkbox].cbox { display: none; }

label.cbox {
	display: inline;
	cursor: pointer;
	position: relative;
	padding: 0px;
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 13px;
}

label.cbox:before {
	content: "";
	text-align: center;
	display: inline-block;
	color:#225;
	background-color:#f0f0f0;
	border: 1px solid #0050A0;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0px;
	bottom: 1px;
	margin-right: 10px;
	/*
	background-color: #aaa;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
	 */
}

.radio label.cbox:before {
	border-radius: 8px;
}

.checkbox label.cbox:before {
	border-radius: 3px;
}

input[type="radio"]:checked + label.cbox:before {
	content: "\2055";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	font-size: 16px;
	text-align: center;
	line-height: 16px;
}

input[type="checkbox"]:checked + label.cbox:before {
	content: "\2717";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	font-size: 16px;
	text-align: center;
	line-height: 16px;
}

/* Rahmen um Eingabefelder */
input[type="text"].error, input[type="search"].error, input[type="button"].error, label.cbox.error:before, textarea.error, select.error, td.error, div.matrix.box.error {
	color: #BF0000;
	border: 4px solid #E06060;
	background-color: #FFFFFF;
}

label.cbox.error:before {
	height: 22px;
	width: 22px;
	bottom: -4px;
	left: -4px;
}

.radio label.cbox.error:before {
	border-radius: 10px;
}

input[type="text"].changed, input[type="search"].changed, input[type="button"].changed, label.cbox.changed:before, textarea.changed, select.changed, td.changed, div.matrix.box.changed, {
	color: #008000;
	border: 4px solid #008030;
	background-color: #F4FFF4;
	bottom: -4px;
	left: -4px;
}

.radio label.cbox.changed:before {
	border-radius: 10px;
}

label.cbox.changed:before {
	height: 22px;
	width: 22px;
	bottom: -4px;
	left: -4px;
}

input[type="text"].geld {
	text-align:right;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

li.changed {
	color: #008000;
}

li.error {
	color: #BF0000;
}

/* convenience div for padding inside positioned divs */
/*
div.paddingwrap {
	margin: 0 auto;
	padding: 1em;
}
*/

div.headline {
	color:#444;
	font-weight:bold; font-size:100%;
}

h1.menu, h2.menu, h3.menu, h4.menu {
	color:#644;
	font-weight:bold;
	font-family:Pacifico, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color:#644;
	font-weight:bold;
	font-family:Pacifico, Verdana, sans-serif;
}

div.menu img {
	display:block; width:280px;border:0px;
	margin-bottom: -15px;
}

a.menu, a.menusel {
	display:block; width:180px; height: 30px;
	/* border:6px groove #eeed; */
	/*border-radius: 15px;*/
	/*margin-top:4px; padding:6px;*/
	/*margin-top:-5px*/
	margin-left: 30px;
	padding-top: 30px;
	font-size:100%; font-weight:bold; margin: 0 auto;
	text-align:center;
	font-family:LibertinusSerif, Verdana, sans-serif;
	/*
	background-image:url("i/brett.jpg");
	*/
	vertical-align: middle;
	background-image:url("i/Followthek_Holz_Schild_ohne_Text.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-decoration:none;
}

a.menu:link    { color:#111; }
a.menu:visited { color:#111; }
a.menu:hover   { color:#eee; }
a.menu:active  { color:#111; }

a.menusel:link    { color:#eee; }
a.menusel:visited { color:#eee; }
a.menusel:hover   { color:#eee; }
a.menusel:active  { color:#eee; }

/*
a.menu, a.menusel {
	display:block; width:160px; border:6px groove #99d; margin-top:4px; padding:6px;
	font-size:100%; font-weight:bold; margin: 0 auto;
	text-align:center;
	border-radius: 5px;
}

a.menu:link    { color:#44a; background-color:#f0f0f0; text-decoration:none; }
a.menu:visited { color:#44a; background-color:#f0f0f0; text-decoration:none; }
a.menu:hover   { color:#00a; background-color:#d0e4fe; text-decoration:none; }
a.menu:active  { color:#44a; background-color:#d0e4fe; text-decoration:none; }

a.menusel:link    { color:#44a; background-color:#a0f0a0; text-decoration:none; }
a.menusel:visited { color:#44a; background-color:#a0f0a0; text-decoration:none; }
a.menusel:hover   { color:#00a; background-color:#d0e4fe; text-decoration:none; }
a.menusel:active  { color:#44a; background-color:#d0e4fe; text-decoration:none; }
*/

a.button {
	text-decoration:none;
}

a.bild {
	text-decoration:none;
}

a.bild:link    { color:#322; }
a.bild:visited { color:#322; }
a.bild:hover   { color:#feb; }
a.bild:active  { color:#322; }

a.bild span.name {
	vertical-align: middle;
}
a.bild span.nagel, a.door span.nagel {
	width:100px; height:100px;
	vertical-align: middle;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
a.door {
	text-decoration:none;
}

a.door:link    { color:#322; }
a.door:visited { color:#322; }
a.door:hover   { color:#feb; }
a.door:active  { color:#322; }

a.door span.name {
	vertical-align: middle;
}
a.door span.nagel {
	background-image:url("i/Tür_geschlossen.png");
}
a.door:hover span.nagel {
	background-image:url("i/Tür_offen.png");
}

a.bild span.nagel img, a.door span.nagel img, a.bild span.nagel video, a.door span.nagel video {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/**************************************/

hr {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/*
div.matrix {
display: inline;
}
 */
div.matrix.box {
	vertical-align: top;
	display: inline-block;
	text-align:center;
	margin: 3px;
	width: 200px;
}

a.bild span.nagel, a.door span.nagel, a.bild span.name, a.door span.name {
	display: block;
	width: 100%;
}

/**************************************/

div.menu  {
	text-align:center;
	margin: 0 auto;
	padding: 1em;
	/*
	color:#000; background-color:#d0e4fe; width:180px; text-align:center; padding:0px;
	 */
}
/*
body.menu { color:#000; background-color:#d0e4fe; }
 */

.endsumme {
	font-weight:bold;
	font-size:100%
}

input[type="submit"].PushButton {
	background:transparent;
	cursor:pointer;
	border:0px;
	width:100px;
	height:100px;
	text-align: inherit;
}

input[type="submit"].GreenButton {
	background:url(./img/oben_rechts_gruen.png) no-repeat;
}

input[type="submit"].GreenButton:hover {
	background:url(./img/oben_rechts_gelb.png) no-repeat;
}

input[type="submit"].GreenButton:active {
	background:url(./img/oben_rechts_gelb.png) no-repeat;
}

input[type="submit"].PanikButton {
	background:url(./img/oben_rechts_rot.png) no-repeat;
}

input[type="submit"].PanikButton:hover {
	background:url(./img/oben_rechts_gelb.png) no-repeat;
}

input[type="submit"].PanikButton:active {
	background:url(./img/oben_rechts_gelb.png) no-repeat;
}

table.personal tr {vertical-align: top;}
tr {vertical-align: middle;}

th {padding: 0.5em}
th {font-weight:bold;}

th                                                      {color:#f0f0f0; background-color:#6060c0;}
tr.alterline:nth-child(odd)       , tr[draggable=true]:nth-child(odd)       , tr.low        {color:#000000; background-color:#c0d4ee;}
tr.alterline:nth-child(odd):hover , tr[draggable=true]:nth-child(odd):hover , tr.low:hover  {color:#ffff00; background-color:#6060c0;}
tr.alterline:nth-child(even)      , tr[draggable=true]:nth-child(even)      , tr.high       {color:#000000; background-color:#e0f4ff;}
tr.alterline:nth-child(even):hover, tr[draggable=true]:nth-child(even):hover, tr.high:hover {color:#ffff00; background-color:#6060c0;}

/*** Warnung für Überbuchung *******************/

tr[draggable=true]:nth-child(odd)        td.box.ueberbucht, tr.low        td.box.ueberbucht       {background-color: #FFD8BE;}
tr[draggable=true]:nth-child(odd):hover  td.box.ueberbucht, tr.low:hover  td.box.ueberbucht       {background-color: #F08080;}
tr[draggable=true]:nth-child(even)       td.box.ueberbucht, tr.high       td.box.ueberbucht       {background-color: #FFF0F0;}
tr[draggable=true]:nth-child(even):hover td.box.ueberbucht, tr.high:hover td.box.ueberbucht       {background-color: #F08080;}

tr[draggable=true]:nth-child(odd)        td.box.ausgebucht, tr.low        td.box.ausgebucht       {background-color: #FF9380;}
tr[draggable=true]:nth-child(odd):hover  td.box.ausgebucht, tr.low:hover  td.box.ausgebucht       {background-color: #AA9380;}
tr[draggable=true]:nth-child(even)       td.box.ausgebucht, tr.high       td.box.ausgebucht       {background-color: #FFB3A0;}
tr[draggable=true]:nth-child(even):hover td.box.ausgebucht, tr.high:hover td.box.ausgebucht       {background-color: #AA9380;}

td.box.zugewiesen {background-color: #9df88d;}
td.box.marke {background-color:#C0D0C0;}

/***********************************/

tr[draggable=true] { cursor: move; }
tr[draggable=true].rto td {
	border-top:1pt solid black;
}

tr[draggable=true].rfrom {
	border: 2pt solid yellow;
}

/*
input[type="text"].low {
background-color:#f0f0A0;
}
input[type="text"].high {
background-color:#ffffC0;
}
 */

td           {padding-right: 0.5em; padding-left: 0.5em}
td.geld      {text-align:right; padding: 0.5em}
td.box       {text-align:center; padding: 0.5em}
td.section   {font-weight:bold; text-align:left; padding: 0.5em}

td.VAR_STRING {}
td.NEWDECIMAL {text-align:right; padding-right: 0.5em}
td.LONG       {text-align:right; padding-right: 0.5em}
td.LONGLONG   {text-align:right; padding-right: 0.5em}

td.geld.negativ                {color:#F00000}
tr:hover td.geld.negativ       {color:#00F000}
td.NEWDECIMAL.negativ          {color:#F00000}
tr:hover td.NEWDECIMAL.negativ {color:#00F000}

.abs-centered {
	margin: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	height: 400px;
	width: 250px;
	/*
	 */
/*
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
 */
}

.centerbox{
	text-align:center;
	/*
	height: 400px;
	width: 250px;
	 */
}

.clanlisttip {
	display: none;
	position: fixed;
	z-index:10000;
	left: 10em;
	top: 5em;
}

.tooltip .tip, td .tip, div.matrix.box .tip {
	display:none;
}

.tooltip {
	/*border-bottom: 1px dotted #000000;*/
	/* color: #000000; */
	/* border-bottom: thin dotted; */
	/* outline: none; */
	cursor: help;
	/* text-decoration: none; */
	position: relative;
}

/*
.tooltip span.tip {
color: #000000;
background: #ffffff;
margin-left: -999em;
position: absolute;
z-index:10000;
}
 */

.tooltiphover .tip {
	position: absolute;
	z-index:10000;
	/*
	left: -1em;
	top: 2em;
	 */
}

.tooltiphover .tip, .clanlisttip {
	color: #000000;
	background: #ffffff;
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	margin-left: 0;
	width: 250px;
	padding: 0.5em 0.8em 0.8em 2em;
}

.tooltiphover .tip img {
	border: 0;
	margin: -10px 0 0 -55px;
	float: left;
	position: absolute;
}

.tooltiphover .tip em {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	padding: 0.2em 0 0.6em 0;
}

.tooltip .small {
	padding: 0.1em ;
}

.tooltip .classic {
	padding: 0.8em 1em;
}

.tooltip .custom {
	padding: 0.5em 0.8em 0.8em 2em;
}

.tooltip .classic {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}

.tooltip .critical {
	background: #FFCCAA;
	border: 1px solid #FF3334;
}

.tooltip .help {
	background: #BCFF96;
	border: 1px solid #A2DB81;
}

.tooltip .info {
	background: #9FDAEE;
	border: 1px solid #2BB0D7;
}

.tooltip .warning {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}

div.HTMLValid {
	content:url(img/valid-xhtml10-blue.png);
	height:31px;
	width:88px;
	/* <img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" height="31" width="88" /> */
}

/* Seitenumbrüche */
/* <div class="page-break"></div> */
.page-break	{ display: none; }

/* Umgeht eine Schwäche vom IE8 */
.centerpage {}

.helppage {
	padding: 16px
}

.embed-container {
	position: relative;
	/* padding-bottom: 56.25%; */ /* ratio 16x9 */
	height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.embed-container iframe {

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Popup */
.black_overlay {
	display: none;
	position: fixed;
	top: 0em;
	left: 0em;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
}

.white_content .inner h1, .error_content .inner h1 {
	color: #44a;
}

.white_content .inner, .error_content .inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.error_content {
	display: table;
}

.white_content, .error_content {
	position: fixed;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	z-index:1002;
	overflow: auto;
	color: #44a;
	background-color: white;
	border: 16px solid orange;
}

.rotate {
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* die Magie, für den Timeout-Zähler */
iframe[seamless]{
	background-color: transparent;
	border: 0 none transparent;
	padding: 0;
	overflow: hidden;
}

/*	Menü-Button oben rechts einblenden bei kleiner als 600px */
.menue-button {
	display: none;
}

.hfill {
	display:table;
	width:100%;
}
.hfill span {
	display:table-cell;
	width:1px;
}
.hfill input[type="text"] {
	display:table-cell;
	width:100%;
}
.hfill input[type="search"] {
	display:table-cell;
	width:100%;
}

.verschwinde {
}

.tabtrenner {
}

.haken {
}

table.bestellListe {
	width:100%;
}

table.personal {
	width:100%;
}

td.tab_cell_center {
	text-align: center;
}

.raum {
	margin: 0;
	width: 100%;
	height: 95vh;
}

.lesezeichen {
	width: 50%;
	margin: 0 auto;
}

dd ul, dd ol {
	margin: 0px;
}

dt {
	margin-top: 10px;
	margin-bottom: 4px;
	font-family:Pacifico, Verdana, sans-serif;
}

/*********************************************************************************/

.main_container {
	display:flex;
	display:-ms-flexbox;
	flex-direction: row;
}

.flex_row {
	display:flex;
	flex-direction: row;
	align-items:center;
	justify-content : flex-start;
	flex-wrap : wrap;
	align-content : space-around;
}

.flex_row .column {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
}

iframe.indexiframe {
	/*
	width:60vw;
	height:90vh;
	 */
/* padding-top: 2vh; */
width:100%;
height:99.5vh;
}

div.video {
	padding: 0;
	padding: 0;
	width:95%;
	aspect-ratio: 16/9;
}

.raum .bild {
	width: 95%;
	aspect-ratio: auto;
}

#chatverlauf ul {
	list-style-type: none;
	text-indent: -2em;
}

/* @media only screen and (max-width:700px) { */
@media only screen and (max-aspect-ratio: 1/1) {

	iframe.indexiframe {
		padding-top: 0px;
		width:100vw;
		height:99.5vh;
	}

	div.video {
		width:100vw;
	}

	.raum .bild {
		width:100vw;
	}

	.tabtrenner {
		/* background:transparent; */
		display:none;
	}

	.verschwinde {
		display:none;
	}

	textarea, select,input[type="text"],input[type="search"], input[type=submit] {
		width: 100%;
	}

	table.personal tr {
		float: left;
		width: 100%;
		margin-bottom: 0em;
	}

	table.personal td {
		float: left;
		width: 95%;
	}

	table.bestellListe {
		border:none;
		width:95%;
	}

	table.bestellListe thead {
		display:none;
	}

	table.bestellListe tr {
		float: left;
		width: 100%;
		background:transparent;
		margin-bottom: 2em;
	}

	table.bestellListe tr.alterline:nth-child(odd):hover {
		background:transparent;
	}

	tr.alterline:nth-child(even):hover {
		background:transparent;
	}

	table.bestellListe td {
		float: left;
		width: 100%;
		background:transparent;
		text-align:left;
		padding:0em;
	}

	table.bestellListe td.tab_cell_center {
		text-align: left;
	}

	table.bestellListe td:before {
		content:attr(data-label);
		word-wrap: break-word;
		background:transparent;
		width: 40%;
		float:left;
		padding:1em;
		margin:-1em 1em -1em -1em;
		text-align:left;
	}

	table.bestellListe td.haken:before {
		width: 80%;
	}

	table.bestellListe td input[type="text"] {
		width: 40%;
	}

	table.bestellListe td .hfill  input[type="text"] {
		width: 100%;
	}

	table.bestellListe td .haken input[type="text"] /*, table.bestellListe td .hfill */ {
		width: 90%;
	}

	.menue-button {
		position: fixed;
		top: 0;
		left: 0;
	}

	.menue-button-open {
		display: block;
	}

	.menue-button-close {
	}

	#menu-bar {
		display: none;
	}

	#footer {
		display: none;
	}

	/*
	div.headline {
	margin-left: 3em;
	}
	 */

.abs-centered {
	margin: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
}

td {
	padding:0px;
}

/* die Magie, um die Steuerung einzublenden (auch auf mobile Devices) */
#menu-container:target #menu-bar {
	display: block;
}

/* ausblenden des Menü-Buttons zum öffnen - somit wird der zum Schließen sichtbar */
#menu-container:target .menue-button-open {
	display: none ;
}

#menu-container:target .menue-button-close {
	display: block ;
}

.flex_row {
	flex-direction: column;
	line-height: 1.5;
}

.flex_row .column {
	width: 100%;
}

.flex_row .column select {
	width: auto;
}
} /* media only screen */