@font-face {
  font-family: Fira Sans;
  src: url(../fonts/FiraSans-Light.ttf);
}

@font-face {
  font-family: Julius Sans One;
  src: url(../fonts/JuliusSansOne-Regular.ttf);
}

@font-face {
  font-family: Playfair Display;
  src: url(../fonts/PlayfairDisplay-VariableFont_wght.ttf);
}


* {
	/*font-family: 'Montserrat', sans-serif;*/
	font-family: 'Fira Sans', sans-serif;
	font-weight: 300;
	margin: 0;
	scroll-behavior: smooth;
}

body {
	color: white;
	scroll-behavior: smooth;
	overflow-x: hidden;
}

a {
	color: inherit;
	-webkit-transition: 0.2s;
		 -o-transition: 0.2s;
	transition: 0.2s;
}

a:hover {
	color: #10ADD5;
}

.hp_background {
	width: 100vw;
	height: 100vh;
	background-image: url(../bilder/mg310-05_cut.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	position: fixed;
	z-index: -5;
	filter: brightness(50%);
}

.hp_flex {
	width: 40%;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	        z-index: 1;
}

.hp_flex span.header {
	font-size: 300%;
	line-height: 90%;
}

.hp_flex span.header span.bigger {
	font-size: 130%;
}

.hp_flex span.header span.smaller {
	font-size: 50%;
}

#nav {
	font-family: 'Julius Sans One', sans-serif;
	z-index: 100;
	position: fixed;
	top: 0;
	right: 0;
	text-align: right;
	padding: 50px;
	font-size: 110%;
	opacity: 0.9;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	width: 100%;
}

#nav * {
	font-family: 'Julius Sans One', sans-serif;
}

#nav a {
	margin-right: 25px;
	text-decoration: none;
}

#nav a:hover {
	color: inherit;
}

#nav.scrolled-nav {
	background-color: #152B27;
	opacity: 1;
	width: 100%;
	padding: 30px;
}

#nav.scrolled-nav .dropdown-content {
	background-color: #152B27;
	color: white;
}

#nav.scrolled-nav .dropdown-content * {
	color: white;
}

#nav.scrolled-nav div.top_logo {
	opacity: 1;
}

div.top_logo {
	position: fixed;
	top: 0;
	left: 0;
	margin: 10px;
	opacity: 0;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

div.top_logo img {
	height: 65px;
}


.hover_anim{
  position: relative;
}

.hover_anim:after{
  content: '';
  position: absolute;
  width: 0; 
  height: 1px;
  display: block;
  margin-top: 0px;
  right: 0;
  background: #fff;
  -o-transition: width .2s ease;
  transition: width .2s ease;
  -webkit-transition: width .2s ease;
}
 
.hover_anim:hover:after{
  width: 100%;
  left: 0;
  background: #fff;
}

.dropbtn {
  color: inherit;
  font-size: inherit;
  border: none;
  background-color: transparent;
}

.dropdown {
  position: relative;
  display: inline-block;
  margin-right: 25px;
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 375px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
          box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align: left;
}

.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
}

.dropdown:hover .dropdown-content {
	display: block;
}

#menuToggle {
	color: black;
	display: block;
	position: fixed;
	top: 25px;
	right: 25px;
	z-index: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	 -ms-user-select: none;
	     user-select: none;
	text-align: left;
}

