html {
	padding: 0;
	margin: 0;
	font: normal 16px/1.4 BS-Regular;
}

body {
	padding: 0;
	margin: 0;
}

h1,
h2,
h3 {
	color: #8b8b8b;
	font-weight: normal;
}

.delButton {
	margin-top: 1rem;
	width:100%;
}

.mdc-top-app-bar {
	z-index: 50;
	top: 0;
}

.mdc-top-app-bar__title,
.mdc-typography--headline6,
.mdc-select__native-control,
.mdc-floating-label,
.mdc-button,
.mdc-text-field__input {
	font-family: BS-Regular;
	font-weight: normal;
}

.mdc-top-app-bar__title {
	color: #fff;
}

.mdc-notched-outline__notch {
  /* Ignore the width set by script, and change it to be calculated from the width of `mdc-floating-label` by setting `auto`. */
  width: auto !important;
}

.aa-bwm {
background: #fff;
    width: auto;
    height: 2rem;
    padding: 1rem;
    top: 0px;
    position: relative;
    left: -12px;
	flex: 0 0 auto;
}

/*menu {
	padding-inline-start: 0px;
	padding: 0;
	flex: 0 0 auto;
}*/

.mnButton.active svg.menu,
svg.close {
	display: none;
}

svg.menu,
.mnButton.active svg.close {
	display: block;
}

menu {
    flex: 0 0 auto;
    background: #004f80;
    position: fixed;
    right: 0;
    top: 0;
    padding: 6rem 2rem 0 2rem;
    z-index: 40;
    margin: 0;
    box-sizing: border-box;
    width: 320px;
    height: 100%;
    letter-spacing: .02em;
    box-shadow: 0 0 0 rgba(0,0,0,0.5);
    transform: translateX(100%);
    transition: all 1s cubic-bezier(0.110, 0.005, 0.000, 1.005);
}

menu.active {
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
    transform: translateX(0);
}

menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

menu ul li {
	/*display: inline-block;*/
	padding: 0;
	margin-bottom: .5rem;
}

menu a {
	color: #fff;
    font-size: 1.3rem;
    text-decoration: none;
    display: block;
    border-radius: 2px;
    /*background: rgba(255,255,255,0.2);*/
    padding: .2em .5em;
	transition: all 1s cubic-bezier(0.110, 0.005, 0.000, 1.005);
}

menu a.active,
menu a:hover {
	color: #fff;
    font-size: 1.3rem;
    text-decoration: none;
    display: block;
    border-radius: 2px;
    background: rgba(255,255,255,0.2);
    padding: .2em .5em;
}

/*a.menu {
	display: none;
}

a.menu::after {
	display: block;
	content:'e84d';
}*/

.system {
    position: relative;
    top: 0;
    margin-top: 10rem;
    padding: 2rem;
    /* transform: translateY(-50%); */
}

.system a {
	/*color: initial;*/
	text-decoration: none;
}

.system form {
    max-width: 300px;
    position: relative;
    padding-top: 3rem;
    width: 80%;
    margin: 0 auto;
}

.system .breit {
    max-width: 1024px;
    margin: 0 auto;
}

.system label {
    display: block;
}

.system input {
    width: 100%;
}

.system input[type="submit"] {
	margin-bottom: 1rem;
}

.system a.admin {
    display: block;
    font-size: 0.75rem;
    color: #000;
    text-decoration: none;
}

.usrLink {
	color: #000;
}

a.tab {
    text-decoration: none;
    color: rgba(0,0,0,0.6);
    display: inline-block;
    padding: 1rem;
    background: rgba(0,0,0,0.08);
    border-radius: 4px 4px 0 0;
    margin-bottom: 1rem;
}

a.tab.active {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    padding: 1rem;
    background: #004f80;
    border-radius: 4px 4px 0 0;
    margin-bottom: 1rem;
}

.mdc-select__native-control>option {
    background-color: #fff;
    /*background-color: var(--mdc-theme-surface, #fff);*/
    color: inherit;
}

