/* hind-vadodara-regular - latin */
@font-face {
  font-family: 'Hind Vadodara';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/hind-vadodara-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Hind Vadodara Regular'), local('HindVadodara-Regular'),
       url('../fonts/hind-vadodara-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/hind-vadodara-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/hind-vadodara-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/hind-vadodara-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/hind-vadodara-v4-latin-regular.svg#HindVadodara') format('svg'); /* Legacy iOS */
}
/* hind-vadodara-600 - latin */
@font-face {
  font-family: 'Hind Vadodara';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/hind-vadodara-v4-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Hind Vadodara SemiBold'), local('HindVadodara-SemiBold'),
       url('../fonts/hind-vadodara-v4-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/hind-vadodara-v4-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/hind-vadodara-v4-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/hind-vadodara-v4-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/hind-vadodara-v4-latin-600.svg#HindVadodara') format('svg'); /* Legacy iOS */
}
* {
	padding:0;
	margin:0;
	font-family: 'Hind Vadodara', sans-serif;
	color:#333333;
	font-size:16px;
}
html, body {
	width:100%;
	height:100%;
	text-align:center;
	/* min-height:660px; */
}
.body-start {
	overflow-y: scroll;
	cursor:pointer;
}
.body-page, .body-about, .body-impressum, #div-hg-blatt {
	/* background-image: url("../ab/blatt.png"); */
	background-repeat: no-repeat;
	/* background-size:970px 770px; */
	background-position:center;
	background-attachment:fixed;
	overflow-y: scroll;
	overflow-x: hidden;
}
.body-page {
	background-image: url("../ab/blatt.png");
	background-size:1037px 110%;
	background-position-y: -30px;
}
.body-about, .body-impressum {
	background-size:cover;
	background-size: 1700px;
	background-position-y: 0;
    background-position-x: 50%;
}
.body-about {
	background-image: url("../ab/hg-about3.jpg");
}
.body-impressum {
	background-image: url("../ab/hg-impressum3.jpg");
}
p {
	/* -moz-hyphens:auto; */
	/* -ms-hyphens:auto; */
	/* -webkit-hyphens:auto; */
	/* hyphens:auto; */
	word-wrap:break-word;
	/* word-break: normal; */
	overflow-wrap: break-word;
}
p * {
	font-size: 1.0em;
	color: rgb(48,55,140);
}
.txt-bold {
	font-weight:600;
}
#div-hg-blatt {
	background-image: url("../ab/blatt.png");
	background-size:1037px 110%;
	background-position-y: -30px;
	height: 105%;
	width: 100%;
	overflow: hidden;
}
#mb-start-01, #mb-start-02 {
	position:absolute;
	height:auto;
}
#mb-start-01 {
	max-width:160px;
	width: 20%;
}
#mb-start-02 {
	max-width:630px;
	bottom:10%;
	right:27%;
	width: 70%;
}
@media (max-width: 1600px) {
	#mb-start-02 {
		right:22%;
	}
}
@media (max-width: 1350px) {
	#mb-start-02 {
		right:15%;
	}
}
@media (max-width: 1150px) {
	#mb-start-02 {
		bottom:15%;
		right:7%;
	}
}
@media (min-width: 1700px) {
	.body-impressum, .body-about {
		background-size: 100%;
	}
}
@media (max-width: 1037px) {
	.body-page, #div-hg-blatt {
		background-size:100% 110%;
	}
	.body-about, .body-impressum {
		background-image: url("../ab/blatt.png");
		background-size:100% 110%;
		background-position-y: -30px;
	}
}
strong {
	font-weight: 700;
}
h3, p, strong, .a-in-text, .p-content-titel-1 {
	color: rgb(48,55,140);
}
h3 {
    font-size: 1.3em;
	line-height: 2.5em;
	font-weight: 400;
	letter-spacing: 0.01em;
	text-align:center;
}
strong, .span-label, input, textarea, button, .a-in-text {
    font-size: 1.0em;
}
input,textarea,#p-submit,.p-form {
	width:450px;
}
.p-form {
	display:inline-block;
}

	#plz {
		width:65px;
	}
	#ort {
		width:372px;
		margin-left:10px;
	}
