/* -----------   IMPORT DEFAULT   ---------------------------------------
   ---------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
	LESS > MIXINS / SHORTCUTS / PRESETS
   ---------------------------------------------------------------------- */
/* Misc */
/*

    .opacity (@opacity: 0.5)
    .scroll-flow-touch
    .noisy-bg (@bg-color)
    .background-size (@size) */
/* Element Appearance */
/*

    .box-shadow (@x, @y, @blur, @color)
    .drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25)
    .inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25)
    .border-radius (@top-left: 0, @top-right: 0, @bottom-right: 0, @bottom-left: 0)
    .gradient (@startColor: #eee, @endColor: white)
    .horizontal-gradient (@startColor: #eee, @endColor: white)
        .box-sizing (@type: border-box) */
/* Text / Font */
/*

    .font-size(@size)
    .text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25))
    .no-wrap
    .word-wrap */
/* Transition & Transform */
/* Quick-Presets */
/*
    .scale (@factor)
    .rotate (@deg)
    .skew (@deg, @deg2) */
/* Animation & Transition */
/*
    .animation (@name, @duration: 300ms, @delay: 0, @ease: ease)
    .transition (@transition)
         * transition-property
         * transition-duration
         * transition-timing-function --- linear | ease | ease-in | ease-out | ease-in-out
         * transition-delay */
/* Transform */
/*
    .transform-simple (@transform-function, @transform-origin: 50% 50% 0)
         * @transform-function ---
           scale(x,y) | scale3d(x,y,z) | scaleX(x) | scaleY(y) | scaleZ(z)
           rotate(angle) | rotate3d(x,y,z,angle) | rotateX(angle) | rotateY(angle) | rotateZ(angle)
           translate(x,y) | translate3d(x,y,z) | translateX(x) | translateY(y) | translateZ(z)
           skew(x-angle,y-angle) | skewX(angle) | skewY(angle)
           matrix(n,n,n,n,n,n) | matrix3d (n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)
           perspective(n)
    .transform (@transform-function, @transform-origin: 50% 50% 0, @transform-style: flat, @perspective: none, @perspective-origin: 50% 50%, @backface-visibility: visible)
         * --- http://www.w3schools.com/cssref/css3_pr_transform.asp ---
         *
         * @transform-function:  scale(x,y) | scale3d(x,y,z) | scaleX(x) | scaleY(y) | scaleZ(z)
         *                       rotate(angle) | rotate3d(x,y,z,angle) | rotateX(angle) | rotateY(angle) | rotateZ(angle)
         *                       translate(x,y) | translate3d(x,y,z) | translateX(x) | translateY(y) | translateZ(z)
         *                       skew(x-angle,y-angle) | skewX(angle) | skewY(angle)
         *                       matrix(n,n,n,n,n,n) | matrix3d (n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)
         *                       perspective(n)
         *
         * @transform-origin
         *           x-axis:     left | center | right | length | %
         *           y-axis:     top | center | bottom | length | %
         *           z-axis:     length
         *
         * @transform-style:     flat | preserve-3d
         *
         * @perspective:         length (recommended range: 0-2000)
         *
         * @perspective-origin
         *            x-axis:    left | center | right | length | %
         *            y-axis:    top | center | bottom | length | %
         *
         * @backface-visibility: visible | hidden
    .alt--- !

/* Translate */
/*
    .translate (@x, @y:0)
    .translate3d (@x, @y: 0, @z: 0) */
#less {
  /* Misc */
  /* Text / Font */
  /* Element Appearance */
  /* Shortcut needed? */
  /* Transition & Transform */
  /* Quick-Presets */
  /* scale  rotate  skew */
  /* Animation & Transition */
  /* NOT WORKING !!!
   .keyf (@name, @frames) {
      @-webkit-keyframes @name {
          @frames;
      }
      @keyframes @name {
          @frames;
      }
  } */
  /* Transform */
  /* transform  transform-origin  perspective */
  /* Alternativ (nicht immer vollständige Definition inkl. vordefinierter Regeln) */
  /* Translate */
  /* translate  translate3d */
}
#less .pointer {
  cursor: pointer;
}
#less .scroll-flow-touch {
  /** softer scrolling on iOS/Android for containers */
  -webkit-overflow-scrolling: touch;
}
#less .no-wrap {
  white-space: nowrap;
}
#less .word-wrap {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
/* ----------------------------------------------------------------------
	FONTS
   ---------------------------------------------------------------------- */
/*
    * see assets/font/fonts.css
    * Cross-Browser Support :: WOFF or TTF/OTF
 */
/* ----------------------------------------------------------------------
	COLOR PALETTE
   ----------------------------------------------------------------------

	/* Corporate Design Colors */