#menuToggle input {
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -0px;
	left: -5px;
	
	cursor: pointer;
	
	opacity: 0; /* hide this */
	z-index: 2; /* and place it over the hamburger */
	
	-webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span {
	color: black;
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;
	
	background: #fff;
	border-radius: 3px;
	
	z-index: 1;
	
	-webkit-transform-origin: 4px 0px;
	
	    -ms-transform-origin: 4px 0px;
	
	        transform-origin: 4px 0px;
	
	-webkit-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	            opacity 0.55s ease,
	            -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	
	transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	            opacity 0.55s ease,
	            -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	
	-o-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	            background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	            opacity 0.55s ease;
	
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	            background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	            opacity 0.55s ease;
	
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	            background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	            opacity 0.55s ease,
	            -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menuToggle span:first-child {
	-webkit-transform-origin: 0% 0%;
	    -ms-transform-origin: 0% 0%;
	        transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
	-webkit-transform-origin: 0% 100%;
	    -ms-transform-origin: 0% 100%;
	        transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span {
	opacity: 1;
	-webkit-transform: rotate(45deg) translate(-2px, -1px);
	    -ms-transform: rotate(45deg) translate(-2px, -1px);
	        transform: rotate(45deg) translate(-2px, -1px);
	background: #232323;
}

#menuToggle input:checked ~ span:nth-last-child(3) {
	opacity: 0;
	-webkit-transform: rotate(0deg) scale(0.2, 0.2);
	    -ms-transform: rotate(0deg) scale(0.2, 0.2);
	        transform: rotate(0deg) scale(0.2, 0.2);
}


#menuToggle input:checked ~ span:nth-last-child(2) {
	-webkit-transform: rotate(-45deg) translate(0, -1px);
	    -ms-transform: rotate(-45deg) translate(0, -1px);
	        transform: rotate(-45deg) translate(0, -1px);
}

#menu {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	padding: 25px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: #fff;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	-webkit-transform-origin: 0% 0%;
	    -ms-transform-origin: 0% 0%;
	        transform-origin: 0% 0%;
	-webkit-transform: translate(100%, 0);
	    -ms-transform: translate(100%, 0);
	        transform: translate(100%, 0);
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	-o-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	line-height: 1.3em;
}

#menu li {
	padding: 10px 0;
	font-size: 22px;
}

#menuToggle input:checked ~ ul {
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
}

.big_img {
	width: 100%;
}

::-moz-selection {
	background-color: yellow;
	color: black;
	opacity: 1;
}

::selection {
	background-color: yellow;
	color: black;
	opacity: 1;
}
::-moz-selection {
	background-color: yellow;
	color: black;
	opacity: 1;
}

#menu li {
	padding: 5px;
	line-height: 25px;
}

.mobile_only {
	display: none !important;
}

.content {
	width: 100%;
	background-color: #fff;
	color: black;
	padding: 25px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	/*min-height: 100vh;*/
	position: relative;
	z-index: 1;
}

.wrapper {
  height: 100vh;
  width: 100vw;
  overflow-x: hidden;
  position: fixed;
  top: 0;
  z-index: 1;
  transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -moz-transform: perspective(1px);
  -webkit-perspective: 1px;
     -moz-perspective: 1px;
          perspective: 1px;
}

.section {
  position: relative;
  height: 500px;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  z-index: -2;
}

.speed-1 {
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-1px) scale(2.1);
     -moz-transform: translateZ(-1px) scale(2.1);
          transform: translateZ(-1px) scale(2.1);
}
.speed-2 {
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-1.5px) scale(2.8);
     -moz-transform: translateZ(-1.5px) scale(2.8);
          transform: translateZ(-1.5px) scale(2.8);
}
.speed-3 {
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-3px) scale(4.1);
     -moz-transform: translateZ(-3px) scale(4.1);
          transform: translateZ(-3px) scale(4.1);
}

.parallax::after {
  transform-style: preserve-3d;
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateZ(-1px) scale(2.1);
     -moz-transform: translateZ(-1px) scale(2.1);
          transform: translateZ(-1px) scale(2.1);
  background-size: 100%;
  z-index: -1;
  /*background-image: url(../bilder/house_bg10.jpg);*/
  background-repeat: no-repeat;
}

div.content {
	z-index: 2;
}

div.content .con {
	margin: 0 auto;
	min-width: 800px;
	max-width: 1000px;
	width: 80%;
}

.con h1 {
	font-weight: normal;
	margin-bottom: 10px;
	font-size: 275%;
}

.logo_center {
	min-width: 400px; max-width: 600px;
}


