/*######## FONTS START ###################*/
@font-face {
		font-family:proximanova-bold;
		src: url("proximanova-bold-webfont.eot");
}

@font-face {
	font-family:proximanova-bold;
	src: url("proximanova-bold-webfont.woff") format("woff");
	}

@font-face {
	font-family:proximanova-light;
	src: url("proximanova-regular-webfont.eot");
}

@font-face {
	font-family:proximanova-light;
	src: url("proximanova-regular-webfont.woff") format("woff");
	}
	
@font-face {
	font-family:proximanova-light;
	src: url("proximanova-light-webfont.eot");
}

@font-face {
	font-family:proximanova-light;
	src: url("proximanova-light-webfont.woff") format("woff");
	}

/*######## FONTS END ###################*/
/*OVERLAY H2*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*YOUTUBE-blog*/
.wrapper {
	float: left;
	width:80%; height:auto;
	margin: 0 auto;
	padding:0%;
}
.youtube {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	opacity: 0.7;
}
.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #ff0000;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 1.0;
	border-radius: 6px;
}
.youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
	cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d( -50%, -50%, 0 );
	        transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

#c757 .play-video {display: none; visibility: hidden;}
/*VIDEO-OVERLAY-BEGINN*/


#video-overlay-box {
	position: fixed;
    top:0%;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: auto;
	z-index:9999999999;
	color:#000;
	text-align:center;
	display:none;
}

#video-overlay-box{
	background:#000;
    height: 100%; 
 }
 
.outer-title {
	position:relative;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}
.outer-title  {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box-flex;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.outer-title {color: #FFF; text-align: center}
 
 
 
/*VIDEO-OVERLAY-END*/

/*YOUTUBE-blog*/

/*KARRIERE-BOX*/
.carrier-box {position:fixed; z-index: 9999; bottom: 1em; right: 2em; background:none; font-family:proximanova-bold; padding: 0.5em 1em;}
.carrier-box {border: solid 0px #b5a99b;}
.carrier-box {font-size: 1.2vw; line-height:1.2vw;color: #FFF;}
.carrier-box a{color: #FFF;}

@media screen and (max-width:1380px) {
	
	.carrier-box {font-size: 1.8vw; line-height:2.4vw;}

}	

@media screen and (max-width:480px) {
		
	.carrier-box {font-size: 4.4vw; line-height:4.4vw;color: #FFF; padding: 0.5em 1em;}

	
}

/*SEARCH BOX*/
#search-nav-box { float:left;color:#FFF;width:6%; text-align:left; padding:8% 0 0 5%;}
#search-nav-box-1 { float:left;color:#FFF;width:6%; text-align:left; padding:8% 0 0 5%;}
#search-nav-box-2 { position:fixed; z-index: 999999; right: 21%; color:#FFF;width:4%; text-align:left; padding:6.5% 0 0 5%;}


#menu-panel-search {
    display: none;
    position:fixed;
    z-index:99999;
    right: 3em;
    top: 3em;
    padding: 0.7em 1em 0 1em;
    background: #f4f4f4;
    width: 300px;
    border-bottom: 1px solid #fff;
    box-shadow: 0 3px 7px rgba(0,0,0,.2);
}

#c1068 .kesearch_searchbox {display: none; visibility: hidden;}
#kesearch_submit {width: auto; height: 0.5em;}
.kesearchbox .submit{width: auto; height: 0.5em; display: none;}
#kesearch_num_results {display: none; visibility: hidden;}
.frame-layout-1 h3{padding: 3em 0 1em 0;}


#close-icon {display: none;cursor:pointer;}
#close-icon-mobile {display: none;cursor:pointer;}
#lupe { margin:0% 0 0 0;cursor:pointer;}
#lupe-mobile { margin:0 0 0 0;cursor:pointer;width:auto; height:auto;}
#lupe-home { margin:15% 0 0 0}
#home { width:65%; height:auto}

.lupe-mobile-icon  {width:auto; height: 3em;}

/**************** ke_search form start *********************/
#ke_search_sword {background-color:#FFF; border:solid 1px #999;width:80%; text-align:left;font-size: 1.0vw; line-height:1.0vw;margin:1% 0 1% 0%; padding:1%; text-align:left;font-family:proximanova-light;}
.ke_search-box-text{background-color:#FFF; border:solid 1px #999;width:90%; text-align:left;font-size: 1.2vw; line-height:1.2vw;margin:1% 0 1% 0%; padding:1%; text-align:left;font-family:proximanova-light;}
#kesearch_results { position:relative; width:50%; margin:0 auto; min-height:400px;padding:2% 0 6% 0;text-align:left}
.teaser_icon {display:none; visibility:hidden}
#kesearch_num_results {font-family:proximanova-bold; text-transform:uppercase; color:rgba(66,96,112, 0.9);}
.result-title, .result-number{font-family:proximanova-bold;}
.result-teaser {float:left}
.result-title a{color:rgba(66,96,112, 0.9);}
.hit {color:rgba(66,96,112, 0.9);font-family:proximanova-bold;}
/*
#c1710{display:none; visibility:hidden}
*/

#ke_search_searchfield_submit{ position:absolute; top:0%; right:10%;width:3%; height:40px; padding:8% 0 0% 0%; font-size:0px; border:0}
#ke_search_searchfield_submit{background: url(../images/lupe-black.png) no-repeat; background-size:100% auto; background-position:center center;}
/**************** ke_search form end *********************/

/*SHOP ICON*/
#shop-nav-box { float:left;color:#FFF;width:10%; text-align:left; padding:5% 0 0 30%;cursor:pointer;}
#shop-nav-box-1 { float:left;color:#FFF;width:10%; text-align:left; padding:5% 0 0 35%;cursor:pointer;}
#shop-nav-box-2 { position:fixed; z-index: 999999; right: 31%; color:#FFF;width:6%; text-align:left; padding:5% 0 0 5%;}


@media screen and (max-width:1280px) {
	
				#search-nav-box {width:9%;}
				#search-nav-box-1 { width:9%; }
				#lupe-home { margin:15% 0 0 0}
				#home { width:90%; height:auto}
				#shop-nav-box-1 { float:left;color:#FFF;width:14%;padding:4% 0 0 35%;}
}	

@media screen and (max-width:720px) {
	
	#menu-panel-search {
	    display: none;
	    position: fixed;
	    z-index:99999;
	    right: 5%;
	    top: 3em;
	    padding: 7% 7% 0 7%;
	    background: #f4f4f4;
	    width: 76%;
	    border-bottom: 1px solid #fff;
	    box-shadow: 0 3px 7px rgba(0,0,0,.2);
	}
	
	#ke_search_sword {font-size: 6.0vw; line-height:6.0vw;width:90%;}
	
}			

element:hover { CSS-Eigenschaften; -webkit-user-select: none; -webkit-touch-callout: none}

#c2374 a {border-bottom:#666 solid 1px;}
/*######## MAP BEGINN #########*/
#map {
	position:relative; z-index:3;width: 100%; height: 1000px; margin:-100px 0 0 0;
}

.map-image {
	position:relative; z-index:3;width: 100%; height: 1000px; margin:-100px 0 0px 0;
}

.map-image img {
    height: 100vh;
    width: 100%;  
    object-fit: cover;
    margin:0 0 0em 0;
}


#address {position: relative; z-index:4;width: 100%; color:#FFF;height: 100px;top:80px;}
#address b{font-family:proximanova-bold;}

.info-window {
	width:300px;
}
.info-window h4{font-family:proximanova-bold;  font-size: 1.4vw; line-height:1.8vw; padding:0 0 2% 0;margin:0;}
.info-content {
	font-size: 0.8vw; line-height:1.3vw;
    color: #4d4d4d;
	padding:0 0 2% 0;
}

@media screen and (max-width:1320px) {
#map {
	position:relative; z-index:3;width: 100%; height: 700px; margin:-100px 0 0 0;
}
}

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

.map-image {
	position:relative; z-index:3;width: 100%; height: 800px; margin:-100px 0 0px 0;
}    
    
#map {
	position:relative; z-index:3;width: 100%; height: 600px; margin:0px 0 0 0;
}
#address {display:none; visibility:hidden}	
}
/*######## MAP END #########*/
.hidden-ipad {visibility: visible; display: block}
.noneDisplay {visibility: hidden; display: none}
.hidden-mobile {visibility: visible; display: block}
.hidden-temp {visibility: hidden; display: block}
.hidden {visibility: hidden; display: none}
.hidden-main {visibility: hidden; display: none}
.spacer-left {padding-left:0px;}
.spacer-right {padding-right:0px;}
.spacer-top {padding-top:40px;}
/*######## FONTS START###################*/

@media screen and (max-width:920px) {
.hidden-ipad {visibility: hidden; display: none}
}

@media screen and (max-width:720px) {
.hidden-mobile {visibility: hidden; display: none}
.hidden-main {visibility: visible; display: block}
.hidden-ipad {visibility: hidden; display: none}
}
/*######## FONTS END###################*/
html, body, div, applet, object, spyn,
h1, h2, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}



