/**
** 1# GENERAL, HEADER, FOOTER
** 2# ELEMENTS (Team, Slider, Service)
** 3# NEWS
** 4# FORMS
** 5# Cookie-Hinweis
** 6# Special Elements
*/




/* GENERAL, HEADER, FOOTER */
footer {
	/* margin-top: 200px; */
}

/* 404 */
.error .error--box {
	top: 25%;
}

/* Map */
#map {
/* 	margin-bottom: -200px; */
}

/* Button */
a.button .text {
	width: auto;
	padding: 0 15px;
}

.footer__in h4 {
	text-align: left;
}

@media only screen and (min-width: 600px) {
	.footer__in .logo {
		margin-top: -33px;
	}
}

/* header .header--fixed .hidden--menu.mobile .menu .menu--wrap .menu--wrap__in {
	min-width: 300px;
} */

header .menu--main ul.menu li {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

header .menu--main ul.menu li.menu-active,
header .header--fixed .hidden--menu.mobile .menu li.menu-active a {
	color: #a1ffee;
}

header .header--fixed .hidden--menu.mobile .menu li.menu-active ul li a {
	color: #ffffff;
}

header .header--fixed .hidden--menu.mobile .menu li.menu-active ul li.menu-active a,
header .header--fixed .hidden--menu.mobile .menu li ul li a:hover {
	color: #a1ffee;
}



.header__in .logo {
	padding: 15px 0px;
}

header .menu--main ul.menu {
	margin: 0px 0px 0px 70px;
}

/* header .header--fixed .logo.active {
	left: 25%;
	width: 50%;
	top: 10%;
} */

header .header--fixed .logo.active img {
	width: 200px;
	margin-top: 5%;
}

header .header--fixed .hidden--menu.mobile .menu .menu--wrap {
	width: 100vw;
	top: 10%;
}

header .header--fixed .hidden--menu.mobile .menu {
	overflow: visible;
}

.slider .item .slider--info .slider--info__in .slider--info__title h2 {
	margin: 50px auto 0;
}

.slider .item .slider--info .slider--info__in .slider--info__more {
	margin: 0 auto 50px;
}
.slider .item .slider--info .slider--info__in {
/* 		background: rgba(0, 0, 0, 0.4);
		transition: 10s ease; */
}

@media only screen and (max-width: 1024px) {
	.slider .item .slider--info .slider--info__in {
/* 		background: rgba(0, 0, 0, 0.4) !important;
		transition: none; */
	}
}

/* Navigation Hover Effek */

header .menu--main ul.menu li {
  display: inline-block;
  position: relative;
  color: #ffffff;
  line-height: inherit; }

header .menu--main ul.menu li span {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 1s;
  transition: all 1s; }

header .menu--main ul.menu li:hover span {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  height: 20px;
  position: absolute;
  width: 1px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

header .menu--main ul.menu li:hover span::before {
  opacity: 1;
  position: absolute;
  top: -7px;
  right: -29px;
  margin: auto;
  content: "";
  height: 9px;
  width: 26px;
  border-top: 1px solid #a1ffee;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  z-index: 5;
}

header .menu--main ul.menu li:hover span::after {
  opacity: 1;
  position: absolute;
  bottom: -9px;
  left: -25px;
  margin: auto;
  content: "";
  height: 1px;
  width: 18px;
  border-top: 1px solid #a1ffee;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  z-index: 5; }

@media screen and (max-width: 1024px) {
	header .menu--main ul.menu li:hover span::before {

		top: -25px;
		right: -36px;
	}

	header .menu--main ul.menu li:hover span::after {
		bottom: -4px;
		left: -28px;
	}
}

header .menu--main ul.menu li.active span {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  height: 20px;
  position: absolute;
  width: 1px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

header .menu--main ul.menu li.active span::before {
  opacity: 1;
  position: absolute;
  top: -7px;
  right: -25px;
  margin: auto;
  content: "";
  height: 1px;
  width: 18px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  z-index: 5; }

header .menu--main ul.menu li.active span::after {
  opacity: 1;
  position: absolute;
  bottom: -9px;
  left: -25px;
  margin: auto;
  content: "";
  height: 1px;
  width: 18px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  z-index: 5; }

header .menu--main ul.menu li a {
  position: relative;
  color: inherit;
  display: block;
  font-weight: 300;
  font-size: 16px;
  padding: 0 20px;
  z-index: 10;
  line-height: inherit; }
/* / Nav Hover Effekt */


/* HEADER PHONE */
.contacts .contacts__in p a {
  color: #ffffff;
  text-decoration: none;
}

/* HERO VIDEO */
.slider--slide .video--bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 2;
}
#owl-slider .item .video--bg video,
#bgndVideoMp4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
  margin: 0;
  opacity: 0;
  transition: opacity 1.2s ease-in;
}

/* TEAM */
.team .team__in .member--team .member--team__photo img {
  object-fit: cover;
  object-position: center top;
}

.team .team__in .member--team .team-more .button--wrap{
	/* top: 58%; */
	top: 80%;
}

.team .team__in .member--team .team-more .button--wrap .circle__button {
	position: absolute;
	right: 200%;
	z-index: 99;
	transition: all 800ms ease;
}

.team .team__in .member--team:hover .team-more .button--wrap .circle__button {
	/* right: 25%; */
	right: 0%;
}

.team .team__in .member--team .member--team__position {
	top: 34%;
}

.team .team__in .member--team .member--team__name {
	top: 48%;
}

@media only screen and (min-width: 1400px) {
	.team .team__in .member--team .member--team__name {
		font-size: 65px;
	}
}

@media only screen and (max-width: 1399px) {
	.team .team__in .member--team .member--team__name {
		font-size: 23px;
	}
}
@media only screen and (max-width: 1024px) {
	.team .team__in .member--team {
		width: 50%;
		height: auto;
	}
}

@media only screen and (max-width: 600px) {
	/* .team .team__in .member--team {
		width: 100%;
		height: auto;
	} */

	.team__in .member--team .team-more .right {
		display: none;
	}

	.team .team__in .member--team .member--team__name {
		top: 43%;
		font-size: 20px;
	}

	.team .team__in .member--team .member--team__position {
		top: 20%;
	}
}

/* Team / Über Uns / Detail / Impressum */
.project--page .page--project__in .page--project__right img {
	margin: 0 auto;
}

	.project--page .page--project__in .page--project__left h3 {
		margin: 30px 0 15px 0;
	}

@media only screen and (min-width: 1400px) {
	.project--page .page--project__in .page--project__left {
		width: 32%;
	}

	.project--page .page--project__in .page--project__right {
		width: 30%;
	}

}

@media only screen and (min-width: 1024px) and (max-width: 1400px) {
	.project--page .page--project__in .page--project__left {
		margin: 0px auto 0px;
	}
}

/* ###  SERVICES / LEISTUNGEN ### */

.services--page .services--page__in .block {
	min-height: 300px;
	height: auto;
}

/* Bilder */
.services .circle--slider .animate-wrapper .animate.active .animate-img__in {
	background-size: 100% 100% !important;
}

/* i icons */
.services .circle--rotate > li i,
.services--page .services--page__in .block .block__in .block--icon i
{
	font-size: 45px;
}

@media only screen and (min-width: 600px) and (max-width: 1400px) {
	.services .circle--rotate > li i,
	.services--page .services--page__in .block .block__in .block--icon i
	{
		font-size: 40px;
	}
}

@media only screen and (max-width: 600px) {
	.services .circle--rotate > li i {
		font-size: 21px;
	}

	.services--page .services--page__in .block .block__in .block--icon i
	{
		font-size: 40px;
	}
}

/* svg icons */
.services .block .icon svg {
	width: 55%;
	height: auto;
	/* margin-top: 22%; */
	margin: 22% 0%;
	fill: white;
}

.services--page .block .block--icon svg {
	fill: black;
	width: 66px;
	/* width: 74%; */
	height: auto;
	padding: 28% 0% 0% 27%;
}

.services--page .block__in:hover .block--icon svg {
	fill: white;
}

/* Textslider + Bild */
.our_company #owl-our_company {
	/* height: 420px; */
	min-height: 420px;
	height: auto;
	padding: 2.3% 3.3% 0;
}

.our_company .our_company--video {
	margin-bottom: 245px;
}

.our_company .our_company--slider {
	height: 100%;
}

/* Über Uns / About Us */
.content--page__2 .content--page__in img {
	height: auto;
}

.our_company #owl-our_company h3 {
	font-size: 25px;
}