button {
	padding:2px 3px;
	border-radius:2px;
}
input[type=checkbox]
{
	zoom: 2.0;
	/* margin: 3px 10px; */
  /* Double-sized Checkboxes */
  /* transform: scale(1.3); */
  /* -ms-transform: scale(1.3); /* IE */ */
  /* -moz-transform: scale(1.3); /* FF */ */
  /* -webkit-transform: scale(1.3); /* Safari and Chrome */ */
  /* -o-transform: scale(1.3); /* Opera */ */
  /* padding: 10px; */
}
input[type=checkbox]:before
{
	background:#ffffff;
}
input[type=checkbox]:after
{
	background:#ff0000;
}
.img-respo {
	display:inline-block;
	float:left;
	height:auto;
	margin: 15px 50px 10px 0;
}
#img-u1-01 {
	width:330px;
}
#img-u1-02 {
	width:230px;
}
tspan {
  font-size:20px;
  color:rgb(48,55,140);
  fill:rgb(48,55,140);
}
#mb-page-top {
	position: absolute;
	top:0px; 
	/* padding-top:8px; */
	width:100%;
	height:60px;
	text-align:center;
	overflow: hidden;
	z-index:120;
}
#mb-mnu {
	width:100%;
	max-width:900px;
	height:auto;
	max-height: 140px;
	margin: 0 auto;
}
.mb-mnu-a {
	float:left;
	margin-top:10px;
}
.mb-mnu-1 {
	/* margin-left:70px; */
	/* margin-left:2%; */
}
.mb-mnu-a img{
	width:76%;
	height:auto;
	/* max-height:54px; */
}
#mnu-img-01 {
	/* width:16%; */
	width:12%;
}
#mnu-img-02 {
	/* width:30%; */
	width:23%;
}
#mnu-img-03 {
	/* width:26%; */
	width:20%;
}
#mnu-img-04 {
	/* width:28%; */
	width:21%;
}
#mnu-img-05 {
	width:24%;
}
@media (max-width: 700px) {
	/* #mb-mnu { */
		/* margin-top:8px; */
	/* } */
	/* #mnu-img-01 { */
		/* width:14%; */
	/* } */
	/* #mnu-img-02 { */
		/* width:28%; */
	/* } */
	/* #mnu-img-03 { */
		/* width:24%; */
	/* } */
	/* #mnu-img-04 { */
		/* width:26%; */
	/* } */
	/* .mb-mnu-1 { */
		/* margin-left:5px */
	/* } */
	/* .mb-mnu-a { */
		/* margin-left: 1px; */
	/* } */
	.mb-mnu-a img{
		width:90%;
	}
}
#mb-inner-main {
	width:100%; 
	text-align:center;
	/* height:60vh; */
	height:auto;
	/* height:calc(100% - 192px); */
	/* top:120px; */
	top:10%;
	position: absolute;
	z-index:1; 
	padding:0 5px 80px 5px;
	/* min-height: 900px; */
    /* display: inline-grid; */
}
@media (max-height: 700px) {
	#mb-inner-main {
		/* width:auto;  */
		top:70px;
	}
}
#mb-inner-title, #mb-start-inner-title, #mb-inner-portfolio, #mb-inner-imp, #mb-one-portfolio {
	width:93%;
	max-width:970px;
	margin:0 auto;
	text-align:left;
	background:transparent;
}
#mb-inner-title img{
	width:94%;
	height:auto;
	/* height:100%; */
	margin:3%;
}
#mb-one-portfolio {
	background-image: url("../ab/ostseebuch/ostseebuch-1-1.png");
	background-repeat: no-repeat;
	/* background-size:970px 770px; */
	background-size:contain;
	/* height: calc(100vh - 220px); */
	/* height: 770px; */
	height: 100%;
}
#mb-one-portfolio-bottom {
	display: inline-block;
    left: 0;
    position: absolute;
    width: 50%;
    height: 23px;
    /* border: solid red 1px; */
    bottom: 60px;
    margin: 0 25%;
	z-index: 20;
	/* display: inline-block; */
	/* left: 5%; */
	/* position: relative; */
	/* width: 90%; */
	/* height: 100%; */
}
#pf-back, #pf-forward {
	/* width: 30px; */
    bottom: 0;
    position: absolute;
}
#pf-back {
    float: left;
    left: 0;
}
#pf-forward {
    float: right;
    right: 0;
}
.arrow-mid-img {
	max-width:600px;
	margin:0;
	padding: 12px 9%;
}
.arrow-cont {
	width: 15%;
	height: 100vh;
	cursor: pointer;
	top: 62px;
	position: fixed;
	/* border:solid red 1px; */
}
#arrow-cont-left {
	float:left;
}
#arrow-cont-right {
	float: right;
	right: 0;
}
.footer-arrow {
	/* width: 30px; */
    /* position: absolute; */
	height:25px;
	width:auto;
	cursor:pointer;
	/* margin: -50px 0 50px 0px; */
	position: fixed;
	margin: 0;
	bottom:55px;
}
#arrow-back{
	left:8px;
}
#arrow-forward {
	right:8px;
}
#mb-inner-imp, #mb-inner-ds {
	position:relative;	
	background-image: url("../ab/IMPRESSUM_MixerHoch.png");
	background-repeat: no-repeat;
	/* background-size:970px 658px; */
	background-size:27%;
	background-position-y: 10px;
	/* height: calc(100vh - 220px); */
	height: 670px;
	top: 35px;
    left: 15px;
}
#mb-inner-ds { 
	background-image: none;
}
#mb-imp-content {
	position:relative;
	left:270px;
	top:3px;
	width:633px;
	padding-bottom:50px;
	/* width:calc(100% - 261px); */
	/* max-width:calc(970px - 315px); */
}
#img-imp-lechat {
	float:right;
	width:150px;
	height:auto;
}
#mb-about-content {
	left:8%;
	top:3px;
	width:85%;
	text-align:left;
	position: relative;
	padding-bottom:90px;
}
#mb-imp-content p, #mb-imp-content a, #mb-about-content p, #mb-about-content a {
	font-size:1.25em;
	color:rgb(48,55,140);
	line-height: 1.4em;
}
#mb-about-content p {
	margin-bottom:20px;
}
#mb-imp-content a, #mb-about-content a {
	font-size:1.0em;	
}
#img-imp-bottom {
	display:none;
}
@media (max-width: 1000px) {
	#mb-inner-imp {
		/* background-image: url("../ab/imp-background03.png"); */
		background-image: none;
		top:0;
	}
	#mb-imp-content {
		left:5%;
		width:90%;
	}
	#img-imp-lechat {
		width:85px;
	}
	#mb-imp-content p {
		font-size:0.95em;
	}
	#img-imp-bottom {
		display:inline-block;
		width: 90%;
		height: auto;
		margin: 5%
	}
}
.img-portfolio-01, .img-portfolio {
	height:auto;
	float:left;
}
.img-portfolio {
	width:30%;
	max-width:295px;
	/* margin:14px; */
	margin:1.5%;
}
.mb-portfolio-link {
	display:block;
	float:left;
	width:30%;
	max-width:295px;
	/* margin:14px; */
	margin:1.5% 1.5% 0 1.5%;
}
.mb-portfolio-link-img {
	width:100%;
	height:auto;
	/* border:solid #000000 1px; */
}
.mb-portfolio-link-arrow {
	float:right;
	height: 25px;
	width:auto;
	margin-top: -10px;
	/* border:solid #000000 1px; */
}
#mb-footer {
	position: fixed;
	text-align:center;
	bottom:0; 
	width:100%;
	height:46px; 
	z-index:120;
	background:#fefbf4;
}
.img-portfolio-01, .mb-img-footer{
	width:88%;
	margin: 12px auto;
    float: inherit;
}
#mb-portfolio-container {
	margin:0 auto;
	max-width:950px;
	width:95%;
	padding: 0 0 35px 0;
}
#mb-portfolio-img {
	width:100%;
	height:auto;
}
#mb-portfolio-text {
    font-size: 1.4em;
    margin-bottom: 90px;
    background-image: url(../ab/bg-text.png);
    background-repeat: no-repeat;
    background-size: 90% 99%;
    background-position: center;
    background-attachment: inherit;
    /* padding: 27px 25px 35px 25px; */
	padding: 25px 130px;
}
#mb-portfolio-text * {
	font-size:1.0em;
	color:rgb(48,55,140);
}
#mb-portfolio-controls{
	position: sticky;
    bottom: 90px;
    /* left: 25%; */
    width: 90%;
    max-width: 950px;
    margin: 0 auto;
    /* height: 100px; */
    display: inline-block;
    float: none;
    /* border: solid 1px; */
}
.mb-img-footer {
	/* background:#fefbf4; */
	max-width:600px;
	margin:0;
	padding: 12px 11%;
}
@media (max-width: 860px) {
	.mb-img-footer {
		padding: 12px 5%;
	}	
}
@media (max-width: 740px) {
	.mb-img-footer {
		padding: 12px 3%;
	}
	#mb-portfolio-text {
		/* font-size: 1.0em; */
		font-size: 0.8em;
		padding: 25px 35px;
	}
}
.mb-img-pfeil {
	height:25px;
	width:auto;
	cursor:pointer;
	/* TODO: muss noch definiert werden */
}
.img-bg-about, .img-bg-about-ls {
	background:none;
}
.img-bg-about-ls {
	display: none;
}
#mb-inner-content {
	width:100%;
	max-width:1295px;
	min-height:500px;
	margin:0 auto;
	text-align:left;
	background:transparent; 
	padding-bottom:90px;
}
#div-mnu-container {
	position: absolute;
	top:149px;  
	/* width:200px; */
	/* height:auto; */
	z-index:1000;
	text-align:left;
}
.div-mnu-bg-trans {
	background:transparent;
	width:200px;
	height:auto;
}

