/*********************************
  BASIC ADJUSTMENTS
*********************************/

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/


/*********************************
  ADD FONT
*********************************/
@font-face{
  font-family:"Trade Gothic W01_n7";
  src:url("Fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix") format("eot")
}

@font-face{
font-family:"Trade Gothic W01";
src:url("Fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix");
src:url("Fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix") format("eot"),url("Fonts/d2e623ca-efc6-4557-ae55-ebb786065dcf.woff2") format("woff2"),url("Fonts/f51d24dd-8256-43c6-ba1a-6aeae9d3f262.woff") format("woff"),url("Fonts/955ee494-66b2-4eb2-8f19-bc3a088df16d.ttf") format("truetype"),url("Fonts/d5153ad4-7c93-4757-9147-640e69ec4801.svg#d5153ad4-7c93-4757-9147-640e69ec4801") format("svg");
font-weight: 700;
font-style: normal;
}



/*********************************
  GLOBAL STYLES
*********************************/
html,
body,
ul {
  margin:0; padding:0;
  height:100%;
}

body {
  overflow-x: hidden;
}

/*.off-canvas-wrap, .inner-wrap {
  min-height: 100%;
}

.off-canvas-wrap{
  position: absolute;
  height: auto;
  width: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 75px 0 0 0;
  overflow-y: scroll;
  overflow-x: hidden
}*/

/*@media #{$small-only} {
  .off-canvas-wrap{
    margin: 0;
  }
}*/

*:focus {
    outline: 0;
}