.ce-gallery .image {margin: 0 0 -0.7em 0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  background-color:#ffF;
  font-family:proximanova-light;
  color: #4d4d4d;
  -webkit-font-smoothing: antialiased; 
  font-size: 1.4vw; line-height:1.8vw;
}

@media screen and (max-width:1320px) {
 body {
  font-size: 1.8vw; line-height:2.2vw;
}
}

@media screen and (max-width:720px) {
 body {
  font-size: 6.2vw; line-height:8.2vw;
}
}

.name-of-person { font-size: 0.9vw; line-height:0.9vw; }
.single-content-right span{ display: block; padding: 0.6em 0 0 0;}

ol, ul {
  list-style: square;
  margin: 0 0 0.5em;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

p {
  margin: 0 ;
  }

b{font-family:proximanova-bold;}
strong {font-family:proximanova-bold;} 

a {
  color: #444;
  text-decoration: none; 
}

a:hover, a:active {

  color: #808080;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

img{
  max-width:100%;
  width: 100%;
  height:auto;
}


/*YOUTUBE*/


.embed-box {position: relative; padding: 5% 0}
@media screen and (max-width:720px) {
	.embed-box {position: relative; padding: 5% 5%}
}

.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}



/*NAV-ICON-CSS */

figcaption {
	display:none; visibility:hidden;
}
/*############## CONTENT BEGINN ###########################################*/
/*content elemente beginn*/
/* TYPO3 Anpassung für Responsive */
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
        float: none; 
}

/*YOUTUBE*/

.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
  
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}

/*SECTIONS*/

.section{position:relative;margin:0px;padding:0px;width:100%;text-align:center;}
.section-2{float:left;margin:0px;height: auto;padding-bottom:0px; margin-bottom:0px;width:100%;text-align:center;}
.section ul{list-style:none;margin: auto;}



/*CANVAS*/



/*GRID*/
#grid-intro { position:relative; z-index:3;width:100%;padding:0px 0 0 0; margin:0; text-align:center; background-color:#FFF;opacity: 1;}
#grid { position:relative; z-index:3;width:100%;padding:0px 0 0 0; margin:0; text-align:center; background-color:#FFF;opacity: 1;}
#grid {
	-webkit-transition: all 0.5s;
  	-moz-transition: all 0.5s;
  	-o-transition: all 0.5s;
  	transition: all 0.5s;
}
@media screen and (max-width:720px) {
#grid { top:60px}
}
/*SLOTS*/

.slot {position:relative;width:100%;padding:0; margin:0px 0 0px 0; text-align:center;}
.slot-1 { position:relative;width:100%;padding:2% 0 2% 0; margin:0 0 0px 0; text-align:center;}
.slot-1-0{ position:relative;width:70%;padding:0% 0px; text-align:center; margin:0% auto 0 auto;}
.slot-1-0-0{ float:left;width:70%;padding:3% 0px; text-align:center; margin:0% auto 0 auto;}
.slot-1-0-0-0{ position:relative;width:70%;padding:0% 0 0 0; text-align:center; margin:0% auto -2% auto;}
.slot-1-1{ position:relative;width:70%;padding:6% 0 5% 0; text-align:center; margin:0% auto 0 auto;}
.slot-1-2{ position:relative;width:70%;padding:0% 0px; text-align:center; margin:0% auto 0 auto; }

