/* sass ice V. 1.0 */
/* font - face */
@font-face {
  font-family: 'sansationregular';
  src: url("../fonts/sansation_regular_macroman/Sansation-Regular-webfont.eot");
  src: url("../fonts/sansation_regular_macroman/Sansation-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sansation_regular_macroman/Sansation-Regular-webfont.woff") format("woff"), url("../fonts/sansation_regular_macroman/Sansation-Regular-webfont.ttf") format("truetype"), url("../fonts/sansation_regular_macroman/Sansation-Regular-webfont.svg#sansationregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'sansationbold';
  src: url("../fonts/sansation_bold_macroman/Sansation-Bold-webfont.eot");
  src: url("../fonts/sansation_bold_macroman/Sansation-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sansation_bold_macroman/Sansation-Bold-webfont.woff") format("woff"), url("../fonts/sansation_bold_macroman/Sansation-Bold-webfont.ttf") format("truetype"), url("../fonts/sansation_bold_macroman/Sansation-Bold-webfont.svg#sansationbold") format("svg");
  font-weight: 400;
  font-style: normal; }

/*  Variablen =============== */
/*   Ende Variablen =============== */
/* line 50, ../sass/style.scss */
body {
  background-color: #f9f8f3;
  padding-top: 1.8em;
  font-size: 1.8em; }

/* line 52, ../sass/style.scss */
img {
  max-width: 100%; }

/* Custom, iPhone Retina 320px */
/* line 56, ../sass/style.scss */
section#header-ics {
  margin-bottom: 1em; }

/* line 58, ../sass/style.scss */
.logo {
  text-align: center;
  margin-bottom: 1em; }