/* Leistungen / Detail */
.content--page__3 .row .content--text .content--text__in h4 {
	padding-top: 40px;
	line-height: 2rem;
}

/* Impressum / Imprint */
.imprint--page h1, h2, h3, h4 {
	text-align: center;
	font-family: "roboto-light";
}

.imprint--page h1 {
	font-size: 50px;
	margin: 50px 0px;
}

.imprint--page p {
	margin-bottom: 35px;
}

/* PORTFOLIO / FALLBEISPIELE (NEWS) */

.portfolio--page .triangle {
	top: 27%;
}

.project--page .page--project__in .page--project__right {
	padding: 0 30px;
	margin-bottom: 0px;
}

.project--page .page--project__in .page--project__right .news-img-wrap img {
	max-width: 100%;
	height: auto;
}

.news .project--page {
	margin-bottom: 150px;
}

.project--page .page--project__in .page--project__left p:last-of-type {
	margin-bottom: 60px;
}

.project--page .page--project__in .page--project__left table {
	display: table;
	width: 100%;
	font-family: "roboto-light";
	margin: 25px 0px 50px 0px;
}

.project--page .page--project__in .page--project__left table tr:first-child {
	font-family: "roboto";
	border-bottom: solid 1px rgba(0, 0, 0, 0.35);
}