.slot-marken{ position:relative;width:72%;padding:0% 0px; text-align:center; margin:0% auto 0 auto;}
.slot-marken .ce-bodytext {width:90%;padding:0% 0% 12% 0%; margin:0 5% 4% 5%;font-size: 1.1vw; line-height:1.6vw; border-bottom:solid 1px #333}
.slot-marken  img{padding:0 10%; width:80%}

.slot-marken-main { position:relative;width:72%;padding:0% 0 4% 0; text-align:center; margin:0% auto 0 auto;}
.slot-marken-main .ce-bodytext p{ display:none; visibility:hidden;}
.slot-marken-main .image-embed-item{padding:3% 10%; width:80%}

.slot-call-to-action {position:relative;width:100%;padding:0 0 4% 0; margin:0px 0 0px 0; text-align:center;}
.call-to-action .internal-link { color:#FFF;float:none;text-decoration:none;padding:1% 2% 1% 2%;margin:0 auto 0 auto; width: auto; cursor:pointer; text-transform: uppercase}
.call-to-action .internal-link:hover{color:#FFF; background:#909090;}
.call-to-action .internal-link a{text-decoration:none;color:#FFF;}
.call-to-action .internal-link {border:#FFF solid 0px;font-size: 1.0vw; line-height:1.0vw; background:#4d4d4d}

@media screen and (max-width:720px) {
	.slot-call-to-action {padding:0 0 12% 0;}
	.call-to-action .internal-link {font-size: 3.0vw; line-height:3.0vw;padding:1em 4% 1em 4%;}
	.slot-marken{ position:relative;width:90%;padding:0% 0px; text-align:center; margin:0% auto 0 auto;}
	.slot-marken .image-embed-item{padding:0 0%; width:100%}
	.slot-1-0-0-0{ position:relative;width: auto;padding:0% 0 0 5%; text-align:left; margin:0;}
}

/*CONTENT-ELEMENTS*/
.slot-2-0{position:relative;width:100%;padding:0% 0 0% 0; text-align:center; margin:0;}
.slot-2-0-0{ float:left;width:100%;padding:0% 0 0% 0; text-align:center; margin:0;}

.slot-2-2{ float:left;width:37%;padding:2% 4.5% 2% 6.5%;  margin:0; text-align:left}
.slot-2-2-3{ float:left;width:37%;padding:2% 8.5% 2% 4.5%;  margin:0; text-align:left}
.slot-2-2-2{ float:left;width:37%;padding:5% 6.5% 5% 6.5%; margin:0; text-align:left}
.slot-2-1 h2 {text-align:left; padding:12% 0 8% 0; white-space: nowrap;} 
.slot-2-2 h2 {text-align:left; padding:12% 0 8% 0; white-space: nowrap;} 
.slot-2-2-3 h2 {text-align:left;padding:12% 0 8% 0; white-space: nowrap;}

.slot-3-1{ float:left;width:33.33333333%;padding:2% 0% 2% 0%;  margin:0; text-align:left}

.slot-2-1{ float:left;width:37%;padding:0% 6.5% 0% 6.5%; margin:0; text-align:left}
.slot-2-1-1{ float:left;width:50%;padding:0%;margin:0; text-align:left}

.slot-2-1-1-1{ float:left;width:50%;padding:0%;margin:0; text-align:left}

/*CONTENT-ELEMENTS-INTRO*/
.slot-1-3 { position:relative;width:70%;padding:4% 15% 6% 15%; text-align:center; margin:0% auto 0 auto;font-size: 1.6vw; line-height:2.0vw;}
.slot-1-4 { position:relative;width:70%;padding:5% 15%; text-align:center; margin:0% auto 0 auto; color:#FFF;background:#b5a99b;}
.slot-1-4 h2 {font-family:proximanova-bold;font-size: 1.6vw; line-height:1.6vw;padding:0% 0 4% 0; margin:0;text-align: center;text-transform:uppercase;}
.full-page-box h3 {font-family:proximanova-light; font-weight:100;font-size: 1.6vw; line-height:2.2vw;padding:0% 15% 4% 15%; margin:0;text-align: center;text-transform:none;}

.slot-1-5 { position:relative;width:70%;padding:0% 15% 4% 15%; text-align:center; margin:0% auto 0 auto;}

@media screen and (max-width:1320px) {
.slot-1-3 {font-size: 2.2vw; line-height:2.6vw;}	
}

@media screen and (max-width:720px) {
.slot-3-1{ float:left;width:100%;padding:2% 0% 2% 0%; text-align:center; margin:0; text-align:left}
.slot-marken-main { position:relative;width:90%;padding:0% 0 12% 0; text-align:center; margin:0% auto 0 auto;}

.slot-marken-main .slot-3-1{ float:left;width:33.33333333%;padding:2% 0% 2% 0%; text-align:center; margin:0; text-align:left}

.slot-marken .ce-bodytext-color {width:90%;padding:0% 0% 12% 0%; margin:0 5% 4% 5%;font-size: 5.1vw; line-height:6.6vw; border-bottom:solid 1px #333}

.slot-1-0{ position:relative;width:98%;padding:8% 1%; text-align:center; margin:0% auto 0 auto;}
.slot-1-2{ position:relative;width:90%;padding:0% 0px; text-align:center; margin:0% auto 0 auto; }
.slot-1-3 { position:relative;width:94%;padding:4% 3% 6% 3%; text-align:center; margin:0% auto 0 auto;font-size: 6.2vw; line-height:8.8vw;}
.slot-1-4 { position:relative;width:90%;padding:10% 5% 15% 5%; text-align:center; margin:0% auto 0 auto; color:#FFF;background:#b5a99b;}
.slot-1-4 h2 {font-size: 5.6vw; line-height:5.6vw;padding:0% 0 8% 0; margin:0;text-align: center;text-transform:uppercase;}
.slot-1-5 { position:relative;width:100%;padding:8% 0% 16% 0%; text-align: center; margin:0% auto 0 auto;}

.slot-2-1{ width:90%;padding:2% 5% 15% 5%;}


.slot-2-1 .imgb2-bodytext p{ padding:0% 0% 0% 0%;}
.slot-2-1-1{ float:left;width:100%;padding:0%;margin:0; text-align:left}

.slot-2-2{ width:90%;padding:2% 5% 2% 5%;  margin:0;}
.slot-2-2-2{ width:90%;padding:20% 5% 20% 5%;  margin:0;}

.eins {display:table-footer-group;float:none;width:50%;}
.zwei {display:table-header-group;float:none;width:90%;}
.float-box {padding:0 5% 2% 5%}
	
}

/*COLORS*/
.color-1 {background:#e1ddd7;}
.color-2 {background:#a0a0a4; color:#FFF}
.color-3 {background:#000; color:#FFF} .color-3 a{color:#FFF}
.color-4 {background:#b5a99b; color:#FFF}
.color-4-4{background: rgba(181, 169, 155, 0.0);}
.color-4-5{background: rgba(181, 169, 155, 0.9);}
.color-5 {background:#FFF}
.color-6 {background:#e1ddd7}
.color-7 {background:#d1d1d6}


.company .color-4-5{background: rgba(66,96,112, 0.9);}
.company .color-1 {background:#c6d3db;}
.business .color-4{background:#2b2b36}
.business .color-5-5{background: rgba(43,43,54, 0.0);}
.business .color-6-6{background: rgba(43,43,54, 0.85);}
.business .color-1 {background:#d9d9de;}

/*DIAGONAL-BG-IMAGES-COLORS 1&2*/
.diagonal-colors-1 .frame-type-text  {color:#FFF; text-align:left; loat:left;}
.diagonal-colors-1 .frame-type-text  h2 {text-align:left; padding:10% 0 8% 0}
.diagonal-colors-1 a{color:#FFF}

.diagonal-colors-1 .ce-bodytext-color {color:#FFF; text-align:left;height: auto;width:70%;float:left; background:#b5a99b; padding:20%;margin:-30% 0% -20% -55%;}
.business .diagonal-colors-1 .ce-bodytext-color {background:#2b2b36;}
.company .diagonal-colors-1 .ce-bodytext-color {background:#425f70;}

.diagonal-colors-1 .ce-bodytext-color {-ms-transform: rotate(20deg);-webkit-transform: rotate(20deg);transform: rotate(20deg);}

.diagonal-colors-1 .frame-type-text { height:100%; width:60%; margin:0% 20% 15% 20%}
.diagonal-colors-1 .frame-type-text {transform: rotate(-20deg);}

.diagonal-colors-1 .frame-type-text { padding:7% 10% 0.1em 35%}
.diagonal-colors-1 .imgb2 {overflow:hidden;}

/**/
.diagonal-colors-2 .ce-bodytext-color {background:#e1ddd7; color:#444}
.diagonal-colors-2 .ce-bodytext {background:#e1ddd7; color:#444}
.diagonal-colors-2 .frame-type-text  {color:#444; text-align:left; loat:left;}

.business .diagonal-colors-2 .ce-bodytext-color {background:#aaaaae; color:#FFF}
.business .diagonal-colors-2 .ce-bodytext {background:#aaaaae; color:#fff}
.business .diagonal-colors-2 .frame-type-text  {color:#FFF; text-align:left; loat:left;}
/*
.business .diagonal-colors-2 .ce-bodytext {background:#aaaaae; color:#FFF}
.business .diagonal-colors-2 .ce-bodytext-color {background:#aaaaae; color:#fff}
.company .diagonal-colors-2 .ce-bodytext-color {background:#c6d3db; color: #4d4d4d;}
*/
/*TRANSPARENT-BG-IMAGES-NEW*/
/*OVERLAY*/
.overlay-image-100 {position: relative;z-index:1;width:100%;height:auto;overflow: hidden; padding:0% 0% 0% 0%;}

.overlay-image-100 .image{
  	float:left;
    top: 0;
    left: 0;
	height:auto;
    width: 100%;
    overflow: hidden;
	background:#000;
	padding:0; 
}
.overlay-image-100 .image img {
    height: 80vh;
    height: auto;
    width: 100vw;  
    object-fit: cover;
	opacity: 0.5;margin:0 0 -1.2em 0;
}
.diagonal-colors-1 .overlay-image-100 .image img {
    opacity: 1;
    
}

.news-single-caption-100 {
    position:absolute;
    top: 0;
    left: 0%; right: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden; z-index:11;
    text-align: left;
	color: #FFF;
  }
  
.news-single-caption-100  {

  }

.news-single-caption-100 h2 {text-align:left; padding:15% 0 8% 0}
.news-single-caption-100 strong {color: #FFF;}
.news-single-caption-100 a {color: #FFF;}
.caption-overlay-box-2{ position:relative;width:40%; padding:0 5% 12% 55%;}
.caption-overlay-box-2 p{display: block} 

@media screen and (max-width:820px) {
    
    .overlay-image-100 .image img {height: 30vh;}
    
}

@media screen and (max-width:720px) {
	
    .overlay-image-100 {position: relative;z-index:1;width:100%;height:auto;overflow: hidden; padding:0% 0% 0% 0%;}
    .overlay-image-100 .image img {height: 80vh;}
    
    .diagonal-colors-1 .frame-type-text { height:100%; width:70%; margin:5% 45% 20% 0%}
    
    .diagonal-colors-1 .ce-bodytext-color {width:120%; height: 90vh; float:left; background:#b5a99b; padding:20%;margin:-30% 0% -40% -57%;}
    
    .diagonal-colors-1 .ce-bodytext-color {-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    .diagonal-colors-1 .frame-type-text {transform: rotate(0deg); }
	.caption-overlay-box-2{ position:relative;width:85%; padding:0 10% 12% 5%;}
    
}



/*LOGOS IMAGES*/
#logo-mobile-black { position:fixed;z-index:99999; top:0; left:0;width:auto;height:40px; padding:10px 0% 0 15px}
#logo-mobile {width:auto;height:40px; padding:10px 0% 0 15px}
#logo-mobile-intro {width:auto;height:40px; padding:10px 0% 0 15px;opacity: 0;}
#logo-header  {width:22%;height:auto; padding:0% 27% 0 15%}
#logo-header-2 {width:22%;height:auto; padding:0% 27% 0 15%;opacity: 0;}
#logo-header-2, #logo-mobile-intro {
	-webkit-transition: all 0.5s;
  	-moz-transition: all 0.5s;
  	-o-transition: all 0.5s;
  	transition: all 0.5s;
}
#logo-intro {width:25%; height:auto}
#logo-main {width:25%; height:auto}

#video-play-button {width: 3%; height: auto; padding: 1em 0 0 0; cursor: pointer;}
#video-play-button:hover {
	opacity: 0.6;
	-webkit-transition: all 0.5s;
  	-moz-transition: all 0.5s;
  	-o-transition: all 0.5s;
  	transition: all 0.5s;
}

#start {width:3%; height:3%; display:block;padding:0px 0px 20px 0px;height:auto;position:absolute; z-index:9999;left:50%; margin:0 0 0 -1.5% ;bottom:3%;transition:all 0.2s ease;}

@media screen and (max-width:1320px) {
#logo-header  {width:26%;height:auto; padding:0% 27% 0 15%}
#logo-header-2 {width:26%;height:auto; padding:0% 27% 0 15%;opacity: 0;}
#logo-intro {width:30%; height:auto}
#logo-main {width:30%; height:auto}
}


@media screen and (max-width:720px) {
#logo-intro {width:80%; height:auto}
#logo-main {width:60%; height:auto}
#start {width:40px; height:40px; display:block;padding:0px 0px 20px 0px;height:auto;position:absolute; z-index:9999;left:50%; margin:0 0 0 -20px ;bottom:3%;transition:all 0.2s ease;}
.main-slider-gf	#start {width:40px; height:40px; display:block;padding:0px 0px 20px 0px;height:auto;position:absolute; z-index:9999;left:50%; margin:0 0 0 -20px ;bottom:13%;transition:all 0.2s ease;}
#video-play-button {width: 10%; height: auto; padding: 1em 0 0 0;}
    .main-slide {font-size: 2.8vw; line-height: 3.2vw;}
}

/*SPECIAL*/
.color-team { background:none}
.team b{text-transform:uppercase; margin: 0 0 0;font-size: 1.2vw; line-height:1vw;font-family:proximanova-light;}
.team-teaser .team h2 {padding:12% 0 8% 0; }
.team h2 {padding:12% 0 2% 0; }
.breadcrumb { padding:13% 0 1em 0; text-transform:uppercase;font-size: 1.2vw; line-height:1vw;width:auto}
.breadcrumb { width:auto;background: url(../images/line.jpg) no-repeat; background-size: 5% 1px; background-position:center bottom;}
.breadcrumb-box{}
/* H */
 h1 {font-family:proximanova-light;font-size: 1.6vw; line-height:2.0vw;padding:0% 0% 0% 0%; width:100%; margin:0;text-align: center;text-transform: none;}
 h2 {font-family:proximanova-bold;font-size: 3.3vw; line-height:3.3vw;padding:16% 0 4% 0; margin:0;text-align: center;text-transform:uppercase;}
 h3 {font-family:proximanova-bold;font-size: 3.3vw; line-height:3.3vw;padding:6% 0 3% 0; margin:0;text-align: center;text-transform:uppercase;}
 h4 {padding:0 0 0 0; margin:2% 0 12% 0; text-transform:uppercase}
 h5 {padding:0% 0 2% 0; margin:-1% 0 0 0;font-family:proximanova-light;text-align: center;text-transform: uppercase;}
 h6 {padding:0% 0 1% 0;  text-transform:uppercase} 
 h7 {padding:2% 0 1% 0;  text-transform:uppercase}
 h8 {font-family:proximanova-bold;padding:0% 0; display:block;text-transform:uppercase; color:#666} 
 
.search  h2 {font-family:proximanova-bold;font-size: 3.3vw; line-height:3.3vw;padding:11% 0 4% 0; margin:0;text-align: center;text-transform:uppercase;}

.header-main-box  h2 {font-size: 3.3vw; line-height:3.3vw;padding:0% 0 4% 0; margin:-1.3% 0 0 0;text-align: center;text-transform:uppercase;}
.header-no-nav-box h2 {padding:13% 0 4% 0; }
 
.main-box  h2 {font-family:proximanova-bold;font-size: 3.3vw; line-height:3.3vw;padding:6% 0 4% 0; margin:0;text-align: center;text-transform:uppercase;}
.main-image-box h2 {padding:2.5% 0 4% 0; }


.main-box-sub h3{font-family:proximanova-bold;font-size: 3.3vw; line-height:3.3vw;padding:10% 0 4% 0; margin:0;text-align: center;text-transform:uppercase;}
.main-box-sub h2{font-family:proximanova-bold;font-size: 1.6vw; line-height:2.2vw;padding:2% 15% 10% 15%; width:70%; margin:0;text-align: center;text-transform:uppercase;}

.imgb2-bodytext h1{font-family:proximanova-light;font-size: 1.6vw; line-height:2.2vw;padding:1% 0% 0% 0%; width:100%; margin:0;text-align: center;text-transform: none;}

@media screen and (max-width:1320px) {
.team b{text-transform:uppercase; margin: 0 0 0;font-size: 1.6vw; line-height:1.6vw;font-family:proximanova-light;}
.team h2 {padding:12% 0 2% 0; }
.breadcrumb { padding:15% 0 1em 0; text-transform:uppercase;font-size: 1.6vw; line-height:1.6vw;width:auto}
.breadcrumb { width:auto;background: url(../images/line.jpg) no-repeat; background-size: 5% 1px; background-position:center bottom;}

 h1 {font-size: 2.2vw; line-height:2.4vw;padding:0% 0% 0% 0%;}
 h2 {font-size: 3.3vw; line-height:3.3vw;padding:0% 0 6% 0;}
 .imgb2-bodytext h1{font-size: 1.8vw; line-height:2.2vw;}
 .main-box  h2 {font-size: 8.3vw; line-height:10.3vw;padding:0% 0 6% 0;}
 .main-image-box h2 {padding:2% 0 4% 0; }
 .header-main-box  h2 {font-size: 4.3vw; line-height:4.3vw;padding:0% 0 4% 0; margin:0% 0 0 0;}
 .search  h2 {font-size: 4.3vw; line-height:4.3vw;padding:11% 0 4% 0;}
 .header-no-nav-box h2 {padding:13% 0 4% 0; }
 h3 {font-size: 3.3vw; line-height:4.3vw;padding:6% 0 3% 0;}
.main-box-sub h3{font-size: 3.3vw; line-height:3.3vw;padding:10% 0 4% 0; }
.main-box-sub h2{font-size: 1.6vw; line-height:2.2vw;padding:2% 15% 10% 15%; width:70%; }
	
}

@media screen and (max-width:720px) {
.color-team { background:#e8e8e8}
.team b{text-transform:uppercase; margin: 0 0 0;font-size: 5.2vw; line-height:5vw;font-family:proximanova-light;}
.team h2 {padding:8% 0 2% 0; }
.breadcrumb { padding:2% 0 1em 0; text-transform:uppercase;font-size: 4.8vw; line-height:4.8vw;width:auto}
.breadcrumb { width:auto;background: url(../images/line.jpg) no-repeat; background-size: 5% 1px; background-position:center bottom;}
.imgb2-bodytext h1{font-size: 6.2vw; line-height:8.2vw;}
 h1 {font-size: 6.2vw; line-height:8.8vw;padding:0% 0% 0% 0%;}
 h2 {font-size: 8.3vw; line-height:10.3vw;padding:0% 0 6% 0;}
 .main-box  h2 {font-size: 8.3vw; line-height:10.3vw;padding:0% 0 6% 0;}
 .main-image-box h2 {padding:1% 0 4% 0; }
 .header-main-box  h2 {font-size: 8.3vw; line-height:10.3vw;padding:0% 0 4% 0; margin:0% 0 0 0;}
 .search  h2 {font-size: 8.3vw; line-height:10.3vw;padding:11% 0 4% 0;}
 .header-no-nav-box h2 {padding:0% 0 4% 0; }
 h3 {font-size: 6.2vw; line-height:8.8vw;padding:12% 0 8% 0;}
.main-box-sub h3{font-size: 8.3vw; line-height:10.3vw;padding:6% 0 6% 0; margin:0;text-align:left;text-transform:uppercase;}
.main-box-sub h2{font-size: 6.2vw; line-height:8.8vw;padding:2% 0% 10% 0%; width:90%; margin:0;text-align: left;text-transform:uppercase;}
}

/* HEADER NAVIGATION INTRO font-size: 6.2vw; line-height:8.2vw;*/
#header-box { position: absolute; z-index:99; width:100%; left:0; top:0;font-size: 1.2vw; line-height:1.2vw;}
#header-box-main { position: fixed; z-index:99; width:100%; left:0; top:0;font-size: 1.2vw; line-height:1.2vw;}
#header-box-main-2 { position: fixed; z-index:99; width:100%; left:0; top:0px;font-size: 1.2vw; line-height:1.2vw;opacity: 1;transition:all 1s ease;}
.slot-header-box{float:left; width:15%; height:10px; padding:0.9% 0 0 0}
.slot-header-box-main{float:left; width:20%; height: auto; }
.slot-header { float:left;width:60%;padding:0% 0; text-align:center; margin:0% auto 0 auto;}
.slot-header-2 { float:left;width:70%;padding:0% 0; text-align:center; margin:0% auto 0 auto;}
.slot-header-main { float:left;width:100%;padding:0% 0; text-align:center; margin:0% auto 0 auto;}
.slot-header-main a{ color:#FFF} .slot-header-main { color:#FFF}
.slot-header a{ color:#FFF} .slot-header { color:#FFF}
.slot-header-2 a{ color:#FFF} .slot-header-2 { color:#FFF}
.home-box-home { float:left;color:#FFF;width:12%; text-align:left; padding:8% 0 0 10%;}
.lang-box-home { float:left;color:#FFF;width:15%; text-align:left; padding:10% 0 0 10%;font-size: 0.8vw; line-height:0.8vw; display:none; visibility:hidden}

.home-box { float:left;color:#FFF;width:12%; text-align:left; padding:7.5% 0 0 10%;}
.lang-box { float:left;color:#FFF;width:15%; text-align:left; padding:8% 0 0 7%;font-size: 0.8vw; line-height:0.8vw;display:none; visibility:hidden}

@media screen and (max-width:1320px) {
#header-box { position: absolute; z-index:99; width:100%; left:0; top:0;font-size: 1.6vw; line-height:1.6vw;}
#header-box-main { position: fixed; z-index:99; width:100%; left:0; top:0;font-size: 1.6vw; line-height:1.6vw;}
#header-box-main-2 { position: fixed; z-index:99; width:100%; left:0; top:0px;font-size: 1.6vw; line-height:1.6vw;opacity: 1;transition:all 1s ease;}
}



.main-nav-box {float:left; width:50%; text-align:center;padding:3% 0 2% 0; text-transform:uppercase}
.main-nav-box li{list-style:none; display: inline;padding:0% 2% 0% 2%; }
.main-nav-box a:hover{color:rgba(255, 255, 255, 0.6); }
.main-nav-box .active{opacity: 0.6;}

.main-nav-box-3 li{list-style:none; padding:0; margin:0;}
.main-nav-box-3 {float:left; width:100%; text-align: center;text-transform:uppercase;margin:0; padding:0 3%;}
.icon-0-main a{ float:left;padding:2% 2% 2% 2%;}
.icon-0-main a:hover {padding:2% 2% 2% 2%;}
.icon-0-main a:hover {background-color:#cac1b8; color:#666}
.icon-0-main-active a {float:left;padding:2% 2% 2% 2%;}
.icon-0-main-active a {background-color:#cac1b8; color:#666}

.main-nav-box-2 li{list-style:none; padding:0; margin:0;}
.main-nav-box-2 {float:left; width:100%; text-align: center;text-transform:uppercase;margin:0; padding:0 0 0 1%;}
.icon-1-main a{ float:left;background: url(../images/steuerung-w.png) no-repeat; background-size:9% auto; background-position:7% 47%; padding:2% 2% 2% 4%;}
.icon-1-main a:hover {background: url(../images/steuerung.png) no-repeat; background-size:9% auto; background-position:7% 47%; padding:2% 2% 2% 4%;}
.icon-1-main a:hover {background-color:#cac1b8; color:#666}
.icon-1-main-active a {float:left;background: url(../images/steuerung.png) no-repeat; background-size:9% auto; background-position:7% 47%; padding:2% 2% 2% 4%;}
.icon-1-main-active a {background-color:#cac1b8; color:#666}

.business .icon-1-main a{ float:left;background: url(../images/steuerung-w.png) no-repeat; background-size:9% auto; background-position:7% 47%; padding:2% 2% 2% 4%;}
.business .icon-1-main a:hover {background: url(../images/steuerung.png) no-repeat; background-size:9% auto; background-position:7% 47%; padding:2% 2% 2% 4%;}
.business .icon-1-main a:hover {background-color:#aaaaae; color:#333}
.business .icon-1-main-active a {float:left;background: url(../images/steuerung.png) no-repeat; background-size:9% auto; background-position:7% 47%; padding:2% 2% 2% 4%;}
.business .icon-1-main-active a {background-color:#aaaaae; color:#333}

.icon-2-main a{ float:left;background: url(../images/audio-w.png) no-repeat; background-size:9% auto; background-position:7% 46%; padding:2% 2% 2% 4%;}
.icon-2-main a:hover{ float:left;background: url(../images/audio.png) no-repeat; background-size:9% auto; background-position:7% 46%; padding:2% 2% 2% 4%;}
.icon-2-main a:hover {background-color:#cac1b8;color:#666 }
.icon-2-main-active a {float:left;background: url(../images/audio.png) no-repeat; background-size:9% auto; background-position:7% 47%; padding:2% 2% 2% 4%;}
.icon-2-main-active a {background-color:#cac1b8; color:#666}

.business .icon-2-main a{ float:left;background: url(../images/audio-w.png) no-repeat; background-size:9% auto; background-position:7% 46%; padding:2% 2% 2% 4%;}
.business .icon-2-main a:hover{ float:left;background: url(../images/audio.png) no-repeat; background-size:9% auto; background-position:7% 46%; padding:2% 2% 2% 4%;}
.business .icon-2-main a:hover {background-color:#aaaaae; color:#333}
.business .icon-2-main-active a {float:left;background: url(../images/audio.png) no-repeat; background-size:9% auto; background-position:7% 47%; padding:2% 2% 2% 4%;}
.business .icon-2-main-active a {background-color:#aaaaae; color:#333}

.icon-3-main a{ float:left;background: url(../images/High-end-audio-w.png) no-repeat; background-size:9% auto; background-position:7% 46%; padding:2% 2% 2% 4%;}
.icon-3-main a:hover{ float:left;background: url(../images/High-end-audio.png) no-repeat; background-size:9% auto; background-position:7% 46%; padding:2% 2% 2% 4%;}
.icon-3-main a:hover {background-color:#cac1b8;color:#666 }
.icon-3-main-active a {float:left;background: url(../images/High-end-audio.png) no-repeat;background-size:9% auto; background-position:7% 46%; padding:2% 2% 2% 4%;}
.icon-3-main-active a {background-color:#cac1b8; color:#666}

.icon-4-main a{ float:left;background: url(../images/heimkino-w.png) no-repeat; background-size:11% auto; background-position:7% 46%; padding:2% 2% 2% 4%;}
.icon-4-main a:hover{ float:left;background: url(../images/heimkino.png) no-repeat; background-size:11% auto; background-position:7% 46%; padding:2% 2% 2% 4%;}
.icon-4-main a:hover {background-color:#cac1b8;color:#666 }
.icon-4-main-active a {float:left;background: url(../images/heimkino.png) no-repeat;background-size:11% auto; background-position:7% 46%; padding:2% 2% 2% 4%;}
.icon-4-main-active a {background-color:#cac1b8; color:#666}

.icon-5-main a{ float:left;background: url(../images/services-w.png) no-repeat; background-size:11% auto; background-position:7% 46%; padding:2% 2% 2% 3%;}
.icon-5-main a:hover{ float:left;background: url(../images/services.png) no-repeat; background-size:11% auto; background-position:7% 46%; padding:2% 2% 2% 3%;}
.icon-5-main a:hover {background-color:#cac1b8;color:#666 }
.icon-5-main-active a {float:left;background: url(../images/services.png) no-repeat;background-size:11% auto; background-position:7% 46%; padding:2% 2% 2% 3%;}
.icon-5-main-active a {background-color:#cac1b8; color:#666}

.business .icon-5-main a{ float:left;background: url(../images/services-w.png) no-repeat; background-size:11% auto; background-position:7% 46%; padding:2% 2% 2% 3%;}
.business .icon-5-main a:hover{ float:left;background: url(../images/services.png) no-repeat; background-size:11% auto; background-position:7% 46%; padding:2% 2% 2% 3%;}
.business .icon-5-main a:hover{background-color:#aaaaae; color:#333}
.business .icon-5-main-active a {float:left;background: url(../images/services.png) no-repeat;background-size:11% auto; background-position:7% 46%; padding:2% 2% 2% 3%;}
.business .icon-5-main-active a {background-color:#aaaaae; color:#333}

.icon-6-main a{ float:left;background: url(../images/team-w.png) no-repeat; background-size:16% auto; background-position:10% 46%; padding:2% 2% 2% 4%;}
.icon-6-main a:hover{ float:left;background: url(../images/team.png) no-repeat; background-size:16% auto; background-position:10% 46%; padding:2% 2% 2% 4%;}
.icon-6-main a:hover {background-color:#cac1b8;color:#666 }
.icon-6-main-active a {float:left;background: url(../images/team.png) no-repeat; background-size:16% auto; background-position:10% 46%; padding:2% 2% 2% 4%;}
.icon-6-main-active a {background-color:#cac1b8; color:#666}

.business .icon-6-main a{ float:left;background: url(../images/team-w.png) no-repeat; background-size:16% auto; background-position:10% 46%; padding:2% 2% 2% 4%;}
.business .icon-6-main a:hover{ float:left;background: url(../images/team.png) no-repeat; background-size:16% auto; background-position:10% 46%; padding:2% 2% 2% 4%;}
.business .icon-6-main a:hover {background-color:#aaaaae; color:#333}
.business .icon-6-main-active a {float:left;background: url(../images/team.png) no-repeat; background-size:16% auto; background-position:10% 46%; padding:2% 2% 2% 4%;}
.business .icon-6-main-active a {background-color:#aaaaae; color:#333}

/*BTN */
.btn-default { float:left;color:#FFF;text-decoration:none;padding:1% 4% 1% 4%;margin:0 auto 0 auto; width: auto; cursor:pointer; text-transform: uppercase}
.btn-default:hover{color:#FFF; background: rgba(255, 255, 255, 0.4);}
.btn-default a{text-decoration:none;color:#FFF;}
.btn-default {border:#FFF solid 1px;font-size: 1.0vw; line-height:1.0vw;}

/*.btn-default {
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
}
*/

.btn-default-dark {
  background:#bcb1a6;
  border: solid 1px #bcb1a6;
  color:#FFF;
  padding:1.0em 1.5em;margin:1.0em auto 0% auto;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-size: 0.8vw; line-height:0.8vw;
  font-family:proximanova-bold;
  text-transform: uppercase;
}
.btn-default-dark:hover {background:#91867d;border: solid 1px #91867d; color: #FFF;} 

@media screen and (max-width:720px) {
	
	.btn-default-dark {font-size: 2.8vw; line-height:2.8vw;}
	
}

.transparent-bg-images-1 .internal-link { float:left;color:#FFF;text-decoration:none;padding:1% 4% 1% 4%;margin:0 auto 0 auto; width: auto; cursor:pointer; text-transform: uppercase}
.transparent-bg-images-1 .internal-link:hover{color:#FFF; background: rgba(255, 255, 255, 0.4);}
.transparent-bg-images-1 .internal-link a{text-decoration:none;color:#FFF;}
.transparent-bg-images-1 .internal-link {border:#FFF solid 1px;font-size: 1.0vw; line-height:1.0vw;}

/*.transparent-bg-images-1 .internal-link {
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
}
*/

.diagonal-colors-2 .btn-default { float:left;color:#444;text-decoration:none;padding:1% 4% 1% 4%;margin:0 auto 0 auto; width: auto; cursor:pointer;text-transform: uppercase}
.diagonal-colors-2 .btn-default:hover{color:#444; background: rgba(0, 0, 0, 0.4);}
.diagonal-colors-2 .btn-default a{text-decoration:none;color:#444;}
.diagonal-colors-2 .btn-default { border:#444 solid 1px;font-size: 1.0vw; line-height:1.0vw;}

.business .diagonal-colors-2 .btn-default { float:left;color:#FFF;}
.business .diagonal-colors-2 .btn-default:hover{color:#fff; background: rgba(255, 255, 255, 0.4);}
.business .diagonal-colors-2 .btn-default a{text-decoration:none;color:#FFF;}
.business .diagonal-colors-2 .btn-default { border:#FFF solid 1px;font-size: 1.0vw; line-height:1.0vw;}

.news-single-files .btn-default { float: inherit;padding:1% 4% 1% 4%;margin:0 auto 0 auto; width: auto; cursor:pointer;  background:#8d7d75; text-transform: uppercase}
.news-single-files .btn-default:hover{color:#444; background: rgba(0, 0, 0, 0.4);}
.news-single-files .btn-default a{text-decoration:none;color:#FFF;}
.news-single-files .btn-default { border: none;font-size: 1.0vw; line-height:1.0vw;}

.company .news-single-files .btn-default { float: inherit;padding:1% 4% 1% 4%;margin:0 auto 0 auto; width: auto; cursor:pointer;  background:rgba(66,96,112, 1.0); text-transform:none}
.company .news-single-files .btn-default:hover{color:#444; background: rgba(0, 0, 0, 0.4);}
.company .news-single-files .btn-default a{text-decoration:none;color:#FFF;}
.company .news-single-files .btn-default { border: none;font-size: 1.0vw; line-height:1.0vw;}


.transparent-bg-images-1 .external-link-new-window { float:left;color:#FFF;text-decoration:none;padding:1% 4% 1% 4%;margin:0 auto 0 auto; width: auto; cursor:pointer; text-transform: uppercase}
.transparent-bg-images-1 .external-link-new-window:hover{color:#FFF; background: rgba(255, 255, 255, 0.4);}
.transparent-bg-images-1 .external-link-new-window a{text-decoration:none;color:#FFF;}
.transparent-bg-images-1 .external-link-new-window {border:#FFF solid 1px;font-size: 1.0vw; line-height:1.0vw;}


.diagonal-colors-1 .external-link-new-window { float:left;color:#FFF;text-decoration:none;padding:1% 4% 1% 4%;margin:0 auto 0 auto; width: auto; cursor:pointer; text-transform: uppercase}
.diagonal-colors-1 .external-link-new-window:hover{color:#FFF; background: rgba(255, 255, 255, 0.4);}
.diagonal-colors-1 .external-link-new-window a{text-decoration:none;color:#FFF;}
.diagonal-colors-1 .external-link-new-window {border:#FFF solid 1px;font-size: 1.0vw; line-height:1.0vw;}

@media screen and (max-width:1320px) {
.btn-default { display:block;border:#FFF solid thin;font-size: 1.2vw; line-height:1.2vw;padding:2% 4% 2% 4%;}
.diagonal-colors-2 .btn-default { border:#444 solid 1px;font-size: 1.2vw; line-height:1.2vw;padding:2% 4% 2% 4%;}
.transparent-bg-images-1 .internal-link {border:#FFF solid thin;font-size: 1.2vw; line-height:1.2vw;padding:2% 4% 2% 4%;}
}

@media screen and (max-width:720px) {
.btn-default { display:block;border:#FFF solid thin;font-size: 4.0vw; line-height:4.0vw;padding:4% 6% 4% 6%;}
.diagonal-colors-2 .btn-default { border:#444 solid 1px;font-size: 4.0vw; line-height:4.0vw;padding:4% 6% 4% 6%;}
.transparent-bg-images-1 .internal-link {border:#FFF solid thin;font-size: 4.0vw; line-height:4.0vw;padding:4% 6% 4% 6%;}
}

/*SOCIAL-ICONS NEW*/
.social-box-new {padding: 0.2em 0em 1.0em 0; margin: 0 0 0 -0.0em; width:100%; float:right; text-align: right;}
.social-box-new li{ list-style:none; display: inline-block;margin:0; padding: 0.0em 0.0em 0.4em 0.0em; text-align:right;}
.social-box-new img{width: 2.8em;height: auto;padding:0 0.2em;}
.social-box-new .border img{ border-left:#999999 solid 1px; }
@media screen and (max-width:720px) {      
    .social-box-new {padding: 2.0em 0em 0.4em 0; margin: 0; width:100%; float:inherit;text-align:center; }
    .social-box-new li{ list-style:none; display: inline-block;margin:0; padding: 0.0em 0.4em 0.4em 0; text-align: left;}
    .social-box-new img{width: 2.5em;height: auto;}
}

/*##### SOCIAL MEDIA FOOTER ##########*/
.footer-box { position:relative; z-index:4;float:left;width:100%;padding:2% 0 2% 0; margin:0 0 0px 0; text-align:center;background:#292929;font-size: 1.2vw; line-height:1.0vw; }
.footer-box-left {float: left; width:47%;padding:1% 0% 1% 3%;color:#999; text-align:left;}
.footer-box-right{float: right; width:48%;padding:1% 2% 1% 0;color:#999 }
.footer-box a{color:#999}

.social-box {padding:0% 0 0% 0; }	

.icon-facebook { float: right;border-right:#999 solid thin;padding:0 1em;color:#999}
.icon-google { float: right;border-right:#999 solid thin;padding:0 1em; }
.icon-xing { float: right;border-right:#999 solid thin;padding:0 1em; }
.icon-twitter { float: right;border-right: none;padding:0 1em; }

.fa-facebook {color:#999} .fa-facebook:hover {color:#edd9d2}
.fa-google-plus {color:#999} .fa-google-plus:hover {color:#edd9d2}
.fa-xing {color:#999} .fa-xing:hover {color:#edd9d2}
.fa-twitter {color:#999} .fa-twitter:hover {color:#edd9d2}  

@media screen and (max-width:720px) {
.footer-box {padding:4% 0 4% 0; margin:0 0 0px 0; text-align:center;background:#292929;font-size: 4.2vw; line-height:4.0vw; }
.footer-box-left {float: left; width:97%;padding:1% 0% 1% 3%;color:#999; text-align:center;font-size: 4.2vw; line-height:8.0vw;}
.footer-box-right{float: left; width:98%;padding:1% 2% 1% 0;color:#999; text-align:center; }
.social-box {padding:6% 14% 12% 0; }	

.icon-facebook { float: right;border-right:#999 solid thin;padding:0 1em;color:#999}
.icon-google { float: right;border-right:#999 solid thin;padding:0 1em; }
.icon-xing { float: right;border-right:#999 solid thin;padding:0 1em; }
.icon-twitter { float: right;border-right: none;padding:0 1em; }
}

.btn-events { float:left;color:#999;text-decoration:none;padding:1.2% 1em 1% 2em;margin:0 2% 0 0; width: auto; cursor:pointer; text-transform:uppercase}
.btn-events:hover{color:#999; background-color: rgba(255, 255, 255, 0.2);}
.btn-events a{text-decoration:none;color:#FFF;}
.btn-events { width:auto;background: url(../images/events.png) no-repeat; background-size: 13% auto; background-position:10% center;}


.btn-login { float:left;color:#999;text-decoration:none;padding:1.2% 1em 1% 2em;margin:0 2% 0 0; width: auto; cursor:pointer; text-transform:uppercase}
.btn-login:hover{color:#999; background-color: rgba(255, 255, 255, 0.2);}
.btn-login a{text-decoration:none;color:#FFF;}
.btn-login { width:auto;background: url(../images/login.png) no-repeat; background-size: 13% auto; background-position:10% center;}

.btn-jobs { float:left;color:#999;text-decoration:none;padding:1.2% 1em 1% 2em;margin:0 2% 0 0; width: auto; cursor:pointer; text-transform:uppercase}
.btn-jobs:hover{color:#999; background-color: rgba(255, 255, 255, 0.2);}
.btn-jobs a{text-decoration:none;color:#FFF;}
.btn-jobs { width:auto;background: url(../images/team-g.png) no-repeat; background-size: 17% auto; background-position:10% center;}

.btn-teamviewer { float:left;color:#999;text-decoration:none;padding:1.2% 1em 1% 2.4em;margin:0 2% 0 0; width: auto; cursor:pointer; text-transform:uppercase}
.btn-teamviewer:hover{color:#999; background-color: rgba(255, 255, 255, 0.2);}
.btn-teamviewer a{text-decoration:none;color:#FFF;}
.btn-teamviewer { width:auto;background: url(../images/teamviewer.png) no-repeat; background-size: 13% auto; background-position:10% center;}


@media screen and (max-width:720px) {
.btn-login {margin:0 2% 0 8%; width: auto; cursor:pointer; text-transform:uppercase}
.btn-teamviewer {display:none; visibility:hidden}
}

/*ICONS*/

.e-mail{ width:auto;background: url(../images/mail.png) no-repeat; background-size: 12% auto; background-position:left center; padding:2% 0 2% 1em;}
.e-mail{ font-size: 1.2vw; line-height:1.2vw;}
.fone { width:auto;background: url(../images/phone.png) no-repeat; background-size: 12% auto; background-position:left center; padding:2% 0 2% 1.3em; margin-right:6%;}
.fone { font-size: 1.2vw; line-height:1.2vw;}


.e-mail-1{ width:auto;background: url(../images/mail.png) no-repeat; background-size: 12% auto; background-position:left center; padding:2% 0 2% 1.3em;}
.e-mail-1{ font-size: 1.2vw; line-height:1.2vw;}
.fone-1 { width:auto;background: url(../images/phone.png) no-repeat; background-size: 12% auto; background-position:left center; padding:2% 0 2% 1.3em; margin-right:4%;}
.fone-1 { font-size: 1.2vw; line-height:1.2vw;}

.e-mail-2{ width:auto;background: url(../images/mail-w.png) no-repeat; background-size: 12% auto; background-position:left center; padding:2% 0 2% 1.3em;}
.e-mail-2{ font-size: 1.2vw; line-height:1.2vw;}
.fone-2 { width:auto;background: url(../images/phone-w.png) no-repeat; background-size: 12% auto; background-position:left center; padding:2% 0 2% 1.3em; margin-right:4%;}
.fone-2 { font-size: 1.2vw; line-height:1.2vw;}

.detail { width:auto;background: url(../images/phone.png) no-repeat; background-size: 12% auto; background-position:left center; padding:2% 0 2% 2%;}
.detail { font-size: 1.2vw; line-height:1.2vw;}

@media screen and (max-width:1320px) {
.e-mail{ font-size: 1.6vw; line-height:1.6vw;}
.fone { font-size: 1.6vw; line-height:1.6vw;}

.e-mail-1{ font-size: 1.6vw; line-height:1.6vw;}
.fone-1 { font-size: 1.6vw; line-height:1.6vw;}

.e-mail-2{ font-size: 1.6vw; line-height:1.6vw;}
.fone-2 { font-size: 1.6vw; line-height:1.6vw;}

.detail { font-size: 1.6vw; line-height:1.6vw;}
}

@media screen and (max-width:720px) {
.e-mail{ width:auto;background: url(../images/mail.png) no-repeat; background-size: 12% auto; background-position:left center; padding:2% 0 2% 6%;}
.e-mail{display: block; font-size: 6.2vw; line-height:6.2vw; width:60%;margin:5% 0 0 18%;}
.fone { width:auto;background: url(../images/phone.png) no-repeat; background-size: 12% auto; background-position:left center; padding:2% 0 2% 6%; }
.fone {display: block; font-size: 6.2vw; line-height:6.2vw;width:60%;margin:0% 0 0 18%;}

.e-mail-1{ width:auto;background: url(../images/mail.png) no-repeat; background-size: 12% auto; background-position:left center; padding:2% 0 2% 1.3em;}
.e-mail-1{font-size: 5.0vw; line-height:5.0vw;}
.fone-1 { width:auto;background: url(../images/phone.png) no-repeat; background-size: 12% auto; background-position:left center; padding:2% 0 2% 1.3em; margin-right:4%;}
.fone-1 {font-size: 5.0vw; line-height:5.0vw;}	

.e-mail-2{ width:auto;background: url(../images/mail-w.png) no-repeat; background-size: 12% auto; background-position:left center; padding:2% 0 2% 1.3em;}
.e-mail-2{font-size: 5.0vw; line-height:5.0vw;}
.fone-2 { width:auto;background: url(../images/phone-w.png) no-repeat; background-size: 12% auto; background-position:left center; padding:2% 0 2% 1.3em; margin-right:4%;}
.fone-2 {font-size: 5.0vw; line-height:5.0vw;}
}
/* HAMBURGER ICONS COMPONENT */
#nav-icon-box-detail { display:block; visibility:visible}
#close-icon-box { display:none; visibility:hidden}
#close-icon-box-2 { display:block; visibility:visible}
#close-icon-box-3 { display:block; visibility:visible}
#close-icon-box-4 { display:block; visibility:visible}

/*hamburger*/
.nav-icon-box { position: fixed; z-index:9999999; right:20px; top:15px;margin:0px 0px 0% 0%; padding:0px;opacity:1;transition:all 1s ease;}

.close-icon-box-1 { position: fixed; z-index:9999;right:4%; top:2%;margin:0px 0px 0% 0%; padding:0px;opacity:1;transition:all 1s ease; cursor:pointer}
.close-icon-box-2 { position: fixed; z-index:9999;left:2%; top:2%;margin:0px 0px 0% 0%; padding:0px;opacity:1;transition:all 1s ease; cursor: pointer}
.close-icon-box-3 { position: fixed; z-index:9999;right:4%; top:1.3em;margin:0px 0px 0% 0%; padding:0px;opacity:1;transition:all 1s ease; cursor: pointer}
.close-icon-box-4 { position: fixed; z-index:9999;right:5%; top:3%;margin:0px 0px 0% 0%; padding:0px;opacity:1;transition:all 1s ease; cursor:pointer}

@media screen and (max-width:720px) {
	
.close-icon-box-3 { position: fixed; z-index:9999;right:2em; top:0.5em;margin:0px 0px 0% 0%; padding:0px;opacity:1;transition:all 1s ease; cursor: pointer}
	
}


/*hamburger*/

.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  font-size:20px;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          transition: background 0.3s; 
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 14px;
  left: 0px;
  right: 0px;
  height: 2px;
  background: #FFF;
}

.intro .c-hamburger span {
  display: block;
  position: absolute;
   top: 14px;
  left: 0px;
  right: 0px;
  height: 2px;
  background:#FFF;
}

.detail .c-hamburger span {
  display: block;
  position: absolute;
   top: 14px;
  left: 0px;
  right: 0px;
  height: 2px;
  background:#FFF;
}

.c-hamburger span::before, .c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background:#FFF;
  content: "";
}

.intro .c-hamburger span::before, .intro .c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background:#FFF;
  content: "";
}

.detail .c-hamburger span::before, .detail .c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background:#FFF;
  content: "";
}

.c-hamburger span::before {
  top: -10px;
}

.c-hamburger span::after {
  bottom: -10px;
}



/**
 * Style 2
 * 
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.c-hamburger--htx {
}

.c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
          transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.c-hamburger--htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
		  background:#4d4d4d;
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
		  background:#4d4d4d;
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}

/*CLOSE-ICON*/
.close {
  position: absolute;
  display:block;
  width: 30px;
  height: 30px;
  opacity: 1; 
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 30px;
  width: 2px;
  background-color: #23272a;
}
/*SEARCH*/
.close-icon-box-4 .close {width: 20px; height: 20px;}
.close-icon-box-4 .close:before {width: 4px;height: 20px;}
.close-icon-box-4 .close:after {width: 4px;height: 20px;}

.close:before {
   -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}


.close-2 {
  position: absolute;
  display:block;
  width: 30px;
  height: 30px;
  opacity: 1; 
}
.close-2:hover {
  opacity: 1;
}
.close-2:before, .close-2:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 30px;
  width: 2px;
  background-color: #FFF;
}
.close-2:before {
   -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close-2:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* preloader animation*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:#fff;

  z-index: 999999;}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -100px 0 0 -100px; }

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 2px solid transparent;
  border-top-color: #484848;
  z-index: 1500;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -o-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 1001; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*# sourceMappingURL=main.css.map */



/**************** login form *********************/
.login-form {background-color:#FFF; border:solid 1px #8b837a;width: auto; text-align:left;font-size: 1.0vw; line-height:1.6vw;margin:1% 0 1% 0%; padding:0.4%; text-align:center }
.login-form-submit { background-color:#000; border:none;text-transform:uppercase; color:#FFF;padding:1% 2%; margin:6% 0 4% 0%; cursor:pointer;text-align:left;font-size: 1.0vw; line-height:1.0vw;}

.frame-type-felogin_login {position: relative; width: 30%; padding: 0 35%; text-align: center;}
.frame-type-felogin_login h3{ display: none;}
.frame-type-felogin_login legend{ display: none;}
.frame-type-felogin_login p{ display: none;}
.frame-type-felogin_login input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #000;
    background: #FFF;
  box-sizing: border-box;
}
.frame-type-felogin_login input[type=password], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #000;
    background: #FFF;
  box-sizing: border-box;
}

.frame-type-felogin_login input[type=submit] {
  width: 100%;
  border: 1px solid #000;
  background-color: #000;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border-radius: 4px;
  cursor: pointer;
}

@media screen and (max-width:720px) {
    
    
	.frame-type-felogin_login {position: relative; width: 80%; padding: 0 10%; text-align: center;}
	#kesearch_results { position:relative; width:70%; margin:0 auto; min-height:400px;padding:2% 0 6% 0;text-align:left}
	
}

/*POWERMAIL*/ 

/*placeholder*/
.projektanfrage ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#666;
    opacity: 1; /* Firefox */
}

.projektanfrage ::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#666;
}

.projektanfrage ::-ms-input-placeholder { /* Microsoft Edge */
    color:#666;
}
/*placeholder*/

.projektanfrage {float: left; width: 50%; padding: 0em 0 8em 25%; color:#000; text-align: center;font-size: 1.4vw; line-height:2.2vw;}
			
.projektanfrage h2 {padding:10% 25% 0em 25%; margin:0.5em 0 0em 0;text-align: center;text-transform:uppercase; color: #000; font-weight: 100;}
.projektanfrage p{ display:block; visibility:visible;}


.projektanfrage p{padding:0 10% 0% 10%;}
.projektanfrage .control-label{ display:none; visibility:hidden}
 
 

.powermail_field {text-align: center;}
.checkbox {width:auto; margin: 2% 2% 0 2%; display: inline-block; vertical-align:top;font-size: 1.2vw; line-height:1.2vw;}

input[type=checkbox] {
    transform: scale(1.5);  
    vertical-align: top;
}

.powermail_label{font-weight: 300;}
.tx-powermail li{list-style: none; color: #e40521; padding: 1em 0 0.5em 0; margin: 0; text-align: left; display: block;}
.tx-powermail ul {padding: 0; margin: 0;}

.tx-powermail {float: left; width:90%;padding:0% 5% 4em 5% ;}

.tx-powermail h3 {display: none; visibility: hidden;}

.powermail_legend {display: none; visibility: hidden;}
.powermail_label { float: left;width: 40%; text-align: left;padding:0.3em 0; display: none;}

.powermail_input {width: 100%; }
.powermail_fieldwrap_type_submit {width: 100%;}

.powermail_submit {
  background:none;
  border: solid 1px #000;
  color:#000;
  padding:0.5em 2.0em;margin:2.0em auto 0% auto;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-size: 1.2vw; line-height:1.2vw;
  font-weight: 300;
   font-family:proximanova-light;
    -webkit-border-radius:0; -webkit-appearance: none;
}


.powermail_fieldwrap_type_input{float: left; width: 46%; padding:1% 2%;}
.powermail_fieldwrap_type_textarea {float: left; width: 96%; padding:1% 2%;}

.powermail_input {
  float: left;
  display: block;
  width: 100%;
  margin: 0%;
  border: 1px solid #000;
  padding: 0.5em 0.5em;
  background-color:transparent;
  color: #000;
  font-size: 1.2vw; line-height:1.2vw;
    font-family:proximanova-light;
    -webkit-border-radius:0; -webkit-appearance: none;
}
.powermail_textarea {
  float: left;
  display: block;
  width: 100%;
  border: 1px solid #000;
  padding: 0.5em 0.5em;
  background-color: transparent;
  color: #000;
  font-size: 1.2vw; line-height:1.8vw;
    font-family:proximanova-light;
    -webkit-border-radius:0; -webkit-appearance: none;
}

@media screen and (max-width:980px) {
    
    .powermail_input { font-size: 2.2vw; line-height:2.8vw;}
    .powermail_textarea { font-size: 2.2vw; line-height:2.8vw;}
    .checkbox {font-size: 2.2vw; line-height:2.8vw;}
    .powermail_submit  {font-size: 2.2vw; line-height:2.8vw;}
    
}

@media screen and (max-width:480px) {
    
    .powermail_field {text-align: left;}
    .checkbox {width:96%; float: left; margin: 2% 2% 2% 2%; text-align: left; display:inherit; vertical-align:inherit;font-size: 4.2vw; line-height:4.2vw;}
    
    .tx-powermail li{font-size: 5.2vw; line-height:6.8vw;}
    
    .projektanfrage h2 {padding:10% 25% 0em 25%; margin:1em 0 0em 0;}
	.tx-powermail {float: left; width:100%;padding:5% 0% 4em 0% ; text-align: center;}
	
	.powermail_input {font-size: 5.2vw; line-height:6.8vw;-webkit-border-radius:0; -webkit-appearance: none;}
    .powermail_textarea {font-size: 5.2vw; line-height:6.8vw;-webkit-border-radius:0; -webkit-appearance: none;}
	
	.powermail_label {width: 90%; text-align: left;padding:0.3em 0;}
	.powermail_field { width: 90%;  text-align: center;padding:0.3em 0;}
    
    .powermail_fieldwrap_type_input{ width: 98%; padding:1% 1%;}
    .powermail_fieldwrap_type_textarea {float: left; width: 98%; padding:1% 1%;}
    
    .powermail_submit {
      background:none;
      padding:0.5em 2.0em;margin:2.0em auto 0% 10%;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      cursor: pointer;
      transition: .5s ease-in-out;
      font-size: 5.2vw; line-height:6.8vw;
      font-weight: 300;
    }
	
}

/*COOKI-EXT*/

[data-omcookie-panel-show] {
  cursor: pointer;
}
.om-cookie-panel {
  padding:1% 8%;
  z-index: 9999;
  background: #e8e4df;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  opacity: 0;
  box-sizing: border-box;
  border-top: 0px solid #666;
  font-size: 0.9vw; line-height:1.4vw;
  transform: translateY(100%) translateX(0);
  transition: transform 0.5s ease, opacity 0.3s;
  text-align:left;
  color: #111;
}

.om-cookie-left {float: left; width: 50%;}
.om-cookie-right {float:right; text-align:right; width: 50%; padding: 1em 0 0 0;}
.om-cookie-panel a{color: #625b54;text-decoration: none;font-family:proximanova-bold;}

.om-cookie-panel.active {
  transform: translateY(0) translateX(0);
  opacity: 1;
}

.om-cookie-panel p {
  margin: 0;
  padding: 1em 0;
}
.om-cookie-panel .cookie-panel__checkbox {
  display: none;float: left;
}
.om-cookie-panel .cookie-panel__checkbox + label {
  cursor: pointer;
  line-height: 1.1;
  font-weight: 400;
  display: block;
}
.om-cookie-panel .cookie-panel__checkbox + label::before {
  width: 15px;
  height: 15px;
  border-radius: 5px;
  border: 1px solid #625b54;
  background-color: #fff;
  display: block;
  content: "";
  float: left;
  margin:0em 0.5em 0 0;
}
.om-cookie-panel .cookie-panel__checkbox:checked + label::before {
  box-shadow: inset 0 0 0 3px #fff; 
  background-color: #625b54;
}
.om-cookie-panel .cookie-panel__checkbox--state-inactiv + label::before {
  border-color: #625b54;border: 2px solid #000;
}
.om-cookie-panel .cookie-panel__checkbox--state-inactiv:checked + label::before {
  background-color: #625b54;border: 2px solid #000;
}
.om-cookie-panel .cookie-panel__checkbox-wrap {
  display: inline-block;padding: 0 1em 0 0;
  line-height: 1.1;
}
.om-cookie-panel .cookie-panel__checkbox-wrap + .cookie-panel__checkbox-wrap {
  margin:0 0 0.5em 0.5em;
}
.om-cookie-panel .cookie-panel__description {
  clear: both;
   
}
.om-cookie-panel .cookie-panel__link {
  padding-top: 1em;
}

.cookie-panel__control {}

.om-cookie-panel .cookie-panel__button {
  background:#625b54;
  border: solid 1px #625b54;
  color:#FFF;
  padding: 1.0em 1.0em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 2.0em 0.8em 1em 0.5em;
  font-size: 0.7em; line-height: 0.7em;
  cursor: pointer;
  border-radius: 0em;
}
.om-cookie-panel .cookie-panel__button + .cookie-panel__button {
  margin-top: 15px;
}

.om-cookie-panel .cookie-panel__button--color--green {
  background-color:none;border: solid 1px #625b54;
}
.om-cookie-panel .cookie-panel__attribution {
  position: absolute;
  bottom: 5px;
  right: 25px;
  font-size: 9px;
  font-style: italic;
  text-align: center;
}
.om-cookie-panel .cookie-panel__attribution a {
  color: inherit;
  text-decoration: none;
}
.om-cookie-info table {
  border: 1px solid black;
  border-collapse: collapse;
}
.om-cookie-info table th,
.om-cookie-info table td {
  padding: 10px 5px;
  border: 1px solid black;
}
.om-cookie-info table p {
  margin-top: 0;
}
.om-cookie-info table p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (max-width:480px) {
    
    .om-cookie-panel {padding:2em 5% 3em 5%;font-size: 3.6vw; line-height:4.6vw;}
    .om-cookie-left {float: left; width: 100%;}
    .om-cookie-right {float:right; text-align: center; width: 100%; padding: 1em 0 0 0;}
    .om-cookie-panel .cookie-panel__checkbox-wrap + .cookie-panel__checkbox-wrap {
      margin:0 0em 1.0em 0.0em;
    }
    .om-cookie-panel .cookie-panel__button {margin: 2.0em 0.5em 0.3em 0;padding: 2.0em 1.0em;}

    
}
/*# sourceMappingURL=cookie_panel.css.map */