/*  Customer Project Styles  */

body, html {min-height: 100%; min-width: 100%;}
body{
    color: #262626;
    position: relative;
}

a, p > a, .mail{color: #3e0100 !important; background-color:transparent !important;}
a:hover ,p > a:hover, a:focus, p>a:focus{color: #3e0100; text-decoration:underline;}
.container.mna{padding-left:20px;padding-right:20px;}
a:focus, a:active {outline:none;font-weight:600;}
.row{margin-left:-15px;}
h1, h2, h3, h4, h5, h6{text-transform:uppercase;font-weight: 600;}
h1, h2, h3{font-size:24px;}
.h1, .h2, .h3, h1, h2, h3{margin-bottom: 12px;margin-top:26px;font-weight: 600;}
.h1, .h2, .h3, h1, h2, h3, p{color:#3d0400;}
h1,h2{margin-top:0;padding-top:0;}
p {font-family: 'Open Sans';font-style: normal;font-size:14px;line-height:23px; }
strong {font-family: 'Open Sans';font-weight: 600;}
h1,.h1{font-size:24px;}
li:hover, .btn:hover, .btn-default:hover {  
		background:transparent;
		background-color:transparent;
		background-image:none;
}

.full-bg, .carousel-item{
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
}
.full-height {
	position: fixed !important;
	top: 0px;
	border-bottom:0 none;

}

.page-title {margin: 105px 0 0 ;}
.hidden {display:none;}

.header{
	background-color: rgba(255,255,255, .5);
	height:90px;
	width:100%;
	z-index: 5000;
}

	.imgList {
		width:100%;
		height: auto;
		max-width:428px;
	}

@media screen and (max-width:379px){
  body{padding-left:0;padding-right:0;}
  .carousel-inner {min-height:0; min-width:0;}
  .modal .carousel-item { background-size:100%;}
  .projTitel {max-width:50%;}
  .container {padding: 0 10px;}

	.imgList {
		width:100%;
		height: auto;
		max-width:353px;
	}

}

@media only screen min-width:481px) and (max-width:520px){  
    body{padding-left:0 !important;padding-right:0 !important;} 
}

@media only screen and min-width:521px) and (max-width: 640px){
  .container{
    display: block;
    width: 100%;
  }
	.imgList {
		width:100%;
		height: auto;
		max-width:353px;
	}
 
}

@media only screen and min-width:1320px) {
	.imgList {
		width:100%;
		height: auto;
		max-width:428px;
	}
 
}



/* CAROUSEL */
.carousel-item {
	width: 100vw;
	height: 100vh;
}
.carousel-item img {
	width: 100vw;
	object-fit: cover;
}

.portfolio-gallery {margin-top: 10em;}

/* FILTER BUTTONS */
.filters-buttons-container {
    background-image:none;
    background-color:transparent;
    border:none;
    margin:30px auto 30px; 
    text-align:center; 
    text-transform:uppercase;
}
.filters-buttons-container:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
} 
.filters-buttons-group{
    -webkit-appearance: value;
    -moz-appearance:    value;
    appearance:         value;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    display: inline-block;
    background-image:none;
 }