#div-mnu-toggle {
	display:inline-block;
	width:200px;
	text-align:right;
	top:149px; 
}
#btn-mnu {
	display:none;
	border-radius: 4px;
	float:left;
	/* background:#2C3783; */
	/* background:#b77f4f; */
	/* background:#d42d2d; */
	/* background:#0281B8; */
	padding: 3px 6px;
    width: 40px;
    height: auto;
	margin:63px 25px 0 2px;
}
#btn-submit {
	background:transparent;
	border:none;
	height:45px;
	width:auto;
}
#btn-submit img{
	height:100%;
	width:auto;
}
.a-in-text {
    text-decoration:underline;	
}
.a-mnu {
	display:inline-block;
	margin:4px 10px;
	text-decoration:none;
	text-align:right;
	width:95%;
}
.a-mnu span {
	/* background:#D2272C; */
	background:#213486;
	color:#ffffff;
	display:inline-block;
    position: relative;
	float:right;
    left: -24px; 
    top: 20px;
    padding: 1px 6px 3px 26px;
	border-radius: 3px;
	width:100px;
	z-index:-1;
	font-size:0.8em;
	text-align:right;
}
.img-mnu  {
	/* width:auto; */
	width:inherit;
	/* height:55px;	 */
	z-index:50 !important;
}
#img-start-top1 {
	width:95%; max-width:400px; height:auto;
	/* margin-bottom:30px; */
	margin-left: 150px;
}
#div-start-top2 {
	position: absolute;
	top:110px; 
	width:100%;
	height:70px;
	background:transparent;
	text-align:center;
}
#img-start-top2 {
	width:95%;
	/* max-width:800px; */
	max-width:670px;
	height:auto;
}
#div-start-text p,#div-start-text-02 p {
	font-size:1.1em;
	text-align:left; 
	color:#FFFFFF; 
}
#div-start-logo-bottom {
	position: fixed;
	bottom:0;
	width:100%;
	height:60px;
	background:transparent;
	text-align:center;
}
#img-start-logo-bottom {
	width:100%;
	max-width:350px;
	height:auto;
}
#div-logo-bottom {
	position: fixed;
	bottom:0;
	width:235px;
	height:auto;
	background:transparent;
	text-align:center;
	padding: 0 0 10px 18px;
	z-index:-1;
}
#img-logo-bottom {
	/* height:40px; */
	/* width:auto; */
	height:auto;
	width:100%;
}
#div-start-text {
	width: 195px;
    text-align: right;
    height: auto;
    top: 317px;
    position: absolute;
    right: 7px;
	padding:10px;
}
#div-start-text-02 {
	width: 195px;
    text-align: right;
    height: auto;
    /* top: 300px; */
    /* top: calc(160px + 20%); */
	/* top: calc(50vh - 34%); */
	/* left:50%; */
    /* position: absolute; */
    position: fixed;
    right: 50px;
	bottom:50px;
	padding:10px;
}
#div-page-top-title {
	position: absolute;
	/* position:fixed; */
	top:0px; 
	padding-top:10px;
	width:100%;
	/* height:75px; */
	/* background:transparent; */
	text-align:center;
	/* background-image:url(../ab/balken-top.png); */
	/* background-repeat:no-repeat; */
	/* background-size:cover; */
	/* background-position:0 0;  */
	overflow: hidden;
	z-index:120;
}
#div-page-bottom-footer {
	/* padding-top: 20px; */
	position: fixed;
	bottom:0; 
	width:100%;
	/* height:auto;  */
	height:70px; 
	z-index:120;
}
#a-page-top-title {
	width:900px;
	margin:0 auto;
	text-align:left;
	display:inline-block;
}
#img-page-top-mr {
	width:auto;
	height:50px;
	position: absolute;
	left: 10px;
	top: 13px;
	z-index: -1;
}
#img-page-top-title {
	width:100%;
	max-width:700px;
	height:auto;
}
#div-inner-main {
	width:100%; 
	text-align:center;
	/* height:60vh; */
	height:auto;
	top:120px;
	position: absolute;
	z-index:1; 
	padding-bottom:110px;
}
/* Ausgleich für unterschiedliche Schrifthöhen im Titel (mit oder ohne Umlaute): */
.title-ausgleich {
	top:135px;	
}
#div-inner-title img {
	height:30px;
	width:auto;
}

