@font-face {
  font-family: 'cfi';
  src:  url('../fonts/cfi.eot?tsoewz');
  src:  url('../fonts/cfi.eot?tsoewz#iefix') format('embedded-opentype'),
    url('../fonts/cfi.ttf?tsoewz') format('truetype'),
    url('../fonts/cfi.woff?tsoewz') format('woff'),
    url('../fonts/cfi.svg?tsoewz#cfi') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'cfi' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-size6 {
  font-size: 6em;
}
.icon-size8 {
  font-size: 8em;
}

.icon-Comics:before {
  content: "\e900";
}
.icon-Ideen:before {
  content: "\e901";
}
.icon-Illustrationen:before {
  content: "\e902";
}
.icon-Logo:before {
  content: "\e903";
}
.icon-Mail:before {
  content: "\e904";
}
.icon-Telefon:before {
  content: "\e905";
}

/* Margins */
.ml-1 {
    margin-left: 1em;
}
.ml-2 {
    margin-left: 2em;
}

/*Logo Icon*/
.navbar-brand img {
  margin-right: 8px;
}


/*Navbar*/
.navbar-fixed-top {
    border-bottom: 0;
}

.navbar-default.affix {
  background-color: #000;
}
.navbar-default.affix .navbar-header .navbar-brand {
  color: #FFF;
}
.navbar-default.affix .navbar-header .navbar-brand:hover,
.navbar-default.affix .navbar-header .navbar-brand:focus {
  color: rgba(255,255,255,0.8);
}
.navbar-default.affix .nav > li > a,
.navbar-default.affix .nav > li > a:focus {
  color: #FFF;
}
.navbar-default.affix .nav > li > a:hover,
.navbar-default.affix .nav > li > a:focus:hover {
  color: rgba(255,255,255,0.8);
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}

/*Address Font size*/
#contact .address p {
  font-size: 2em;
}

/*Service Boxen Float FIX*/ 
.service {
  min-height: 300px;
}

/*Button*/ 
.btn-info {
    background-color: #000;
    border-color: #00;
}
.btn-info:hover, .btn-info.focus, .btn-info:focus {
    background-color: #c00;
    border-color: #c00;
}

/* Media 
*****************************************************************/

@media (min-width: 992px) {
  .modal-dialog {
      width: 900px;
  }
}


/* Header Illu */
@media (max-width: 767px) {
  .header-content {
    min-height: 550px;
  }
}