/* Raleway */
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,100,500,600,700,800);

/* Open Sans */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600italic,400,300,600,700,800);

/* Oswald */
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);

		


.container { padding-left: 15px; padding-right: 15px; min-height:25px}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,
.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,
.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,
.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9
{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}
@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}
.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}
.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}
.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}
.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}
.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}
.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,
.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}
.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}
.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}
.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}
.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}
.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}
.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}
.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}
.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}









html, body, div, h1, h2, h3, h4, h5, h6, p, a, ol, ul, li
 {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border: 0;
   font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-style: inherit;
font-weight: 400;
line-height: 1.5;

  
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  
  
  
}
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
*,
*:before,
*:after {
  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  -webkit-box-sizing: border-box;
  /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
  -moz-box-sizing: border-box;
  /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
  box-sizing: border-box;
  outline: none;
}
body {overflow-x: hidden}


/*--------------------------------------------
Initial Setup
----------------------------------------------*/
a {text-decoration: none; color:#153542;font-size:16px}
a:hover {color:#c4a537;}


input:focus, textarea:focus {outline: none}
img {max-width: 100%; vertical-align: top}
h1, h2, h3, h4, h5, h6 {margin: 0}
html {font-size: 10px}
body {font-size: 14px; color: #333}
body {font-family: Open Sans, sans-serif; line-height: 1;}

h1, h2, h3, h4, h6 {font-family:'Open Sans', sans-serif; font-weight: 700; clear: both; line-height: 1;  
-webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0}

h5 {font-family:'Open Sans', sans-serif; font-weight: 400; clear: both; line-height: 1;  
-webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0}



h1 {font-size: 32px}
h2 {font-size: 28px}
h3 {font-size: 24px}
h4 {font-size: 30px;font-weight: 700;color: #c2b797; max-width:85%; line-height: 1.3; margin-bottom:25px}
h5 {font-size: 15px;margin-bottom:10px}
h6 {font-size: 16px}
p {margin: 0; -webkit-margin-before: 0; -webkit-margin-after: 0}
b, strong {font-weight: 700}
hr {background-color: #eaeaea; background-color: rgba(51, 51, 51, 0.1); border: 0; height: 1px; margin: 15px 0}
ul, ol {margin: 0; padding: 0}
ul {list-style: none}
ol {list-style: none}
li > ul, li > ol {margin-bottom: 0}
img {-ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%;vertical-align: middle;}
figure {margin: 0; max-width: 100%}
del {opacity: 0.8}
textarea {
  max-width: 100%;
}
a {transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;}
a:hover {transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;}

.row {*zoom: 1}
.row:before, .row:after {content: " ";  display: table}
.row:after {clear: both}
.row:before, .row:after {content: " "; display: table}
.row:after {clear: both}
.row:before, .row:after {content: " "; display: table}
.row:after {clear: both}
.row:before, .row:after {content: " "; display: table}
.row:after {clear: both}

@media only screen and (min-width: 1200px) {.container {width: auto;}}

.flw {float: left; width: 100%;}

@media only screen and (min-width: 1280px) {
.bg-kontakt {background-image:url('../images/bg-kontakt.jpg')}
.bg-netzwerk {background-image:url('../images/bg-netzwerk.jpg')}
.bg-projekte {background-image:url('../images/bg-projekte.jpg')}
.bg-info {background-image:url('../images/bg-info.jpg')}
.bg-team {background-image:url('../images/bg-team.jpg')}
.bg-impressum {background-image:url('../images/bg-impressum.jpg')}
.bg-datenschutz {background-image:url('../images/bg-datenschutz')}

.bg-kontakt-f {background-image:url('../sms-france/images/bg-kontakt.jpg')}
.bg-netzwerk-f {background-image:url('../sms-france/images/bg-netzwerk.jpg')}
.bg-projekte-f {background-image:url('../sms-france/images/bg-projekte.jpg')}
.bg-info-f {background-image:url('../sms-france/images/bg-info.jpg')}
.bg-team-f {background-image:url('../sms-france/images/bg-team.jpg')}

.bg-kontakt-e {background-image:url('../sms-english/images/bg-kontakt.jpg')}
.bg-netzwerk-e {background-image:url('../sms-english/images/bg-netzwerk.jpg')}
.bg-projekte-e {background-image:url('../sms-english/images/bg-projekte.jpg')}
.bg-info-e {background-image:url('../sms-english/images/bg-info.jpg')}
.bg-team-e {background-image:url('../sms-english/images/bg-team.jpg')}

.bg-kontakt-nl {background-image:url('../sms-netherland/images/bg-kontakt.jpg')}
.bg-netzwerk-nl {background-image:url('../sms-netherland/images/bg-netzwerk.jpg')}
.bg-projekte-nl {background-image:url('../sms-netherland/images/bg-projekte.jpg')}
.bg-info-nl {background-image:url('../sms-netherland/images/bg-info.jpg')}
.bg-team-nl {background-image:url('../sms-netherland/images/bg-team.jpg')}
}

@media only screen and (max-width: 1279px) {
.bg-kontakt {background-image:url('../images/bg-small.jpg')}
.bg-netzwerk {background-image:url('../images/bg-small.jpg')}
.bg-projekte {background-image:url('../images/bg-small.jpg')}
.bg-info {background-image:url('../images/bg-small.jpg')}
.bg-team {background-image:url('../images/bg-small.jpg')}
.bg-impressum {background-image:url('../images/bg-small.jpg')}
.bg-datenschutz {background-image:url('../images/bg-datenschutz')}


.bg-kontakt-f {background-image:url('../sms-france/images/bg-small.jpg')}
.bg-netzwerk-f {background-image:url('../sms-france/images/bg-small.jpg')}
.bg-projekte-f {background-image:url('../sms-france/images/bg-small.jpg')}
.bg-info-f {background-image:url('../sms-france/images/bg-small.jpg')}
.bg-team-f {background-image:url('../sms-france/images/bg-small.jpg')}

.bg-kontakt-e {background-image:url('../sms-english/images/bg-small.jpg')}
.bg-netzwerk-e {background-image:url('../sms-english/images/bg-small.jpg')}
.bg-projekte-e {background-image:url('../sms-english/images/bg-small.jpg')}
.bg-info-e {background-image:url('../sms-english/images/bg-small.jpg')}
.bg-team-e {background-image:url('../sms-english/images/bg-small.jpg')}

.bg-kontakt-nl {background-image:url('../sms-netherland/images/bg-small.jpg')}
.bg-netzwerk-nl {background-image:url('../sms-netherland/images/bg-small.jpg')}
.bg-projekte-nl {background-image:url('../sms-netherland/images/bg-small.jpg')}
.bg-info-nl {background-image:url('../sms-netherland/images/bg-small.jpg')}
.bg-team-nl {background-image:url('../sms-netherland/images/bg-small.jpg')}

}

#ht_header {height: 163px}

header {display: block}

.top_section {border-top: 0px solid #fff; position: relative; -index: 10;background-color: #fff;}
.top_section .top_box {width: 100%; height: 39px; background-size: 100%; position: absolute; right: 0; padding: 30px 30px; z-index: 10}
.top_section .top_box .top_list {position: relative; z-index: 10; float: left}
.top_section .top_box .top_list li {display: inline-block;  color: #ffffff; font-family: Lato, sans-serif; font-size: 16px}
.top_section .top_box .top_list li.spc {margin-right: 25px; margin-top: 9px;}
.top_section .top_box .top_list li.spc:after {content: ""; height: 16px; width: 1px; background: #515151; float: right; margin-left: 25px}
.top_section .top_box .top_list li span {position: relative; top: 1px; color: #ff8454; margin-right: 11px; font-size: 14px; line-height: 1;}
.top_section .top_box .top_list li a {color: #ffffff}
.top_section .top_box .top_list li a:hover {color: #ff8454}
.top_section .top_box .top_list form input[type=text] {color: #ffffff; background: #333; border: 0; display: inline-table; padding: 0; font-size: 12px; width: inherit; width: 80px}
.top_section .top_box .top_list form button[type=submit] {border: 0; background: transparent; cursor: pointer; position: relative; top: 2px}
.top_section .top_box .top_list form button[type=submit]:before {content: "\f21f"; font-family: "ionicons"; color: #ff8454; font-size: 14px}
.top_section .top_box .top_social {float: right; margin-top: 2px}
.top_section .top_box .top_social li {display: inline-block; margin-left: 7px}
.top_section .top_box .top_social li:first-of-type {margin-left: 0}
.top_section .top_box .top_social li a {color: #777;font-size: 0px;width: 30px;height: 30px;background: #ffffff;border-radius: 50%;text-align: center;display: block;line-height: -38px;
box-shadow: 10px 5px #cccccc -10px;}
.top_section .top_box .top_social li a:hover {background: #a32418; color: #ffffff; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2)}
.box_mn {height: 163px}
.top_menu {background: #ffffff; height: 145px; padding-top: 94px; float: left; width: 100%; z-index: 5; border-bottom: 2px solid rgba(196, 165, 55, 0.13);}
.top_menu .lg {position: absolute; z-index: 5; width: 280px; height: ; top: 15px; margin-left: 50px;transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s}
.top_menu .lg img {width: 100%}
[data-uk-sticky].uk-active .top_menu {height: 80px; padding-top: 15px; box-shadow: 0 0 5px rgba(48, 48, 48, 0.5); -webkit-box-shadow: 0 0 5px rgba(48, 48, 48, 0.5);   -moz-box-shadow: 0 0 5px rgba(48, 48, 48, 0.5)}
[data-uk-sticky].uk-active .top_menu .lg {top: 5px; width: 165px}

@media (min-width: 1600px) {.top_section .top_box {right: 20px;}}
@media (max-width: 1199px) {.top_menu .nav {left: 0%; margin-top:5px;}}

@media (min-width: 993px) {
#ht_header.hd_sub {height: auto;}
#ht_header.hd_sub .nav-dropdown {padding-top: 37px;}
.hd_sub [data-uk-sticky].uk-active .nav-dropdown {padding-top: 13px!important;}}

@media (max-width: 1279px) {
.top_section .top_box {padding: 12px 12px}
.top_menu .lg {position: absolute; z-index: 5; width: 200px; top: 18px;margin-left: 10px; transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s;} 
.top_menu {position: fixed; background: #ffffff; height: 127px; padding-top: 60px; float: left; width: 100%; z-index: 5; border-bottom: 5px solid rgba(196, 165, 55, 0.13);}
.network {background-image:url('../images/bg-netzwerk-b.jpg')}}

.uk-panel {display: block; position: relative}
[data-uk-sticky][class*=uk-animation-] {-webkit-animation-duration: 0.3s; animation-duration: 0.3s;}
[data-uk-sticky].uk-active {z-index: 980}
.uk-panel > :not(.uk-panel-title):last-child {margin-bottom: 0}
.uk-animation-slide-bottom {-webkit-animation-name: uk-fade-bottom; animation-name: uk-fade-bottom}
.uk-animation-slide-top {-webkit-animation-name: uk-fade-top; animation-name: uk-fade-top}
.uk-animation-slide-top {-webkit-animation-name: uk-fade-top; animation-name: uk-fade-top}
.uk-animation-slide-bottom {-webkit-animation-name: uk-fade-bottom; animation-name: uk-fade-bottom}

.uk-animation-reverse {-webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in}
[class*=uk-animation-] {-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both}
.uk-panel:after {content: ""; display: table}
.uk-panel:after {content: ""; display: table; clear: both}
[class*=uk-animation-] {-webkit-animation-duration: .5s; animation-duration: .5s;
  -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both; animation-fill-mode: both}
@media screen {[data-uk-scrollspy*=uk-animation-]:not([data-uk-scrollspy*=target]) {opacity: 0}}
.uk-animation-fade {-webkit-animation-name: uk-fade;   animation-name: uk-fade;
  -webkit-animation-duration: .8s; animation-duration: .8s;
  -webkit-animation-timing-function: linear!important; animation-timing-function: linear !important;
}
.uk-animation-slide-top {-webkit-animation-name: uk-fade-top; animation-name: uk-fade-top}
.uk-animation-hover:not(:hover),
.uk-animation-hover:not(:hover) [class*=uk-animation-],
.uk-touch .uk-animation-hover:not(.uk-hover),
.uk-touch .uk-animation-hover:not(.uk-hover) [class*=uk-animation-] {
  -webkit-animation-name: none; animation-name: none
}

@-webkit-keyframes uk-fade {0% { opacity: 0} 100% {opacity: 1}}
@keyframes uk-fade {0% { opacity: 0}  100% {opacity: 1}}
@-webkit-keyframes uk-fade-top { 0% {opacity: 0; -webkit-transform: translateY(-100%)} 100% {opacity: 1; -webkit-transform: translateY(0)}}
@keyframes uk-fade-top { 0% { opacity: 0; transform: translateY(-100%);} 100% {opacity: 1; transform: translateY(0)}}
@-webkit-keyframes uk-slide-top-fixed { 0% {opacity: 0; -webkit-transform: translateY(-10px)}  100% {opacity: 1; -webkit-transform: translateY(0)}}
@keyframes uk-slide-top-fixed { 0% {opacity: 0; transform: translateY(-10px); } 100% {opacity: 1; transform: translateY(0)}}
.sprache {text-align: center;}
.sprache  li {display: inline-block; margin-left: 7px}
.sprache  .top_social li:first-of-type {margin-left: 0}
.sprache  li a {color: #777;font-size: 0px;width: 90px;height: 90px;background: #ffffff;border-radius: 50%;text-align: center;display: block;line-height: -38px;box-shadow: 10px 5px #cccccc -10px;}
.sprache li a:hover {background: #a32418; color: #ffffff; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2)}






nav {display: block}
.nav-container {
z-index: 9999;
overflow-y: auto;
visibility: hidden;
width: 100%;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-overflow-scrolling: touch;
}

.nav-container.is-visible {
background: #000;
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);

}
.nav-container.is-visible .menu-item {overflow: hidden;  border-bottom: 1px dashed #303030;}
.nav-container.is-visible .menu-item:last-child {border-bottom: 0!important;}
.nav-container.is-visible .menu-item .menu-link {color: #ffffff; padding: 10px 15px; width: 100%;}
.nav-container.is-visible .menu-item .menu-link.set_active {color: #f26f29}
.nav-container.is-visible .menu-item .menu-link + .sub_active {color: #f26f29}
.nav-container.is-visible .menu-item:hover {color: #f26f29}

/* Nav toggle */
.nav-toggle {cursor: pointer; line-height: 1; display: inline-block; padding: 1.25rem 1rem; border: 0; background-color: #a32418; position: absolute; right: 0;}
/* Nav toggle icon */
.nav-toggle .icon-menu { position: relative; display: inline-block; width: 28px; height: 20px; vertical-align: middle; fill: none;}
/* Nav toggle icon lines */
.icon-menu .line {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  background-color: #fff;}
/* Nav toggle icon line 1 */
.icon-menu .line-1 {top: 0}
/* When active, rotate line 1 to be lefthand part of X */
.is-active .icon-menu .line-1 {
  -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
  -ms-transform: translateY(8px) translateX(0) rotate(45deg);
  transform: translateY(8px) translateX(0) rotate(45deg);
}
/* Nav toggle icon line 2 */
.icon-menu .line-2 {top: 50%; margin-top: -2px}
/* When active, hide line 2 */
.is-active .icon-menu .line-2 {opacity: 0}
/* Nav toggle icon line 3 */
.icon-menu .line-3 {bottom: 0}
/* When active, rotate line 3 to be righthand part of X */
.is-active .icon-menu .line-3 {-webkit-transform: translateY(-8px) translateX(0) rotate(-45deg); -ms-transform: translateY(-8px) translateX(0) rotate(-45deg); 
transform: translateY(-8px) translateX(0) rotate(-45deg);}
.nav-menu {webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.nav-menu .menu-link { display: block;color: #303030;font-size: 22px;font-family: oswald, sans-serif;text-transform: uppercase;font-weight: 400;margin-right: 20px;cursor: pointer;}
.nav-menu .menu-link:hover {color: #a32418}
.is-active > .menu-link {color: #f26f29}
.nav {position: relative; text-align: left; height: 60px}
@media (min-width: 1280px) {
.nav {transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;position: absolute;left: 472px;z-index: 10;}
.nav,.nav-container,.nav-container.is-visible {-webkit-transform: translateX(0); -ms-transform: translateX(0);transform: translateX(0)}
.nav-container, .nav-container.is-visible {visibility: visible; height: auto; min-height: 0; overflow-y: visible}
.nav-toggle {display: none}
  
/* 1. Display menu items inline */
.nav-menu > .menu-item,
.nav-menu > .menu-item.is-active {display: inline-block; background-color: transparent; border: 0}
.nav-menu > .menu-item:last-child {border: 0}
.nav-menu .menu-item {-webkit-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out}
.nav-menu > .menu-item > .menu-link:after {content: url(../images/menu_at.png); display: block; position: relative; top: 6px}
.nav-menu .set_active {color: #f26f29 !important}
.nav-menu .set_active:after {content: url(../images/menu_active.png) !important; display: block; text-align: center}
  /* Remove +/- icons */
[data-uk-sticky].uk-active .nav-dropdown {padding-top: 13px}
.nav-dropdown .menu-item {border: 0}
.nav-dropdown .nav-dropdown,
.nav-dropdown .nav-dropdown .menu-item {background-color: #dedede}
.nav-dropdown .nav-dropdown {z-index: 9998; top: 0; left: 100%}
}
@media (min-width: 1600px) {
.top_section .top_box {right: 75px;}
.nav {position: relative;}
}

@media (max-width: 1280px) {
.nav-container.is-visible {background: #153542; width: 80%;}
.nav-container.is-visible .menu-item {border-color: #ffffff;}
.nav-container.is-visible .menu-item .menu-link.set_active {background: #ffffff; color: #f26f29;}
}

@media (max-width: 568px) {.navigation li {margin-bottom: 10px;}}


.container-ft {float: left; width: 100%; padding:20px}
.site-info {min-height: 160px; border-top: 5px solid #c4a537; position: relative; float: left; padding-top: 49px; width: 100%;}
.page-content {padding-bottom: 220px;float: left;width: 75%;}
.page-content .pagecontent-top {height: 185px;border-bottom: 5px solid rgba(196, 165, 55, 0.13);float: right;width: 66%;}
.page-content .pagecontent-titel {float: left; margin-top: 140px;}
.page-content .pagecontent-titel h1 {font-size: 30px;font-weight: 700;letter-spacing: 1px; color:#c2b797}
.page-content .pagecontent-text {color: #777777;float: left;margin-top: 15px;float: right;width: 66%;}
.page-content p {font-size: 18px;color: #5f5f5f; font-weight: 400;margin-top: 15px;}
.page-content .pagecontent-next-titel {height: 48px;border-bottom: 5px solid rgba(196, 165, 55, 0.13);float: right;width: 66%;margin-top: 50px;}
.page-content .pagecontent-next-titel h1 {font-size: 30px;font-weight: 700;letter-spacing: 1px; color:#c2b797 }

@media (max-width: 1280px) {
.nav-menu .menu-link {font-size: 20px;}
.page-content {padding-bottom: 220px;width: 100%;}}

.page-content .pagecontent-team {min-height:300px ;float: right;width: 86%;margin-top: 133px;}
.page-content .pagecontent-team .box-x1 {position: relative;max-width: 1200px;margin: 0 auto;width: 100%;padding: 0;}
.page-content .pagecontent-team .box-x3 {width: 31.33333333333334%;  display: inline-block; float: left; margin-left: 1%; margin-right: 1%; margin-bottom:60px}
.page-content .pagecontent-team .box-3/4 {width: 31.33333333333334%;  display: inline-block; float: left; margin-left: 1%; margin-right: 1%; margin-bottom:60px}
.page-content .pagecontent-team .infobox {margin: 0 auto; position: relative; width: 100%; display: block; padding: 0; text-align: center;}
.page-content .pagecontent-team .infobox img{ display: block; width: 100%; height: auto;  }
.page-content .pagecontent-team .infobox .infotextblock {background-color:rgba(21,53,66,0.2); position: relative; width: 100%; display: block; padding: 25px; text-align:left; min-height:490px}
.page-content .pagecontent-team .infofooter {background-color: #f2f1db; position: relative; width: 100%; display: block; padding: 12px 25px; margin: 0; text-align: left;}
.page-content .pagecontent-team .infobox p {color: #153542; font-size: 16px; font-weight: 400;}
.page-content .pagecontent-team .infobox h4 {color:black; font-size:22px; font-weight:700; margin-bottom:5px;}


#showbutton {float: right; margin-top:15px}
.button.active {background: #c2b797;}
.button:hover {background: rgba(194, 183, 151, 0.5);}
.button {position: relative;display: inline-block;text-align: center;height: 40px;width: auto;line-height: 40px;cursor: pointer;font-weight: 500;margin: 0 4px;}

, *::before, *::after {box-sizing: border-box;}


.button.active a {color: rgba(255, 255, 255, 0.87);}
.button a {padding: 0 10px; text-decoration: none; font-size: 16px; font-weight: 600;}

.team-kontakt li {font-family: 'Open Sans', sans-serif;}
.team-kontakt li:nth-of-type(1):before {content: "\f095"; font-family: FontAwesome; font-size: 18px}
.team-kontakt li:nth-of-type(2):before {content: "\f0e0"; font-family: FontAwesome; font-size: 18px}
.team-kontakt li:before {margin-right: 15px; font-family: "ionicons";   line-height: 1; color: #153542; font-size: 16px}

@media only screen and (max-width: 980px) {
.page-content .pagecontent-team {min-height:0px ;float: left; width: 100%;margin-top: 10px;}
.page-content .pagecontent-team .box-x3 {width: 60%; margin-left:20%}
.page-content .pagecontent-team .infobox .infotextblock {min-height:100px}
}

@media only screen and (max-width: 480px) {
.page-content .pagecontent-team {min-height:0px ;float: left; width: 100%;margin-top: 10px;}
.page-content .pagecontent-team .box-x3 {width: 100%;margin-left:0%}
.page-content .pagecontent-team .infobox .infotextblock {min-height:100px}
}

.page-content .pagecontent-projekt {min-height:300px ;float: right;width: 66%;margin-top: 155px;}
.page-content .pagecontent-projekt .box-x1 {position: relative;max-width: 1200px;margin: 0 auto;width: 100%;padding: 0;}
.page-content .pagecontent-projekt .box-x3 {width: 31.33333333333334%;  display: inline-block; float: left; margin-left: 1%; margin-right: 1%; margin-bottom:60px}
.page-content .pagecontent-projekt .box-3/4 {width: 31.33333333333334%;  display: inline-block; float: left; margin-left: 1%; margin-right: 1%; margin-bottom:60px}
.page-content .pagecontent-projekt .infobox {margin: 0 auto; position: relative; width: 100%; display: block; padding: 0; text-align: center;}
.page-content .pagecontent-projekt .infobox img{ display: block; width: 100%; height: auto;  }
.page-content .pagecontent-projekt .infobox .infotextblock {background-color:rgba(21,53,66,0.2); position: relative; width: 100%; display: block; padding: 25px; text-align:left; min-height:425px}
.page-content .pagecontent-projekt .infofooter {background-color: #f2f1db; position: relative; width: 100%; display: block; padding: 12px 25px; margin: 0; text-align: left;}
.page-content .pagecontent-projekt .infobox p {color: #153542; font-size: 16px; font-weight: 400;color: #153542; font-weight: 400;}
.page-content .pagecontent-projekt .infobox h4 {color:black; font-size:22px; font-weight:700; margin-bottom:15px;}

@media only screen and (max-width: 1279px) {
.page-content .pagecontent-projekt {min-height:300px ;float: left;width: 100%;margin-top: 15px;}
}

.page-content .pagecontent-projekt .projekt-list {float: left; width: 130%; margin-bottom: 30px; height: auto;}
.page-content .pagecontent-projekt .projekt-img {float: left; width: 25%; overflow: hidden;}
.page-content .pagecontent-projekt .projekt-textbox {float: left; width: 74%; padding-left: 35px; padding-right: 40px; padding-top: 0px;margin-bottom: 15px;}
.page-content .pagecontent-projekt .projekt-name {font-weight: 700; color: #153542; font-size: 18px; float: left; margin-top: 0px;}
.page-content .pagecontent-projekt .projekt-text p {float: left; width: 100%; margin-top: 5px; font-size: 16px;}
.page-content .pagecontent-projekt .projekt-detail {margin-top: 25px; float: left; width: 200px; height: 42px; line-height: 40px; font-weight: 700; color: #ffffff;
background: #f26f29; text-align: center; border: 1px solid #f26f29;}

@media only screen and (max-width: 1279px) {
.page-content .pagecontent-projekt .projekt-list {width: 100%; background: none; margin-bottom: 30px; height: auto;}
.page-content .pagecontent-projekt .projekt-textbox {padding-top: 0px;}
}

@media only screen and (max-width: 767px) {
.page-content .pagecontent-projekt .projekt-list {width: 100%; background: none; margin-bottom: 30px; height: auto;}
.page-content .pagecontent-projekt .projekt-textbox {width: 100%; padding-left: 0px; padding-right: 0px; padding-top: 26px;}
.page-content .pagecontent-projekt .projekt-name {font-size: 80%;}
.page-content .pagecontent-projekt .projekt-text p {font-size: 80%;}
.page-content .pagecontent-projekt .projekt-img {width: 45%;} 
.projekte-2016 h4 {font-size: 100%;margin-bottom:25px; margin-top:0px;}
.projekte-2015 h4 {font-size: 100%;margin-bottom:25px; margin-top:0px;}
}

@media (max-width: 1280px) {
.page-content {float: left;}
.page-content .pagecontent-top {float: left;width: 90%; margin-left:15px; height: 65px; }
.page-content .pagecontent-titel {float: left;margin-top: 20px;  }
.page-content .pagecontent-titel h1 {font-size: 26px;font-weight: 700;letter-spacing: 1px; color:#c2b797}
.page-content .pagecontent-text {color: #777777;float: left;margin-top: 15px;float: left;width: 90%; margin-left:15px}
.page-content p {font-size: 18px;color: #5f5f5f; font-weight: 400;margin-top: 15px;}
.page-content .pagecontent-next-titel {height: 48px;border-bottom: 5px solid rgba(196, 165, 55, 0.13);float: left;width: 90%;margin-top: 50px; margin-left:15px}
.page-content .pagecontent-next-titel h1 {font-size: 26px;font-weight: 700;letter-spacing: 1px; color:#c2b797 }
.page-content .pagecontent-team .projekt-list {height: auto;}
.page-content .pagecontent-team .projekt-list .projekt-img {width: 100%;}
.page-content .pagecontent-team .projekt-list .projekt-img img { width: 100%; height: 100%; transform: scale(1.2, 1); -webkit-transform: scale(1.2, 1); -moz-transform: scale(1.2, 1);}
.page-content .pagecontent-team .projekt-list .projekt-textbox { width: 100%; padding: 30px;} }


@media (max-width: 568px) {.inner .projekt-name {font-size: 24px; }}

@media (max-width: 1199px) {.inner .projekt-img img { height: 100%; transform: scale(1.2, 1); -webkit-transform: scale(1.2, 1); -moz-transform: scale(1.2, 1); } }







.page-content .pagecontent-kontakt {min-height:300px ;float: right;width: 69%;margin-top: 130px;}
.page-content .pagecontent-kontakt .box-x1 {position: relative;max-width: 1200px;margin: 0 auto;width: 100%;padding: 0;}
.page-content .pagecontent-kontakt .box-x6a {width: 35%;  display: inline-block; float: left; margin-left: 1%; margin-right: 1%; margin-bottom:60px}
.page-content .pagecontent-kontakt .box-x6b {width: 60%;  display: inline-block; float: left; margin-left: 1%; margin-right: 1%; margin-bottom:60px}
.page-content .pagecontent-kontakt .infobox {margin: 0 auto; position: relative; width: 100%; display: block; padding: 0; text-align: center;}
.page-content .pagecontent-kontakt .infobox img{ display: block; width: 100%; height: auto;  }
.page-content .pagecontent-kontakt .infobox p {color: #153542; font-size: 16px; font-weight: 400;margin-top: 0px;}
.page-content .pagecontent-kontakt .infobox h4 {color: #c4a537; font-size:22px; font-weight:500; margin-bottom:5px;}


.page-content .pagecontent-kontakt .infobox .kontakttextblock 
{ position: relative; width: 100%; display: block; text-align:left; padding-left: 25px; padding-bottom: 15px;}


.page-content .pagecontent-kontakt .infobox .mailtextblock {position: relative; width: 100%; display: block; padding: 25px; text-align:left; }



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

.page-content .pagecontent-kontakt {width: 100%;margin-top: 0px;}
.page-content .pagecontent-kontakt .box-x1 {width: 100%;padding: 0;}
.page-content .pagecontent-kontakt .box-x6a {width: 100%;}
.page-content .pagecontent-kontakt .box-x6b {width: 100%;}

}


/* Contact Form 

.contact{margin:0px auto 0;}

input,textarea,button{-webkit-transition: all 0.3s;	-moz-transition: all 0.3s; transition: all 0.3s;}

.contact form .form{width:100%;	height: auto;padding:15px 15px 12px; font-size:18px;margin-bottom:18px;color:#7f7f7f;letter-spacing: 0.5px;font-family: 'Open Sans', sans-serif;}
.light-form{background:#fafafa;	border:1px solid #eeeeee;}
.dark-form{	background-color:transparent;border:1px solid #2e2e2e;}
.contact form .textarea{height: 201px;max-width: 100%;max-height: 201px;}
.contact form button.contact-form-button{margin-bottom:0;}
#subscribe form .subscribe-form{width:100%;	height: auto;padding:15px 15px 12px;font-size:18px; margin-bottom:18px;	color:#7f7f7f; letter-spacing: 0.5px;}
.contact form button.contact-form-button:hover{background-color:#d71818;}


.contact form .form:active, .contact form .form:focus{outline: none;}
.contact form button.contact-form-button:hover {color:white;}
.contact form .light-form:hover {border-color:#dadada;}


.mail-message-area{ width:100%; padding:0 15px;}
.mail-message {width: 100%;	-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; margin:0 auto; border-radius: 0;}
.not-visible-message{height:0px;opacity: 0;}
.visible-message{height:auto;opacity: 1;margin:25px auto 0;}
.contact span { display:none; font-size:12px; line-height:30px; color:red;}*/



#info .inner .box-x1
{position: relative;max-width: 1200px;margin: 0 auto;width: 100%;padding: 0;}
#info .inner .box-x3 {width: 31.33333333333334%;  display: inline-block; float: left; margin-left: 1%; margin-right: 1%; margin-bottom:60px}
#info .inner .box-3/4 {width: 31.33333333333334%;  display: inline-block; float: left; margin-left: 1%; margin-right: 1%; margin-bottom:60px}
#info .inner .infobox {margin: 0 auto; position: relative; width: 100%; display: block; padding: 0; text-align: center;}
#info .inner .infobox img{ display: block; width: 100%; height: auto; }
#info .inner .infobox .infotextblock {background-color: #fff; position: relative; width: 100%; display: block; padding: 25px; text-align: justify; -ms-hyphens: auto;
-moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; min-height:425px}
#info .inner .infofooter {background-color: #f2f1db; position: relative; width: 100%; display: block; padding: 12px 25px; margin: 0; text-align: left;}
#info .inner .infobox p {color:black; font-size:16px; font-weight:400}
#info .inner .infobox h4 {color:black; font-size:18px; font-weight:600}

@media only screen and (max-width: 768px) {
#info .inner .box-x3 {margin:0}
#info .inner .box-x3 { width:100%; }}

#info .inner .projekt-list {float: left; width: 100%; background: #f8f8f8; margin-bottom: 30px; height: auto;}
#info .inner .projekt-img {float: left; width: 34.189%; overflow: hidden;}
#info .inner .projekt-textbox { float: left; width: 65.811%; padding-left: 35px; padding-right: 40px; padding-top: 26px;}
#info .inner .projekt-name {font-weight: 500; color: #303030; font-size: 26px; float: left; margin-top: -5px;}
#info .inner .date {float: left; width: 100%; margin-top: 13px;}
#info .inner .projekt-text {float: left;width: 100%;margin-top: 19px;font-size: 16px;}
#info .inner .projekt-detail {margin-top: 25px; float: left; width: 200px; height: 42px; line-height: 40px; font-weight: 700; color: #ffffff; background: #f26f29; text-align: center; border: 1px solid #f26f29;}

@media (max-width: 991px) {
#info .inner .projekt-list {height: auto;}
#info .inner .projekt-list .projekt-img {width: 100%;}
#info .inner .projekt-list .projekt-img img {width: 100%; height: 100%; transform: scale(1.2, 1); -webkit-transform: scale(1.2, 1); -moz-transform: scale(1.2, 1);}
#info .inner .projekt-list .projekt-textbox {width: 100%; padding: 30px;}}

@media (max-width: 568px) {
#info .inner .projekt-name {font-size: 24px;}}

@media (max-width: 1199px) {#info .inner .projekt-img img {height: 100%; transform: scale(1.2, 1); -webkit-transform: scale(1.2, 1); -moz-transform: scale(1.2, 1);}}




/* ++++++++++ FOOTER +++++++++++++++++++++++++++++++++++++ */
footer {display: block}
.sms-ft {float: left; width: 100%;}
.sms-ft .content-ft {float: left; width: 100%; background-color:#153542; position: relative; min-height: 180px;}
.sms-ft .content-ft .logo-ft img {float: left; max-width:80%;margin-top: 10px; float: left;}
.sms-ft .content-ft .inhalt-ft .info {float: left; width: 100%}
.sms-ft .content-ft .inhalt-ft { color: #ffffff; position: relative}
.sms-ft .content-ft .inhalt-ft .des_ { border-radius: 10px; height: 131px; float: left; position: relative; margin-top: 30px}
.sms-ft .content-ft .inhalt-ft .des_:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 3px solid rgba(107, 162, 173, 0.72); border-radius: 10px}
.sms-ft .content-ft .inhalt-ft .des_ img {height: 100%;  border-radius: 10px}
.sms-ft .content-ft .inhalt-ft .lg_bottom:after { content: "";  display: table; clear: both}
.sms-ft .content-ft .inhalt-ft .info li {font-family: 'Open Sans', sans-serif; font-size: 14px; color: #d2d2d2; line-height: 1; font-weight: 400; height: 20px;}
.sms-ft .content-ft .inhalt-ft .info li:nth-of-type(1):before {content: "\f041"; font-family: FontAwesome;margin-right: 14px}
.sms-ft .content-ft .inhalt-ft .info li:nth-of-type(2):before {content: ""; font-family: FontAwesome;margin-right: 23px}
.sms-ft .content-ft .inhalt-ft .info li:nth-of-type(3):before {content: "\f095"; font-family: FontAwesome; font-size: 14px}
.sms-ft .content-ft .inhalt-ft .info li:nth-of-type(4):before {content: "\f0e0"; font-family: FontAwesome; font-size: 14px}
.sms-ft .content-ft .inhalt-ft .info li:before {margin-right: 10px; font-family: "ionicons";   line-height: 1; color: #d2d2d2; font-size: 16px}
.sms-ft .content-ft .inhalt-ft .info li a {font-family: 'Open Sans', sans-serif; font-size: 14px; color: #d2d2d2; line-height: 1; font-weight: 400}
.sms-ft .content-ft .inhalt-ft .info li a:hover {color: #c4a537}
.sms-ft .content-ft .inhalt-ft h3 {font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 18px;color: #ffffff;margin-top: 10px;float: left;width: 100%;margin-bottom: 20px;text-transform: uppercase;}
.sms-ft .content-ft .inhalt-ft .link-ft li { height: 20px; float: left; width: 100%;}
.sms-ft .content-ft .inhalt-ft .link-ft li a {font-family: 'Open Sans', sans-serif;  font-weight: 400; color: #d2d2d2; font-size: 14px}
.sms-ft .content-ft .inhalt-ft .link-ft li a:hover {color: #c4a537}
.sms-ft .content-ft .inhalt-ft .link-ft li a:before {content: "\f0da"; font-family: FontAwesome;margin-right: 14px}
.sms-ft .content-ft .inhalt-ft .tw {float: left; width: 100%; margin-bottom: 5px}
.sms-ft .content-ft .inhalt-ft .tw dt {float: left; width: 100%}
.sms-ft .content-ft .inhalt-ft .tw dt p {font-size: 14px; font-family: 'Open Sans', sans-serif; color: #868686; line-height: 24px; font-weight: 400}
.sms-ft .content-ft .inhalt-ft .tw dt span {font-size: 14px; color: #555555; font-family: Lato, sans-serif; font-weight: 400; display: block; margin-top: 19px}
.sms-ft .content-ft .inhalt-ft .tw dt span:before {content: "\f243"; font-family: "ionicons"; line-height: 1; margin-right: 10px}
.sms-ft .content-ft .inhalt-ft .tw dd {float: left; width: 100%}
.sms-ft .content-ft .inhalt-ft .tw dd a {font-size: 14px; color: #f2722a; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: italic}
.sms-ft .content-ft .inhalt-ft .tw dd a:hover {text-decoration: underline}
.sms-ft .content-ft .inhalt-ft .letter {font-size: 14px; font-family: 'Open Sans', sans-serif; color: #d2d2d2; line-height: 24px; font-weight: 400; margin-bottom: 0}
.sms-ft .content-ft .box_social {position: absolute; bottom: 0; left: 0; text-align: center; height: 48px; display: block; border-bottom: 3px solid #222222}
.sms-ft .content-ft .box_social .content-ftsocial {height: 45px; line-height: 45px; margin: 0 auto; position: relative; background: url(../images/shape_bottom.png) no-repeat bottom center}
.sms-ft .content-ft .box_social .content-ftsocial li {display: inline-block; margin: 0 6.5px}
.sms-ft .content-ft .box_social .content-ftsocial li a {font-size: 18px; color: #868686}
.sms-ft .content-ft .box_social .content-ftsocial li a:hover {color: #5fcde3}
.sms-ft .copyright {float: left; width: 100%;min-height: 50px; background: RGBA(21, 53, 66, 0.5); text-align: center; font-size: 14px; font-family: Lato, sans-serif; font-weight: 400; line-height: 50px; color: #fff}
.sms-ft .copyright a {color: #fff; font-family: 'Open Sans', sans-serif; }
.sms-ft .copyright a:hover {text-decoration: none}

@media (max-width: 1199px) {
.sms-ft .content-ft .inhalt-ft .info li {font-size: 12px;}

.sms-ft .content-ft .inhalt-ft h3 {margin-top: 25px;margin-bottom: 10px;}
.sms-ft .content-ft .inhalt-ft .info li a { font-size: 12px}
.sms-ft .content-ft .inhalt-ft .link-ft li a {font-size: 12px}


}

@media (max-width: 991px) {
.sms-ft .content-ft {padding-bottom: 50px;}
.sms-ft .content-ft .inhalt-ft .link-ft li a {display: block; width: 100%;} 
.sms-ft .content-ft .inhalt-ft .info li {font-size: 14px;}
.sms-ft .content-ft .inhalt-ft .info li a { font-size: 14px}
.sms-ft .content-ft .inhalt-ft .link-ft li a {font-size: 14px}


}

@media only screen and (max-width: 480px) {
.sms-ft .content-ft .logo-ft img {max-width:70%;}


.sms-ft .content-ft .inhalt-ft h3 {font-family: font-size: 18px; margin-top: 30px; margin-left:30px}
.sms-ft .content-ft .inhalt-ft .info li { font-size: 14px;  margin-bottom: 3px; margin-left:30px}
.sms-ft .content-ft .inhalt-ft .info li a { font-size: 14px;  margin-bottom: 3px; }
.sms-ft .content-ft .inhalt-ft .link-ft li {border-bottom: none; height: 30px; line-height: 0px; float: left; width: 100%; margin-left: 35px;}
.sms-ft .copyright {min-height: 35px; font-size: 14px; line-height: 20px;}

 }






.page-content .pagecontent-projekt .projekt-info p {text-align:right;}

.page-content .pagecontent-projekt .projekt-info p a {text-decoration:none;color:#A62519;font-size:16px; font-weight:600;}





.single-brand-item {
    position: relative;
    display: block;
    max-width: 270px;
    width: 100%;
    text-align: center;
    margin: 0 auto 30px;
   
}