.filters-buttons-group>li{
    display: inline-block;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    -webkit-appearance: value;
    -moz-appearance:    value;
    appearance:         value;      
    background-image:none;
    color: #212529;*/
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-background-color:transparent;
    background-color: transparent;
    border:0solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;   
}
.filters-buttons-group>li:last-child{
    margin-right: 0 !important;
}
.filters-buttons-group>li .filter-button{
    -webkit-box-sizing: content-box ; /* Safari/Chrome, other WebKit */
       -moz-box-sizing: content-box ;    /* Firefox, other Gecko */
            box-sizing: content-box ;         /* Opera/IE 8+ */
    vertical-align: top;
    border: 0 none;
    display: inline;
    cursor: pointer;
    color: #6C6C6C;
    font-size: 15px;
    height: 38px;
    line-height: 38px;
    text-decoration: none;
    margin: 0;
    padding: 0 15px;
    -webkit-background-color:transparent;
    background-color: transparent;
    background-image:none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-transition: border .1s;
       -moz-transition: border .1s;
         -o-transition: border .1s;
        -ms-transition: border .1s;
            transition: border .1s;
     -webkit-appearance: value;
     -moz-appearance:    value;
     appearance:         value;      
}
.filters-buttons-group>li .filter-button:hover{
    text-decoration: none;
    border: 0 none;
}
.filters-buttons-group>li .filter-button .selected,.filters-buttons-group>li .filter-button .active, .filters-buttons-group>li .filter-button:active,.filters-buttons-group>li .filter-button:hover{
    background: transparent; 
    color: #3D3D3D ;
    background-image:none;
}
.filters-buttons-group>.filter-button { 
	-webkit-background-color:transparent; 
	background-color:transparent; color:#6C6C6C;
}
.filters-buttons-group>.filter-button:hover, .filters-buttons-group>.filter-button .active, .filters-buttons-group>.filter-button:active,
.filters-buttons-group>.li:hover, .filters-buttons-group>.li .active, .filters-buttons-group>.li:active {
   -webkit-background-color:transparent;
   background-color:transparent;
   background-image:none;
   color: #3D3D3D; 
   font-weigth:bold; 
}
.filter-button {
  border: none;
  outline: none;
  padding: 12px 16px;
  -webkit-background-color:transparent;
  background-color: transparent;
  cursor: pointer;
  background-image:none;
}
.filters-button, .filters-button:hover, 
.filters-button:active, .filters-button:focus {
  -webkit-background-color:transparent; 
  -webkit-background:transparent;
  background:transparent;
  background-color:transparent; 
  background-image:none;
}

