@charset "UTF-8";
/*!
 * Carfield ***
    rgb(178, 20, 29)    -> main-color
    rgb(188, 161, 161)  -> main-color-2

    $main-color:        rgb(178, 20, 29);
    $main-color-2:      rgb(188, 161, 161);
    $navbar-color:      rgb(255, 255, 255);
    $navbar-bg-color:   rgb(0, 0, 0);
*/
/* import Master */

/* catamaran-100 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/catamaran-v17-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/catamaran-v17-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/catamaran-v17-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/catamaran-v17-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/catamaran-v17-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/catamaran-v17-latin-100.svg#Catamaran') format('svg'); /* Legacy iOS */
}
/* catamaran-200 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/catamaran-v17-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/catamaran-v17-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/catamaran-v17-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/catamaran-v17-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/catamaran-v17-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/catamaran-v17-latin-200.svg#Catamaran') format('svg'); /* Legacy iOS */
}
/* catamaran-300 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/catamaran-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/catamaran-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/catamaran-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/catamaran-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/catamaran-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/catamaran-v17-latin-300.svg#Catamaran') format('svg'); /* Legacy iOS */
}
/* catamaran-500 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/catamaran-v17-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/catamaran-v17-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/catamaran-v17-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/catamaran-v17-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/catamaran-v17-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/catamaran-v17-latin-500.svg#Catamaran') format('svg'); /* Legacy iOS */
}
/* catamaran-regular - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/catamaran-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/catamaran-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/catamaran-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/catamaran-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/catamaran-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/catamaran-v17-latin-regular.svg#Catamaran') format('svg'); /* Legacy iOS */
}
/* catamaran-600 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/catamaran-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/catamaran-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/catamaran-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/catamaran-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/catamaran-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/catamaran-v17-latin-600.svg#Catamaran') format('svg'); /* Legacy iOS */
}
/* catamaran-700 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/catamaran-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/catamaran-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/catamaran-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/catamaran-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/catamaran-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/catamaran-v17-latin-700.svg#Catamaran') format('svg'); /* Legacy iOS */
}
/* catamaran-800 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/catamaran-v17-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/catamaran-v17-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/catamaran-v17-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/catamaran-v17-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/catamaran-v17-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/catamaran-v17-latin-800.svg#Catamaran') format('svg'); /* Legacy iOS */
}
/* catamaran-900 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/catamaran-v17-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/catamaran-v17-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/catamaran-v17-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/catamaran-v17-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/catamaran-v17-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/catamaran-v17-latin-900.svg#Catamaran') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v21-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v21-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v21-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
html,
body {
  width: 100%;
  height: 100%;
  overflow-x: hidden; }

body {
  font-family: "Catamaran";
  font-size: 16px;
  line-height: 1.42857143;
  color: #5e676d;
  background-color: #fff;
  letter-spacing: 0.25px; }

.text-margin {
  padding-top: 15%; }

.text-vertical-center {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.text-vertical-center h1 {
  margin: 0;
  padding: 0;
  font-size: 4.5em;
  font-weight: 700;
  color: #000000; }

.text-vertical-center h2 {
  margin: 0;
  padding: 0;
  font-size: 2.5em;
  font-weight: 700;
  color: #000000; }

.text-vertical-center backgroundGrey {
  background-color: rgba(0, 0, 0, 0.4); }

.text-vertical-center h3 {
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  font-weight: 700;
  color: #000000; }

.homecolor {
  color: #b2141d; }

.bg-red {
  background-color: #b2141d; }

.bg-grey {
  background-color: #f8f8f8; }

/* Trennlinie - Rot */
.trennlinie-red {
  background-color: #b2141d; }

.nopadding {
  padding: 0;
  margin: 0; }

.row-eq-height {
  display: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

@media (max-width: 767px) {
  .row-eq-height {
    display: block; } }
/* Slider */
.slidercontainer1, .slidercontainer1 img {
  position: relative; }

.slideranimation-bg {
  background-image: url(../images/Slider_background_stadt_neu.png.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0; }

.slideranimation {
  position: relative;
  margin-top: 8.75%;
  margin-left: 30%;
  width: 50%;
  height: auto;
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.slideranimation-button {
  position: relative;
  margin-top: -2.5%;
  margin-bottom: 0%;
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
/* Customize Bootstrap */
.form-control {
  height: 18px;
  font-color: #000000; }

.dropdown-menu {
  background-color: #bca1a1; }

.navbar-inverse {
  background-color: black; }

.navbar-inverse .navbar-brand {
  color: white; }

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  background-color: black; }

.navbar-brand {
  padding: 0px;
  /* firefox bug fix */ }

.navbar-brand > img {
  height: 100%;
  padding-left: 15px;
  padding-top: 5px;
  width: auto; }

.navbar-inverse .navbar-text {
  color: white; }

.navbar-inverse .navbar-nav > li > a {
  color: #d8d8d8;
  border-bottom: 2px solid;
  border-bottom-color: black; }

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  background-color: #000000;
  border-bottom: 2px solid;
  border-bottom-color: #b2141d; }

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #000000;
  border-bottom: 2px solid;
  border-bottom-color: black; }

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  background-color: #000000;
  border-bottom: 2px solid;
  border-bottom-color: black; }

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #000000;
  border-bottom: 2px solid; }

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #000000; }

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: black; }

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #000000; }

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #000000; }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: 000000; }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: 000000; } }
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
  margin-right: 30px; }

.navbar .navbar-collapse {
  text-align: center; }

.navbar-toggle, .icon-bar {
  border: 1px solid white; }

.nav-vcenter {
  padding-top: 0px; }

/* Custom Button Styles */
.btn-dark {
  border-radius: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4); }

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7); }