/*.mini_con {
	width: 275px;
	height: 375px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 10px;
	background-color: rgba(16,173,213,0.1);
	margin-bottom: 50px;
	border: 2px solid #10ADD5;
}

.mini_con img {
	width: 150px;
	margin: 0 auto;
	margin-top: 10px;
	display: block;
}

.mini_con_text {
	margin: -10px;
	margin-top: 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 10px;
	background-color: white;
	height: 100px;
	border-top: 2px solid #10ADD5;
	position: relative;
}*/


.mini_con {
	width: 310px;
	height: 500px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 10px;
	margin: 10px;
	text-align: left;
}

.mini_con img {
	width: 150px;
	margin: 0 auto;
	margin-top: 10px;
	display: block;
	/*filter: grayscale(1);*/
	opacity: 0.7;
	transition: 0.6s;
}

.mini_con:hover img {
	opacity: 1;
}

.mini_con_text {
	margin: -10px;
	margin-top: 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 10px;
	background-color: white;
	height: 100px;
	position: relative;
}

.mini_con_text h2 {
	font-size: 160%;
	margin-bottom: 10px;
	font-family: 'Playfair Display', serif;
}

.mini_con_text a {
	
}

.mini_con_text p {
	font-size: 110%;
}

.side_img {
	float: left;
	width: 25%;
}

.w100 {
	width: 100%;
}

.footer  {
	width: 100%;
	height: auto;
	color: white;
	padding: 25px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: #152B27;
}

.nofloat {
	clear: left;
}

.center_childs {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-top: 75px;
}

[data-aos] {
	 pointer-events: none;
}
 [data-aos].aos-animate {
	 pointer-events: auto;
}

.show-on-scroll {
	opacity: 0;
	-webkit-transition: 2s;
	-o-transition: 2s;
	transition: 2s;
}

.show-on-scroll.is-visible {
	opacity: 1;
}

img.parallax_img + div.content {
	padding-top: 100px;
}

.mtext {
	max-width: 900px;
	margin: 0 auto;
	padding-top: 100px;
	clear: both;
	z-index: 1;
}

.mtext p, li {
	margin-bottom: 10px;
	font-size: 130%;
	text-align: justify;
	line-height: 150%;
	padding: 10px;
}

.mtext li {
	text-align: left;
	padding: 0;
}

.mtext img {
	margin: 0 auto;
	margin-bottom: 100px;
	max-width: 100%;
	display: block;
	text-align: center;
}

.mtext img + div.description {
	padding: 10px;
	background-color: #152B27;
	color: white;
	margin-top: -130px;
	text-align: right;
	z-index: 4;
}

h1 {
	font-size: 300%;
	margin: 10px;
	font-family: 'Playfair Display', serif;
	text-align: center;
}

.bcon p:first-of-type {
	font-style: italic;
}

div.bcon {
	border-radius: 10px;
	margin-bottom: 100px;
	padding: 10px;
	padding-top: 100px;
	margin-top: -100px;
}

div.bcon * {
	font-weight: lighter;
}

a.button {
	width: 50%;
	background-color: blue;
	margin: 25px auto;
	text-decoration: none;
}

div.center {
	min-width: 175px;
	width: 50%;
	margin: 20px auto;
}

p.center {
	text-align: center;
}

a div {
	background-color: #152B27;
	color: white;
	text-decoration: none;
	padding: 10px;
	text-align: center;
	transition: 0.2s;
	border: 2px solid #152B27;
}

a div:hover {
	text-decoration: none !important;
	background-color: white;
	color: #152B27;
}

hr {
	margin: 100px 0;
}

#start_of_page {
	animation: fading 5s infinite;
	transition: 1s;
	margin: 0 auto; 
	margin-top: -200px; 
	margin-left: -50px;
	position: absolute;
}

#start_of_page_link {
	opacity: 1;
	transition: 2s;
}

#start_of_page_link.scrolled {
	opacity: 0;
}

@keyframes fading {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 0.8;
	}
	100% {
		opacity: 0;
	}
}


#side_buttons {
	width: 100px;
	height: 400px;
	z-index: 50;
	position: sticky;
	position: -webkit-sticky;
	top: 250px;
	left: 0;
	margin-left: -100px;
	margin-bottom: -550px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