@media only screen and (min-width: 320px) {
.filters-buttons-container, 
.filters-buttons-container:hover,
.filters-buttons-container:active,
.filters-buttons-container:focus,
.filters-buttons-group,
.filters-buttons-group:hover,
.filters-buttons-group:active,
.filters-buttons-group:focus,
.filters-buttons-group.btn,
.filters-buttons-group.btn:hover,
.filters-buttons-group.btn:active,
.filters-buttons-group.btn:focus,
.filters-buttons-group.btn-default,
.filters-buttons-group.btn-default:hover,
.filters-buttons-group.btn-default:active,
.filters-buttons-group.btn-default:focus,
.filters-buttons-group.filter-button,
.filters-buttons-group.filter-button:hover,
.filters-buttons-group.filter-button:active,
.filters-buttons-group.filter-button:focus{background:#fff;background-color:#fff;background-image:none;background:#fff;}
.filters-buttons-container > li, 
.filters-buttons-container > .btn-default,
.filters-buttons-container > .filter-button,
.filters-buttons-container > li:hover, 
.filters-buttons-container > .btn-default:hover,
.filters-buttons-container > .filter-button:hover,
.filters-buttons-group > li,
.filters-buttons-group > .btn-default,
.filters-buttons-group > .filter-button,
.filters-buttons-group > li:hover,
.filters-buttons-group > .btn-default:hover,
.filters-buttons-group > .filter-button:hover {background-color:transparent;
ul#main-menu {background-color:#fff;top:-1px; }
}

/* MORDAL */
.modal-full {min-widtn:100%;min-height:100%;position:fixed;top:0;left:0;}
.modal {
  display: none; 
  position: fixed;
  z-index: 1055;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.modal-backdrop{background-color:#f2f2f2;}
.modal-dialog {max-width:100vw;width:100vh;height:100%;}
.modal-body {border:0 none; background-color: transparent;padding:0;}
.modal-full {width:100vw;height:100vh;margin:0;padding:0;background-position:center;background-repeat:no-repeat;background-size:cover;}
.modal-header .close {padding: .45rem 0;margin:0.3rem 0 0 0;}
.modal-header .close .mobileX {font-size:14px;}
.modal-header .close .deskX {display:none !important;}
.modal-header {border:0 none;border-radius:0; padding:0;width:100%;height:1px;}
.modal-header h4{font-size:14px;font-weight:normal;margin-top:86px; background-color:#fff;padding:10px 18px;color:#3E0100;z-index:20;}
.modal-header p {text-shadow:none;min-width:300px;}
.modal .carousel-item{
background-size: 100%;
	background-position-x: 50%, center;
}
.modal .carousel-item{
	background-size: 100%;
	background-position-x: 50%, center;
}
.modal-footer{display:none;}
.modal-inner {
     height:100vh !important;
 }

/* Modal-Title */
.modal-title {
	position: relative;
	z-index:500;
	background-color: #fff;
	color:#3D0400;
	padding:10px;
}


/* Modal Content */
.modal-content {
  position: relative;
  border:0 none;
  border-radius:0 none;
  box-shadow:none;
  margin: auto;
  padding: 0;
  width: 100vw;
}
/* The Close Button */
button.close {
  color: #fff;
  background-color:#3E0100 ;
  padding:10px 18px;
  position: absolute;
  top: 85px;
  right: 0;
  font-size: 14px;
  font-weight: 400;
  z-index:20;
  text-shadow:none;
}
button.close span, button.close p{margin:0;padding:0;color:#fff; }
.close {opacity: 1;}
.close:hover, .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
}
button.close.mobileX {
	font-size: 20px;
	padding-right:16px;
	padding-left:23px;
	margin-right:0;
}
button.close.mobileX span{
	text-align:center;
}
button.close.deskX {display:none} 
/* MORDAL CAROUSEL */
.modal.carousel-control {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  bottom: inherit;
  width: 45px;
  height: 45px;
  background: #777;
}
.modal.carousel-control:hover {
  background: #6a6a6a;
}
.modal.carousel-control.left, .carousel-control.right { background-image: none;}
.modal.carousel-control .fa { line-height: 45px;}
.modal.carousel-indicators { bottom: -90px;}
.modal.carousel-indicators > li {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  background-color: #fff;
}
.modal.carousel-indicators > li.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* carousel */
.modal.carousel-control {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  bottom: inherit;
  width: 45px;
  height: 45px;
  background: #777;
}
.modal.carousel-control:hover {
  background: #6a6a6a;
}
.modal.carousel-control.left, .carousel-control.right { background-image: none;}
.modal.carousel-control .fa { line-height: 45px;}
.modal.carousel-indicators { bottom: -90px;}
.modal.carousel-indicators > li {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  background-color: #fff;
}
.modal.carousel-indicators > li.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.overlay-image {
  display: block;
  width: 100%;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  width: 100%;
  opacity: 0;
  transition: .5s ease;   
  background-color:rgba(56,16,22, .8);
}
.overlay-container {position: relative; width: 100%; margin-bottom:30px;}
.overlay-container:hover .overlay {opacity: 1;}
.overlay h4 {font-weight:400;}
.overlay-text {
  color: white;
  font-size: 16px;
  font-weight:400;
  position: absolute;
  bottom: 5px;
  left: 50%;
  width:80%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: left;
}
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}
/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
.overlay-container {
  overlay: hidden;
}
.overlay-container img {
  margin-bottom: 0;
}
.overlay-container img:hover {
   transform: scale(1.02);
}
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}
img.hover-shadow {
  transition: 0.3s;
}
.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}



/* CARDS */
/* Presse Card */
.presseCard .card {
  width:94%;
  maxwidth:248px;
  height: 352px;
  color:#381016;
}
.presseCard .card-img {
  width: 100%;
  height: 100%;
  background-color: black; /* fallback color */
  background-position: center;
  background-size: cover;
  transition:all 0.3s ease-in-out;
  opacity:1;
  radius-radius: 0;
}
.card:hover .card-img,
.card:focus .card-img {
  transform: scale(1.02);
  opacity:0.5;
  border-radius: 0;
}

.presseCard.card-img-overlay h5, .presseCard.card-img-overlay p{
    visibility:hidden;
}
.presseCard .card h5, .presseCard .card p{
   color:transparent;
}
.presseCard .card:hover .card-img-overlay{
  transform: scale(1.02);
    background-color:rgba(56,16,22, .8);
    color:#fff;
}
.presseCard .card:hover h5, .presseCard .card:hover p{
   color:#fff;
}
.presseCard.card-img-overlay:hover h5, .presseCard.card-img-overlay:hover p{
    visibility: visible;
}
.presseCard .card:hover .presseCard .card-img-overlay p{
    font-size:1.5em;
}
.card h5 {font-size:18px;font-weight: bold;color:#fff;}
.card p,.card .body p {font-size:16px;color:#fff;}
.card .body {  
  display:none;
  position: absolute;
  color:#fff;
  padding: 0 1.5rem;
  bottom: 1.5rem;
}
.card:hover .body{display:block; }
.presseCard{margin-bottom:40px;/*margin-left:-15px;*/width:120vw;}

/* TEAM CARDS */
.teamcard > .card, .card{
  border: 0 none;
  max-width: 280px;
  display:block;
}
.teamCard {position:relative; margin:0 12% !important;}

.card .profilCard {
  border: 0 none;
  max-width: 280px;

  padding:10px;
  margin-bottom:30px;
  margin-right:30px;
}
.card.profilCard:first-child{
 padding-left:0;
}
.card.profilCard:last-child{
 margin-right:0;
}
.card.profilCard img{
  width:100%;
  height:100%;
}
.card .cardImg {
  padding:10px;
}
.profilCard h3, .profilCard h4, .profilCard p, .profilCard a{
  color:#3d0400;
  text-align:center;
}
.profilCard h3, .profilCard h4 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  margin-top:10px;
  margin-bottom:0px;
  text-align:center;
}
.profilCard p{
  font-size: 14px;
  color:#3d0400;
}
.cardExtended {
  position:absolute;
  z-index: 200;
  width:auto;  
  padding: 15px;
  border: 1px solid #ebebeb;
  background-color:#fff;
  top:60%;
}
.cardExtended p h3, .cardExtended h4, .cardExtended p{
  text-align:left !important;
}
.profilCard > .hideButton {
  position:relative;
   
  background-color:transparent;
  color:#fff;
  border: 0 none;
  z-index: 200;
}

.profilCard figure{
 margin-bottom:0;

}
.profilCard .card-body{
 padding-top: 0;

}



.
.cardExtended {}
.cardImg {}
.hideButton {}

#testformular-54 h2,
form > h2 {
	font-size: 16px;
	font-weight: 600;
	morgin-top: 20px !important;
}


/* Footer */
footer{position:sticky;}
footer {
  background: rgba(255,255,255,.9) !important;
  height: 50px;
  width: 100%;
  display: block;
  z-index:2000;
  position:fixed;
  right:0;
  bottom:0;
  color:#202020;
  text-align: right;
}
.footerContent{position:relative;}
footer > a{ color:#202020;}
.header{
  width: 100%;
  height:90px;
  z-index:5000;
  background-color:rgba(255,255,255,.9);
}
@media screen and (max-width:379px){
  body{padding-left:0;padding-right:0;}
  .mobileX {display:block;}
  .deskX {display:none;}
  .carousel-inner {min-height:0; min-width:0;}
  .modal .carousel-item { background-size:100%;}
  .main-menu-btn {right: -4px;}
  .projTitel {max-width:50%;}
  .container {padding: 0 10px;}
  footer .metanav {margin-right:10px;}
  :lang(de) ul#main-menu {width:95%;top:9px;background-color:#fff;}
  :lang(fr) ul#main-menu {width:95%;top:9px;background-color:#fff;}  
}
@media screen and (max-width:400px){
  :lang(de) ul#main-menu {width:95%;top:-1px;background-color:#fff;}
  :lang(fr) ul#main-menu {width:95%;top:-1px;background-color:#fff;} 
  .specialnavmobile {}
  .topbar{margin-top:10px;margin-right:10px;}
}
@media screen min-width:401px) and (max-width:480px){
  :lang(de) ul#main-menu {width:95%;top:0;background-color:#fff;}
  :lang(fr) ul#main-menu {width:95%;top:0;background-color:#fff;}  
}
@media screen min-width:481px) and (max-width:520px){  
    body{padding-left:0 !important;padding-right:0 !important;} 
  :lang(de) ul#main-menu {width:69%;top:0;background-color:#fff;}
  :lang(fr) ul#main-menu {width:69%;top:0;background-color:#fff;} 
}
@media screen min-width:521px) and (max-width: 640px){
  .container{
    display: block;
    width: 100%;
  }
  :lang(de) ul#main-menu {width:55%;top:-1px;background-color:#fff;}
  :lang(fr) ul#main-menu {width:55%;top:-1px;background-color:#fff;} 
}

@media screen min-width:641px) and (max-width:767px){
  body{padding-left:0 !important;padding-right:0 !important;}
  #myCarousel{margin-top: 155px;}    
  footer {bottom:0;}
  .carousel-inner {min-height:0;} 
  .mobile{margin-top:0;}
  .sm-simple {
      background: #fff none repeat scroll 0 0;
      border: 1px solid #bbbbbb;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  } 
  .wrapper > footer .container {
    padding: 30px 15px;
    min-width: 480px;
    min-width: -moz-min-content;
  }
  .specialnavmobile .nav > p > a:focus, 
  .specialnavmobile .nav > p > a:hover,
  .specialnavmobile .nav > p,
  .specialnavmobile {margin-top:-224px;right:-15px; position:relative;}
  .specialnav{top:-300px;}
  :lang(de) ul#main-menu {width:55%;top:-1px;background-color:#fff;}
  :lang(fr) ul#main-menu {width:55%;top:-1px;background-color:#fff;}  
  .topbar{margin-top:10px;margin-right:10px;}
}
@media screen min-width:768px) and (max-width:800px){
  :lang(de) ul#main-menu {width:55%;top:-1px;background-color:#fff;}
  :lang(fr) ul#main-menu {width:55%;top:-1px;background-color:#fff;} 
  .topbar{margin-top:0;margin-right:0;}
}
@media screen min-width:820px) and (max-width:1024px){
  :lang(de) ul#main-menu {width:55%;top:-1px;background-color:#fff;}
  :lang(fr) ul#main-menu {width:55%;top:-1px;background-color:#fff;} 
}