.project--page .page--project__in .page--project__left table tr th,
.project--page .page--project__in .page--project__left table tr td {
    text-align: left;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
	border-right: solid 1px rgba(0, 0, 0, 0.35);
}

.wrapper--masonry .portfolio-in .portfolio-info:hover .portfolio-info__in {
	cursor: pointer;
}

@media screen and (min-width: 1024px) and (max-width: 1400px) {
	.wrapper--masonry .portfolio-in .portfolio-info .portfolio-info__in h4 	{
		font-size: 24px;
	}
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
	.project--page .page--project__in .page--project__left table tr th,
	.project--page .page--project__in .page--project__left table tr td {
		font-size: 14px;
	}

	.wrapper--masonry .portfolio-in .portfolio-info .portfolio-info__in h4 	{
		font-size: 24px;
	}
}




@media screen and (max-width: 1024px) {
	/* Hover aktiv für Mobile */
	.wrapper--masonry .portfolio-in .portfolio-info .portfolio-info__in h4,
	.wrapper--masonry .portfolio-in .item-portfolio h4 {
		left: 0;
		visibility: visible;
		opacity: 1;
	}

	.wrapper--masonry .portfolio-in .portfolio-info .portfolio-info__in {
		background-color: rgba(255, 255, 255, 0.8);
		width: 100%;
		height: 100%;
	}

	.wrapper--masonry .portfolio-in .portfolio-info .portfolio-info__in a,
	.wrapper--masonry .portfolio-in .item-portfolio a {
		right: 0;
		visibility: visible;
		opacity: 1;
	}

	.portfolio--page .block .block--active .block--active__logo p {
		top: 0;
	}

	.portfolio--page .block .block--active {
		opacity: 1;
	}

	.portfolio--page .block .block--active .block--active__bottom span {
		margin: 0 !important;
	}
}


@media screen and (max-width: 600px) {
	.project--page .page--project__in .page--project__left table tr th,
	.project--page .page--project__in .page--project__left table tr td {
		font-size: 12px;
	}

	.portfolio--page .block .block--active .block--active__logo p,
	.wrapper--masonry .portfolio-in .portfolio-info .portfolio-info__in h4 	{
		font-size: 15px;
	}

	.portfolio--page .block .block--active .block--active__bottom span {
		max-width: 100%;
	}

	a.button.portfolio__button .text {
		width: 100%;
	}

	a.button.portfolio__button .right {
		display: none;
	}


}

.project--page .page--project__in .page--project__left table tr th:last-child,
.project--page .page--project__in .page--project__left table tr td:last-child {
	border-right: none;
}

/* Tabelle scrollable */
table.contenttable th,
table.contenttable td {
	display: table-cell;
	padding: 3px 10px;
}

.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
}

.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}

@media screen and (min-width: 1024px) and (max-width: 1400px) {
	.project--page .page--project__in .page--project__left .project--description {
		width: 100%;
	}

	.project--page .page--project__in .page--project__right .news-img-wrap img {
		margin: 0 auto;
	}
}

/* Kontakt / Forms */

.form-page-contact input::-webkit-input-placeholder,
.form-page-home input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.form-page-contact input::-moz-placeholder,
.form-page-home input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.form-page-contact input:-ms-input-placeholder,
.form-page-home input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.form-page-contact input:-moz-placeholder,
.form-page-home input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}


/* Kontakt (Kontaktpage)*/
@media screen and (min-width: 1024px) {
	.form-page-contact .contact-dot {
		color: #ffffff;
		display: inline-block !important;
	}
}