/* line 60, ../sass/style.scss */
.navtop {
  margin-bottom: 1em; }
  /* line 61, ../sass/style.scss */
  .navtop ul {
    margin: 0;
    padding: 0;
    text-align: center; }
    /* line 62, ../sass/style.scss */
    .navtop ul li {
      list-style: none;
      display: inline-block;
      font-weight: 400;
      font-family: "sansationbold";
      font-size: 1em;
      text-transform: uppercase; }
    /* line 62, ../sass/style.scss */
    .navtop ul a {
      color: black;
      padding: .3em .4em; }
      /* line 63, ../sass/style.scss */
      .navtop ul a:hover {
        text-decoration: none;
        color: #c7183a; }

/* line 65, ../sass/style.scss */
tel {
  font-size: 1.75em;
  width: 100%;
  display: inline-block;
  text-align: center; }

/* line 67, ../sass/style.scss */
section.hauptmenu {
  background: #4a6c8b;
  text-transform: uppercase; }
  /* line 68, ../sass/style.scss */
  section.hauptmenu .navbar-default {
    margin: 0;
    background: transparent;
    border: none;
    /*button hier*/ }
    /* line 68, ../sass/style.scss */
    section.hauptmenu .navbar-default .nav a {
      font-family: "sansationregular";
      color: white; }
      /* line 70, ../sass/style.scss */
      section.hauptmenu .navbar-default .nav a:hover {
        color: #c7183a; }
    /* line 70, ../sass/style.scss */
    section.hauptmenu .navbar-default .nav .open a {
      background-color: #2b4f70; }
      /* line 71, ../sass/style.scss */
      section.hauptmenu .navbar-default .nav .open a:focus {
        color: white; }
      /* line 72, ../sass/style.scss */
      section.hauptmenu .navbar-default .nav .open a:hover {
        color: #c7183a; }
    /* line 75, ../sass/style.scss */
    section.hauptmenu .navbar-default .navbar-collapse {
      border: none;
      box-shadow: none; }
    /* line 79, ../sass/style.scss */
    section.hauptmenu .navbar-default button.navbar-toggle {
      background-color: transparent;
      background-image: none;
      border: 1px transparent;
      border-radius: 0px;
      float: right;
      margin-bottom: 8px;
      margin-right: 15px;
      margin-top: 8px;
      padding: 9px 10px;
      position: relative; }
      /* line 90, ../sass/style.scss */
      section.hauptmenu .navbar-default button.navbar-toggle .icon-bar {
        background-color: white;
        height: 3px;
        width: 28px; }
  /* line 93, ../sass/style.scss */
  section.hauptmenu .dropdown-menu {
    border: none;
    border-radius: 0;
    background-color: transparent;
    padding: 1px 0; }
    /* line 93, ../sass/style.scss */
    section.hauptmenu .dropdown-menu li a {
      padding: 8px 15px;
      font-family: "sansationregular";
      font-size: 1em; }

/* line 98, ../sass/style.scss */
.spinner {
  background: white url("../images/preloader.gif") no-repeat scroll 50% 50%;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999; }

/* line 108, ../sass/style.scss */
#row {
  clear: both; }

/* line 109, ../sass/style.scss */
footer {
  background: #3e3e3e;
  color: white;
  text-align: center;
  padding: 1.2em 0; }

/* line 110, ../sass/style.scss */
.blau {
  background: #2b4f70;
  text-align: center; }

/* line 111, ../sass/style.scss */
#referenzen {
  background: white;
  margin-bottom: 1em; }
  /* line 113, ../sass/style.scss */
  #referenzen span {
    font-family: "sansationbold";
    font-size: 1.5em;
    margin-top: .6em;
    display: block;
    color: white; }

/* line 115, ../sass/style.scss */
.abstand {
  padding: 6em 0 3em;
  text-align: center; }

/* line 117, ../sass/style.scss */
.popover-title {
  color: white;
  background-color: #c7183a; }

/* line 119, ../sass/style.scss */
h1, h2, h3 {
  font-family: "sansationbold"; }

/* line 122, ../sass/style.scss */
.success {
  display: none; }

/* line 124, ../sass/style.scss */
.error {
  display: none; }

/* line 129, ../sass/style.scss */
a {
  color: #c7183a; }
  /* line 129, ../sass/style.scss */
  a:hover {
    color: #2b4f70;
    text-decoration: none; }

/* 

input[type=text] {
  width: 100px;
  -webkit-transition: ease-in-out, width .35s ease-in-out;
  transition: ease-in-out,width .35s ease-in-out;
}

input[type=text]:focus {
  width: 10px;
}

*/
/* line 147, ../sass/style.scss */
input[type="text"]:focus, #message:focus {
  border-color: #c7183a;
  border-radius: 0;
  box-shadow: none;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }

/* line 153, ../sass/style.scss */
input[type=submit], .success {
  border-radius: 0;
  background: #c7183a;
  color: white;
  padding: 1em 0em;
  width: 100%;
  text-transform: uppercase;
  font-size: 1.2em; }
  /* line 155, ../sass/style.scss */
  input[type=submit]:hover, .success:hover {
    background: #4a6c8b;
    color: white; }

/* line 158, ../sass/style.scss */
.success {
  text-align: center; }

/* line 160, ../sass/style.scss */
.inhalt {
  height: auto; }

/* line 162, ../sass/style.scss */
article {
  padding: 1em 0; }

/* line 166, ../sass/style.scss */
.row {
  margin-bottom: 1em; }

/* line 168, ../sass/style.scss */
footer {
  position: relative !important; }

/* line 169, ../sass/style.scss */
.zahlen {
  text-align: center;
  font-weight: 700; }

/* Responsive
-------------------------------------------------- */
/* Extra Small Devices, Phones 480px */
@media only screen and (min-width: 30em) {
  /* line 178, ../sass/style.scss */
  section.slider .flex-caption {
    display: none; } }
/* ========= Small Devices, Tablets 768px ======== */
@media only screen and (min-width: 48em) {
  /* line 188, ../sass/style.scss */
  body {
    font-size: 1.4em; }

  /* line 189, ../sass/style.scss */
  .fixbild img {
    width: 100%;
    height: auto; }

  /* line 194, ../sass/style.scss */
  .navtop {
    float: right; }

  /* line 195, ../sass/style.scss */
  tel {
    text-align: right;
    font-family: "sansationbold"; }

  /* line 197, ../sass/style.scss */
  .navbar {
    margin-bottom: 0; }
    /* line 197, ../sass/style.scss */
    .navbar li {
      font-size: 1.17em; }

  /* line 201, ../sass/style.scss */
  section.slider .flex-caption {
    font-size: 2em;
    left: 0;
    background: #c7183a;
    padding: .3em 1.5em .3em 10%;
    bottom: 0;
    margin-bottom: 1em;
    display: block;
    opacity: 0;
    left: -30px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  /* line 215, ../sass/style.scss */
  section.slider .slides li.flex-active-slide > .flex-caption {
    opacity: 1;
    left: 0px; }

  /* line 224, ../sass/style.scss */
  section.hauptmenu .dropdown-menu li a {
    font-size: 0.8em; }

  /* line 234, ../sass/style.scss */
  #mitte .module {
    width: 100%;
    display: inline-block;
    color: #fff;
    background: #4a6c8b;
    font-family: "sansationregular"; }
    /* line 236, ../sass/style.scss */
    #mitte .module .text, #mitte .module .bild {
      float: left; }
      /* line 236, ../sass/style.scss */
      #mitte .module .text .module_img, #mitte .module .bild .module_img {
        vertical-align: middle; }
    /* line 237, ../sass/style.scss */
    #mitte .module .text {
      width: 100%;
      padding: 2em; }
      /* line 237, ../sass/style.scss */
      #mitte .module .text h3 {
        text-transform: uppercase; }
    /* line 238, ../sass/style.scss */
    #mitte .module .bild {
      opacity: 0.8;
      width: 100%;
      position: relative;
      height: 16em; }
    /* line 243, ../sass/style.scss */
    #mitte .module .eins {
      background: url("../images/module_1.jpg") no-repeat;
      background-size: cover;
      -moz-background-size: cover; }
    /* line 246, ../sass/style.scss */
    #mitte .module .zwei {
      background: url("../images/module_2.jpg") no-repeat;
      background-size: cover; }
    /* line 249, ../sass/style.scss */
    #mitte .module .module_img {
      font-size: 2.5em;
      font-weight: 700;
      text-align: center;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      /* line 250, ../sass/style.scss */
      #mitte .module .module_img span {
        display: block;
        font-size: 1.5em;
        line-height: 0.62em; }

  /* line 267, ../sass/style.scss */
  #main h2 {
    text-align: center; }

  /* line 271, ../sass/style.scss */
  .index_text {
    text-align: center;
    padding: 1em 4em;
    margin-bottom: 4em;
    float: left; }

  /* line 274, ../sass/style.scss */
  #zeitgewinn {
    color: #fff; }
    /* line 276, ../sass/style.scss */
    #zeitgewinn .col-md-6:nth-child(1) {
      background: #c7183a;
      text-align: right;
      padding: 2em 1em;
      height: 114px; }
      /* line 276, ../sass/style.scss */
      #zeitgewinn .col-md-6:nth-child(1) h2 {
        margin-right: 50px;
        font-size: 1.6em; }
      /* line 277, ../sass/style.scss */
      #zeitgewinn .col-md-6:nth-child(1):after {
        content: "";
        display: block;
        height: 144px;
        background: url(../images/blaue_ecke.png) 0 0 no-repeat;
        position: absolute;
        right: -10px;
        top: 0;
        width: 88px; }
    /* line 280, ../sass/style.scss */
    #zeitgewinn .col-md-6:nth-child(2) {
      background: #4a6c8b;
      height: 114px;
      padding: 2em 1em; }
    /* line 284, ../sass/style.scss */
    #zeitgewinn i {
      background-image: url(../images/icon.png);
      height: 5em;
      width: 5em;
      display: inline-block;
      margin-right: 1em;
      cursor: pointer; }
      /* line 287, ../sass/style.scss */
      #zeitgewinn i.one {
        background-position: 0px 0px; }
      /* line 288, ../sass/style.scss */
      #zeitgewinn i.two {
        background-position: 0px 66px; }
      /* line 289, ../sass/style.scss */
      #zeitgewinn i.tree {
        background-position: 70px 73px; }
      /* line 290, ../sass/style.scss */
      #zeitgewinn i.four {
        background-position: 70px 0px; }

  /* line 295, ../sass/style.scss */
  .zahlen {
    color: white;
    text-align: center;
    background: url(../images/autosbild.jpg) center center no-repeat;
    background-size: cover;
    font-size: 1.5em;
    padding: 3em 0; }
    /* line 300, ../sass/style.scss */
    .zahlen span {
      display: block;
      font-size: 1.5em;
      line-height: 0.62em; }

  /* line 304, ../sass/style.scss */
  footer {
    background: #3e3e3e;
    color: white;
    text-align: right;
    margin-top: 2em; } }