#side_buttons2 {
	width: 100px;
	height: 400px;
	z-index: 50;
	position: sticky;
	position: -webkit-sticky;
	top: 150vh;
	left: 0;
	margin-left: -100px;
	margin-bottom: -550px;
}

.pointer {
	cursor: pointer !important;
}

.circle {
	width: 50px;
	height: 50px;
	border-radius: 0px;
	border: 2px solid grey;
	border-radius: 50px;
	line-height: 50px;
	text-align: center;
	opacity: 1;
	transition: 0.2s;
	font-size: 150%;
	margin: 10px;
	overflow: hidden;
	background-color: white;
	color: grey;
	padding: 0;
}

.circle span {
	font-size: 70%;
	display: none;
	opacity: 0;
}

.circle i {
	font-size: inherit;
}

.circle:hover {
	opacity: 1;
	color: white;
	background-color: #152B27;
	border: 2px solid #152B27;
	width: 150px;
}

.circle:hover * {
	color: white;
	text-decoration: none;
	text-align: left;
}

.circle:hover span {
	display: inline;
	opacity: 1;
}

#popup {
	position: fixed;
	z-index: 100;
	background-color: rgba(255,255,255,0.9);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	justify-content: space-around;
}

#popup_window {
/*	width: 650px;
	height: 500px;*/	
	width: 550px;
	height: auto;
	background-color: white;
	color: black;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-box-shadow: 10px 10px 39px 6px rgba(0,0,0,0.26);
	-moz-box-shadow: 10px 10px 39px 6px rgba(0,0,0,0.26);
	box-shadow: 10px 10px 39px 6px rgba(0,0,0,0.26);
	border-radius: 25px;
	border-top: 5px solid #00A990;
	padding: 25px;
	z-index: 100;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.svgbg {
	background-color: #ffffff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23ededed' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23f5f5f5'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
}

#popup_window input, textarea {
	margin: 7.5px auto;
	width: 550px;
	font-size: 120%;
	padding: 5px;
	border: 0;
	transition: 0.2s;
}

#popup_window input[type=checkbox] {
	width: auto;
}

#popup_window input:invalid, textarea:invalid {
	background-color: #fff;
}

#popup_window input {
	border-bottom: 2px solid #fff;
}

#popup_window input[type=submit] {
	border: 0;
}

#popup_window textarea {
	height: 150px;
}

#popup_window input:focus, textarea:focus {
	outline: none;
}

#popup_window input[type=text]:focus {
	border-bottom: 2px solid #00A990;
}

#popup_window input[type=email]:focus {
	border-bottom: 2px solid #00A990;
}

#popup_window label {
	margin-bottom: -10px;
}

#popup_window .center {
	display: flex;
	justify-content: center;
}

#popup_window input[type=submit] {
	width: 150px;
	background-color: #0C453D;
	color: white;
	float: right;
	font-size: 100%;
	padding: 10px;
	cursor: pointer;
}

/*.contact_form {
	z-index: 99;
}
*/
.parallax_img {
	/*transform-style: preserve-3d;
  		-webkit-transform: translateZ(-1.2px) scale(2.25);
     	   -moz-transform: translateZ(-1.2px) scale(2.25);
           		transform: translateZ(-1.2px) scale(2.25);
    margin: 0 auto;
    z-index: -3;
    right: 0;*/
    max-width: 900px;
}


#go_up {
	position: fixed;
	margin: 50px;
	bottom: 0;
	right: 0;
	z-index: 50;
	background-color: white;
	border-radius: 50px;
	opacity: 0;
	transition: 0.2s;
	padding: 2.5px 15px 27.5px 15px;
	border: 2px solid white;
}

#go_up.scrolled {
	opacity: 1;
}

#go_up.scrolled:hover {
	border: 2px solid #152B27;
}

#go_up.scrolled:hover .st0 {
	stroke: white !important;
}

.portrait {
	float: left; 
	margin: 70px 50px !important; 
	border-radius: 7.5px;
}

::-webkit-input-placeholder { /* Edge */
  color: lightgrey;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: lightgrey;
}