.frame-layout-2 .mandatory {
	display: none;
}

.frame-layout-2 {
	background: transparent url("../../fileadmin/user_upload/voloptimusde/PageContent/Kontakt/contact_haende.jpg") no-repeat scroll center center / cover;
	padding-bottom: 160px;
	height: 100vh;
}

.frame-layout-2 .square {
	display: none;
}

.frame-layout-2 h3,
.frame-layout-2 span,
.frame-layout-2 input {
	color: #ffffff;
}

.frame-layout-2 input {
	border-bottom: 1px #ffffff solid;
}

.frame-layout-2 .checkbox-link {
	text-align: left;
	margin-top: 8px;
}

.frame-layout-2 .checkbox-link a {
	color: #ffffff !important;
	font-size: 18px;
}

.frame-layout-2 p {
	font-family: "Roboto";
	color: #ffffff;
	display: block;
	margin: 0 auto 70px;
	text-align: center;
	width: auto;
	font-weight: 300;
	font-size: 18px;
	font-weight:bold;
	line-height: 24px;
}

@media only screen and (min-width: 1400px) {
	.frame-layout-2 p.powermail_legend {
		max-width: 60%;
	}

	.frame-layout-2 h3 {
		padding-top: 210px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.frame-layout-2 p.powermail_legend {
		margin: 0 auto 40px;
		max-width: 80%;
	}

	.frame-layout-2 span {
		font-size: 14px;
		display: block;
		text-align: left;
		color: #ffffff;
		line-height: 1.5;
	}

	.frame-layout-2 input {
		color: #ffffff !important;
		font-size: 14px;
		line-height: 18px;
		text-align: left;
		padding: 8px 5px;
		min-width: inherit;
		width: 100%;
		border: 1px #998675 solid !important;
		margin-bottom: 5px;
	}

	.frame-layout-2 .contact-form-submit {
		margin: 70px auto 0;
		display: table;
		width: auto;
	}

	.frame-layout-2 .contact-form-submit input[type="submit"] {
		width: -webkit-calc(100% - 67px);
		width: calc(100% - 67px);
		height: 42px;
		color: #ffffff;
	}

	.frame-layout-2 .contact-form-submit .right {
		height: 42px;
		width: 67px;
	}

	.frame-layout-2 .contact-form-submit .right span {
		width: 13px;
		height: 2px;
		margin: 20px 0 20px 20px;
	}

	.frame-layout-2 .contact-form-submit i {
		line-height: 42px;
		font-size: 12px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 700px) {
	.frame-layout-2 {
		padding-bottom: 40px;
		height: 100vh;
		height: auto;
	}
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
	.frame-layout-2 {
		padding-bottom: 40px;
		background: none !important;
		height: 100vh;
		height: auto;
	}

	.frame-layout-2 h3 {
		padding-bottom: 10px;
		color: #000000;
	}

	.frame-layout-2 p {
		color: #000000;
	}

	.form-page-contact {
		line-height: 20px;
		width: 80%;
		margin: 0 auto;
	}

	.frame-layout-2 span {
		font-size: 14px;
		display: block;
		text-align: left;
		color: #000000;
	}

	.frame-layout-2 input {
		font-size: 12px;
		line-height: 16px;
		text-align: left;
		padding-left: 5px;
		width: 85%;
		border: 1px #998675 solid !important;
		margin-bottom: 5px;
		color: #000000 !important;
		min-width: inherit;
	}

	.frame-layout-2 .contact-form-submit {
		margin: 40px auto 0;
		display: table;
		width: auto;
	}

	.frame-layout-2 .contact-form-submit input[type="submit"] {
		width: -webkit-calc(100% - 47px);
		width: calc(100% - 47px);
		height: 32px;
		color: #ffffff !important;
		font-style: italic;
	}

	.frame-layout-2 .contact-form-submit .right {
		height: 32px;
		width: 47px;
	}

	.frame-layout-2 .contact-form-submit .right span {
		width: 13px;
		height: 2px;
		margin: 15px 0 15px 15px;
	}

	.frame-layout-2 .contact-form-submit i {
		line-height: 32px;
		font-size: 10px;
	}
}

/* Kontakt (Home)*/
.frame-layout-1 .mandatory {
	display: none;
}

.frame-layout-1 .discuss--intro {
	display: block !important;
}

.frame-layout-1 {
	background-color: #e7efef;
	padding-bottom: 160px;
}

.frame-layout-1 .discuss--wrap {
	position: relative;
}

.frame-layout-1 .square {
	top: 22%;
	right: 13%;
}

.frame-layout-1 .discuss--left {
	position: relative;
	height: 515px;
	margin-left: 21%;
	width: 49%;
	margin-bottom: 220px;
	display: block !important;
}

.frame-layout-1 .discuss--left .discuss--left__image {
	width: 100%;
	height: 100%;
	background-size: cover;
	background: transparent url("../../fileadmin/user_upload/voloptimusde/PageContent/Home/20170622_voloptimus_103.jpg") no-repeat scroll center center / cover;
}

.frame-layout-1 .page--contact__in {
	background-color: #998675;
	position: absolute;
	top: 220px;
	right: 21%;
	width: 35%;
}

.frame-layout-1 .page--contact__in span {
	display: none;
}

.frame-layout-1 .page--contact__in form {
	padding-top: 20px;
}

.frame-layout-1 .page--contact__in form input {
	width: 73%;
	height: 45px;
	margin: 30px auto;
	display: block;
	border: 2px #ccc3ba solid;
	background-color: transparent;
	padding-left: 15px;
	color: #ffffff;
	font-weight: 300;
	-webkit-border-radius: 0;
	border-radius: 0;
	text-align: left;
	font-size: 18px;
}

.frame-layout-1 .page--contact__in form .contact-form-submit {
	margin: 30px auto;
	display: block;
	width: 73%;
	transition: all 500ms ease;
}

.frame-layout-1 .page--contact__in form input[type="submit"] {
	float: left;
	width: -webkit-calc(100% - 87px) ;
	width: calc(100% - 87px);
	height: 62px !important;
	margin: 0 auto 50px !important;
	display: block;
	border: none !important;
	background-color: #ffffff !important;
	color: #998675 !important;
	text-transform: uppercase;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 16px;
	text-align: center;
}

.frame-layout-1 .page--contact__in form .contact-form-submit:hover input[type="submit"] {
	background-color: rgba(0, 0, 0, 0.5) !important;
	color: #ffffff !important;
}

@media screen and (min-width: 1024px) and (max-width: 1400px) {
	.frame-layout-1 .discuss--left {
		height: 373px;
	}
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
	.frame-layout-1 .square {
		top: 22%;
		right: 4%;
	}

	.frame-layout-1 .page--contact__in {
		right: 10%;
		width: 50%;
	}

	.frame-layout-1 form {
		font-size: 14px;
	}

	.frame-layout-1 .discuss--left {
		height: 350px;
		width: 75%;
		margin-left: 10%;
	}
}

@media screen and (min-width: 0px) and (max-width: 600px) {
	.frame-layout-1 .discuss--left {
		height: 0;
		width: 70%;
		margin-left: 10%;
		margin-bottom: 0;
	}

	.frame-layout-1 .discuss--left .discuss--left__image {
		display: none;
	}

	.frame-layout-1 .page--contact__in {
		top: 0;
		right: 0;
		left: 0;
		margin: 0 auto;
		width: 70%;
		position: relative;
	}

	.frame-layout-1 form {
		font-size: 12px;
		padding: 10px 0 10px;
	}

	.frame-layout-1 .page--contact__in form input {
		height: 25px;
		padding: 1px 0 0 5px;
	}

	.frame-layout-1 .page--contact__in form .contact-form-submit {
		width: 73%;
		margin: 0 auto;
		display: block;
	}

	.frame-layout-1 .page--contact__in form .contact-form-submit input[type="submit"] {
		width: 100%;
	}

	.frame-layout-1 .page--contact__in form .contact-form-submit:hover input[type="submit"] {
		height: 32px;
		font-size: 12px;
		float: none;
		width: 100% !important;
		margin: 0 auto 20px;
	}

	.frame-layout-1 .page--contact__in form .contact-form-submit .right {
		display: none;
	}
}

.frame-layout-1 .powermail_label{
	display: none;
	margin: 30px auto;
	line-height: 16px;
}

.frame-layout-1 .powermail_fieldset {
	border: none;
	padding: 0;
	margin: 0;
}





/* ##############
		Anfrageformular Luftfracht
 ############### */
.frame-layout-3 .discuss--intro {
	display: none;
}

.frame-layout-3 .anfragen--intro {
	display: block !important;
}

.frame-layout-3 .square {
	top: 11%;
	left: 5%;
}

.frame-layout-3 .page--contact__in span {
	font-size: 23px;
}

.page--contact__in .form-page-request .contact-break {
	display: block !important;
	height: 0px;
}

.page--contact__in .form-page-request .powermail_fieldset {
	float: left;
	width: 90%;
	padding: 25px 25px 25px 0px;
}

.page--contact__in .form-page-request .powermail_fieldwrap {
	margin-bottom: 40px;
}

.form-page-request .powermail_fieldwrap_requiredfield {
	margin-bottom: 0 !important;
}

.page--contact__in .form-page-request .powermail_fieldset_4 {
	clear: both;
	width: 100%;
}

.page--contact__in .form-page-request .powermail_legend {
	padding: 6px 0px 10px;
	font-size: 27px;
	font-family: "roboto-bold";
	color: #000000;
	width: auto;
	display: block !important;
}

.page--contact__in .form-page-request .powermail_label,
.page--contact__in .form-page-request .checkbox,
.page--contact__in .form-page-request .radio,
.page--contact__in .form-page-request .powermail_fieldwrap_type_date .powermail_label,
.page--contact__in .form-page-request .powermail_fieldwrap_type_check .powermail_label,
.page--contact__in .form-page-request .powermail_fieldwrap_type_radio .powermail_label {
	width: auto;
	padding: 6px 10px;
	font-size: 23px;
	font-family: "roboto-light-italic";
	color: #000000;
}

.page--contact__in .form-page-request .powermail_fieldwrap_type_check .powermail_label,
.page--contact__in .form-page-request .powermail_fieldwrap_type_radio .powermail_label {
	padding: 6px 0px 10px;
}

.page--contact__in .form-page-request .powermail_fieldwrap_type_check .powermail_field,
.page--contact__in .form-page-request .powermail_fieldwrap_type_radio .powermail_field,
.page--contact__in .form-page-request .powermail_fieldwrap_switch .powermail_field {
	display: table;
	line-height:20px;
}

.page--contact__in .form-page-request .powermail_fieldwrap_type_check .powermail_field .checkbox,
.page--contact__in .form-page-request .powermail_fieldwrap_type_radio .powermail_field .radio,
.page--contact__in .form-page-request .powermail_fieldwrap_switch .powermail_field .radio {
	display: table-cell;
}

.page--contact__in .form-page-request .powermail_fieldset_7 {
	clear: both;
}

.page--contact__in .form-page-request .powermail_fieldwrap_switch .powermail_label {
	float: left;
	line-height: 1;
	display: none;
}

.page--contact__in .form-page-request .powermail_fieldwrap_cargoreadydateoretd {
	margin-top: -25px;
}

.page--contact__in .form-page-request .powermail_fieldwrap_customsclearancefor {
	margin-top: 25px;
}

@media screen and (max-width: 1400px) {
	.frame-layout-3 .page--contact__in span {
		font-size: 20px !important;
	}
}

@media screen and (max-width: 1024px) {

	.page--contact__in .form-page-request .powermail_fieldset {
		width: 100%;
		padding: 25px 0px;
	}

	.page--contact__in .form-page-request span,
	.page--contact__in .form-page-request .checkbox,
	.page--contact__in .form-page-request .radio,
	.page--contact__in .form-page-request .powermail_fieldwrap_type_date .powermail_label,
	.page--contact__in .form-page-request .powermail_fieldwrap_type_check .powermail_label,
	.page--contact__in .form-page-request .powermail_fieldwrap_type_radio .powermail_label {
		font-size: 16px;
	}

	.page--contact__in .form-page-request .powermail_fieldwrap_type_date .powermail_field .checkbox
	.page--contact__in .form-page-request .powermail_fieldwrap_type_check .powermail_field .checkbox,
	.page--contact__in .form-page-request .powermail_fieldwrap_type_radio .powermail_field .radio {
		display: block;
	}
}

@media screen and (max-width: 600px) {
	.page--contact__in .form-page-request span {
		display: block;
	}

	.page--contact__in .form-page-request span.mandatory {
		display: inline;
	}

	.page--contact__in .form-page-request .contact-form-submit {
		width: 100%;
	}

	.page--contact__in .form-page-request input[type="submit"] {
		width: auto;
	}

	.frame-layout-3 .page--contact__in {
		line-height: 30px;
	}

}

/* ### Chrome ### */
@media not all and (-webkit-min-device-pixel-ratio:0)
{
    #ui-datepicker-div
    {
        display: none !important;
    }
}

/*#####################*/
/** Datenschutz - css**/
/*#####################*/

/*Anfrage Luftfracht*/

.frame-layout-3 a {
	color: #998675;
	position: absolute;
	margin-top: -45px;
	font-size: 16px;
	margin-left: 10px;
	font-family: "roboto-light-italic";
}


.frame-layout-3 h2{
	display: none;
}

.frame-layout-3 .powermail_field{
	width: 40%;
}

@media only screen and (min-width: 600px){
	.frame-layout-3	.powermail_field{
			width: 67%;
		}
	.frame-layout-3 a {
			margin-top: -50px;
		}
}
@media only screen and (min-width: 1025px){
	.frame-layout-3 .powermail_field{
			width: 75%;
		}

		.frame-layout-3 a {
				font-size: 23px;
		}
}

/*Kontaktformular Home*/

.frame-layout-1 .powermail_field{
	line-height: 16px;
	width: 73%;
	margin-left: auto;
  margin-right: auto;
	color: #ffffff;
	font-family: "roboto-light-italic";
	text-align: left;
	margin-bottom: 30px;
	padding-top: 10px;
}



 .frame-layout-1 .powermail_checkbox {
		height:20px !important;
		width: 30px;
		margin-left: 0px;
		width: 10px !important;
		float: left;
		margin-top: 13px !important;
		margin-right: 4px !important;
		height: 70px !important;

}

@media only screen and (min-width: 394px){
	.frame-layout-1 .powermail_checkbox {
 		height: 10px !important;
		margin-right: 10px !important;
 }
}
@media only screen and (min-width: 600px){
	.frame-layout-1{
		padding-bottom: 300px;

	}
}

.frame-layout-1 .powermail_field h2{
	display: none;
}

.frame-layout-1 .powermail_field a{
    margin-top: -20px;
		color: white;
		text-decoration:underline;
		font-weight: normal !important;

}

.frame-layout-1 .powermail_field {
    margin-top: -20px;
}

.frame-layout-1  .powermail_submit{
	height: 62px !important;
}

/*Kontaktformular allgemein*/

.slider--info__title h2{
	display: block!important;
}

.frame-layout-2 .powermail_label, h2 {
display: none !important;}


.frame-layout-2 .powermail_label, h2{
	display: none;
}

 .frame-layout-2 .checkbox {
	 color: white;
	 font-family: "Roboto";
	 font-size: 14px;
	 color: #000000;
	 font-family: "roboto-light-italic";
	 text-align: left;
	 width: 85%;
 }

 .frame-layout-2 .checkbox input{
	 width: 10%;
 }

 @media only screen and (min-width: 601px){
	 .frame-layout-2 .checkbox {
		 color: white;
		 line-height: 17px;
		 width: 100%;
	 }

	 .frame-layout-2 .checkbox input{
		 width: 5%;
	 }
 }

  @media only screen and (min-width: 1025px){
     .frame-layout-2 .checkbox {
			 font-size: 20px;
			 line-height: 40px;

		 }

		 .frame-layout-2 .checkbox input{
			 width: 2%;
		 }
	}

	.frame-layout-2 p   {
	 font-family: "roboto-light-italic";
 	 font-size: 14px;
	 text-align: left;
	}

	.frame-layout-2 a{
		color:#998675;
		text-decoration: underline;
		font-family: "roboto-light-italic";
	}

	@media only screen and (min-width: 601px){
		.frame-layout-2 a {
			color:white;
			font-weight: normal;
		}
		.frame-layout-2 .powermail_label, h2 {
    display: none !important;
    //font-size: 60px;
}
	}

		@media only screen and (min-width: 1025px){
			.frame-layout-2 a {
				font-size: 20px !important;
				line-height: 45px;
				font-family: "roboto-light-italic";
			}
		}





/************************Cookie-Hinweis**********************/

#cookie a {
  color: white;
  text-decoration:underline;
   font-weight: bold;
}

#cookie a:hover {
  opacity: 0.5;
  transition: all 0.5s;
}