#div-pfeil-links, #div-pfeil-rechts {
}
#div-pfeil-links {
	left:0;
}
#div-pfeil-rechts {
	right:0;
}
#span-pfeile {
	display:inline-block;
	float:right;
	/* position:absolute; */
	/* top:0;	 */
}
#img-blickinsbuch {
	width:900px;
	height:auto;
	cursor:pointer;
	border:solid 2px #FDE834;
}
.img-pfeil {
	width:25px;
	height:auto;
	cursor:pointer;	
	margin:5px;
}

.h3-page .h3-imp, .p-imp, .p-content-1, .p-content-titel-1 {
	margin:15px 0;
	font-size:1.3em;
	line-height:120%;
}
.p-content-titel-1 {
	font-size:1.3em;
	font-weight:700;
}
.h3-page {
	font-weight:700;
	text-align:center;
	padding:0;
}
.img-start {
	max-height:500px;
	height:100%;
	width:auto;
	/* margin-top: calc(50vh - 350px); */
}
.div-besonderes-zeile {
	display:inline-block;
	position:relative;
	width:350px;
}
.img-besonders-page {
	/* width:150px; */
	width:98%;
	height:auto;
	margin:0 0 14px 2px;
	cursor:pointer;
	float:left;
}
#div-besonderes-links {
	width:175px;
	margin-top:15px;
	display:inline-block;
	float:left;
}
#div-besonderes-rechts {
	width:500px;
	display:inline-block;
	float:left;
	padding:0 0 0 10px;
}