@media screen min-width:801px) and (max-width:920px){
   ul#main-menu {
     z-index:333;
     position:absolute;
     margin-top:3px;     
     height:274%;    
     padding-bottom: 100px;
     box-shadow: 1px 0 3px 0 #eee;
     background-color:#fff;  
   }
  :lang(de) ul#main-menu {width:55%;}
  :lang(fr) ul#main-menu {width:55%;}     
}
@media screen min-width:921px) and (max-width:1024px){
    ul#main-menu {width:65%;background-color:#fff;}
    .langnav {position:absolute;display:block;}
    .langnav > li {top:5px;;}
}
@media screen min-width:1025px) and (max-width:1100px){
  .sm-simple {
      background: #fff none repeat scroll 0 0;
      border: 1px solid #bbbbbb;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  }
  :lang(de) ul#main-menu {width:68%;background-color:#fff;}
  :lang(fr) ul#main-menu {width:68%;background-color:#fff;}   
}
@media screen min-width:1121px) and (max-width:1200px){
  :lang(de) ul#main-menu {width:55%;background-color:#fff;}
  :lang(fr) ul#main-menu {width:55%;background-color:#fff;}    
}
@media screen (min-width:1201px)and (max-width:1400px){
  :lang(de) ul#main-menu {width:68%;background-color:#fff;}
  :lang(fr) ul#main-menu {width:68%;background-color:#fff;} 
}
@media screen and (min-width:480px){  
}
@media screen and (min-width:680px){  
}
@media screen (min-width:690px) and (max-width:921px) {
   ul#main-menu {width:99% !important;top:-1px; }
}
@media screen (min-width:921px) and (max-width:1344px){
   button.close.deskX {display:block} 
   .specialnavmobile {top:-50px; right:5px width:67px;}
   :lang(de) ul#main-menu {width:100% !important; top:-1px !important;}  
   :lang(fr) ul#main-menu {width:100% !important; top:-1px !important;}
}
@media screen and (min-width: 1120px){ 
   button.close.mobileX {display:none} 
  button.close.deskX {display:block; margin-top:-5px;padding: 12px 26px;  } 
  .specialnavmobile > li {display:block;}   
  .sm-simple ul > li {float:right; height:30px;}  
  .sm, .sm ul, .sm li {width:auto;}
  #main-menu {margin-top:10px; background-color:transparent !important; }
  .specialnav .nav > p > a:focus, .specialnav .nav > p > a:hover, .specialnavmobile { float:right; margin-top:-1%; width:57px;}
  .specialnavmobile > p {float:right !important;}
  .specialnavmobile > p:first-child {top:4px;right:98px} 
  .specialnavmobile > p:last-child {position:relative;top:4px;right:101px;;}
  :lang(de) ul#main-menu {width:64% !important; background-color:transparent !important; top:-7px;}
  :lang(fr) ul#main-menu {width:71% !important; background-color:transparent !important; top:-7px;}
  ul#main-menu >  li, .sm-simple li {width:auto; height:30px;float:left !important; background-color:transparent !important;}
  ul#main-menu >  li:last-child, .sm-simple li:last-child {margin-right:70px;}
  .specialnav .nav > p > a:focus, .specialnav .nav > p > a:hover, .specialnavmobile {margin-top:-1%;right:-57px;} 
}
@media screen and (min-width: 1200px){ 
  .specialnavmobile {margin-top: -8px !important;}
  .specialnavmobile > p {top:-80px;}

	.projTitel {
		background-color:#FFFFFF;
		color:#3E0100;
		font-size:14px;
		font-weight:normal;
		margin-top:79px;
		padding:10px 18px;
		position:absolute;
		z-index:20;
	}
	.modal-header .close {
		margin:0.3rem 0 0;
		padding:0.45rem 0;
	}
	button.close {
		background-color:#3E0100;
		color:#FFFFFF;
		font-size:14px;
		font-weight:400;
		padding:10px 18px;
		position:absolute;
		right:0;
		text-shadow:none;
		top:85px;
		z-index:20;
	}




 }