#cookie div {
  font-family: "BebasNeue";
  color:rgb(34,34,34, 0.2);
}

div.cookie_headline{
  font-size: 30px;
  color:white !important;
  margin-top: 30px;
  margin-bottom: 30px;
  line-height: 1;
}

p.cookie{
      text-align: center;
      color:white;
      font-size: 15px;
			font-family: "roboto-light";
}

#cookie {
   outline: 10px solid rgb(255,255,255,0.9);
   text-align:right;
   background: #d6e0eb;
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9));
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 );
   position:fixed;
   bottom:0px;
   z-index:10000;
   width:100%;
   font-size:14px;
   text-align: center;
   left:0px;
   //visibility: hidden;
   background: #998675; // Hintergund des gesamten Cookies

  }

#cookieCloser {
	 color: #998675;
   right: 5px;
   text-decoration: none;
   top: 5px;
   cursor:pointer;
   padding: 15px 25px !important;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%);
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 );
   background-color: white;
   border: none;
   padding: 8px 40px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   background-color: white; // Farbe des schliessendes Buttons
   float: none;
   font-weight: lighter;
   margin-top: 30px;
   margin-bottom: 30px;
	 font-family: "roboto-light";
 }

#cookieCloser:hover {
    color: white;
    background-color: rgba(0,0,0,0.5) !important;
		transition: all 0.5s ease;
}