#div-mnu-bottom {
	display:inline-block;
	width:100%;
	float:right;
	text-align:right;
}
.a-mnu-bottom {
	display:inline-block;
	text-decoration:none;
	margin-right:10px;
	position: relative;
    bottom: 15px;
}
.div-blase-bottom {
	width:140px;
	height:80px;
	text-align:center;
	background-image:url(../ab/blase01.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center; 
	float:right;
}
.div-blase-bottom-old {
	position: fixed;
	bottom:0; 
	width:140px;
	height:80px;
	text-align:center;
	background-image:url(../ab/blase01.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center; 
	z-index:120;
}
.div-blase-bottom span {
	display:inline-block;
	/* margin:23px auto; */
	margin:16.5% auto;
	width:100%;
	font-size:1.2em;
	font-weight:700;
	color: #2C3783;
}

@media (max-width: 1650px) {
	#img-page-top-mr {
		width:215px;
		height:auto;
		top:23px;
	}
}
@media (max-width: 1350px) {
	#div-page-top-title {
		text-align:left;
	}
	#div-inner-main, #a-page-top-title {
		width:800px;
		margin-left:240px;
	}
	#div-besonders-richts {
	width:calc(100% - 200px);
}

}
@media (max-width: 1250px) {
	#div-inner-main, #a-page-top-title {
		width:calc(100% - 250px);
		/* margin-left:185px; */
	}
	#div-inner-title, #div-inner-content {
		width:99%
	}
}
@media (max-width: 1100px) {
	#div-inner-main, #a-page-top-title {
		width:100% ;
		margin:0 auto;
		text-align: center;
	}
	#div-inner-title, #div-inner-content, #img-page-top-title {
		width:97%;
		margin:1.5%;
	}
	#div-mnu-toggle {
		display:none;
	}

	#div-mnu-container {
		/* top:58px; */
		top:0;
	}
	#btn-mnu {
		display:inline-block;
	}
	
}
@media (max-width: 940px) {
	#img-blickinsbuch {
		width:100%;
	}
	#div-logo-bottom {
	width:27%;
	padding: 0 0 10px 18px;
	}
	.div-blase-bottom {
		width: 105px;
		height: 66px;
	}
	.div-blase-bottom span {
		font-size:1.0em;
	}
	/* .d-inner-besonderes */
	#div-besonderes-links {
		width: 100px;
	}
	#div-besonderes-rechts {
		width: calc(99% - 110px);
	}
	#div-inner-title img {
		width:100%;
		height:auto;
	}
}
@media (max-width: 800px) {
	.img-bg-about {
		display:none;
	}
	.img-bg-about-ls {
		display:inline-block;
	}
	#mb-imp-content p, #mb-imp-content a, #mb-about-content p, #mb-about-content a {
		font-size:1.0em;
		/* line-height: 1.4em; */
	}
}
@media (max-width: 500px) {
	.img-start {
		height:auto;
		width:75%;
		margin: 5% 0 0 0;
	}
	#img-start-top1 {
		width:95%; max-width:250px;
	}
	.img-respo {
		width:97% !important;
		margin:0 1.5% 25px 1.5%;
	}
	#div-start-top2 {
		top:70px; 
		width:100%;
		height:70px;
	}
	#img-start-top2 {
		width:95%;
		max-width:800px;
		height:auto;
	}
	#div-start-logo-bottom {
		height:35px;
		text-align:right;
	}
	#img-start-logo-bottom {
		max-width:180px;
		margin-right:16px;
	}
	#div-start-text {
		/* top: 330px; */
		/* position: absolute; */
		right: 16px;
		/* width: 158px; */
	}
	#div-start-text p,#div-start-text-02 p {
		font-size:0.9em;
	}
	#div-start-text-02 {
		/* top: 165px; */
		/* top: calc(160px + 20%); */
		/* top: calc(50vh - 34%); */
		/* left:inherit; */
		right: 16px;
		width: 158px;
	}
	.a-mnu-bottom {
		margin-right:2px;
	}
	.div-blase-bottom {
		width: 100px;
		height: 64px;
	}
	input, textarea,#ort,#p-submit,.p-form {
		width:100%;
	}
	#plz {}
	#ort {
		margin-left:0;
		margin-top:3px;
	}
}