@media screen (min-width: 1345px)and (max-width: 1460px){ 
  :lang(de) ul#main-menu {width:54% !important;background-color:transparent !important;float:right;}
  :lang(fr) ul#main-menu {width:60% !important;background-color:transparent !important;float:right;top:-1px;}
 
}

@media screen and (min-width: 1460px) { 
  :lang(de) ul#main-menu {width:54% !important;background-color:transparent !important;}
  :lang(fr) ul#main-menu {width:62% !important;background-color:transparent !important;}
  
}


@media screen and (-webkit-min-device-pixel-ratio:0) { 

    footer {
      background:  rgba(255,255,255,0.9) !important;
      height: 50px;
      width: 100%;
      display: block;
    }

}


#testformular-54 .actions::before, #contactExtensionFORMFR-230 .actions::before{
    display: block;
    clear: both;
    content: ""
}

.powermail_form h3 {font-size:16px;font-weight:600;margin-top:20px;text_decoration:uppercase;}
#testformular-54 h2, #contactExtensionFORMFR-230 h2, #contactExtensionFORMFR-228 h2 {font-size:16px;font-weight:600;margin-top:20px;text_decoration:uppercase;}
.powermail_form .control-label, #testformular-54 .control-label {font-size:14px;font-weight:normal;text-align:left;text_decoration:uppercase;margin-right:1rem;white-space:nowrap;}
#testformular-54 .control-label, #contactExtensionFORMFR-228 .control-label {width: 25%; display:block;float:left;}
.powermail_fieldwrap input[type="submit"] {width:150%;background-color:#3e0100 !important;color:#fff;}
.powermail_fieldwrap input[type="submit"]:hover { -webkit-background-color:#3e0100;background-color:#3e0100;}
.checkbox label {font-size:12px;} 
.powermail_form fieldset {margin: 0 -15px;}
.powermail_fieldset legend {display:none;}
.powermail_form textarea.form-control{height:55px; width:93%;}
.powermail_form input[type=text], .powermail_form input[type=email],
.powermail_form .powermail_textarea{
  border: 1px solid #3e0100;
  border-radius: 0;
  color: #3e0100;
}

#testformular-54 .submit, #contactExtensionFORMFR-230 .submit, #contactExtensionFORMFR-228 .submit {margin-top:20px !important;}

#testformular-54-captcha-1, #contactExtensionFORMFR-228-captcha-1 {margin-left: 25%;}


.powermail_form input[type=text]:focus {
  background-color:#fefefe;
  border: 1px solid #3e0100;
  border-radius:0;
}
.form-horizontal .control-label{padding-top:1px;}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal 
.radio-inline, .form-horizontal .checkbox-inline{padding:0;}
.powermail_form input[type="text"], .powermail_form input[type="email"] {height:25px;}
input[type="button"], input[type="reset"], input[type="submit"]{
  -webkit-background-color:#3e0100;
  background-color:#3e0100;
  color:#fff;
  font-size: 14px;
  text_decoration:uppercase;
  border-radius: 0;
  border: 1px solid #3e0100;
  width: 100%;
}
#testformular-54 .form-control, #contactExtensionFORMFR-228 .form-control {
  -webkit-background-color:#fff;
  background-color:#fff;
  color:#3e0100;
  font-size: 14px;
  text_decoration:uppercase;
  border-radius: 0;
  border: 1px solid #3e0100;
  width: 100%;
}
/*
#testformular-54 input[type="checkbox"], #testformular-54 input[type="radio"] {
  float: right; 
  margin-top:5px;  
}  */
#testformular-54 .checkbox label, #contactExtensionFORMFR-228 .checkbox label{font-size:14px;}
#testformular-54 .form-check, #contactExtensionFORMFR-228 .form-check {padding-left:25%;}
#testformular-54 .clearfix, #contactExtensionFORMFR-228 .clearfix {width:25% !impotant; float:left;}
#testformular-54 .form-navigation, #contactExtensionFORMFR-228 .form-navigation {margin-top: -0.7rem;}
#testformular-54 .btn-toolbar, #contactExtensionFORMFR-228 .btn-toolbar {display:block;margin-left: 25%;}
#testformular-54 .btn-group, #contactExtensionFORMFR-228 .btn-group{display:contents;}
#testformular-54 .btn-primary, #contactExtensionFORMFR-228  .btn-primary{
  color:#fff; 
  border-color:#3e0100; 
  border-radius:0;
  background-color:#3e0100 !important;
  width: 60%;
  font-size: 14px;
}
/* .hcaptcha-description {margin-left:15%;} */
.h-captcha {margin-left:25%;}