@media only screen and (min-width: 993px) {
    div.cookie_headline{
      text-align: left;
      float: left;
    }

    #cookieCloser{
      float:right;
      margin-top: 30px;
    }

    p.cookie{
      text-align: left;
      margin-top: 30px;
      margin-bottom: 30px;
    }

  }

  /*****************************************************************************/
	.frame-layout-1  .powermail_submit{
		height: 62px !important;
	}

	.frame-layout-2 .powermail_label, h2 {
	    display: block;
			font-size: 60px;
	}


.imprint--page h1, h2, h3, h4 {
    padding-bottom: 20px;
}


/***************** 6# Special Elements ***************************/
/* ------------------------------------------------------------- */

#c188 .image img {
	width: 100%;
	height: auto;
}

/* KONTAKT SECTION (home page + kontakt page) */
.kontakt--page {
  padding: 60px 40px;
  background: #fff;
  position: relative;
}
.kontakt--page .triangle {
  position: absolute;
  top: 0; left: 0;
  width: 0; height: 0;
  border-style: solid;
  border-width: 60px 60px 0 0;
  border-color: #f5f5f5 transparent transparent transparent;
}
.kontakt--page h3.subtitle {
  text-align: center;
  margin-bottom: 40px;
}
.kontakt--info h4,
.kontakt--form h4 {
  margin-bottom: 20px;
}
.kontakt--info ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.kontakt--info ul li {
  padding: 8px 0;
  font-size: 15px;
}
.kontakt--info ul li i {
  margin-right: 10px;
  color: #666;
}
.kontakt--info ul li a {
  color: inherit;
  text-decoration: none;
}
.kontakt--info ul li a:hover {
  text-decoration: underline;
}
/* Form base styles */
.form-group {
  margin-bottom: 15px;
}
.form-group label {
  display: block;
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 14px;
}
.form-control {
  display: block;
  width: 100%;
  padding: 8px 12px;
  font-size: 15px;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  transition: border-color .15s ease-in-out;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
}
textarea.form-control {
  resize: vertical;
}
.kontakt--form .button.dark,
.actions.sp .button.dark {
  margin-top: 10px;
}
.mynameisclass {
  font-size: 16px;
}
.kontakt--page form {
  max-width: 600px;
}
.kontakt--page .actions.sp {
  margin-top: 20px;
}