.btn-light {
  border-radius: 0;
  color: #333;
  background-color: white; }

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
  color: #333;
  background-color: rgba(255, 255, 255, 0.8); }

.btn-homecolor {
  color: #fff;
  background-color: #b2141d;
  border-color: #b2141d;
  font-size: 1.1em; }

.btn-homecolor:focus,
.btn-homecolor.focus {
  color: #fff;
  background-color: #bca1a1;
  border-color: #bca1a1; }

.btn-homecolor:hover {
  color: #fff;
  background-color: #bca1a1;
  border-color: #bca1a1; }

/* Custom Horizontal Rule */
hr.small {
  max-width: 100px;
  color: #c8c8c8; }

/* Side Menu */
#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  right: 0;
  width: 250px;
  height: 100%;
  transform: translateX(250px);
  overflow-y: auto;
  background: #222;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s; }

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none; }

.sidebar-nav li {
  text-indent: 20px;
  line-height: 40px; }

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #999; }

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2); }

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none; }

.sidebar-nav > .sidebar-brand {
  height: 55px;
  font-size: 18px;
  line-height: 55px; }

.sidebar-nav > .sidebar-brand a {
  color: #999; }

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none; }

#menu-toggle {
  z-index: 1;
  position: fixed;
  top: 0;
  right: 0; }

#sidebar-wrapper.active {
  right: 250px;
  width: 250px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s; }

.toggle {
  margin: 5px 5px 0 0; }

/* Parallax */
.parallax {
  perspective: 1px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto; }

.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.parallax__layer--base {
  transform: translateZ(0); }

.parallax__layer--back {
  transform: translateZ(-1px); }

/* Header */
.header {
  position: relative;
  vertical-align: middle;
  width: 100%;
  background: url(../images/Slider_background_stadt_neu.png.jpg) no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; }

.header-ohne-bild {
  position: relative;
  margin: 0;
  width: 100%;
  heigth: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; }

.header-bilder-overlay {
  padding-top: 200px; }

@media (max-width: 540px) {
  .header-bilder-overlay {
    padding-top: 120px; } }
