.media screen body {
		border-bottom: 3px dashed #00f;
		color: #008;
		}
/* <!--abstand von oben und links--> */
.gallery {margin: 10px 10px;}
.gallery img {transition: 2s;}
/* <!--bei mouse hover grauwert dimmen; etwas vergroessern--> */
.gallery img:hover {filter: grayscale(0.65);transform: scale(1.2);}

html,
body {  font-family: Arial, Narrow;  color: #fc6;}
h1 {  font-size: 240%;  font-weight: bold;}
h2 {  font-size: 180%;  font-weight: bold;}

.lcars-link{color:#aaf;	text-decoration: none; }

nav,nav ul {
	list-style: none;
	/* entfernt den radio button */
	padding: 0rem;
	/* rueckt die alswahlliste wieder nach links */}
nav ul:after {
	border: 2px solid black;
}
nav li {
	background-color: #fa9;	
	text-align: right;
}
nav a {
    display: block;
	text-decoration: none; 
    font-weight: bold;
	min-height: 3rem;
	color: #000;
	transition: all .25s ease-in;	
}
nav b {
    display: block;
	text-decoration: none; 
        background-color: #78f;
    font-weight: bold;
	min-height: 3rem;
	color: #fff;
	transition: all .25s ease-in;	
}
nav a:focus,
nav a:hover,
nav a.active { 
        background-color: #fc6; 
}  
nav li:after {
	display: block;
	clear: left;
	content: "";
	border: 2px solid black;
}

nav2,
nav2 ul {
	list-style: none;
	/* entfernt den radio button */
	padding: 0rem;
	/* rueckt die alswahlliste wieder nach links 	*/
}
nav2 ul:after {
	border: 2px solid black;
}
nav2 li {
	background-color: #97d;	
	text-align: right;
}
nav2 a {
    display: block;
	text-decoration: none; 
    font-weight: bold;
	min-height: 3rem;
	color: #000;
	transition: all .25s ease-in;	
}
nav2 b {
    display: block;
        background-color: #668;
	min-height: 3rem;
	color: #fff;

}
nav2 a:focus,
nav2 a:hover,
nav2 a.active { 
        background-color: #45f; 
}  
nav2 li:after {
	display: block;
	clear: left;
	content: "";
	border: 2px solid black;
}
.tng01-space-white-bg {background-color: #f5f6fa !important;}
.tng02-violet-creme-bg {background-color: #dbf !important;}
.tng03-green-bg {background-color: #3c9 !important;}
.tng04-magenta-bg {background-color: #c49 !important;}
.tng05-blue-bg {background-color: #45f !important;}
.tng06-yellow-bg {background-color: #fc3 !important;}
.tng07-violet-bg {background-color: #94f !important;}
.tng08-orange-bg {background-color: #f70 !important;}
.tng09-african-violet-bg {background-color: #c8f !important;}
.tng10-text {color: #c7f !important;}
.tng11-red-bg {background-color: #d44 !important;}
.tng12-almond-bg {background-color: #fa9 !important;}
.tng13-almond-creme-bg {background-color: #fba !important;}
.tng14-sunflower-bg {background-color: #fc6 !important;}
.tng15-bluey-bg {background-color: #78f !important;}
.tng16-gray-bg {background-color: #668 !important;}
.tng17-sky-bg {background-color: #aaf !important;}
.tng18-ice-bg {background-color: #8cf !important;}
.tng19-gold-bg {background-color: #fa0 !important;}
.tng20-mars-bg {background-color: #f20 !important;}
.tng21-peach-bg {background-color: #f86 !important;}
.tng22-butterscotch-bg {background-color: #f96 !important;}
.tng23-tomato-bg {background-color: #f55 !important;}
.tng12-lilac-bg {background-color: #c3f !important;}

.tng12-almond-bo {border-color: #fa9 !important;}

.caption{margin-top:10px;margin-bottom:0;text-align:center;font-size:12px}

.lcars-bar-inner{
  position: relative;
  height:0.6rem;
  background:#c8f;
  margin-bottom: 0.9rem;
}
.lcars-bar-inner:after {
  content: '';
  display: block;
  position: absolute;
  background: #000;
}
.lcars-bar-inner.left-end{
  width: 1.5rem;
  max-width: 1.5rem;
  min-width: 1.5rem;
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.lcars-bar-inner.left-end.decorated:after {
  right: 0.25rem;
  width: 0.25rem;
  height: 100%;
  background-color: #000;
}
.lcars-bar-inner.right-end{
  width: 1.5rem;
  max-width: 1.5rem;
  min-width: 1.5rem;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.lcars-bar-inner.right-end.decorated:after {
  right: 0.25rem;
  width: 0.25rem;
  height: 100%;
  background-color: #000;
}
.lcars-bar-inner.fill {  flex: 1;}

.lcars-app-container {
  display: flex;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  overflow: hidden;
}
.lcars-app-container #left-menu {
  position: fixed;
  padding-top: 4.0rem;
  margin-top: 0rem;
  height: 100%;
  left: 0.5rem;
}
.lcars-app-container #header {
  position: fixed;
  background-color: #000;
  width: calc(100% - 1rem);
  top: 0;
  left: 0.5rem;
  padding-top: 0.5rem;
  margin-bottom: 0.25rem;
  z-index: 1;
}
.lcars-app-container #footer {
  position: fixed;
  background-color: #000;
  bottom: 0;
  left: 0.5rem;
  padding-bottom: 0.5rem;
  width: calc(100% - 1rem);
  z-index: 1;	
}
.lcars-app-container #container {
  margin-top: 0.25rem;
  margin-left: 0.25rem;
  padding-left: 8.5rem;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  width: 100%;
  height: 100%;
  overflow: auto;
}



.lcars-app-container2 {
  display: flex;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  overflow: hidden;
}
.lcars-app-container2 #left-menu {
  position: fixed;
  padding-top: 4.0rem;
  padding-bottom: 4.0rem;
  margin-top: 0rem;
  height: 100%;
  left: 0.5rem;
}
.lcars-app-container2 #header {
  position: fixed;
  background-color: #000;
  width: calc(100% - 1rem);
  top: 0;
  left: 0.5rem;
  padding-top: 0.5rem;
  margin-bottom: 0.25rem;
  z-index: 1;
}
.lcars-app-container2 #footer {
  position: fixed;
  background-color: #000;
  bottom: 0;
  left: 0.5rem;
  padding-bottom: 0.5rem;
  width: calc(100% - 1rem);
  z-index: 1;	
}
.lcars-app-container2 #container2 {
  margin-top: 0.25rem;
  margin-left: 0.25rem;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 10.0rem;
  width: 100%;
  height: 50%;
  overflow: auto;
}
.block-border {
	border: 2px solid black;
}
.banner{height:75px;text-align:right;text-transform:uppercase;line-height:1.1;font-size:60px;font-weight:350;color:#f70}
.flexbox{display:flex;column-gap:30px}

.vierer-grid {
display: grid;
grid-template-columns: 9.5rem 1fr 100px 20px;
grid-template-rows: 3.2rem 1.8rem 0.6rem;
border: 2px solid black;
}
.block-left-top{
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.block-left-bottom {
  grid-column: 1/2;
  grid-row: 2/4;
}
.block-text-top {
  grid-column: 2 /3;
  grid-row: 1 / 3;
}
.block-top-right{
  grid-column: 3 / 4;
  grid-row: 1 / 3;
}
.block-bottom-all{
 grid-column: 2 / 4;
 grid-row: 4 / 5;
}
.block-bottom-right{
  grid-column: 4 / 5;
  grid-row: 4 / 5;
 }
 .bild-links{float:left;margin:10px 20px 20px 0}
 .bild-rechts{float:right;margin:10px 0 20px 20px}
 .bild{display:block;margin:30px auto 0 auto}
 .content{padding:0 0 40px 4px;width: 47%; background:#000}
 .left-frame{display:flex;flex-direction:column;justify-content:space-between;padding-top:90px;background:#d44;border-radius:100px 0 0 0}
 .right-frame{flex:1;background:#000}

.lcars-row {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
}
.lcars-row.fill {
  flex: 1;
}
.lcars-row.centered {
  justify-content: center;
}
.lcars-row.full-centered {
  justify-content: center;
  align-items: center;
}
.lcars-row.right {
  justify-content: flex-end;
}
.lcars-row.right-centered {
  justify-content: flex-end;
  align-items: center;
}
.lcars-row.right-bottom {
  justify-content: flex-end;
  align-items: flex-end;
}
.lcars-row :last-child {
  margin-right: 0;
}
.lcars-row > * {
  margin-right: 0.25rem;
}
.lcars-column {
  display: inline-flex;
  flex-direction: column;
}
.lcars-column.fill {
  flex: 1;
}
.lcars-column.centered {
  justify-content: center;
}
.lcars-column.full-centered {
  justify-content: center;
  align-items: center;
}
.lcars-column.centered-right {
  justify-content: center;
  align-items: flex-end;
}
.lcars-column.bottom {
  justify-content: flex-end;
}
.lcars-column.bottom-centered {
  justify-content: flex-end;
  align-items: center;
}
.lcars-column :last-child {
  margin-bottom: 0;
}
.lcars-column > * {
  margin-bottom: 0.25rem;
}
.lcars-column.left-menu {
  padding-right: 2rem;
}
.lcars-column.right-menu {
  padding-left: 2rem;
}
.lcars-column.start-space {
  margin-top: 0.25rem;
}
.lcars-elbow-thin {
  position: relative;
  width: 9.5rem;
  min-width: 9.5rem;
  height: 4.5rem;
  min-height: 4.5rem;
  background: #fc6;
  margin: 0;
}
.lcars-elbow-thin a {
  display: inline-block;
  position: absolute;
  color: #000;
  bottom: 0;
  padding: 0.25rem;
}
.lcars-elbow-thin:after {
  content: '';
  display: block;
  position: absolute;
  width: 2rem;
  height: 4rem;
  background: #000;
}
.lcars-elbow-thin.left-bottom {
  border-top-left-radius: 3.75rem;
}
.lcars-elbow-thin.left-bottom a {
  right: 2.25rem;
}
.lcars-elbow-thin.left-bottom:after {
  right: 0;
  top: 0.6rem;
  border-top-left-radius: 1.875rem;
}
.lcars-elbow-thin.left-top a {
  top: 0;
  right: 2.25rem;
}
.lcars-elbow-head {
  position: relative;
  width: 9.5rem;
  min-width: 9.5rem;
  height: 3rem;
  min-height: 2.5rem;
  background: #fc6;
  margin: 0;
}
.lcars-elbow-head a {
  display: inline-block;
  position: absolute;
  color: #000;
  bottom: 0;
  padding: 0.25rem;
}
.lcars-elbow-head:after {
  content: '';
  display: block;
  position: absolute;
  width: 2rem;
  height: 4rem;
  background: #000;
}
.lcars-elbow-head.left-top {
  border-bottom-left-radius: 3.75rem;
}
.lcars-elbow-head.left-top a {
  right: 2.25rem;
}
.lcars-elbow-head.left-top:after {
  right: 0;
  bottom: 0.6rem;
  border-bottom-left-radius: 1.875rem;
}
.lcars-elbow {
  position: relative;
  width: 9.5rem;
  min-width: 9.5rem;
  height: 4.5rem;
  min-height: 4.5rem;
  background: #fc6;
  margin: 0;
}
.lcars-elbow a {
  display: inline-block;
  position: absolute;
  color: #000;
  bottom: 0;
  padding: 0.25rem;
}
.lcars-elbow:after {
  content: '';
  display: block;
  position: absolute;
  width: 2rem;
  height: 3rem;
  background: #000;
}
.lcars-elbow.left-bottom {
  border-top-left-radius: 3.75rem;
}
.lcars-elbow.left-bottom a {
  right: 2.25rem;
}
.lcars-elbow.left-bottom:after {
  right: 0;
  top: 1.5rem;
  border-top-left-radius: 1.875rem;
}
.lcars-elbow.left-top {
  border-bottom-left-radius: 3.75rem;
}
.lcars-elbow.left-top a {
  top: 0;
  right: 2.25rem;
}
.lcars-elbow.left-top:after {
  right: 0;
  bottom: 1.5rem;
  border-bottom-left-radius: 3.75rem;
}
.lcars-elbow.right-bottom {
  border-top-right-radius: 3.75rem;
}
.lcars-elbow.right-bottom:after {
  top: 1.5rem;
  border-top-right-radius: 1.875rem;
}
.lcars-elbow.right-bottom a {
  left: 2.25rem;
}
.lcars-elbow.right-top {
  border-bottom-right-radius: 3.75rem;
}
.lcars-elbow.right-top a {
  display: inline-block;
  top: 0;
  left: 2.25rem;
}
.lcars-elbow.right-top:after {
  bottom: 1.5rem;
  border-bottom-right-radius: 1.875rem;
}
.lcars-bar {
  position: relative;
  color: #000;
  height: 100%;
  width: 100%;
  margin: 0;
  display: inline-block;
  background-color: #fc6;
}
.lcars-bar:after {
  content: '';
  display: block;
  position: absolute;
  background: #000;
}
.lcars-bar.spacer {
  margin: 0;
  padding: 0;
  background-color: transparent;
  width: 0.25rem;
  min-width: 0.25rem;
  height: 0.25rem;
  min-height: 0.25rem;
}
.lcars-bar.double-spacer {
  background-color: transparent;
  width: 0.5rem;
  min-width: 0.5rem;
  height: 0.5rem;
  min-height: 0.5rem;
}
.lcars-bar.left-space {
  margin-left: 0.25rem;
}
.lcars-bar.left-double-space {
  margin-left: 0.5rem;
}
.lcars-bar.right-space {
  margin-right: 0.25rem;
}
.lcars-bar.right-double-space {
  margin-right: 0.5rem;
}
.lcars-bar.horizontal {
  height: 1.5rem;
}
.lcars-bar.horizontal-thin {
  height: 0.6rem;
}
.lcars-bar.left-end {
  width: 1.5rem;
  max-width: 1.5rem;
  min-width: 1.5rem;
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.lcars-bar.left-end.decorated:after {
  right: 0.25rem;
  width: 0.25rem;
  height: 100%;
  background-color: #000;
}
.lcars-bar.right-end {
  width: 1.5rem;
  max-width: 1.5rem;
  min-width: 1.5rem;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.lcars-bar.right-end.decorated:after {
  left: 0.25rem;
  width: 0.25rem;
  height: 100%;
  background-color: #000;
}
.lcars-bar.fill {
  flex: 1;
}
.lcars-bar.bottom {
  align-self: flex-end;
}
.lcars-bar .lcars-title {
  color: #fc6;
  background-color: #000;
  margin: 0;
  margin-left: 0.833333333333335rem;
  padding-left: 0.566666666666667rem;
  padding-right: 0.566666666666667rem;
  padding-bottom: 0.566666666666667rem;
  display: inline-block;
  font-size: 130%;
font-weight: bold;
  height: 100%;
}
.lcars-bar .lcars-title.right {
  float: right;
  margin-right: 0.833333333333335rem;
}
.lcars-element {
  position: relative;
  font-weight: bold;
  color: #000;
  text-align: right;
  background: #fc6;
  height: 3rem;
  width: 7.5rem;
  box-sizing: border-box;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
}
.lcars-element * {
  margin: 0;
}
.lcars-element.left-rounded {
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  padding-left: 1.5rem;
}
.lcars-element.right-rounded {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  padding-right: 1.5rem;
}
.lcars-element.rounded {
  border-radius: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.lcars-element.button {
  cursor: pointer;
}
.lcars-element.button:active {
  background-color: #c69;
}
.lcars-element .lcars-element-addition {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  background-color: #000;
  color: #fff;
  font-size: 2.000000000000001rem;
  margin-left: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.lcars-element .lcars-element-decorator {
  display: inline-block;
  position: absolute;
  top: 0;
  width: 2rem;
  left: -2.25rem;
  height: 100%;
  background-color: #fc6;
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.lcars-element .lcars-element-decorator:after {
  content: '';
  display: block;
  position: absolute;
  right: 0.25rem;
  width: 0.25rem;
  height: 100%;
  background-color: #000;
}
.lcars-element .lcars-element-decorator.right {
  right: -2.25rem;
  left: unset;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.lcars-element .lcars-element-decorator.right:after {
  left: 0.25rem;
  right: unset;
}
.lcars-text-box,
a.lcars-text-box {
  background-color: #000;
  color: #fff;
  font-weight: bold;
  width: 7.5rem;
  height: 3rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
}
.lcars-text-box.big,
a.lcars-text-box.big {
  font-size: 150%;
}
.lcars-text-box.large,
a.lcars-text-box.large {
  font-size: 200%;
}
.lcars-text-box.huge,
a.lcars-text-box.huge {
  font-size: 400%;
  height: 6rem;
}
.lcars-text-box.thin {
  height: 1.25rem;
  width: 10.0rem;
  font-size: 110%;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.lcars-text-box.centered,
a.lcars-text-box.centered {
  justify-content: center;
}
.lcars-text-box.right,
a.lcars-text-box.right {
  justify-content: flex-end;
}
.lcars-text-box.full-centered,
a.lcars-text-box.full-centered {
  justify-content: center;
  align-items: center;
}
.lcars-text-box.centered-right,
a.lcars-text-box.centered-right {
  justify-content: flex-end;
  align-items: center;
}
.lcars-text-box.bottom,
a.lcars-text-box.bottom {
  align-items: flex-end;
}
.lcars-text-box.bottom-centered,
a.lcars-text-box.bottom-centered {
  justify-content: center;
  align-items: flex-end;
}
.lcars-text-box.bottom-right,
a.lcars-text-box.bottom-right {
  justify-content: flex-end;
  align-items: flex-end;
}
.lcars-text-box.blink,
a.lcars-text-box.blink {
  animation: blinker 1s linear infinite;
}
@-moz-keyframes blinker {
  50% {
    opacity: 0.4;
  }
}
@-webkit-keyframes blinker {
  50% {
    opacity: 0.4;
  }
}
@keyframes blinker {
  50% {
    opacity: 0.4;
  }
}
.lcars-bracket {
  background-color: #fc6;
}
.lcars-bracket.left {
  width: 1.5rem;
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  border-width: 0.75rem 0 0.75rem 0.25rem;
}
.lcars-bracket.right {
  width: 1.5rem;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  border-width: 0.75rem 0.25rem 0.75rem 0;
}
.lcars-bracket.top {
  height: 1.5rem;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  border-width: 0.25rem 0.75rem 0 0.75rem;
}
.lcars-bracket.bottom {
  height: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  border-width: 0 0.75rem 0.25rem 0.75rem;
}
.lcars-bracket.hollow {
  background-color: #040;
  align-items: center;
  min-width: 4.5rem;
  height: 1.5rem;
  border-style: solid;
  border-color: #000;
}
.lcars-u-1-1 {
  width: 7.5rem;
  min-width: 7.5rem;
  height: 3rem;
  min-height: 3rem;
}
.lcars-u-1-2 {
  width: 7.5rem;
  min-width: 7.5rem;
  height: 6.25rem;
  min-height: 6.25rem;
}
.lcars-u-1-3 {
  width: 7.5rem;
  min-width: 7.5rem;
  height: 9.5rem;
  min-height: 9.5rem;
}

.lcars-u-2-1 {
  width: 15.25rem;
  min-width: 15.25rem;
  height: 3rem;
  min-height: 3rem;
}
.lcars-u-2-2 {
  width: 15.25rem;
  min-width: 15.25rem;
  height: 6.25rem;
  min-height: 6.25rem;
}
.lcars-u-2-3 {
  width: 15.25rem;
  min-width: 15.25rem;
  height: 9.5rem;
  min-height: 9.5rem;
}

.lcars-vu-1 {
  height: 3rem;
}
.lcars-vu-2 {
  height: 6.25rem;
}
.lcars-vu-3 {
  height: 9.5rem;
}
.lcars-vu-4 {
  height: 12.75rem;
}

.lcars-u-1 {
  width: 7.5rem;
}
.lcars-u-1.half {
  width: 3.625rem;
}
.lcars-u-2 {
  width: 15.25rem;
}
.lcars-u-2.half {
  width: 11.375rem;
}
.lcars-u-3 {
  width: 23rem;
}
.lcars-u-3.half {
  width: 19.125rem;
}