/*neutral*/
/*main 1*/
/*main 2*/
/*accents*/
/* Accent Shades */
/* Default Colors */
/* Text | Light Theme */
/* Text | Dark Theme */
/* Backgrounds | Light / Dark Theme (e.g. Apps) */
/* grey 50 */
/* dialog/cars */
/* app bar, grey 100 */
/* os status bar, grey 300 */
/* default */
/* dialog/cars, grey 800 */
/* app bar, grey 900 */
/* os status bar, black */
/* -----------   PAGE STATIC   ------------------------------------------
   ---------------------------------------------------------------------- */
/* WIR BIETEN */
.section--1 > .section__inner .service--icon {
  display: block;
  width: 100%;
  padding: 4% 2% 2%;
  text-align: center;
  color: #046cb4;
  font-weight: bold;
  background: #e0e0e0;
  overflow: hidden;
}
.section--1 > .section__inner .service--icon > i {
  font-size: 37.5px;
  font-size: 250%;
  font-size: 2.5rem;
  /*font-size: ~"@{vwSize}vw"; */
}
.section--1 > .section__inner .service--title {
  display: block;
  width: 100%;
  padding: 6% 4% 3%;
  font-size: 18px;
  font-size: 120%;
  font-size: 1.2rem;
  /*font-size: ~"@{vwSize}vw"; */
  font-weight: bold;
  color: #b52822;
  text-align: center;
}
.section--1 > .section__inner .service--desc {
  display: block;
  width: 100%;
  padding: 3% 4% 6%;
  font-size: 15px;
  font-size: 100%;
  font-size: 1rem;
  /*font-size: ~"@{vwSize}vw"; */
  text-align: center;
}
.section--1 > .section__inner > .grid {
  width: 100% !important;
  margin: 0 auto !important;
  background-color: #f5f5f5;
}
.section--1 > .section__inner > .grid:nth-of-type(1) {
  margin-top: 50px !important;
}
.section--1 > .section__inner > .grid:nth-of-type(1) > .grid__col--34 {
  border-right: 3px solid #ffffff;
  border-left: 3px solid #ffffff;
}
.section--1 > .section__inner > .grid:nth-of-type(1) {
  margin-bottom: 30px !important;
  border-bottom: 8px solid #e0e0e0;
}
.section--1 > .section__inner > .grid:nth-of-type(1) .service--icon {
  padding: 2% !important;
}
.section--1 > .section__inner > .grid:nth-of-type(1) .service--title {
  padding: 4% 3% 1% !important;
}
.section--1 > .section__inner > .grid:nth-of-type(1) .service--desc {
  padding: 1% 3% 3% !important;
}
.section--1 > .section__inner > p > a,
.section--1 > .section__inner > p > a:link,
.section--1 > .section__inner > p > a:visited,
.section--1 > .section__inner > p > a:hover,
.section--1 > .section__inner > p > a:active {
  display: inline-block;
  margin-right: 12px;
  color: #b52822 !important;
}
.section--1 > .section__inner > i {
  margin-left: 12px;
}
/* UNSERE PHILOSOPHIE */
/* UNSER TEAM */
.section--3 > .section__inner .team__member {
  display: inline-block;
  width: 48.5%;
  margin: 1.5%;
  padding-top: 5px;
  position: relative;
  float: left;
  font-size: 12.75px;
  font-size: 85%;
  font-size: 0.85rem;
  /*font-size: ~"@{vwSize}vw"; */
  background: #046cb4;
  border: 6px solid #046cb4;
}
.section--3 > .section__inner .team__member:nth-of-type(odd) {
  margin-left: 0;
}
.section--3 > .section__inner .team__member:nth-of-type(even) {
  margin-right: 0;
}
.section--3 > .section__inner .team__member > .team__member__img {
  width: 100px;
  height: 130px;
  margin: 0 2%;
  position: relative;
  overflow: visible;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.section--3 > .section__inner .team__member > .team__member__img > span {
  width: 100px;
  height: 80px;
  position: absolute;
  top: 25px;
}
.section--3 > .section__inner .team__member > .team__member__img > span:before {
  content: "";
  position: absolute;
  top: -25px;
  left: -3px;
  width: 0;
  height: 0;
  border-right: 53px solid #046cb4 !important;
  border-left: 53px solid #046cb4 !important;
  border-bottom: 25px solid transparent;
}
.section--3 > .section__inner .team__member > .team__member__img > span:after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: -3px;
  width: 0;
  height: 0;
  border-right: 53px solid #ffffff;
  border-left: 53px solid #ffffff;
  border-top: 25px solid transparent;
}
.section--3 > .section__inner .team__member > h5 {
  display: block;
  position: absolute;
  left: 128px;
  top: 30px;
  font-size: 21px;
  font-size: 140%;
  font-size: 1.4rem;
  /*font-size: ~"@{vwSize}vw"; */
  color: rgba(255, 255, 255, 0.87);
  overflow: hidden;
}
.section--3 > .section__inner .team__member .team__member__desc {
  display: block;
  min-height: 150px;
  margin-top: -60px;
  padding: 25px 15px 25px 145px;
  background: #ffffff;
  border-top: 6px solid #b52822;
  line-height: 1.6;
  font-size: 135%;
}
.section--3 > .section__inner .team__member .team__member__desc > ul {
  padding: 0 15px;
  list-style-image: url("/jakarta.faces.resource/andynformatics-star-small.png.xhtml?ln=img");
}
.section--3 > .section__inner .team__member:nth-of-type(1) {
  background: #b52822 !important;
  border: 6px solid #b52822 !important;
}
.section--3 > .section__inner .team__member:nth-of-type(1) > .team__member__img > span:before {
  border-right-color: #b52822 !important;
  border-left-color: #b52822 !important;
}
/* UNSERE PARTNER */
.section--4 > .section__inner > .grid {
  margin-top: 50px;
}
.section--4 > .section__inner > .grid > div {
  text-align: center;
  vertical-align: middle;
}
.section--4 > .section__inner > .grid > div > a {
  display: block;
  width: 100%;
  border-bottom: none !important;
}
.section--4 > .section__inner > .grid > div > a > img {
  width: 60%;
  /**
     * NON-SHORTCUT:
     * transition-property: @transition-property;
     * transition-duration: @transition-duration;
     * transition-timing-function: @transition-timing-function;
     * transition-delay: @transition-delay;
     *
     * @transition-timing-function: linear | ease | ease-in | ease-out | ease-in-out
     *
     */
  -webkit-transition: all 180ms ease-out 0ms;
  -moz-transition: all 180ms ease-out 0ms;
  -ms-transition: all 180ms ease-out 0ms;
  -o-transition: all 180ms ease-out 0ms;
  transition: all 180ms ease-out 0ms;
}
.section--4 > .section__inner > .grid > div > a > img.logo-ftl {
  max-width: 140px;
}
.section--4 > .section__inner > .grid > div > a:hover > img {
  cursor: pointer;
  /**
     * --- http://www.w3schools.com/cssref/css3_pr_transform.asp ---
     *
     * @transform-function:  scale(x,y) | scale3d(x,y,z) | scaleX(x) | scaleY(y) | scaleZ(z)
     *                       rotate(angle) | rotate3d(x,y,z,angle) | rotateX(angle) | rotateY(angle) | rotateZ(angle)
     *                       translate(x,y) | translate3d(x,y,z) | translateX(x) | translateY(y) | translateZ(z)
     *                       skew(x-angle,y-angle) | skewX(angle) | skewY(angle)
     *                       matrix(n,n,n,n,n,n) | matrix3d (n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)
     *                       perspective(n)
     *
     * @transform-origin
     *           x-axis:     left | center | right | length | %
     *           y-axis:     top | center | bottom | length | %
     *           z-axis:     length
     *
     */
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -o-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
  -webkit-transform-origin: 50% 50% 0;
  -moz-transform-origin: 50% 50% 0;
  -o-transform-origin: 50% 50% 0;
  -ms-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
}
.section--4 > .section__inner > .grid > div.grid__col--100 > a {
  width: 50%;
}
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* -----------   IMPORT DEFAULT   ---------------------------------------
   ---------------------------------------------------------------------- */