img.centered {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.empty-row-200 {
  margin-top: 300px; }

.empty-row-10 {
  margin-top: 10px; }

/* Agentur */
.agentur-bg {
  display: table;
  position: relative;
  width: 100%;
  height: 300px;
  background: url(../images/Citylights_pexels_379419.jpg) no-repeat center scroll;
  color: white;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  font-size: 4.5em;
  font-weight: 700; }

.partner-bg {
  display: table;
  position: relative;
  width: 100%;
  height: 300px;
  background-image: url(../images/City_pexels_378570.jpg);
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding-top: 1.75em;
  font-size: 4.5em;
  font-weight: 700; }

/* About */
.about {
  background-color: #e6e6e6; }

.about-slider {
  margin-top: 5px; }

/* Services */
.services {
  padding: 25px 0;
  background-color: white;
  color: black; }

.service-item {
  margin-bottom: 30px; }

.services-fa {
  color: red; }

/* Kacheln - Bild - Text - Text - Bild */
.kachel-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 25px;
  font-weight: 3em;
  text-align: center; }

/* Produkte */
.produkt-bild-kachel {
  cursor: pointer;
  transition: 0.3s; }

.produkt-bild-kachel:hover {
  opacity: 0.8; }

.produkt-bild-logo {
  -webkit-transition: width 2s, height 2s;
  /* Safari */
  transition: width 2s, height 2s; }

.produkt-bild-logo:hover {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px; }

.produkt-text-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA; }

.produkt:hover .produkt-text-overlay {
  opacity: 1; }

.produkt-text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center; }

/* Callout */
.callout {
  display: table;
  width: 100%;
  height: 400px;
  color: #fff;
  background: url(../images/Home-Slider-Vorlage_grau_vollfl´+¢chig_neu-1.jpg) no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; }

/* Portfolio */
.portfolio {
  padding: 50px 0; }

.portfolio-item {
  margin-bottom: 30px; }

.img-portfolio {
  margin: 0 auto; }

.img-portfolio:hover {
  opacity: 0.8; }

/* Kampagnen */
.img-overlay {
  position: relative;
  max-width: 100%; }

.project-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50%;
  height: auto;
  margin: 25%; }

/* Leistungen */
.leistungen-icon {
  margin-bottom: 15px; }

/* Centered text */
.text-overlay-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 500%;
  font-weight: 600;
  text-align: center;
  vertical-align: middle; }

/* Call to Action */
.call-to-action {
  padding: 50px 0; }

.call-to-action .btn {
  margin: 10px; }

/* Referenzen */
.referenzen {
  position: relative;
  width: 100%;
  color: white; }

.referenzen-image-fade-in-box {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden; }

.referenzen-middle-fade-in-box {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

.referenzen-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA; }

.referenzen:hover .referenzen-image-fade-in-box {
  opacity: 0.3; }

.referenzen:hover .referenzen-middle-fade-in-box {
  opacity: 1; }

.referenzen-text-fade-in-box {
  background-color: #b2141d;
  color: white;
  font-size: 16px;
  padding: 50% 50%; }

.referenzen-text-overlay {
  color: #b2141d;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

/* Partner */
/* $secondary-color: darken($primary-color, 15%); */
li {
  list-style: none; }

.suga-container {
  background: inherit;
  padding: .2em;
  margin: 5em auto; }

.suga-slider-wrap {
  overflow: hidden;
  margin: 1em; }

.suga-slider-group:before, .suga-slider-group:after {
  content: " ";
  display: table; }
.suga-slider-group:after {
  clear: both; }

.suga-slide {
  float: left;
  position: relative;
  margin-left: 0;
  padding-right: 8px; }

/* Footer */
footer {
  padding: 20px 0;
  background-color: #b2141d;
  color: white; }

#to-top {
  display: none;
  position: fixed;
  bottom: 5px;
  right: 5px; }

/* Link-Colors */
a.white:link, a.white:visited {
  background-color: transparent;
  color: white; }

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