/*  ============= Medium Devices, Desktops 992px =========== */
@media only screen and (min-width: 62em) {
  /* line 323, ../sass/style.scss */
  #mitte .module demoSpan1 {
    width: 20px; }
  /* line 329, ../sass/style.scss */
  #mitte .module .text {
    width: 60%;
    padding: 2em;
    position: relative; }
    /* line 329, ../sass/style.scss */
    #mitte .module .text h3 {
      text-transform: uppercase; }
  /* line 334, ../sass/style.scss */
  #mitte .module .bild {
    width: 40%;
    position: relative;
    height: 19em; }
    /* line 335, ../sass/style.scss */
    #mitte .module .bild:after {
      content: '';
      height: 0;
      width: 0;
      display: block;
      border: 25px transparent solid;
      border-right-width: 0;
      border-left-color: #4a6c8b;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0px;
      z-index: 1; }

  /* line 345, ../sass/style.scss */
  #zeitgewinn {
    color: #fff; }
    /* line 347, ../sass/style.scss */
    #zeitgewinn .col-md-6:nth-child(1) h2 {
      margin-right: 60px;
      font-size: 2em;
      font-family: "sansationbold"; }
    /* line 348, ../sass/style.scss */
    #zeitgewinn i {
      background-image: url(../images/icon.png);
      height: 5em;
      width: 5em;
      display: inline-block;
      margin-right: 3em; }

  /* line 358, ../sass/style.scss */
  .zahlen {
    font-size: 1.5em;
    padding: 4em 0;
    font-family: "sansationbold"; }
    /* line 360, ../sass/style.scss */
    .zahlen span {
      font-size: 2.5em;
      line-height: 0.62em; }

  /* line 364, ../sass/style.scss */
  .index_text {
    text-align: center;
    padding: 1em 10em; } }
/* Large Devices, Wide Screens 1200px */
/*  high pixel ratio  */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* line 379, ../sass/style.scss */
  body {
    background: #f9f8f3; } }