@media screen and (max-width: 767px){
  .profilCard > .hideButton {bottom:56px;right:14px;}
  /*.powermail_fieldwrap_e_mail .control-label {width:100%;}*/
  
}


@media screen and (min-width: 600px){
  .powermail_form input[type="text"], .powermail_form input[type="email"] {height:25px;width:150%;}
  .powermail_form .powermail_textarea, .control-label .col-sm-3 {width:150%; height:55px;  }
  .powermail_fieldwrap input[type="submit"] {width:230%;} 
  .powermail_form.form-group{width:150% !important;}
  .powermail_form textarea.form-control{ width:140%;}
  .cardExtended {width:190%;}
}
/*
@media only screen
        and (min-device-width : 340)
        and (max-device-width : 1024px)
        and (orientation : landscape) {
            .powermail_form .control-label .col-sm-3 {float:left; width:40%;}
        
        }
*/

/*
@media screen and (min-width: 980px){*/
@media screen and (min-width: 768px){
  .powermail_form fieldset {margin: 0 -15px;width:100%;}
  .powermail_form .powermail_fieldwrap {width:100%;}
  .powermail_form .form-group, #testformular-54 .form-group {margin-bottom:0.75rem;}
  .powermail_form.col-md-8{width:100%;}
  .powermail_form label {width:25%;float:left;}
  .powermail_form .checkbox label {width:80%;margin-left:32%;position:relative;display:table;top:-25px;}
  .powermail_form .control-label, #testformular-54 .control-label {margin-right:0;}
  .powermail_form input[type="text"], .powermail_form input[type="email"] {height:25px;width:65%;}
  #testformular-54 .form-control, #contactExtensionFORMFR-228 .form-control {height:25px;width:45%;}
  #testformular-54 textarea, #contactExtensionFORMFR-228 textarea {width:45%; height:55px;  }
  .powermail_form .powermail_textarea {width:65%; height:55px;  }
  .powermail_form .powermail_fieldwrap .powermail_fieldwrap_type_check {height:auto;}
  .powermail_form input .powermail_checkbox {width:65%;}
  .powermail_fieldwrap input[type="submit"] {width:65%; margin-left:32%;position:relative;top:-25px;background-color:#3e0100;color:#fff;}
  .powermail_form textarea.form-control{ width:65%;}
  .profilCard > .hideButton {top:50%;;right:16px;z-index:300;position:absolute;}
  .teamCard {margin:0 -9% !important;}
}