/* PORTFOLIO MASONRY section on home page */
.portfolio--masonry {
  padding: 60px 40px;
  background: #f5f5f5;
}
.portfolio--masonry h3.subtitle {
  text-align: center;
  margin-bottom: 40px;
}
.portfolio--masonry .wrapper--masonry .portfolio-in {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.portfolio--masonry .item-portfolio {
  padding: 10px;
  box-sizing: border-box;
}
.portfolio--masonry .portfolio-info {
  position: relative;
  height: 280px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  cursor: pointer;
}
.portfolio--masonry .portfolio-info__in {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  background: rgba(0,0,0,0.55);
  padding: 20px;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}
.portfolio--masonry .portfolio-info:hover .portfolio-info__in {
  transform: translateY(0);
}
.portfolio--masonry .portfolio-info__in h4 {
  color: #fff;
  margin: 0 0 10px 0;
  font-size: 18px;
}
.portfolio--masonry .portfolio-info__in .button.portfolio__button {
  display: flex;
  align-items: center;
  color: #fff;
  text-decoration: none;
  background: transparent;
}
.portfolio--masonry .portfolio-info__in .button.portfolio__button .text {
  font-size: 14px;
  flex: 1;
}
@media only screen and (max-width: 768px) {
  .portfolio--masonry .item-portfolio {
    width: 50%;
  }
  .kontakt--page {
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 480px) {
  .portfolio--masonry .item-portfolio {
    width: 100%;
  }
}