a:link {color:#555;}
a:hover {color:#555;}
a:visited {color:#555;}
a:active {color:#555;}

p {
  color:#666;
}


h2 {
  font-size:4rem;
  color:#05894d;
  font-family:"Trade Gothic W01";
  text-transform:uppercase;
}

@media only print, screen and (min-width: 40.0625em) {
  h2 {
    font-size:6rem;
  }
}

@media only print, screen and (min-width: 64.0625em) {
  h2 {
    font-size:8rem;
  }
}

h2 span {
  border-bottom:0.5rem solid #05894d;
}

.color_white {
  color:#FFF !important;
  border-color:#FFF !important;
}

.color_grey span {
  color:#CCC !important;
  border-bottom: none;	
}

.color_white span {
  color:#FFF !important;
  border-color:#FFF !important;
}

.color_white a,
.simple_text.color_white a,
.simple_text.color_white p{
  color:#FFF !important;
  border:none;
}

.viewport {
  box-sizing:border-box;
  padding:75px 0 0 0;
  height:100%;
  /*overflow-x: hidden;*/
  /*overflow-y: scroll;*/
  display:block;
  animation: fade_IN 1.5s ease-in-out;
  -webkit-animation: fade_IN 1.5s ease-in-out;
}

@keyframes fade_IN {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@-webkit-keyframes fade_IN {
  0% {opacity: 0;}
  100% {opacity: 1;}
}


.table {
  position:absolute;
  width:100%; height:100%;
  display:table;
}
.center {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
}

@media only print, screen and (max-width: 40.0625em) {
  .center.home_teaser_center {
    text-align:left;
    padding:2rem;
  }
}

.row_full_width {
  position:relative;
  float:left;
  width:100% !important;
  max-width:100%;
  padding:2rem 0;
}

@media only print, screen and (max-width: 64.0625em) {
  .row_full_width {
    padding:1rem;
  }
  
  .col3_loop:first-of-type {
    padding-top: 1rem;
    margin-top: 0;
  }

  .col3_loop {
    padding-top: 0;
    margin-top: -1rem;
  }
}

.padding_wrap {
  position:relative;
  float:left;
  width:100%;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#FFF;
}

.padding_wrap.green {
  background:#05894d;
}



@media only print, screen and (min-width: 40.0625em) {
  .padding_wrap {
    padding:5rem 0;
    margin-top: 0;
  }
  .padding_wrap.downloads {
    padding:0;
  }
  .padding_wrap.impressum .columns .columns {
    padding:0;
  }
}

@media only print, screen and (max-width: 64rem) {
  .padding_wrap.formular {
    padding:2rem 1rem;
    
  }
}

@media only print, screen and (max-width: 40rem) {
  .padding_wrap.impressum .columns {
    padding:0;
  }
}



.hide_for_mobile {
  display:inline-block;
}

.hide_for_desktop {
  display:none;
}

@media only print, screen and (max-width: 40rem) {
  .hide_for_mobile {
    display:none;
  }
  .hide_for_desktop {
    display:inline-block;
  }
}


@media only print, screen and (max-width: 64rem) {
  .padding_0 {
    padding:0;
  }
}


/*********************************
  HEADER
*********************************/
.header {
  position:fixed;
  left:0; top:0;
  width:100%;
  height:75px;
  background:#FFF;
  z-index:999;
  padding:0 0.9375rem;
  z-index:9999;
}

@media only print, screen and (max-width: 64em) {
  .header {
    padding:0 2em;
  }
}

.logo {
  position:relative;
  float:left;
  width:150px;
  height:100%;
  background-image: url("img/logo.svg");
  background-size:100%;
  background-repeat:no-repeat;
  background-position:center center;
}

.logo a {
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:block;
}

.bim_award {
  position: absolute;
  right: 4.6rem;
  top: 2px;
  width: 41px;
  height: 73px;
  background: url(img/bim.png)center center no-repeat;
  background-size: contain;
  z-index: 999;
  cursor: pointer;
}
.bim_award.hidden {
  display: none;
}


@media only screen and (max-width: 64rem) {
  .bim_award.hidden {
    display: block;
  }
}

.burger_menu {
  position:absolute;
  right:1rem; top:0;
  width:40px; height:75px;
  background: url(img/menu.png) center center no-repeat;
  cursor:pointer;
  z-index:999;
}

.burger_menu.active {
  display:none;
}

.menu {
  position: relative;
  float:right;
  height:75px;
  margin-top:-75px;
}

.menu.active {
  margin-top:0;
  transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}


.menu ul li {
  list-style-type:none;
  float:left;
  display:inline;
  margin-left:3rem;
  height:75px;
  line-height:75px;
  font-size:1rem;
  text-transform:uppercase;
}

.menu ul li a {
  font-family:"Trade Gothic W01";
  color:#999999;
}

.menu ul li a:hover,
.menu ul li.active a,
.menu ul li.active a:active,
.menu ul li.active a:focus {
  color:#555;
  border-bottom:2px solid #555;
}

@media only screen and (max-width: 64rem) {
  .burger_menu {display:block; padding: 0 2rem;}
  .burger_menu.active {display:block;}
  .menu {position:absolute; top:70px; left:0; width:100%; background:#FFF; margin:0; padding:0; display:none; border-top:1px solid #E7E7E7; height:auto;}
  .menu.active {display:block;}
  .menu ul {margin:0;  padding: 0 1.875rem;}
  .menu ul li {display:block; width:100%; border-bottom:1px solid #E7E7E7; margin:0; height:50px; line-height:50px;}
}




/*********************************
  HOME TEASER
*********************************/
.home_teaser {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  height: 100%;
}

.home_teaser_background {
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:block;
  background-size:cover;
  background-position:center center;
}

.home_teaser_headline {
  max-width:1280px;
  color:#FFF;
  font-size:3rem;
  line-height:3.2rem;
  font-family:"Trade Gothic W01";
  margin:0 auto 3rem auto;
}

@media only screen and (max-width: 1280px) {
  .home_teaser_headline {
    font-size:2rem;
    line-height:2.3rem;
    max-width:80%;
  }
}

@media only screen and (max-width: 40rem) {
  .home_teaser_headline {
    display:none;
  }
}

a.home_teaser_link {
  font-family:"Trade Gothic W01";
  text-transform:uppercase;
  color:#FFF;
  font-size:1.4rem;
  border-bottom:2px solid #FFF;
}

/*********************************
  SIMPLE TEASER WITH MAGGELAN
*********************************/
.simple_teaser {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  height: 100%;
  /*height: 100vh;*/
}

.simple_teaser_background {
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:block;
  background-size:cover;
  background-position:center center;
}

.simple_teaser_video {
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:block;
  overflow-x: hidden;
}

.simple_teaser_video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}

.simple_teaser_headline {
  color:#FFF;
  font-size:10rem;
  font-family:"Trade Gothic W01";
  margin:0 auto 3rem auto;
  text-transform:uppercase;
}

@media only screen and (max-width: 1980px) {
  .simple_teaser_headline {
    font-size:7rem;
  }
}

@media only screen and (max-width: 1680px) {
  .simple_teaser_headline {
    font-size:6rem;
  }
}

@media only screen and (max-width: 1440px) {
  .simple_teaser_headline {
    font-size:5rem;
  }
}

@media only screen and (max-width: 64rem) {
  .simple_teaser_headline {
    font-size:3rem;
  }
}

@media only screen and (max-width: 960px) {
  .simple_teaser_headline {
    font-size:2rem;
  }
}

.simple_teaser_headline span {
  border-top:0.7rem solid #FFF;
  border-bottom:0.7rem solid #FFF;
}

@media only screen and (max-width: 960px) {
  .simple_teaser_headline span {
    border-top:0.3rem solid #FFF;
    border-bottom:0.3rem solid #FFF;
  }
}

.simple_teaser_maggelan {
  background:none; padding:0; margin:0;
}

.simple_teaser_maggelan ul li {
  list-style-type:none;
  display:inline;
  padding:0 1rem;
}

.simple_teaser_maggelan ul li a {
  font-family:"Trade Gothic W01";
  text-transform:uppercase;
  color:#FFF;
  font-size:1.4rem;
}

@media only screen and (max-width: 64em) {
  h2 {
    font-size: 3rem;
    overflow: hidden;
  }
  
  .simple_teaser_maggelan {
    /*display: none;*/
    padding: 20px;
  }
  
  .simple_teaser_maggelan ul li {
    padding:0 0.5rem;
  }
  .simple_teaser_maggelan ul li a {
    font-size:1rem;
  }
}


.simple_teaser_maggelan ul li a:hover,
.simple_teaser_maggelan ul li a.active {
  border-bottom:2px solid #FFF;
}

.simple_teaser_maggelan.fixed {
  background:#7b7b7b;
  height:75px;
  line-height:75px;
}

@media only screen and (max-width: 64em) {
  .simple_teaser_maggelan.fixed {
    display:none !important;
  }
}

.simple_teaser_maggelan.fixed ul li {
  height:75px;
  line-height:75px;
}

.simple_teaser_maggelan.fixed ul li a {
  font-size:1rem;
}

.simple_teaser_arrow {
  position:absolute;
  width:12px;
  height:60px;
  background:url(img/pfeil.svg) center center no-repeat;
  right:5rem;
  bottom:5rem;
  cursor:pointer;
}

@media only print, screen and (max-width: 64rem) {
  .simple_teaser_arrow {
    right:2rem;
    bottom:2rem;
  }
}

a.simple_teaser_go_back {
  position:absolute;
  width:auto;
  height:auto;
  background:#05894d;
  color:#FFF;
  right:2rem;
  top:2rem;
  cursor:pointer;
  padding:0.5rem 1rem;
  font-size:0.8rem;
  z-index: 999; 
}

@media only print, screen and (max-width: 40rem) {
  a.simple_teaser_go_back {
    left:2rem;
    right:auto;
    top:1rem;
  }
}

.watch_video {
  margin-top:5rem;
}

.watch_video span {
  color:#FFF;
  border:1px solid #FFF;
  padding:1rem;
  cursor:pointer;
}


/*********************************
  IMAGE WITH TEXT
*********************************/
.image_with_text {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  height: 100%;
  /*height: 100vh;*/
}

@media only print, screen and (max-width: 40.0625em) {
  .image_with_text {
    height: 50%;
    /*height: 100vh;*/
  }
}

.image_with_text_background {
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:block;
  background-size:cover;
  background-position:center center;
}

.image_with_text_headline {
  color:#FFF;
  font-size:4rem;
  line-height:4rem;
  font-family:"Trade Gothic W01";
  margin:0 auto 3rem auto;
  max-width:1280px;
  text-transform:uppercase;
}

@media only screen and (max-width: 1440px) {
  .image_with_text_headline {
    font-size:3rem;
    line-height:3.3rem;
    max-width:80%;
  }
}

@media only print, screen and (max-width: 40em) {
  .image_with_text_headline {
    font-size:1.6rem;
    line-height:2.2rem;
    margin-bottom:0;
  }
}




/*********************************
  SIMPLE TEXT
*********************************/
h4.simple_text_headline {
  font-family:"Trade Gothic W01";
  text-transform:uppercase;
  margin-bottom:1rem;
  color:#555;
}


@media only screen and (max-width: 1440px) {
  h4.simple_text_headline.referenz_einzelansicht {
    margin-top:4rem;
  }
}

@media only print, screen and (max-width: 40rem) {
  h4.simple_text_headline {
    margin-bottom:0.5rem;
    margin-top: 0.5rem;
  }
  
}

h4.simple_text_headline span {
  font-size:0.8rem;
  vertical-align:text-top;
  margin-top:2px;
}

.simple_text a {
  border-bottom:2px solid;
  font-weight:bold;
  font-family:"Trade Gothic W01";
}

.simple_text.bold {
  font-weight:bold;
}

.simple_text.small {
  font-size:0.7em;
  margin:0;
}



/*********************************
  COLLUMNS UNTERNEHMEN LEISTUNGSÜBERSICHT (GRÜNE BOXEN)
*********************************/
.columns.leistungsuebersicht {
  color:#FFF !important;
}

.columns.leistungsuebersicht .border {
  box-sizing:border-box;
  padding:2rem;
  border: 1px solid #FFF;
  min-height:100%;
  display:block;
}

.columns.leistungsuebersicht .simple_text_headline,
.columns.leistungsuebersicht .simple_text {
  color:#FFF;
}

.columns.leistungsuebersicht .simple_text_headline {
  border-bottom:1px solid #FFF;
}

@media only print, screen and (max-width: 64em) {
  .columns.leistungsuebersicht {
    /*margin-bottom: 2rem;*/
    margin: 1rem;
    margin-left: 0;
  }
}


/*********************************
  SEITE LEISTUNG
*********************************/
.leistung {
  position:relative;
  float:left;
  width:100%;
  height:calc(100% - 75px);
  /*height:100vh;*/
  overflow:visible;
  background:#f2f2f2;
}

@media only print, screen and (max-width: 64rem) {
  .leistung {
    height:auto;
    padding-bottom:5rem;
  }
}

.leistung .row_full_width {
  margin-top:5%;
}

@media only print, screen and (max-width: 64rem) {
  .leistung .row_full_width {
    padding:0 2rem;
  }
}


.leistung_background {
  position:absolute;
  top:0;
  width:100%; height:100%;
  display:block;
  background-size:cover;
  background-position:center center;
}

@media only print, screen and (max-width: 64rem) {
  .leistung_background {
  }
}

.leistung_background.cube {
  top:10%;
  width:70vh;
  height:70vh;
}

.leistung_background.cube.left {
  left:10%;
}

@media only screen and (max-width: 1280px) {
  .leistung_background.cube {
    top:0; left:0 !important;
    width:100%;
    height:100%;
  }
}



.leistung_background.cube.right {
  right:10%;
}

.leistung_content {
  z-index:1;
  position: absolute;
  background:#FFF;
  padding:5rem;
  bottom:-5%;
}

@media only print, screen and (max-width: 64rem) {
  .leistung_content {
    position:relative;
    float:left;
    padding:2rem;
    margin:2rem 2rem 0 2rem;
  }
  
  .leistung_content .simple_text_headline {
    margin-top: 0;
  }
  
  .leistung_content .simple_text p:last-child {
    margin-bottom: 0;
  }
}




/*********************************
  SEITE JOBS
*********************************/

.jobs_teaser {
  position:relative;
  float:left;
  width:33%;
  height:50%;
  display:block;
}

@media only print, screen and (max-width: 64em) {
  .jobs_teaser {
    width:50%;
  }
}

@media only print, screen and (max-width: 40em) {
  .jobs_teaser {
    width:100%;
  }
}

.jobs_teaser_background,
.jobs_teaser_background_hover {
  position:absolute;
  width:100%;
  height:100%;
  background-size:cover;
  background-position:center center;
  opacity:1;
  transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.jobs_teaser:hover .jobs_teaser_background {
  opacity:0;
  transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}


.jobs_teaser_content {
  position:absolute;
  width:100%;
  height:100%;
}


.jobs_teaser_content_headline {
  color:#FFF;
  text-transform:uppercase;
  font-family:"Trade Gothic W01";
  font-size:2rem;
}
.jobs_teaser_content_mehr {
  margin-top:2rem;
}

a.jobs_teaser_content_mehr_link {
  color:#FFF;
  border:1px solid #FFF;
  padding:1rem;
}

.jobs-big a.download_link,
.jobs-big .no-download {
  font-size: 1.1rem !important;
}



/*********************************
  SEITE REFERENZEN ÜBERSICHT
*********************************/
.referenz {
  height:25%;
  min-height:200px;
  padding:0;
  margin:0;
}


.referenz.filter {
  height:50vh;
  background:#323232;
  padding:1rem;
  margin:0;
}

@media only print, screen and (max-width: 64em) {
  .referenz.filter {
    padding:2rem;
  }
}

@media only print, screen and (max-width: 40rem) {
  .referenz.filter {
    height:325px;
  }
}

.large-height-66 {
  /*height: 50%;*/
}

.large-height-50 {
  height: 100vh !important;
}

@media only print, screen and (max-width: 40rem) {
  .large-height-50 {
    height: 25vh !important;
  }
}

.padding-0 {
  padding: 0;
}

@media only print, screen and (min-width: 40.0625em) {
  .referenz {
    height:50%;
  }

  .referenz.filter {
    height:50%;
  }

  .large-height-66 {
    height: 50%;
  }

  .large-height-50 {
    height: 50% !important;
    width: 50%;
  }
  .padding-0 {
    height: 100%;
  }
}

@media only print, screen and (min-width: 64.0625em) {
  .referenz {
    height:33.333%;
    min-height: 280px;
  }

  .referenz.filter {
    height:33.333%;
  }

  .large-height-66 {
    height: 66.666%
  }

  .large-height-50 {
    height: 50% !important;
  }
}

.referenz_background,
.referenz_background_hover {
  position:absolute;
  width:100%;
  height:100%;
  background-size:cover;
  background-position:center center;
  opacity:1;
  transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.referenz:hover .referenz_background {
  opacity:0;
  transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.referenz_content {
  position:absolute;
  width:100%;
  height:100%;
  box-sizing:border-box;
  padding:1rem;
}

@media only print, screen and (max-width: 64em) {
  .referenz_content {
    padding:2rem;
  }
}

.referenz_content_headline,
.filter_headline {
  color:#FFF;
  text-transform:uppercase;
  font-family:"Trade Gothic W01";
  font-size:2rem;
}

.filter_headline {
  font-size:1.4rem;
  margin-bottom:2rem;
}

.referenz_content_location {
  color:#FFF;
}

.referenz.filter select,
.referenz.filter input[type="text"] {
  background:none;
  border:1px solid #FFF;
  color:#FFF;
  margin-bottom:0.5rem;
  height:2.2rem;
  font-size:0.8rem;
  line-height:1rem;
  min-height:auto;
}

.referenz.filter select {
  background-image:url(img/filter_select.png);
  background-position: right 1rem center;
  background-repeat:no-repeat;
  outline:none;
}

.referenz.filter option {
  background:#FFF;
  color:#323232;
  padding:1rem;
  border:none;
  border-bottom:1px solid #E7E7E7;
  outline:none;
}


.referenz.filter input[type="submit"] {
  font-size:0.8rem;
  padding:0.5rem 0.5rem;
  margin:1rem 0.2rem 0 0;
}
.referenz_cover_link {
  position: absolute;
  width:100%; height:100%;
}

/*********************************
  REFERENZEN DETAIL
*********************************/
table {
  margin-top:5rem;
  border:none;
}

@media only print, screen and (max-width: 40rem) {
  table {
    margin-top:2rem;
    float:left !important;
  }
}

table tr {
  background:#efefef !important;
}

table tr td {
  background:#efefef !important;
}

.referenz_buttons {
  position:absolute;
  right:2rem;
  bottom:0;
  width:auto;
  height:65px;
}

@media only print, screen and (max-width: 40rem) {
  .referenz_buttons {
    position:relative;
    float:left;
    right:auto;
    margin-left:2rem;
  }
}

.referenz_print,
.referenz_download {
  float:left;
  width:69px;
  height:65px;
}

.referenz_print {
  background:url(img/print.png) left top no-repeat;
  margin-right:1rem;
}

.referenz_download {
  background:url(img/download.png) left top no-repeat;
}

.simple_image {
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}


.full_height {
  height:100%;
  padding:0;
}

.half_height {
  height:50%;
  padding:0;
}




/*********************************
  KONTAKT
*********************************/
.googlemap_wrap {
  position:relative;
  width:100%;
  height:70%;
}

.googlemap {
  position:relative;
  width:100%;
  height:100%;
}

.googlemap_cover {
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  background:rgba(0, 0, 0, 0.5);;
}

.show_google_map {
  margin-top:5rem;
}

.show_google_map span {
  color:#FFF;
  border:1px solid #FFF;
  padding:1rem;
  cursor:pointer;
}

.formular .row_full_width {
  padding:0;
}


.formular .row_full_width .columns {
  padding-left:0;
}

.formular .row_full_width .columns .columns {
  padding-right:0.9375rem;
}

.kontaktformular {
  margin-top:0;
}


@media only print, screen and (max-width: 64em) {
  .formular .row_full_width .columns .columns {
    padding:0;
  }
  
  .kontaktformular,
  .nachunternehmenberwerbung {
    margin-top:2rem;
  }

}

.formular {
  margin-top:0rem;
}

.formular h4 {
  margin:0;
}

.formular h4 span {
  font-size:1rem;
  border-bottom:2px solid #999;
  color:#999;
  cursor:pointer;
}

.formular h4:hover span,
.formular h4.active span {
  font-size:1rem;
    border-bottom:2px solid #555;
    color:#555;
}

.formular p {
  font-size:0.8rem;
}
.show_datenschutzbestimmungen_kontaktformular {
  font-weight:bold;
  border-bottom:1px solid #555;
}

.formular ::-webkit-input-placeholder {
   color: #999;
   opacity:1;
}

.formular :-moz-placeholder { /* Firefox 18- */
   color: #999;
   opacity:1;
}

.formular ::-moz-placeholder {  /* Firefox 19+ */
   color: #999;
   opacity:1;
}

.formular :-ms-input-placeholder {
   color: #999;
   opacity:1;
}

.formular input.error,
.formular textarea.error {
  border: 1px solid red !important;
  border-style: dotted !important;
}


.formular input[type="text"] {
  background:#FFF;
  border:1px solid #E7E7E7;
  color:#999;
  margin:0 0 2rem 0;
  height:2.2rem;
  font-size:0.8rem;
  line-height:1rem;
  min-height:auto;
  font-size:0.8rem;
  box-shadow:none;
}

.formular select {
  background:#FFF;
  margin:0 0 2rem 0;
  font-size:0.8rem;
  border:1px solid #E7E7E7;
  color:#999;
}

.formular textarea {
  margin:0 0 0.5rem 0;
  font-size:0.8rem;
  box-shadow:none;
  border:1px solid #E7E7E7;
  height:10rem;
  margin:0 0 2rem 0;
}

.formular option {
  background:#FFF;
  color:#323232;
  padding:1rem;
  border:none;
  border-bottom:1px solid #E7E7E7;
  outline:none;
}


.formular input[type="submit"] {
  font-size:0.8rem;
  padding:0.5rem 0.5rem;
  margin:1rem 0.2rem 0 0;
}

.formular_span {
  width:1.5rem;
  float:left;
}

.formular_span input[type="checkbox"] {
}



/*********************************
  DOWNLOADS
*********************************/
h4.simple_text_headline_downloads {
  font-family:"Trade Gothic W01";
  text-transform:uppercase;
  color:#555;
  border-bottom:2px solid #555;
  padding-bottom:1rem;
  margin-bottom:1rem;
}

.simple_text_subheadline_downloads {
  font-family:"Trade Gothic W01";
  text-transform:uppercase;
  margin-bottom:0.5rem;
  color:#555;
  font-size:1.2rem;
}

.one_downloads_row {
  margin:2rem 0;
}

.one_downloads_row ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.one_downloads_row ul li {
  background: url(img/download_link.png) 0 0.5rem no-repeat;
  padding-left: 1rem;
}

.one_downloads_row ul li.no-download {
  background: none;
  color: #999;
  font-size: 0.8rem;
  border: none;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

a.download_link {
  color:#999;
  font-size:0.8rem;
  border:none;
  font-weight:normal;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.downloads .columns {
  padding:0;
}

@media only print, screen and (max-width: 64em) {
  .downloads p.simple_text {
    margin-bottom: 0;
/*    text-indent: -2rem;
    margin-left: 2rem;*/
  }
  .downloads p.simple_text a {
    
  }
  
  h4.simple_text_headline_downloads {
    padding-top: 5rem;
  }
}


/*********************************
  FOOTER
*********************************/
.footer {
  position:relative;
  float:left;
  width:100%;
  font-size:0.8rem;
  background:#e5e5e5;
  color:#555;
  padding:5rem 0;
}

@media only print, screen and (max-width: 64rem) {
  .footer {
    padding:2rem 0;
    padding-top: 0.5rem;
  }
}

.footer p a {
  color:#555;
}

.footer p {
    font-size:0.8rem;
    font-weight:bold;
}

.footer p.footer_links a {
  border-bottom:1px solid #555;
  padding-bottom:2px;
}

.footer p.footer_back_to_top {
  font-size:2rem;
  text-align:right;
  font-family:"Trade Gothic W01";
  cursor:pointer;
}

@media only print, screen and (max-width: 64rem) {
  .footer .hide_for_desktop,
  .footer p.footer_links {
    margin-bottom:3rem;
    font-size: 1rem;
  }
  .footer p.footer_links a {
    line-height:3rem;
    border-bottom-width: 2px;
  }
  .footer p.footer_back_to_top {
    text-align:left;
    /*margin-bottom:0;*/
  }
}

.back_to_top {
  cursor:pointer;
}

span.small {
  vertical-align: baseline !important; 
  font-size: 1rem !important;
}