@charset "utf-8";
 @font-face {
	 font-family: 'Questrial';
	 font-style: normal;
	 font-weight: 400;
	 src: url('../fonts/questrial-v18-latin-regular.eot');
	 src: local(''), url('../fonts/questrial-v18-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/questrial-v18-latin-regular.woff2') format('woff2'), url('../fonts/questrial-v18-latin-regular.woff') format('woff'), url('../fonts/questrial-v18-latin-regular.ttf') format('truetype'), url('../fonts/questrial-v18-latin-regular.svg#Questrial') format('svg');
}
 @font-face {
	 font-family: 'Roboto';
	 font-style: normal;
	 font-weight: 300;
	 src: url('../fonts/roboto-v30-latin-300.eot');
	 src: local(''), url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), url('../fonts/roboto-v30-latin-300.woff') format('woff'), url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg');
}
 @font-face {
	 font-family: 'Roboto';
	 font-style: normal;
	 font-weight: 400;
	 src: url('../fonts/roboto-v30-latin-regular.eot');
	 src: local(''), url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), url('../fonts/roboto-v30-latin-regular.woff') format('woff'), url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg');
}
 @font-face {
	 font-family: 'Roboto';
	 font-style: normal;
	 font-weight: 500;
	 src: url('../fonts/roboto-v30-latin-500.eot');
	 src: local(''), url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), url('../fonts/roboto-v30-latin-500.woff') format('woff'), url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg');
}
 @font-face {
	 font-family: 'Roboto';
	 font-style: normal;
	 font-weight: 700;
	 src: url('../fonts/roboto-v30-latin-700.eot');
	 src: local(''), url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), url('../fonts/roboto-v30-latin-700.woff') format('woff'), url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg');
}
 @font-face {
	 font-family: 'Roboto';
	 font-style: normal;
	 font-weight: 900;
	 src: url('../fonts/roboto-v30-latin-900.eot');
	 src: local(''), url('../fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-v30-latin-900.woff2') format('woff2'), url('../fonts/roboto-v30-latin-900.woff') format('woff'), url('../fonts/roboto-v30-latin-900.ttf') format('truetype'), url('../fonts/roboto-v30-latin-900.svg#Roboto') format('svg');
}
 .trans_all_01 {
	 -webkit-transition: all 0.1s ease-in-out;
	 -moz-transition: all 0.1s ease-in-out;
	 -o-transition: all 0.1s ease-in-out;
	 transition: all 0.1s ease-in-out;
}
 .trans_all_02 {
	 -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
}
 .trans_all_03 {
	 -webkit-transition: all 0.3s ease-in-out;
	 -moz-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
}
 .trans_all_04 {
	 -webkit-transition: all 0.4s ease-in-out;
	 -moz-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out;
	 transition: all 0.4s ease-in-out;
}
 p {
	 margin-top: 0px;
	 padding-top: 0px;
}
 body, html {
	 margin: 0;
	 height: 100%;
	 font-family: 'Roboto', sans-serif;
	 font-weight: 400;
	 top: 0px;
	 background-color: #F8F8F8;
}
 .sys_border {
	 border-radius: 4px;
}
 a {
	 text-decoration: none;
	 color: inherit;
	 left: 0px;
}
 .shadow {
	 -webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 -moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
}
 .shadow_off {
	 -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	 -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	 box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
 .wrap-base {
	 position: relative;
	 display: block;
	 margin: 0 auto;
	 padding: 90px 15px 30px 15px;
	 max-width: 1100px;
	 width: calc(100% - 30px);
}
 h1, h2, h3, h4, h5, h6 {
	 padding: 0px;
	 margin: 0px;
}
 h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
	 margin-bottom: 0px;
}
 .h1 {
	 font-size: 40px;
	 line-height: 50px;
	 color: #f39200;
	 padding-bottom: 15px;
}
 .h2 {
	 font-size: 28px;
	 color: #f39200;
	 padding-bottom: 15px;
}
 .h3 {
	 font-weight: 600;
	 font-size: 22px;
	 color: #f39200;
	 padding-bottom: 15px;
}
 .h3 p {
	 line-height: 26px;
}
 .text-base {
	 font-size: 18px;
	 line-height: 28px;
	 color: #282828;
}
 .text-fix-p p {
	 margin-bottom: 0px;
}
 .text-sub {
	 font-size: 16px;
	 line-height: 24px;
	 color: #282828;
}
 article {
	 padding-bottom: 30px;
}
 button, .btn {
	 border-radius: 4px;
	 -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
	 display: inline-block;
	 background-color: #f39200;
	 color: #FFFFFF;
	 font-family: 'Roboto', sans-serif;
	 font-weight: 400;
	 padding: 8px 25px;
	 font-size: 18px;
	 border: solid 0px rgba(0,0,0,0);
}
 button:hover, .btn:hover {
	 background-color: #FEC75B;
}
 .btn.light {
	 background-color: #FFFFFF;
	 color: #f39200;
}
 .btn.light:hover {
	 background-color: rgba(255,255,255,0.9);
}
 .btn.gray {
	 color: #282828;
	 background-color: rgba(0,0,0,0.1);
}
 .btn.gray:hover {
	 background-color: rgba(0,0,0,0.15);
}
 input, select, textarea {
	 border-radius: 4px;
	 display: block;
	 width: 100%;
	 width: calc(100% - 30px);
	 background-color: #F8F8F8;
	 border: solid 0px rgba(0,0,0,0);
	 font-family: 'Roboto', sans-serif;
	 line-height: 15px;
	 padding: 10px 15px;
	 margin-bottom: 5px;
}
 textarea {
	 height: 120px;
}
 .alert {
	 background-color: rgba(255,0,0,0.2);
}
 .grid-media {
	 display: flex;
	 flex-wrap: wrap;
	 margin-right: -30px;
}
 .grid-media .item {
	 margin-right: 30px;
	 margin-bottom: 60px;
	 width: calc(33% - 30px);
	 cursor: pointer;
}
 .grid-media .item:hover .box::before {
	 opacity: 0.5;
}
 .grid-media .item:hover .box img {
	 -ms-transform: scale(1.1);
	 -webkit-transform: scale(1.1);
	 transform: scale(1.1);
}
 .grid-media .item:hover .box .ico {
	 opacity: 1;
}
 .grid-media .item .box {
	 -webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 -moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 position: relative;
	 height: 180px;
	 overflow: hidden;
	 background-color: #FFFFFF;
	 border: solid 1px rgba(0,0,0,0.1);
}
 .grid-media .item .box img {
	 -webkit-transition: all 0.4s ease-in-out;
	 -moz-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out;
	 transition: all 0.4s ease-in-out;
	 width: 100%;
}
 .grid-media .item .box .ico {
	 -webkit-transition: all 0.4s ease-in-out;
	 -moz-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out;
	 transition: all 0.4s ease-in-out;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 margin-top: -30px;
	 margin-left: -30px;
	 width: 60px;
	 height: 60px;
	 z-index: 20;
	 text-align: center;
	 color: #FFFFFF;
	 opacity: 0;
}
 .grid-media .item .box .ico i {
	 font-size: 35px;
	 line-height: 60px;
}
 .grid-media .item .box:before {
	 -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
	 position: absolute;
	 display: block;
	 z-index: 10;
	 content: "";
	 width: 100%;
	 height: 100%;
	 top: 0px;
	 left: 0px;
	 background-color: #f39200;
	 opacity: 0;
}
 .grid-media .item .text {
	 margin-top: 15px;
}
 .grid-media .item .text p {
	 margin: 0px;
}
 .grid-media .item .text .title {
	 font-weight: 600;
	 font-size: 22px;
	 color: #f39200;
	 padding-bottom: 15px;
}
 .grid-media .item .text .title p {
	 line-height: 26px;
}
 .grid-media .item .text .sub {
	 font-size: 16px;
	 line-height: 24px;
	 color: #282828;
}
 @media screen and (max-width: 1000px) {
	 .grid-media {
		 margin-right: -15px;
	}
	 .grid-media .item {
		 margin-right: 15px;
		 width: calc(50% - 15px);
	}
}
 @media screen and (max-width: 600px) {
	 .grid-media {
		 margin-right: 0px;
	}
	 .grid-media .item {
		 margin-right: 0px;
		 width: 100%;
	}
	 .grid-media .item .box {
		 height: 220px;
	}
}
 .grid-list {
	 margin-top: -30px;
}
 .grid-list .item {
	 position: relative;
	 display: flex;
	 align-items: center;
}
 .grid-list .item:before {
	 display: block;
	 position: absolute;
	 content: "";
	 width: 4px;
	 height: 100%;
	 left: 88px;
	 background-color: rgba(0,0,0,0.05);
}
 .grid-list .item .ico {
	 position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 height: 60px;
	 width: 60px;
	 min-height: 60px;
	 min-width: 60px;
	 background-color: #f39200;
	 font-size: 20px;
	 color: #FFFFFF;
	 border-radius: 30px;
	 margin: 0px 60px;
}
 .grid-list .item .box {
	 padding: 30px 0px;
}
 .grid-list .item .box .h3 {
	 color: #282828;
}
 .grid-list .item .box span {
	 color: #f39200;
}
 .grid-list .item:first-child:before {
	 height: 50%;
	 top: 50%;
}
 .grid-list .item:last-child:before {
	 height: 50%;
	 top: 0px;
}
 @media screen and (max-width: 600px) {
	 .grid-list .item {
		 display: block;
	}
	 .grid-list .item:before {
		 display: none;
	}
	 .grid-list .item .ico {
		 margin: 0px;
	}
}
 .page-start {
	 background-color: #FFFFFF;
}
 .page-start .start-header {
	 background: url(../user/img/header/munm_bg01.jpg) no-repeat center center fixed;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}
 .page-start .start-header .wrap-base {
	 display: flex;
	 padding: 150px 0px 120px;
	 margin-top: -30px;
}
 .page-start .start-header .wrap-base .col:first-child {
	 width: calc(55% - 120px);
	 margin-right: 120px;
}
 .page-start .start-header .wrap-base .col:last-child {
	 width: calc(45% - 15px);
	 margin-left: 15px;
}
 .page-start .start-header .wrap-base form {
	 border-radius: 4px;
	 -webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 -moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 background-color: #FFFFFF;
	 padding: 15px;
}
 .page-start .start-header .wrap-base form .input {
	 border-radius: 4px;
	 display: flex;
	 background-color: #F8F8F8;
	 align-items: center;
	 margin-bottom: 5px;
	 overflow: hidden;
}
 .page-start .start-header .wrap-base form .input .ico {
	 padding-left: 15px;
	 padding-right: 10px;
	 text-align: center;
	 font-size: 14px;
	 color: rgba(0,0,0,0.25);
}
 .page-start .start-header .wrap-base form .input input {
	 border-radius: 0px;
	 padding-left: 0px;
	 margin-bottom: 0px;
	 min-width: 50px;
}
 .page-start .start-header .wrap-base form .input .checkbox {
	 display: flex;
	 flex-grow: 1;
	 align-items: center;
	 background-color: #f39200;
	 color: #FFFFFF;
	 height: 35px;
	 padding: 0px 15px;
	 font-size: 14px;
	 cursor: pointer;
}
 .page-start .start-header .wrap-base form .input .checkbox .select {
	 border-radius: 4px;
	 height: 15px;
	 width: 15px;
	 text-align: center;
	 line-height: 15px;
	 margin-right: 10px;
	 background-color: #FFFFFF;
	 color: #FFFFFF;
	 font-size: 12px;
}
 .page-start .start-header .wrap-base form .input .checkbox span {
	 white-space: nowrap;
	 display: block;
	 word-break: keep-all;
}
 .page-start .start-header .wrap-base form .input .checkbox.ac .select {
	 color: #282828;
}
 @media screen and (max-width: 600px) {
	 .page-start .start-header .wrap-base form .input .checkbox span {
		 font-size: 10px;
	}
}
 .page-start .start-header .wrap-base #msg_send {
	 border-radius: 4px;
	 -webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 -moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 display: none;
	 background-color: #FFFFFF;
	 padding: 15px;
}
 .page-start .start-header .h1 {
	 color: #FFFFFF;
}
 .page-start .start-header .text-base {
	 color: #FFFFFF;
	 margin-bottom: 30px;
}
 @media screen and (max-width: 900px) {
	 .page-start .start-header .wrap-base {
		 display: block;
		 padding: 90px 0px;
	}
	 .page-start .start-header .wrap-base .col {
		 width: 100% !important;
		 margin-right: 0px !important;
		 margin-left: 0px !important;
	}
	 .page-start .start-header .wrap-base form {
		 display: block;
		 margin: 0 auto;
		 max-width: 450px;
		 margin-top: 60px;
	}
}
 .page-start .start-text {
	 padding-bottom: 60px;
}
 .page-start .start-grid {
	 background-color: #F8F8F8;
}
 .page-start .start-grid .grid-wrap {
	 display: flex;
	 flex-wrap: wrap;
	 margin-right: -60px;
	 margin-top: 30px;
}
 .page-start .start-grid .grid-wrap .item {
	 margin-right: 60px;
	 margin-bottom: 60px;
	 width: calc(33% - 60px);
}
 .page-start .start-grid .grid-wrap .item .ico {
	 font-size: 35px;
	 color: #f39200;
	 margin-bottom: 25px;
}
 .page-start .start-grid .grid-wrap .item .h3 {
	 color: #282828;
}
 @media screen and (max-width: 1000px) {
	 .page-start .start-grid .grid-wrap {
		 margin-right: -15px;
	}
	 .page-start .start-grid .grid-wrap .item {
		 margin-right: 30px;
		 width: calc(50% - 30px);
	}
}
 @media screen and (max-width: 600px) {
	 .page-start .start-grid .grid-wrap {
		 margin-right: 0px;
	}
	 .page-start .start-grid .grid-wrap .item {
		 margin-right: 0px;
		 width: 100%;
	}
}
 .page-start .start-color {
	 background: -moz-linear-gradient(-45deg,#f39200 0%,#FEC75B 100%);
	 background: -webkit-linear-gradient(-45deg,#f39200 0%,#FEC75B 100%);
	 background: linear-gradient(135deg,#f39200 0%,#FEC75B 100%);
	 text-align: center;
}
 .page-start .start-color .wrap-base {
	 max-width: 600px;
	 padding-top: 60px;
}
 .page-start .start-color .h1 {
	 color: #FFFFFF;
}
 .page-start .start-color .text-base {
	 color: #FFFFFF;
}
 .page-start .start-kunden .wrap-base {
	 padding-bottom: 0p;
}
 .page-start .start-kunden .wrap-grid {
	 display: flex;
	 flex-wrap: wrap;
	 margin-right: -15px;
	 margin-top: 15px;
}
 .page-start .start-kunden .wrap-grid .item {
	 border-radius: 4px;
	 position: relative;
	 background-color: #F8F8F8;
	 width: calc(33% - 75px);
	 padding: 60px 30px;
	 margin-right: 15px;
	 margin-bottom: 15px;
	 max-height: 450px;
	 overflow: hidden;
}
 .page-start .start-kunden .wrap-grid .item .title {
	 font-weight: 600;
	 font-size: 22px;
	 color: #f39200;
	 padding-bottom: 15px;
	 color: #282828;
	 font-size: 18px;
}
 .page-start .start-kunden .wrap-grid .item .title p {
	 line-height: 26px;
}
 .page-start .start-kunden .wrap-grid .item .text {
	 font-size: 16px;
	 line-height: 24px;
	 color: #282828;
}
 .page-start .start-kunden .wrap-grid .item .more {
	 position: absolute;
	 bottom: 0px;
	 padding: 30px 0px;
	 width: 100%;
	 width: calc(100% - 60px);
	 font-size: 24px;
	 text-align: center;
	 color: #6C6C6C;
	 cursor: pointer;
	 background: -webkit-linear-gradient(rgba(255,255,255,0) 0%,#F8F8F8 50%,#F8F8F8 100%);
	 background: -o-linear-gradient(rgba(255,255,255,0) 0%,#F8F8F8 50%,#F8F8F8 100%);
	 background: linear-gradient(rgba(255,255,255,0) 0%,#F8F8F8 50%,#F8F8F8 100%);
}
 .page-start .start-kunden .wrap-grid .item .more:hover i {
	 transform: translateY(5px);
}
 .page-start .start-kunden .wrap-grid .item .more i {
	 -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
}
 .page-start .start-kunden .wrap-grid .item.ac {
	 max-height: inherit;
}
 @media screen and (max-width: 1000px) {
	 .page-start .start-kunden .wrap-grid {
		 margin-right: -15px;
	}
	 .page-start .start-kunden .wrap-grid .item {
		 width: calc(50% - 75px);
	}
}
 @media screen and (max-width: 600px) {
	 .page-start .start-kunden .wrap-grid {
		 margin-right: 0px;
	}
	 .page-start .start-kunden .wrap-grid .item {
		 margin-right: 0px;
		 width: calc(100% - 60px);
	}
}
 .page-start .start-logos {
	 padding-bottom: 30px;
}
 .page-start .start-logos .wrap-grid {
	 display: flex;
	 flex-wrap: wrap;
	 margin-right: -15px;
	 margin-top: 15px;
}
 .page-start .start-logos .wrap-grid .item {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin-right: 15px;
	 margin-bottom: 15px;
	 width: calc(25% - 15px);
}
 .page-start .start-logos .wrap-grid .item img {
	 -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
	 width: 80%;
	 -webkit-filter: grayscale(1);
	 filter: grayscale(1);
}
 .page-start .start-logos .wrap-grid .item img:hover {
	 -webkit-filter: grayscale(0);
	 filter: none;
}
 @media screen and (max-width: 1000px) {
	 .page-start .start-logos .wrap-grid .item {
		 width: calc(33% - 15px);
	}
}
 @media screen and (max-width: 600px) {
	 .page-start .start-logos .wrap-grid .item {
		 width: calc(50% - 15px);
	}
}
 .page_kunden .kunde_tex h4 {
	 margin-top: 50px;
	 line-height: 20px;
}
 .page_kunden .kunde_tex article {
	 padding-bottom: 50px !important;
	 width: calc(100% - 40px) !important;
	 left: 20px !important;
}
 .page_kunden .hr_02 {
	 border: none;
	 border-bottom: solid 1px rgba(0,0,0,0.1);
}
 .gradiand_wglanc {
	 background: #1e5799;
	 background: -moz-linear-gradient(top,#e6e6e6 0%,#ffffff 100%);
	 background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e6e6e6),color-stop(100%,#ffffff));
	 background: -webkit-linear-gradient(top,#e6e6e6 0%,#ffffff 100%);
	 background: -o-linear-gradient(top,#e6e6e6 0%,#ffffff 100%);
	 background: -ms-linear-gradient(top,#e6e6e6 0%,#ffffff 100%);
	 background: linear-gradient(to bottom,#e6e6e6 0%,#ffffff 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@CC_01',endColorstr='@CC_02',GradientType=0);
}
 .gradiand_cc {
	 background: -moz-linear-gradient(-45deg,#f39200 0%,#FEC75B 100%);
	 background: -webkit-linear-gradient(-45deg,#f39200 0%,#FEC75B 100%);
	 background: linear-gradient(135deg,#f39200 0%,#FEC75B 100%);
}
 .orange_link {
	 display: inline-block;
	 position: relative;
	 font-size: 14px;
	 color: #f39200;
	 font-weight: 400;
	 padding: 10px 15px;
	 border-radius: 2px;
	 color: rgba(255,255,255,0.9);
	 background-color: #f39200;
	 margin-bottom: 10px;
}
 .orange_link:hover {
	 color: #ffffff;
}
 .orange_link:hover:before {
	 background-color: rgba(255,255,255,0.25);
	 width: 100%;
}
 .orange_link:before {
	 -webkit-transition: all 0.3s ease-in-out;
	 -moz-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
	 display: block;
	 position: absolute;
	 content: "";
	 height: 100%;
	 width: 0px;
	 bottom: 0px;
	 left: 0px;
	 background-color: rgba(255,255,255,0);
}
 article h1 {
	 font-size: 40px;
	 line-height: 50px;
	 color: #f39200;
	 padding-bottom: 15px;
}
 .text-legal-box h2, .text-legal-box h3, .text-legal-box h4 {
	 color: #000000 !important;
	 margin: 0px !important;
	 padding: 0px !important;
}
 .text-legal-box h2 {
	 font-size: 44px;
}
 .text-legal-box h3 {
	 font-size: 16px !important;
	 line-height: 22px !important;
	 padding-bottom: 5px !important;
}
 .text-legal-box h4 {
	 font-size: 14px !important;
	 line-height: 18px !important;
}
 .text-legal-box p {
	 margin: 0px;
	 padding: 0px;
	 padding-bottom: 15px;
	 font-size: 14px;
	 line-height: 18px;
}
 .text-legal-box .list-legal {
	 margin-bottom: 30px;
	 list-style: none;
}
 .text-legal-box .list-legal li {
	 font-size: 14px;
	 line-height: 18px;
	 padding-bottom: 5px;
}
 #CONTENT {
	 width: 100%;
	 padding-top: 120px;
	 padding-bottom: 30px;
	 overflow-x: hidden;
}
 #main_nav {
	 -webkit-transition: all 0.4s ease-in-out;
	 -moz-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out;
	 transition: all 0.4s ease-in-out;
	 position: fixed;
	 height: 120px;
	 top: 0px;
	 width: 100%;
	 color: #808080;
	 font-size: 12px;
	 background-color: #FFFFFF;
	 z-index: 2000;
	 border-top: solid 5px #f39200;
	 -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	 -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	 box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}
 #main_nav .wrap-base {
	 display: flex;
	 height: 100%;
	 align-items: center;
	 padding-top: 0px;
	 padding-bottom: 0px;
}
 #main_nav .wrap-base .logo {
	 -webkit-transition: all 0.4s ease-in-out;
	 -moz-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out;
	 transition: all 0.4s ease-in-out;
	 display: flex;
	 align-items: center;
	 transform-origin: left center;
	 padding-right: 15px;
}
 #main_nav .wrap-base .logo #img_logo {
	 height: 40px;
	 padding-right: 15px;
}
 #main_nav .wrap-base .logo #img_tex {
	 height: 20px;
}
 #main_nav .wrap-base .flex {
	 flex-grow: 1;
}
 #main_nav .wrap-base nav {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: flex-end;
}
 #main_nav .wrap-base nav .link, #main_nav .wrap-base nav .link-sub {
	 -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
	 position: relative;
	 font-size: 16px;
	 background-color: #FFFFFF;
	 white-space: nowrap;
}
 #main_nav .wrap-base nav .link a, #main_nav .wrap-base nav .link-sub a {
	 position: relative;
	 padding: 10px 15px;
}
 #main_nav .wrap-base nav .link a:hover, #main_nav .wrap-base nav .link-sub a:hover {
	 color: #f39200;
}
 #main_nav .wrap-base nav .link i, #main_nav .wrap-base nav .link-sub i {
	 color: rgba(0,0,0,0.2);
}
 #main_nav .wrap-base nav .link:hover > .group, #main_nav .wrap-base nav .link-sub:hover > .group {
	 transform: scale(1);
}
 #main_nav .wrap-base nav .link a {
	 display: block;
}
 #main_nav .wrap-base nav .link-sub {
	 margin-right: -10px;
}
 #main_nav .wrap-base nav .link-sub i {
	 -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
	 padding-right: 5px;
}
 #main_nav .wrap-base nav .link-sub i.fa-caret-down {
	 float: right;
}
 #main_nav .wrap-base nav .link-sub a {
	 display: block;
	 border-bottom: solid 1px rgba(0,0,0,0.1);
}
 #main_nav .wrap-base nav .link-sub:hover > a {
	 color: #f39200;
}
 #main_nav .wrap-base nav .link-sub:hover > a i.fa-caret-right {
	 padding-right: 10px;
}
 #main_nav .wrap-base nav .group {
	 border-radius: 4px;
	 -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
	 position: absolute;
	 transform: scale(0);
	 transform-origin: top left;
	 transition-delay: 0.2s;
	 top: 100%;
	 left: 15px;
	 min-width: 150px;
	 z-index: 10;
	 background-color: #FFFFFF;
	 border-left: solid 2px #f39200;
	 box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
}
 #main_nav .wrap-base nav .group .group {
	 margin-left: 40px;
}
 #main_nav .wrap-base #mobile_menue_button {
	 display: none;
	 height: 60px;
	 width: 60px;
	 text-align: center;
	 cursor: pointer;
}
 #main_nav .wrap-base #mobile_menue_button i {
	 font-size: 18px;
	 line-height: 60px;
}
 #main_nav.ac {
	 height: 90px;
}
 #main_nav.ac .wrap-base .logo {
	 transform: scale(0.9);
}
 @media screen and (max-width: 800px) {
	 #main_nav {
		 height: 60px !important;
	}
	 #main_nav .wrap-base .logo {
		 transform: scale(0.8) !important;
	}
	 #main_nav .wrap-base nav {
		 display: none;
	}
	 #main_nav .wrap-base #mobile_menue_button {
		 display: block;
	}
	 #CONTENT {
		 padding-top: 60px;
	}
}
 #mnav-wrap {
	 -webkit-transition: all 0.4s ease-in-out;
	 -moz-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out;
	 transition: all 0.4s ease-in-out;
	 position: fixed;
	 height: 100%;
	 height: calc(100% - 60px);
	 width: 100%;
	 max-width: 300px;
	 overflow-y: auto;
	 top: 60px;
	 right: -300px;
	 z-index: 1900;
	 font-weight: 400;
	 font-size: 16px;
	 background-color: #ffffff;
	 -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	 -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	 box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}
 #mnav-wrap .item-wrap {
	 padding: 30px 0px;
}
 #mnav-wrap .item a {
	 -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
	 display: block;
	 padding: 10px 15px;
	 margin: 0px 10px;
	 color: rgba(0,0,0,0.5);
	 border-bottom: solid 1px rgba(0,0,0,0.105);
}
 #mnav-wrap .item a:hover {
	 color: #f39200;
}
 #mnav-wrap .item i {
	 padding-right: 10px;
	 color: rgba(0,0,0,0.2);
}
 #mnav-wrap .item .item {
	 padding-left: 30px;
}
 #mnav-wrap .tex {
	 font-weight: 700;
	 font-size: 12px;
	 padding: 15px 10px;
	 margin: 0px 10px;
	 margin-bottom: 20px;
	 border-bottom: solid 2px #f39200;
}
 #mnav-wrap.ac {
	 right: 0px;
}
 footer {
	 background: -moz-linear-gradient(-45deg,#f39200 0%,#FEC75B 100%);
	 background: -webkit-linear-gradient(-45deg,#f39200 0%,#FEC75B 100%);
	 background: linear-gradient(135deg,#f39200 0%,#FEC75B 100%);
}
 footer .wrap-base {
	 padding-top: 30px;
	 padding-bottom: 30px;
	 color: #FFFFFF !important;
	 font-size: 18px;
	 line-height: 28px;
}
 footer .wrap-base a:hover {
	 text-decoration: underline;
}
 #maps_selection {
	 position: relative;
	 top: 0px;
	 width: 100%;
	 height: 100%;
	 min-height: 400px;
	 display: none;
	 overflow: hidden;
}
 #cover_45_impressum {
	 position: absolute;
	 left: 0%;
	 opacity: 0.8;
	 top: 0px;
	 height: 0;
	 width: 50%;
	 border-left: 0px solid transparent;
	 border-right: 200px solid transparent;
}
 #container_kontakt_content {
	 height: 350px;
	 width: 900px;
	 font-size: 18px;
}
 #netzwerk_partner {
	 position: absolute;
	 top: 50%;
	 margin-top: 250px;
	 width: 820px;
	 left: 50%;
	 margin-left: -410px;
	 height: 420px;
	 font-size: 13px;
	 opacity: 0.0;
}
 #netzwerk_partner table {
	 position: absolute;
	 width: 100%;
	 text-align: center;
}
 #netzwerk_partner table td {
	 width: 136px;
	 min-width: 136px;
	 max-width: 136px;
	 border: solid 0px #ff0004;
}
 .hidden_span {
	 position: relative;
	 opacity: 0.0;
}
 .td_padding {
	 padding-top: 20px;
}
 .netzwerk_img {
	 width: calc(100% - 20px);
	 height: auto;
	 margin-left: 10px;
}
 .netzwerk_img img {
	 width: 100%;
}
 #netzwerk_partner_mobile {
	 position: absolute;
	 width: 90%;
	 top: 400px;
	 left: 5%;
	 text-align: center;
	 opacity: 0.0;
	 display: none;
}
 #netzwerk_partner_mobile table td {
	 width: 300px;
	 max-width: 300px;
	 min-width: 300px;
	 text-align: center;
	 padding-top: 20px;
	 font-size: 12px;
}
 @media screen and (max-width: 850px) {
	 #netzwerk_partner {
		 display: none !important;
	}
	 #netzwerk_partner_mobile {
		 display: block !important;
	}
}
 #gmap_container {
	 position: fixed;
	 height: 100%;
	 width: 100%;
	 top: 0;
	 z-index: -10;
}
 #gmap_container #g_map_ {
	 position: absolute;
	 height: 100%;
	 width: 100%;
}
 #kontakte-wrap {
	 width: 100%;
	 padding-top: 70px;
}
 #kontakte-wrap .size-set {
	 display: block;
	 margin: 0 auto;
	 width: calc(100% - 40px);
	 max-width: 1200px;
	 padding: 30px 20px;
}
 #kontakte-wrap article {
	 padding: 0;
	 width: 100%;
	 padding-top: 20px;
	 left: 0;
}
 #kontakte-wrap hr {
	 border: none;
	 border-top: solid 1px rgba(0,0,0,0.1);
	 margin: 20px 0px;
}
 #kontakte-wrap .kontakt-daten .company {
	 display: flex;
	 height: 490px;
	 overflow: hidden;
	 margin: -30px -50px;
	 margin-bottom: 0px;
	 border-bottom: solid 2px #f39200;
}
 #kontakte-wrap .kontakt-daten .company .img {
	 overflow: hidden;
}
 #kontakte-wrap .kontakt-daten .company .img img {
	 height: 100%;
	 height: 490px;
}
 #kontakte-wrap .kontakt-daten .company .adress {
	 font-size: 18px;
	 line-height: 28px;
	 color: #282828;
	 flex-grow: 1;
	 background-color: #ffffff;
	 min-width: 250px;
	 padding: 30px 25px;
}
 #kontakte-wrap .kontakt-daten .personal {
	 flex-grow: 1;
	 padding-bottom: 80px;
	 padding-top: 40px;
	 border-bottom: solid 2px rgba(0,0,0,0.05);
}
 #kontakte-wrap .kontakt-daten .personal .picture {
	 margin-top: 30px;
	 display: none;
}
 #kontakte-wrap .kontakt-daten .personal .picture .img {
	 height: 100px;
	 width: 100px;
	 border-radius: 50px;
	 background-color: rgba(0,0,0,0.1);
}
 #kontakte-wrap .network .gird-network {
	 display: flex;
	 justify-content: center;
	 flex-wrap: wrap;
	 padding-bottom: 20px;
}
 #kontakte-wrap .network .gird-network .item {
	 width: 250px;
	 padding: 10px 40px;
	 margin-bottom: 25px;
	 text-align: center;
}
 #kontakte-wrap .network .gird-network .item span {
	 display: block;
	 padding-top: 10px;
	 font-size: 12px;
	 color: rgba(0,0,0,0.5);
}
 #kontakte-wrap .network .gird-network .item img {
	 height: 120px;
}
 #kontakte-wrap .impressum-text {
	 -webkit-transition: all 0.4s ease-in-out;
	 -moz-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out;
	 transition: all 0.4s ease-in-out;
	 margin-top: 180px;
	 border-top: solid 4px #f39200;
	 width: 100%;
	 padding: 50px 0px;
	 background-color: #f0f0f0;
	 color: rgba(0,0,0,0.5);
	 font-size: 12px;
}
 #kontakte-wrap .impressum-text:hover {
	 color: rgba(0,0,0,0.8);
}
 #kontakte-wrap .impressum-text .impresstm_tex_01 {
	 font-size: 16px;
}
 #kontakte-wrap .impressum-text .impresstm_tex_02, #kontakte-wrap .impressum-text .impresstm_tex_03 {
	 font-size: 14px;
}
 @media screen and (max-width: 1500px) {
	 #content_kompetenzen article {
		 width: 70% !important;
		 left: 15% !important;
	}
	 #cover_45 {
		 width: 250px !important;
	}
	 #cover_45_grey {
		 width: 0px !important;
	}
	 .impressum_tex {
		 width: 70% !important;
		 left: 15% !important;
	}
	 #qne_frams_container {
		 width: 70% !important;
		 left: 15% !important;
	}
}
 @media screen and (max-width: 1250px) {
	 #content_kompetenzen article {
		 width: 80% !important;
		 left: 10% !important;
	}
	 #cover_45 {
		 width: 150px !important;
	}
	 #cover_45_grey {
		 left: -100px !important;
	}
	 .impressum_tex {
		 width: 80% !important;
		 left: 10% !important;
	}
	 #qne_frams_container {
		 width: 80% !important;
		 left: 10% !important;
	}
}
 @media screen and (max-width: 880px) {
	 #content_kompetenzen article {
		 width: 90% !important;
		 left: 5% !important;
	}
	 #cover_45 {
		 width: 50px !important;
	}
	 #cover_45_grey {
		 left: -200px !important;
	}
	 .impressum_tex {
		 width: 90% !important;
		 left: 5% !important;
	}
	 #qne_frams_container {
		 width: 90% !important;
		 left: 5% !important;
	}
}
 @media screen and (max-width: 950px) {
	 #mobile_content {
		 display: block !important;
	}
}
 .vimeo_box {
	 -webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 -moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 position: relative;
	 height: 618px;
	 margin-bottom: 60px;
	 background-color: #FFFFFF;
}
 .vimeo_box iframe {
	 border-bottom: solid 6px #f39200;
	 height: 100%;
	 width: 100%;
}
 #FRAME_OVERLAY {
	 width: 100%;
}
 #FRAME_OVERLAY #video_box {
	 -webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 -moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 position: relative;
	 display: block;
	 margin: 0 auto;
	 width: 100%;
	 width: calc(100% - 60px);
	 max-width: 1100px;
	 background-color: #FFFFFF;
	 padding: 0px 30px 30px 30px;
}
 #FRAME_OVERLAY #video_box #close_button_FX img {
	 -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
	 position: absolute;
	 height: 20px;
	 width: 20px;
	 right: 0px;
	 top: -40px;
}
 #FRAME_OVERLAY #video_box #close_button_FX img:hover {
	 -moz-transform: rotate(90deg);
	 -ms-transform: rotate(90deg);
	 -o-transform: rotate(90deg);
	 -webkit-transform: rotate(90deg);
	 transform: rotate(90deg);
}
 #FRAME_OVERLAY #video_box .vimeo_box {
	 -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	 -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	 box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	 margin: 0px -30px;
	 margin-bottom: 60px;
}
 #FRAME_OVERLAY #video_box #text_video_box article {
	 font-size: 18px;
	 line-height: 28px;
	 color: #282828;
	 padding: 30px;
	 padding-top: 60px;
}
 #FRAME_OVERLAY #foto_box {
	 -webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 -moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	 position: relative;
	 display: block;
	 margin: 0 auto;
	 width: 100%;
	 width: calc(100% - 60px);
	 max-width: 1100px;
	 background-color: #FFFFFF;
	 padding: 0px 30px 30px 30px;
}
 #FRAME_OVERLAY #foto_box #close_button_FX img {
	 -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
	 position: absolute;
	 height: 20px;
	 width: 20px;
	 right: 0px;
	 top: -40px;
}
 #FRAME_OVERLAY #foto_box #close_button_FX img:hover {
	 -moz-transform: rotate(90deg);
	 -ms-transform: rotate(90deg);
	 -o-transform: rotate(90deg);
	 -webkit-transform: rotate(90deg);
	 transform: rotate(90deg);
}
 #FRAME_OVERLAY #foto_box #foto_frame {
	 position: relative;
	 width: 100%;
	 width: calc(100% + 60px);
	 height: 675px;
	 margin-left: 0px;
	 left: 0%;
	 overflow: hidden;
	 border-bottom: solid 6px #f39200;
	 margin: 0px -30px;
	 margin-bottom: 60px;
}
 #FRAME_OVERLAY #foto_box #foto_frame .img-wrap {
	 position: absolute;
	 width: 100%;
	 height: 100%;
}
 #FRAME_OVERLAY #foto_box #foto_frame img {
	 display: block;
	 height: 100%;
	 text-align: center;
	 margin-left: auto;
	 margin-right: auto;
}
 #FRAME_OVERLAY #foto_box #img_text {
	 position: absolute;
	 z-index: 600000;
	 bottom: 30px;
	 left: 20px;
	 background-color: #f39200;
	 padding: 10px 20px;
}
 #FRAME_OVERLAY #foto_box .img-nav {
	 position: absolute;
	 display: flex;
	 width: 100%;
	 height: 100%;
	 z-index: 50000;
}
 #FRAME_OVERLAY #foto_box .img-nav .left, #FRAME_OVERLAY #foto_box .img-nav .right {
	 -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 text-align: center;
	 width: 45px;
	 height: 100%;
	 cursor: pointer;
	 font-size: 50px;
	 color: rgba(0,0,0,0.2);
}
 #FRAME_OVERLAY #foto_box .img-nav .left:hover, #FRAME_OVERLAY #foto_box .img-nav .right:hover {
	 color: rgba(0,0,0,0.2);
}
 #FRAME_OVERLAY #foto_box .img-nav .mid {
	 flex-grow: 1;
}
 #FRAME_OVERLAY #foto_box #text_video_box article {
	 font-size: 18px;
	 line-height: 28px;
	 color: #282828;
	 padding: 30px;
	 padding-top: 60px;
}
 #FRAME_OVERLAY #foto_box #album_gird ul {
	 padding: 0px 0px 0px 0px;
	 width: 100%;
	 margin: 0 auto;
	 list-style: none;
	 text-align: center;
	 overflow: hidden;
	 display: table;
	 padding-bottom: 150px;
}
 #FRAME_OVERLAY #foto_box #album_gird li {
	 display: inline-block;
	 width: 80px;
	 height: 60px;
	 overflow: hidden;
	 margin: 5px;
	 text-align: left;
	 float: left;
	 position: relative;
	 border: 0px solid #FF00F5;
	 cursor: pointer;
}
 #FRAME_OVERLAY #foto_box #album_gird li div {
	 width: 100%;
	 height: 100%;
	 text-align: center;
	 margin-left: auto;
	 margin-right: auto;
}
 #FRAME_OVERLAY #foto_box #album_gird li div img {
	 -webkit-transition: all 0.4s ease-in-out;
	 -moz-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out;
	 transition: all 0.4s ease-in-out;
	 height: 100%;
	 margin-left: auto;
	 margin-right: auto;
	 -webkit-transform: scale(2);
	 -moz-transform: scale(2);
	 -ms-transform: scale(2);
	 -o-transform: scale(2);
	 transform: scale(2);
}
 #FRAME_OVERLAY #foto_box #album_gird li div img:hover {
	 opacity: 0.6;
}
 @media screen and (max-width: 1100px),screen and (max-height: 700px) {
	 .vimeo_box {
		 height: 394px !important;
	}
	 #foto_frame {
		 height: 400px !important;
	}
}
 @media screen and (max-width: 800px),screen and (max-height: 600px) {
	 .vimeo_box {
		 height: 281px !important;
	}
}
 @media screen and (max-width: 550px) {
	 #foto_frame {
		 height: 250px !important;
	}
}
 #preview_frams_foto {
	 width: 1200px;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top: 50px;
}
 #preview_frams_foto .grid {
	 padding: 0px 0px 0px 0px;
	 width: 100%;
	 margin: 0 auto;
	 list-style: none;
	 text-align: center;
	 border: 0px solid #6900FF;
	 overflow: hidden;
	 overflow: visible;
	 display: table;
}
 #preview_frams_foto .grid li {
	 display: inline-block;
	 width: calc(50% - 10px);
	 width: 590px;
	 height: 320px;
	 overflow: hidden;
	 margin: 5px;
	 text-align: left;
	 float: left;
	 position: relative;
	 border: 0px solid #FF00F5;
	 -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
	 -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
	 box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.25);
}
 #preview_frams_foto .grid figure {
	 margin: 0;
	 position: relative;
	 border: 0px solid #E8E8E8;
}
 #preview_frams_foto .grid figure div img {
	 width: 100%;
	 display: block;
	 position: relative;
}
 #preview_frams_foto .grid figure div {
	 overflow: hidden;
	 cursor: pointer;
}
 #preview_frams_foto .qne_div_in_div {
	 position: absolute;
	 top: 0px;
	 height: 325px;
	 width: 100%;
	 text-align: center;
}
 #preview_frams_foto .qne_div_in_div p {
	 position: absolute;
	 top: 50%;
	 margin-top: -17px;
	 left: 30px;
	 color: #FFFFFF;
	 font-size: 14p;
	 letter-spacing: 1px;
	 height: 35px;
	 width: 100%;
	 text-align: left;
}
 #preview_frams_foto .qne_div_in_div span {
	 font-size: 12px;
}
 #preview_frams_foto .overlay_qne_hidden {
	 position: absolute;
	 height: 100%;
	 width: 100%;
	 background-color: rgba(0,0,0,0.2);
	 top: 25%;
	 -moz-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 -o-transform: rotate(45deg);
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
	 -webkit-transition: all 0.3s ease-out;
	 -moz-transition: all 0.3s ease-out;
	 -o-transition: all 0.3s ease-out;
	 transition: all 0.3s ease-out;
	 left: -50%;
}
 #preview_frams_foto .overlay_qne_show {
	 left: -25%;
}
 #preview_frams_foto .qne_hidden {
	 position: absolute;
	 height: 100%;
	 width: 100%;
	 background-color: rgba(255,174,0,0.8);
	 -webkit-transition: all 0.2s ease-out;
	 -moz-transition: all 0.2s ease-out;
	 -o-transition: all 0.2s ease-out;
	 transition: all 0.2s ease-out;
	 opacity: 0.0;
}
 #preview_frams_foto li img {
	 -webkit-transition: all 0.4s ease-in-out;
	 -moz-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out;
	 transition: all 0.4s ease-in-out;
}
 #preview_frams_foto li:hover img {
	 -ms-transform: scale(1.1,1.1);
	 -webkit-transform: scale(1.1,1.1);
	 transform: scale(1.1,1.1);
}
 #preview_frams_foto .qne_show {
	 opacity: 1.0;
}
 @media screen and (max-width: 1200px) {
	 #preview_frams_foto {
		 width: 100% !important;
	}
	 .grid li {
		 width: 100% !important;
	}
	 .grid li img {
		 width: 100% !important;
	}
}
 @media screen and (max-width: 600px) {
	 .grid li {
		 height: 200px !important;
	}
}