::placeholder {
  color: lightgrey;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
.hp_flex {
	width: 100%;
}
.parallax::after {
  -webkit-transform: translateZ(0px) scale(1);
     -moz-transform: translateZ(0px) scale(1);
          transform: translateZ(0px) scale(1);
}
}

@supports (-ms-ime-align:auto) {
	* {
		scroll-behavior: smooth;
	}
	.speed-1 {
		transform: none;
	}
	.parallax::after {
	  background-image: url(../bilder/house_bg10.jpg) !important;
	}
}

@-moz-document url-prefix() {
.hp_flex {
	width: 40%;
}
.parallax::after {
  -webkit-transform: translateZ(0px) scale(1);
     -moz-transform: translateZ(0px) scale(1);
          transform: translateZ(0px) scale(1);
}
}

@supports (-ms-ime-align:auto) {
.parallax::after {
  -webkit-transform: translateZ(0px) scale(1);
     -moz-transform: translateZ(0px) scale(1);
          transform: translateZ(0px) scale(1);
}
}
@media screen and (max-width: 1305px) {
	.desktop_only_big {
		display: none;
	}
	.hp_background {
  		background-image: url(../bilder/mg310-05_mobile.jpg) !important;
  	}
}
@media screen and (max-width: 800px) {
	.portrait {
		float: none; 
		margin: 0 auto !important; 
		border-radius: 25px;
		width: 300px;
		height: auto;
	}
  hr {
  	margin-top: -100;
  }
  .mobile_text_center {
  	text-align: center;
  }
  .parallax_img {
  	margin: 0;
  	z-index: -5;
  	width: 125%;
  	height: auto !important;
  }
  .mobile_only {
  	display: block !important;
  }
  .desktop_only {
  	display: none;
  }
  #nav {
  	opacity: 1;
  }
  .parallax::after {
  	-webkit-transform: translateZ(-1px) scale(2.1);
  	        transform: translateZ(-1px) scale(2.1);
  	background-size: 200%;
  }
  div.content {
  	padding: 10px;
  	z-index: 4;
  }

  div.content .con {
	margin: 0 auto;
	width: 100%;
	min-width: 100%;
  }
  #logo_center {
  	width: 30% !important;
  }
  div.top_logo img {
	height: 40px;
  }
  #menuToggle {
  	margin: -5px;
  }
  .mtext p, li {
	margin-bottom: 10px;
	font-size: 110%;
	text-align: left;
	line-height: 150%;
  }
  .mtext li {
	text-align: left;

  }
  .mtext h1 {
	font-size: 180%;
	padding: 10px;
	border-radius: 0;
	border-radius: 5px 5px 0 0;
	margin: 0;
	padding-top: 100px;
	margin-top: 25px;
  }
  div.bcon {
  	padding: 0;
  }
  .center_childs {
  	display: block;
  }
  .mini_con {
  	height: auto;
  	margin: 0 auto;
  	margin-bottom: 300px;
  	text-align: left;
  }
  .mini_con:last-child, .mini_con:first-child {
  	margin-bottom: 250px;
  }
  #popup_window {
  	width: 100%;
  	height: 100%;
  	min-width: 0;
  	border-radius: 0;
  	border-color: lightblue;
  	position: relative;
  	overflow-y: scroll;
  }
  #popup_window input, textarea {
  	width: 100%;
  }
  #popup_window .center {
  	width: auto;
  	padding: 25px;
  }
  #popup_window .close_btn {
  	margin: 10px;
  }

  #logo_center {
  	width: 30%;
  	filter: none;
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=‘0’);
	shape-rendering: geometricPrecision;
  }

  .footer table {
  	width: 100%;
  	padding: 0 !important;
  }

  .footer table td {
  	margin: 0;
  	padding: 5px !important;
  }

  .footer {
  	padding: 10px !important;
  	padding-bottom: 100px !important;
  }

  #stellenangebote {
  	margin-top: 0 !important;
  }

  #stellenangebote h1 {
  	padding-top: 0;
  }

  .img_stellenangebote_logo {
  	width: 80%;
  }

  #popup_window div.center {
  	flex-direction: column;
  }

}