#lfSubmit {
	margin-top: 1rem;
}

.system .error {
	color: rgb(192,0,60);
}

.system .center.message {
	max-width: 20em;
	/*text-align: center;*/
	font-size: 2rem;
	color: #004f80;
	left: 50%;
	margin: 0 auto;
}

.textContent {
    padding: 2rem;
    max-width: 1024px;
    margin: 3rem auto;
    font-size: 1.5rem;
}

.textContent a,
.textContent a:hover,
.textContent a:visited,
.hinweis a,
.hinweis a:hover,
.hinweis a:visited {
	color: #004f80;
}

.mdc-layout-grid {
	padding: 0 !important;
}

.form-tab {
	position: relative;
	padding-top: 3rem;
	width: 80%;
	margin: 0 auto;
}

.form-field,
.form-info {
    padding-left: 3rem;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1rem;
}

.form-field.full {
    padding-left: 0;
}

.mdc-select,
.mdc-text-field {
	width: 100%;
	position: relative;
	left: 0;
	box-sizing: border-box;
}

option {
	font: normal 16px/1.4 BS-Regular, Arial, sans-serif;
}

.form-field {
	position: relative;
}

.ff-icon {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.filterIcon {
	margin-top: -.7em;
}

.sheets-icon {
	margin-top: -.8em;
}

.house-icon {
	margin-top: -.7em;
}

.annotate {
  font-style: italic;
  color: #366ed4;
}


#ff-order-button {
	margin-top: 2em;
}

#ff-order-button-abbrechen {
	background-color: rgba(0,0,0,.4);
}

.foo-button {
	margin-right: .5em;
}

.hidden {
  display: none;
}
/*
.combobox {
	display: relative;
	width: 100%;
}


.combobox__listbox,
.grid {
  position: absolute;
  width: 100%;
  background: white;
  border: 1px solid #ccc;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 1;
}

.combobox__listbox {
	max-height: 15em;
	overflow-y: scroll;
}

.combobox__listbox .result {
  cursor: default;
  margin: 0;
}

.grid .result-row {
  padding: 2px;
  cursor: default;
  margin: 0;
}

.combobox__listbox .result:hover,
.grid .result-row:hover {
  background: rgb(139, 189, 225);
}

.combobox__listbox .focused,
.grid .focused {
  background: rgb(139, 189, 225);
}

.grid .focused-cell {
  outline-style: dotted;
  outline-color: green;
}

.combobox-dropdown {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
}

.grid .result-cell {
  display: inline-block;
  cursor: default;
  margin: 0;
  padding: 0 5px;
}

.grid .result-cell:last-child {
  float: right;
  font-size: 12px;
  font-weight: 200;
  color: #333;
  line-height: 24px;
}*/

#previewImage {
	margin: 0;
	position: relative;
	z-index: 0;
}

.livePreview {
	position: relative;
	background: #f5f5f5;
	padding: 3rem;
	box-sizing: border-box;
}

.prvHeading {
	position: relative;
	z-index: 10;
	margin: 0 0 2rem 0;
	padding:0;
	font-weight: normal;
}

.prvImg {
	width: 100%;
	height: auto;
	position: absolute;
	transition: opacity 1s cubic-bezier(0.110, 0.005, 0.000, 1.005);
}

.prvImg.loading {
	opacity: 0.5;
}

.prvImg.karte {
	margin-top:-4.88%
}

.prvImg.email {
	max-width: 70vh;
	box-shadow:5px 5px 8px rgba(0,0,0,0.2);
}

.imprintLink {
	display: block;
	position: absolute;
	right: 0;
	bottom:0;
	padding: 1rem;
	text-decoration: none;
	color: #000;
}

.red {
	color: rgb(192,0,60);
}

@media only screen and (max-width: 840px) {
	.prvImg {
		position: relative;
	}
}

@media only screen and (max-width: 600px) {
	.aa-bwm {
		height: 24px;
	}
}

@media only screen and (max-height: 750px) {
	.system {
		margin-top: 5rem;
	}
}