/* -----------   RESPONSIVE   -------------------------------------------
   ---------------------------------------------------------------------- */
@media (max-width: 1024px) {
  /* UNSER TEAM */
  .section--3 > .section__inner .team__member > h5 {
    font-size: 18px;
    font-size: 120%;
    font-size: 1.2rem;
    /*font-size: ~"@{vwSize}vw"; */
  }
}
@media (max-width: 768px) {
  /* WIR BIETEN */
  .section--1 > .section__inner > .grid > .grid__col--33,
  .section--1 > .section__inner > .grid > .grid__col--34 {
    display: block;
    width: 100%;
    border: none !important;
  }
  /* UNSER TEAM */
  .section--3 > .section__inner .team__member {
    display: block;
    width: 100%;
    margin: 30px 0;
    float: none;
  }
  /* UNSERE PARTNER */
  .section--4 > .section__inner > .grid:nth-of-type(2) {
    margin-top: 0;
  }
  .section--4 > .section__inner > .grid > .grid__col--50 {
    display: block;
    width: 100%;
    margin: 35px auto;
  }
  .section--4 > .section__inner > .grid > .grid__col--50 > a > img {
    width: 50%;
    min-width: 300px;
  }
  .section--4 > .section__inner > .grid > .grid__col--50 > a > img.logo-ftl {
    margin-top: 30px;
    min-width: 140px;
  }
}