@media (max-height: 670px) and (min-width: 1101px) {
	.img-start {
		margin:0;
	}
	#div-mnu-container {
		top:100px; 
		width:180px;
	}
}

#div-show-img {
	position:fixed; display:none; width:100%; height:100%; text-align:center; z-index:1000;
	background-color:rgba(255,255,255,0.5);
}
#img-show-img {
	margin:0 auto;
	margin-top:calc(50vh - 180px);
}
.opacity {   
    opacity: 0.5;       /* modern browser */  
    -moz-opacity: 0.5;  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=50); /* IE5.x -7.0 */  
}   
.noopacity {   
    opacity: 1.0;       /* modern browser */  
    -moz-opacity: 1.0;  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=100); /* IE5.x -7.0 */  
}   
.div-mnu-bg {
	background:rgba(255,255,255,0.9);
	width:100%;
	padding-bottom:50px;
	top:0;
	/* height:100%; */
}
#img-hg {
width: 1037px;
    height: auto;
    position: fixed;
    left: 0;
    /* top: -200px; */
    /* top: 10px; */
    z-index: -2;
    margin: 0 auto;
    position: initial;
}
@media (min-aspect-ratio: 1/1) {
/* quer */
}
@media (max-aspect-ratio: 1/1) {
/* hoch */
	#img-hg {
		width:auto;
		height:100%;
		left: 0;
	}
}
.inpt-error {
	/* background: #ffb8b8; */
	background: #00FFFF
}