/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}

@keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}



.jello{
    -webkit-animation-name:jello;
            animation-name:jello;
    -webkit-transform-origin: center;

            transform-origin: center
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

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

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

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

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

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

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/*basics*/
/*Css Reset ede8e2*/
*{
margin:0;
padding:0;
outline:0;
text-decoration:none;
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }


html{
font-size:100.1%;
overflow-x:hidden;
-webkit-overflow-scrolling: touch;
 -webkit-text-size-adjust: 100%;
}

body,html{
    height: 100%;
    }

body {
    color: #594a41;
    font-family: Panton-Regular;
	font-weight: normal;
	font-style: normal;
    font-size: 15px;
    line-height: 135%;
    /*overflow-x:hidden;*/
}

/*Browserfixes*/
/*background-size ipad */
.ipad .fullsizeimage, .ipad .blurred{
	background-size: 100% auto !important;
	background-attachment:scroll !important;
}

/*inputrendering*/
input,textarea,select{
/*Safari*/
border-radius:0;
-web-kit-border-radius:0;
}
input.text,
input.select{
/*Safari*/
-webkit-appearance: none;
}

/*set images to maxwidth 100%*/
figure{
line-height:0;
}

figure > img, .image_container > img{
max-width:100%;
height:auto;
}

a{
color:inherit;
}


a:focus{
}
/*Ende Basics*/

.mod_article > .holder{
padding:0 20px;

}

#main p a, #main h1 a, #main h2 a, .ce_downloads a, #main li a, #main form a, .CookieDeclaration a, .ce_previewdownload a{
color:#f89130;
}
#main p a:hover, .ce_downloads a:hover, #main li a:hover, #main form a:hover, .ce_previewdownload a:hover {
 text-decoration:underline;
}


 a {
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
 }


.slicknav_menu{
display:none;
}


.headlinecontainer {
  line-height:1em;
  margin-bottom:1.3em;
}


.ce_ownPageTeaser .headlinecontainer,
.layout_latest.list h2{
margin-bottom:1em;
}
.headlinecontainer > *{
margin:0;
}

h1,h2,h3,h4,h5,h6{}

h1, .h1 {
    font-size: 28px;
    line-height: 125%;
    font-family: Panton-Light;
	font-weight: normal;
	font-style: normal;
}
h2,.headlinecontainer .h2, #main .headlinecontainer h2{
	font-size: 24px;
    line-height: 125%;
    font-family: Panton-Light;
	font-weight: normal;
	font-style: normal;
	color:inherit;
}
h3, .h3, h4,.subheadline {
    font-size: 18px;
    font-family: Panton-Regular;
	font-weight: normal;
	font-style: normal;
	line-height: 125%;
}
#main .headlinecontainer > h2, #main h2,
#main .headlinecontainer > h3, #main h3,
#main .headlinecontainer > h4, #main h4 {
/*	padding-top:30px;*/
}
h4 {
	color:#5cb34d;
}
h5, .h5{
	color: #594a41;
    font-family: Panton-Regular;
	font-weight: normal;
	font-style: normal;
    font-size: 15px;
    line-height: 135%;
	margin-bottom: 1.3em;
}
h6{}

p{
margin-bottom:20px;
}

p:last-of-type{
margin-bottom:0;
}

 strong, .strong, .enclosureintro, .row.head{
  font-family: Panton-Bold;
	font-weight: normal;
	font-style: normal;
 }

em {
font-family: Panton-RegularItalic;
font-weight: normal;
	font-style: normal;
}

ul,ol{
margin:0;
}

ul{}

ol{

}

li{
list-style-type:none;
}

 /*lis*/
  .ce_text ul, .ce_text ol, .ce_productContent ol, .ce_introtext ul, .ce_kacheltext ul{
	  margin:1em 0 1.5em 0;
  }
.ce_text ul li, .ce_downloads ul.customlist li, .ce_introtext ul li, .ce_kacheltext ul li, .mod_sitemap ul li {
    list-style: outside none;
    margin: 0 0 5px 15px;
	position: relative;
}
.ce_text ul li:before,
.ce_downloads ul.customlist li:before,
.ce_introtext ul li:before,
.ce_kacheltext ul li:before,
.mod_sitemap ul li:before{
	content:'•';
	color:#69AE31;
	position: absolute;
	left:-17px;
	font-size:40px;
}
.win .ce_text ul li:before,
.win .ce_downloads ul.customlist li:before,
.win .ce_introtext ul li:before,
.win .ce_kacheltext ul li:before{
	margin-top:-5px;
}
 .ce_text ol li,
.ce_productContent ol li{
 list-style:decimal;
 margin: 0 0 5px 18px;
    padding: 0 0 0 5px;
 }

.listcolumn a{
color:inherit;
}

/*fixed css footer*/

#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0;
    overflow-x: hidden;
}

.footerlayout #wrapper{

}

 /*Slicknav*/
.slicknav_menu > .mod_logo {
    display: block;
    margin: 0;
    width: 120px;
}

 .slicknav_menu > .mod_logo img{
 max-width:100%;
 height:auto;
 }

/*Header*/
 #header{

    position: absolute;
    top: 58px;
    width:100%;
    z-index: 20;

 }

 #header > .inside .band{
 box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.4);
    height: 63px;
    width: 100%;
        background:white;
 }




#header > .inside{
height:100%;
}

.headerholder{}

.headerholder > *{}

.headerholder > .left{
float:left;
}

.headerholder > .right{
float:right;
}

#header > .inside .left .rounded{}

#header > .inside .left .rounded > * {
    background: transparent url("/files/uniferm/layout/images/logo/logo.png") no-repeat scroll 50% 50% / contain ;
    display: block;
    height: 100%;
    width: 100%;
}

#header > .inside .logoholder span{
display:block;
}

#header > .inside .logoholder span.logo{
width:100%;
height:100%;
}

#header > .inside .logoholder span.logo .bg {
    background: white none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5);
    height: 90%;
    left: 6%;
    position: absolute;
    top: 5%;
    width: 90%;
    z-index: -1;
}

#header > .inside .rounded{
width:150px;
height:150px;
position:absolute;
top:50%;
margin-top:-75px;
}

#header > .inside .headerholder, #footer > .inside > * > .inside,.mod_article > .holder,#newsletter,#breadcrumb,.ce_kacheltext .container{
max-width:1000px;
margin:0 auto;
width:100%;
}

#newsletter{

}

#main > .inside{
padding:20px 0 0;
}

.mod_article.first{
margin-top:0;
}

/*footer*/
#footer, .push {

}

.push{
}

#footer{
background: #594c44;
color:white;
}



#footer > .inside{
 width:100%
}

.footerbottom > .inside{
display:table;
table-layout:fixed;
width:100%;
font-size:13px;
}

.footerbottom > .inside > div{
display:table-row;
}

.footerbottom > .inside > div > *{
display:table-cell;
vertical-align:middle;
}

.footerbottom > .inside > div > .right{
float:right;
}

.footerbottom > .inside > div > .right > *{
float:none;
display:inline-block;
vertical-align:middle;
}


.footerbottom > .inside > div > .right > .mod_customnav > ul > li{
float:left;
margin-right:10px;
}

.footerbottom > .inside > div > .right > .mod_customnav > ul > li.last{
margin-right:0;
}

.footerbottom p{
line-height:1.8em;
}

#footer > .inside > div {
    display: inline-block;
    vertical-align: middle;
}


.blur{
-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  opacity:0;
  z-index:8;
}

.hidden{
     opacity:0;
}
.visible{
     opacity:1;
}

#pagehead > .inside{
width:100%;
overflow:hidden;
position:relative;
height:calc(100vh - (100vh/2.2));
min-height:330px;
min-height:520px;
}

 #pagehead .flexslider, #pagehead .flexslider > .slides, #pagehead .pageimage, #pagehead .pageimage > .holder{
height:100%;
}
 #pagehead .pageimage > .holder{
 zoom:1;
 }


#pagehead .pageimage > .holder > div {
  height:100%;
  width:100%;
}

 #pagehead .pageimage > .holder > div img{
 opacity:0;
 }
.footertop{
border-top:2px solid #d7cdc1;
background:#ede8e2;
color:#594c44;
margin-top:-2px;
}

.footertop > .inside{
padding:0 20px;
}

.footerbottom,.footertop{
display:block;
width:100%;
padding:20px 0;
}

.footerbottom > .inside{
padding:0 20px;
}

.ce_ownPageTeaser,
.layout_latest.list{
clear:both;
margin-bottom:5%;
display:table;
table-layout:fixed;
width:100%;
}

.ce_ownPageTeaser:last-of-type,
.layout_latest.list:last-of-type{
margin-bottom:0;
}

.ce_ownPageTeaser > .row > *,
.layout_latest.list > .row > *{
float:none;
}

.table{
display:table;
table-layout:fixed;
width:100%;
}

.row{
display:table-row;
}

.ce_ownPageTeaser > .row > *,
.layout_latest.list > .row > * {
display:table-cell;
vertical-align:middle;
}


.ce_ownPageTeaser > .row > .text {
width:65%;
}
.layout_latest.list > .row > .text {
width:75%;
}
.layout_latest.list > .row > .image_container {
width:25%;
}

.ce_ownPageTeaser .subheadline,
.title,
.layout_latest.list .info {
font-family: Panton-SemiBold;
	font-weight: normal;
	font-style: normal;
color:#5cb34d;
display:block;
line-height:1.5em;
margin-bottom:0.3em;
}
.ce_page_list .h2{
font-size:1.2em
}

.h2 {
font-family: Panton-Regular;
	font-weight: normal;
	font-style: normal;
    font-size: 1.1em;
    line-height: 1.35em;
    color:#5cb34d;

}

.ce_ownPageTeaser > .row > .text.not_right > *,
.layout_latest.list > .row > .text > .teaser,
.layout_latest.list > .row > .text > h2 {
margin-right:10%;
}

.ce_ownPageTeaser > .row > .text.not_left > *{
margin-left:5%;
}

.catitem span .pagelink, .pagelink, input.submit,
#main .crossselling a,
#main .layout_latest.list .more,
#main .direktkontakt a,
#main .ce_ownPageTeaser p a{
  color:white;
  display:inline-block;
  line-height:1.2;
  margin-top:1.5em;
  padding:0.8em 3em 0.6em 0.8em;
   background:url("/files/uniferm/layout/images/basics/arrow_right.png") no-repeat scroll 90% 50% #5CB34D;
   text-align:left;
	border:none;
	color:white;
	cursor:pointer;
	margin-bottom: 5px;
}
.pagelink:hover, input.submit:hover,
#main .crossselling a:hover,
#main .layout_latest.list .more:hover,
#main .direktkontakt a:hover,
#main .ce_ownPageTeaser p a:hover,
#main .ce_page_list ul li a:hover,
#main .ce_imagelist a:hover{
	opacity:0.85;
	-webkit-opacity:0.85;
	-o-opacity:0.85;
	-moz-opacity:0.85;
	-ms-opacity:0.85;
	 text-decoration:none;
}
#main .direktkontakt a{
	margin-top:0;
}
#main p a.pagelink {
color:white;
}

.mod_article{
margin:30px 0 0;
}

.newsslider{
padding-bottom:60px;
}

.newsslider .layout_latest{

}

.newsslider .layout_latest .holder{
margin:0 3%;
}

.newsslider .layout_latest .holder *{
display:block;
}
.newsslider .layout_latest .image_container{
height:215px;
overflow:hidden;
border-top:5px solid #F89130;
margin-bottom:5px;
}

.slick-prev, .slick-next {
  border:none;
  color:transparent;
  cursor:pointer;
  display:block;
  font-size:0;
  height:20px;
  line-height:0;
  margin-top:0;
  outline:none;
  padding:0;
  position:absolute;
  top:-45px;
  width:20px;
}

.slick-next {
  right:0;
  background:url(/files/uniferm/layout/images/basics/arrow_right_green.png) no-repeat scroll transparent;
  background-size:contain;
}

.slick-prev {
  right:30px;
   background:url(/files/uniferm/layout/images/basics/arrow_left_green.png) no-repeat scroll transparent;
  background-size:contain;
}

.slick-dots {
  bottom:0;
  display:block;
  list-style:none;
  padding:0;
  position:absolute;
  text-align:center;
  width:100%;

}

.slick-dots li {
  cursor:pointer;
  display:inline-block;
  height:15px;
  margin:0 5px;
  padding:0;
  position:relative;
  width:15px;
}

.slick-dots li button {
  border:0;
  background:#e9e4de;
  color:transparent;
  cursor:pointer;
  display:block;
  font-size:0;
  height:15px;
  line-height:0;
  outline:none;
  padding:5px;
  width:15px;
  border-radius:50%;
}

.slick-dots li.slick-active button,.slick-dots li:hover button {
background:#5CB34D;
}

.mod_newslist.block{
overflow:visible;
}
.newsslider .layout_latest{}

.newsslider .layout_latest .teaserholder {
  background:#ede8e2;
  padding:15px 20px 30px;
  position:relative;
  min-height:290px;
}
.ce_pageteasers .newsslider .layout_latest .teaserholder .h2 {
	font-family:Panton-SemiBold;
	color:#333;
	font-size:24px;
	line-height:1em;
	padding-top:10px;
}

.slidenav{
position:relative;
width:100%;
z-index:1;
}

.toggler{
padding:30px 30px 25px 30px;
background:#ede8e2;
text-transform:uppercase;
position:relative;
cursor:pointer;
}

.toggler span {
    display: inline-block;
    vertical-align: middle;
}

.toggler span.headline:before {
    background: transparent url("/files/uniferm/layout/images/basics/plus.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 1em;
    width: 1em;
    margin-right:0.6em;
    background-size:contain;
	transition:all 0.2s;
}

 .toggler.active span.headline:before{
   -moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);

transform: rotate(45deg);
}

.toggler span.headline{
position:relative;
z-index:2;
text-transform:none;
font-size:28px;
font-family: Panton-Light;
line-height:127%;
}

.toggler span.bg{
/*background-blend-mode: darken;*/
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
z-index:0;
}

.ui-accordion-content{
	padding:0 30px 30px 30px;

}

.ui-accordion-content{
	background-color:rgba(237, 232, 226, 0.2);
}

.ui-accordion-content .ce_texttable .textholder,.ce_productContent .textholder{
	margin:0;
}
.ui-accordion-content > div > .block {
	padding-top:30px;
}


 .ui-accordion-content h3,
 .ui-accordion-content h4,.ce_productContent h3, .ce_productContent h4,
 .ui-accordion-content strong {
	font-size:18px;
	color:#f89130;
	font-family: Panton-Regular;
 }
#main .crossselling a {
	margin-top:0;
}
  .ui-accordion-content h3 {
	  border-top:none;
  }
  .ui-accordion-content .headlinecontainer, .ce_productContent .headlinecontainer {
  margin-bottom: 10px;
}

.ui-accordion-content .newsslider .layout_latest .image_container {
	display:none;
}
#main .holder > .ce_newsletteracc{
border:1px solid #d7cdc1;
margin-bottom:20px;
}

.ce_newsletteracc .ui-accordion-content{
background:#ede8e2;
padding:20px;
}

.ui-accordion-content > div{}

.ui-accordion-content > div > *{

}

.row > *{
display:table-cell;
}

.ui-accordion-content .row > *{
vertical-align:top;
}

.ui-accordion-content .row > .textholder{
padding-right:30px;
}

fieldset{
border:none;
}

label{
display:none;
}

input,textarea{
border:1px solid gray;
padding:8px 5px;
width:100%;
}

.ui-accordion-content .widget-text{
float:left;
width:48.5%;
}

.checkbox_container label{
display:inline-block;
}

.checkbox_container > span{
display:block;
}

.checkbox_container > span > *{
width:auto;
display:inline-block;
  vertical-align: top;
}


.checkbox_container > span > div {
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}
.checkbox_container {
    display: inline-block;
    padding: 20px 0 0;
	width:100%;
}

.checkbox_container > span > label {
    font-size: 0.9em;
    line-height: 1.5;
    padding: 0 0 0 15px;

    width: 90%;
}
.checkbox {
    margin: 0.3em 0 0;
}

.ui-accordion-content .widget-text:first-of-type{
margin-right:3%;
}

.ui-accordion-content .widget-checkbox{
float:none;
clear:both;
}



.ui-accordion-content input.submit{
/*max-width:48%;*/
}

.ui-accordion-content > div > *{}

.ce_introtext,
.ce_image {
    font-size: 1.1em;
    line-height: 1.6em;
    margin: 0 auto;
    max-width: 750px;
    text-align: center;

     font-family: Panton-Light;
    font-style: normal;
    font-weight: normal;
}
.ce_introtext .headlinecontainer {
	/*margin-bottom:10px;*/
}

.ce_page_list{}

.ce_page_list ul{
clear:both;
}

.ce_page_list ul li {
    background: #ede8e2 none repeat scroll 0 0;
    float: left;
    min-height: 200px;
    margin: 0 1% 1% 0;
    width: 32%;
    border-top: 3px solid #f89130;

    transition:opacity 0.2s ease;
-webkit-transition:opacity 0.2s ease;
-moz-transition:opacity 0.2s ease;
-o-transition:opacity 0.2s ease;
-ms-transition:opacity 0.2s ease;

}

.ce_page_list ul li span, .ce_page_list ul li a{
display:block;
}

.ce_page_list ul li a{
height:100%;
width:100%;
}

.ce_page_list ul li a > span{
height:100%;
}

.ce_page_list ul li span.teaser {
    height: 35%;
    padding: 15px 20px;
}

.ce_page_list ul li .image_container{
display:block;
height:150px;
overflow:hidden;
margin-bottom:0;
}

.ce_page_list ul li .pageteaser{
min-height:50px;
line-height:1.5em;
font-size:0.95em;
margin-top:0.8em;
}

.ce_page_list ul li .image_container img{
display:none;
}

.ce_texttable .tablecontainer, .ce_productContent .tablecontainer{
clear:both;
}

.ce_texttable .tablecontainer > .inside, .ce_productContent .tablecontainer > .inside{
}

.ce_texttable .textholder{
margin-bottom:30px;
}

.ce_texttable .tablecontainer > .inside > *, .ce_productContent .tablecontainer > .inside > *{

}
.ce_texttable .tablecontainer > .inside > .tableholder, .ce_productContent .tablecontainer > .inside > .tableholder{
width:100%;
}
.ce_texttable .tablecontainer.addimage > .inside > .tableholder{
width:80%;
padding-right:30px;
}

.ce_texttable .tablecontainer > .inside > .imageholder{
width:20%;
}

.ce_texttable .tablecontainer > .inside > .imageholder img{
max-width:100%;
height:auto;
 }

.ce_texttable .tablecontainer > .inside > .imageholder a{
display:block;
}

.ce_texttable table, .ce_productContent table {
  border-collapse:collapse;
  display:table;
  width:100%;
  text-align:left;
  font-size:14px;
}

.ce_texttable thead, .ce_productContent thead{
background: #ffffff;
color:#5cb34d;
border-bottom:1px solid #5cb34d;
text-transform:uppercase;

}

.ce_texttable thead th, .ce_productContent thead th{
font-weight:normal;
text-align:left;
}

.ce_texttable thead th,.ce_texttable tbody td,  .ce_productContent thead th, .ce_productContent tbody td{
padding:3px 10px;
}

.ce_texttable tbody tr:nth-child(odd), .ce_productContent tbody tr:nth-child(odd) {
background: #ede8e2;
}

.mod_article > .holder > .block{
/*margin-bottom:30px;*/
}


.mod_article > .holder > .last.block,.mod_article > .holder > .mod_newslist.block{
margin-bottom:0;
}

#news > .holder{
border-top:2px solid #ede8e2;

padding-top:40px;
}
.holder > .ce_texttable.block,.holder > .ce_introtext.block{
border:none;
padding-bottom:0;
margin-bottom:20px;
}

.holder > .ce_introtext.block{
margin-bottom:40px;
}

.textcontainer.not_right {
  float:none;
  margin-right:30%;
  padding-right:30px;
}

.image_container.right {
  float:right;
  width:30%;
}

.ce_imagelist li {
  float:left;
  width:33%;
  text-align:center;
}

.ce_imagelist li .icon {
  border-radius:0;
  display:block;
  height:4vw;
  margin:0 auto 13px;
  width:4vw;
    background-size:contain !important;
    min-width:70px;
min-height:70px;
}


.ce_imagelist li .icon.number {
  border:4px solid #f89130;
  border-radius:50%;
display:table;
table-layout:fixed;
font-size:2.5em;
color:#5cb34d;

}

.ce_imagelist li .icon.number > .row{
display:table-row;
}

.ce_imagelist li .icon.number > .row > *{
display:table-cell;
vertical-align:middle;
padding-top: 0.2em;
}

.ce_imagelist li.rounded .icon {
  background-size:cover !important;
  border:2px solid green;
  border-radius:50%;
  height:10vw;
  width:10vw;
}

.holder > .ce_accordion.block{
padding-bottom:0;
margin-bottom:0;
}

.center{
text-align:center;
}

.bgcolor{
padding:40px 0 0;
}

.mod_sitemap{}

.mod_sitemap > ul{}

#footer .mod_navigation > ul > li{
float:left;
margin-right:40px;
}

#footer .mod_navigation > ul > li.last{
margin-right:0;
}
#footer .mod_navigation > ul > li > ul > li {
	line-height:160%;
}
#footer .mod_navigation > ul > li > ul > li::before {
  content: "\00BB";
    margin-right: 5px;
}

#footer .mod_navigation > ul > li > a,#footer .mod_navigation > ul > li > span{
display:inline-block;
padding-bottom:10px;
font-family:Panton-Bold;
}


.flex-caption {
    height: auto;
    left: 0;
    position: absolute;
    bottom: 10%;
    width: 100%;
    z-index:0;
}


.flex-caption .captionholder {
    display: block;
    margin: 0 auto;
    max-width: 980px;
    padding: 0 15px;
    position: relative;
}

.flex-caption .captionholder > span{
display:block;
}


.flex-caption .captionholder > span.headline > * {
	padding: 18px 22px 14px 22px;
}
.flex-caption .captionholder > span.subline > * {
	padding: 7px 22px 3px 22px;
}

.flex-caption .captionholder > span > *{
display:inline-block;
position:relative;
    box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.6);
}

.flex-caption .captionholder > span.headline > * {
    background: white none repeat scroll 0 0;
color:#f89130;
    z-index: 10;
	font-family:Panton-SemiBold;
}
.flex-caption .captionholder > span.subline > * {
    background-color:rgba(255,255,255,0.65);
    font-size: 1em;
    text-transform: uppercase;
    z-index: 5;
	font-family:Panton-SemiBold;
}

.xtranav {
    border-top: 1px solid silver !important;
    clear: both;
    display: table;
    float: none;
    table-layout: fixed;
    width: 100%;
    padding:10px 0 0 !important;
}

.xtranav li{
float:left;
 width: 33.3333%;
}

.xtranav li > a,.xtranav li > span{
 background: url(/files/uniferm/layout/images/basics/arrow_right.png) no-repeat scroll 90% 50% #5cb34d;
    color: white;
    display: inline-block;
    line-height: 1.2;
    padding: 13px 30px;
    margin-right:10px;
}

.xtranav li > a:hover,.xtranav li > span:hover{
color:white;
}

.xtranav li > span{}

.txtholder {
}

.mod_navigation ul.produkte > li{
float:left;
width:49.5%;
background:#ede8e2;
position:relative;
}


.mod_navigation ul.produkte > li.first{
margin-right:1%;
}

.mod_navigation ul.produkte > li span,.mod_navigation ul.produkte > li a{
display:block;
}

.mod_navigation ul.produkte > li span.bg {
    background-blend-mode: darken;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.mod_navigation ul.produkte > li span.bg{
opacity:0.3;
}


.mod_navigation ul.produkte > li span.headline{
margin-bottom:0.3em;
}


.mod_navigation ul.produkte > li span.pagetext {
    font-size: 0.95em;
    line-height: 1.2em;
}

.mod_navigation ul.produkte > li span.linktextholder {
    min-height: 130px;
    padding: 20px;
    position: relative;
    z-index: 2;
}

.mod_navigation ul.produkte > li span.pagelink{
display:inline-block;
}

#neuheiten-und-entwicklung.mod_article{
padding:0;
}


#neuheiten-und-entwicklung.mod_article > .holder > .block {
margin-bottom:30px;
}

.mod_article.last{
padding-bottom:40px;
}

.ce_imagelist li:before{
content:'';
}

.border .mod_article > .holder{
border-bottom:1px solid #ede8e2;
padding-bottom:40px;
}

.border .mod_article > .holder{

}

.border .mod_article.last > .holder{
border:none;
padding-bottom:0;
}

.newsslider .layout_latest .teaserholder span.bg {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
     background-blend-mode: darken !important;
     opacity:0.2;
}

.newsslider .layout_latest .teaserholder > *{
position:relative;
z-index:1;
}

.newsslider .layout_latest .teaserholder .headlinecontainer{
	min-height:60px;
}

.ce_pageteasers .newsslider .layout_latest .holder .teaser{
min-height:60px;
}

#contactfooter {
    width: 100%;
    clear:both;
    float:none;
    background:#594c44;
}

#contactfooter > .contactfooterholder {
    color: white;
    margin: 0 auto;
    max-width: 980px;
    padding: 50px 20px;

}

#contactfooter > .contactfooterholder > .inside{
display: table;
table-layout: fixed;
    width: 100%;
    }

#contactfooter > .contactfooterholder > .inside > .row > .left {
    font-size: 0.9em;
    line-height: 1.6;
    padding-right: 40px;
    width: 240px;
}


#contactfooter > .contactfooterholder > .inside > .row > *{
vertical-align:top;
}

#contactfooter > .contactfooterholder > .inside span{
display:block;
}

.leftset {
    float: left;
    margin-right:10px;
}


#contactfooter .mod_form {

}

input,textarea{
    font-family: Panton-Regular;
	font-weight: normal;
	font-style: normal;
}

#contactfooter input.text, #contactfooter textarea {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 8px 5px;
    width: 100%;
    color:rgba(255, 255, 255, 0.8);
}


#contactfooter input.text{
margin-bottom:10px;
}


#contactfooter .submit_container{
clear:both;
float:none;
}

#contactfooter .submit_container > input.submit{
margin-top:0;
display:inline-block;
float:right;
width:auto;
background-color:#f89130;
}

.columnholder{
display:table;
table-layout:fixed;
width:100%;
}

.columnholder > * > *{
vertical-align:top;
}

.columnholder .image_container{
line-height:0;
}
.columnholder .row > *{
display:inline-block;
}

.columnholder .right{
padding:20px;
}

#contactfooter a{
color:#f89130;
}

#contactfooter textarea {
    height: 147px;
    min-height:147px;
    max-height:147px;
}

.recholder{
margin-top:1em;
}

.mod_form.tableless.block{
overflow:visible;
}

#breadcrumb {
    height: 1.5em;
    margin-top: 20px;
    padding: 0 20px;
}

#breadcrumb li{
float:left;
margin-right:10px;
font-size:0.8em;
}

.respHeader{
font-family: Panton-SemiBold;
	font-weight: normal;
	font-style: normal;
	text-transform:uppercase;
	display:none;
}

#respNav{
	display:none;
}


.slicknav_menu .logo{


}


.slicknav_nav ul.level_3 > li > a,.slicknav_nav ul.level_3 > li > span{
padding-left:55px;
}

.slicknav_nav ul.level_4 > li > a,.slicknav_nav ul.level_4 > li > span{
padding-left:65px;
}


.slicknav_nav li > a:before, .slicknav_nav li > span.active:before {
    content: "•";
    margin-left: -10px;
    margin-right: 5px;
}

.ce_products .newsslider .layout_latest .teaserholder {
	background-color:white;
	padding:10px;
	min-height:0;
}
.ce_products .newsslider .layout_latest .teaserholder .headlinecontainer {
	text-align:center;
	margin:0;
	min-height:0;
}
.ce_products .newsslider .layout_latest .teaserholder .teaser {
	display:none;
}
.ce_pageteasers .newsslider .layout_latest .teaserholder {
	min-height:0;
}

.contacttext{
margin-bottom:2em;
}

.ce_downloads .text{
margin-bottom:1em;
}
.mod_eventlist,
.layout_latest.jobs {
	display:table;
	width:100%;
	table-layout: fixed;
}
.mod_eventlist > .row > *,
.layout_latest.jobs > .row > * {
	display:table-cell;
	padding:10px 3px 10px 10px;
	vertical-align:middle;
}
.layout_latest.jobs > span {
  display: table-row;
}
.mod_eventlist > .row.even > *,
.layout_latest.jobs.even > .row {
	background: #ede8e2 none repeat scroll 0 0;
}
.layout_latest.jobs > .row:hover {
	background: #FBFAF9;
}

.mod_eventlist h2,
.layout_latest.jobs .h2 {
	font-size:inherit;
	font-family: Panton-Regular;
	padding:0;
}
.layout_latest.jobs .h2 {
	color:#f89130;
}
#stellen .layout_latest {
	margin-bottom:0;
}

.ce_productContent .tablecontainer .tableholder{
display:block;
float:none;
}

.ce_productContent .textholder{
margin-bottom:30px;
}

.ce_productContent .leftbox {
    padding-right: 2em;
    width: 65%;
}

.ce_productContent .rightbox {
	padding:12px;
	background-color:white;
	margin-top:30px;
	border-top:1px solid #5cb34d;
}
.crossselling, .ce_productContent > div > .headlinecontainer{
margin-top:30px;
}
.mod_article.bgcolor {
	padding:50px 0;
	border-bottom:1px solid #EDE8E2;
	border-top:1px solid #EDE8E2;
}
.mod_article.bgcolor h1 {
	color:#f89130;
}
.mod_article.bgcolor .headlinecontainer:last-child {
	margin:0;
}
#uniferm-xtrasauer,
#uniferm-eisstarmalz-spezial {
	padding-top:0;
}

.cell {
    float: left;
    width: 50%;
}

.table.downloads{
margin:40px 0 0;
}

.table.downloads ul{
margin-bottom:0;
}
.ce_productContent .downloadlist li,
.ce_productContent .rezeptelist li {
	padding-bottom:3px;
}

.ce_text ul li.downloadlink,.ce_text ul li.rezeptlink{
/*color:#f89130;*/
font-size:0.9em;
}


.ce_text ul li.downloadlink span,.ce_text ul li.rezeptlink span,
.ce_productContent ul li.downloadlink span,.ce_productContent ul li.rezeptlink span{
display:table-cell;
vertical-align:bottom;
}


.ce_text ul li.downloadlink:before,.ce_text ul li.rezeptlink:before{
content:'';
}

.ce_productContent ul li.downloadlink .download-icon,.ce_productContent ul li.rezeptlink .download-icon{
    height: 20px;
    margin-right: 10px;
    vertical-align: top;
    width: 28px;
background: url(/files/uniferm/layout/images/icons/download_arrow.png) no-repeat scroll 50% 50% transparent;
background-size:auto 20px;
padding-right:10px;
}

.downloadtitle{
padding-left:10px;
}

.ce_productContent ul li.downloadlink a,.ce_text ul li.rezeptlink a{
display:table-row;
}

.ce_productContent ul li.downloadlink,.ce_productContent ul li.rezeptlink {
    display: table;
    line-height: 1;
    margin: 0;
    table-layout: fixed;
}
.mod_article.bgimg {
	margin:50px 0;
}
blockquote {
	color:#69AE31;
	padding:65px 0 0 40px;
	background: url(/files/uniferm/layout/images/icons/quote.svg) no-repeat;
	font-size: 1.4em;
    line-height: 150%;
}
.ce_introtext blockquote{
	position:relative;

	padding-left:0;
}
#arbeitsschutz .ce_introtext blockquote{
	margin-top:-40px;
}

.headerimage{
width:100%;
height:349px;
margin-bottom:20px;

    transition: 0s linear;
    transition-property: background-position;
}

.mod_article > .holder > .mod_articleList.block {
  margin-bottom:20px;
  margin-top:30px;
}

.mod_articleList ul{
margin:0 auto;
}

.mod_articleList ul li{
float:left;
margin-right:5px;
}

.mod_articleList ul li.last{
margin-right:0;
}

.mod_articleList ul li > * {
  background:whitesmoke;
  display:block;
  padding:10px 30px;
}

.image_container.right{}
.notright{}

.ce_text .image_container.left {
  float:left;
  width:30%;
}

.ce_text .image_container.left,.ce_text .image_container.right{
  height:100%;
  position:absolute;
}

.ce_text .image_container.right img,.ce_text .image_container.left img{
display:none;
}

.table {
position:relative;
}
.ce_text .not_left {
  margin-left:30%;
  padding:30px 0 30px 30px;
}


.ce_text .not_right{
  padding:30px 30px 30px 0;
}


.ce_text .textcontainer.not_right {
  float:left;
  margin-right:30%;
}

.ce_text .image_container.right {
  float:none;
  right:0;
}

.mod_article > .holder > .block.ce_kacheltext {
position:relative;
margin-bottom:0;
}

.bg-wrapper {
  height:100%;
  padding:0;
  position:absolute;
}

.bg-wrapper.image_container.right{
right:0;
}

.bg-wrapper.image_container{
   left: auto;
    margin-left: auto;
    right: auto;
    width: 50%;
}

.bg-wrapper img{
display:none;
}

.ce_kacheltext .container > .row{
  display:table-row;
    width:50%;
	min-height:440px;
}


.ce_kacheltext .container > .row.row_not_left{
float:right;
}

.ce_kacheltext .container > .row.row_not_right{
float:left;
}


.ce_kacheltext .container > .row > .not_left {
    padding: 40px 0 40px 0;
}


.ce_kacheltext .container > .row > .not_right {
    padding: 40px 0 40px 0;
}
.ce_kacheltext blockquote {
	font-size:1em;
	margin-top:10px;
}



.ce_kacheltext .container > .row > .not_left > div {
padding-right:30px;
margin-left:40px;
}


.ce_kacheltext .container > .row > .not_right > div {

padding-right:40px;
}
.ce_page_list ul li:hover{
opacity:0.8;
}

#intro .mod_article.first.last{
margin-bottom:30px;
}

.ce_page_list ul li.noimage{
font-size:1.5em;
position: relative;
padding-top:20px;
}
.ce_page_list ul li.noimage .pageteaser{
	position:absolute;
	bottom:0;
}
.image_container.float_right,
.image_container.float_left {
	width:33%;
	margin-left:20px;
	margin-bottom:20px;
}


.image_container.float_right img,
.image_container.float_left img {
max-width:100%;
height:auto;
}

.image_container.float_left {
	margin-right:20px;
	margin-left:0;
}
.mod_article > .holder.fullwidth {
	max-width:1680px;
	padding:0;
}
.mod_article > .holder.fullwidth .ce_text {
	text-align:center;
	padding:60px 20px;
	background-color:#FBFAF9;
}
.mod_article > .holder.fullwidth .ce_text img {
	width:50%;
	padding:20px 0;
	min-width:240px;
}
.ce_imagelist .headlinecontainer {
	text-align:center;
}
.ce_imagelist .title {
	min-height:54px;
	padding:0 10px;
}
.icon .image_container.float_right,
.icon .image_container.float_left{
	width:100px;
}

.fullwidth .ce_imagelist {
	max-width:1000px;
	margin:0 auto;
}
.ansprechpartner .ce_text {
	float:left;
	width:50%;
}
.ansprechpartner .image_container.float_left{
	width:150px;
}
.ansprechpartner h2 {
	clear:left;
}
#main .ce_kacheltext .headlinecontainer > h2,
#main .ce_kacheltext .headlinecontainer > h3,
#main .ce_kacheltext .headlinecontainer > h4,
#main .ce_productContent .headlinecontainer > h2,
#main .ce_productContent .headlinecontainer > h3,
#main .ce_productContent .headlinecontainer > h4
 {
	padding-top:0;
}
.ce_previewdownload {
	padding:0 0 20px 0;
}
.ce_previewdownload figure {
	display:block;
	overflow:hidden;
	border:1px solid whitesmoke;
	margin-bottom:5px;
}
.ce_previewdownload figure img{
	max-height:450px;
	width:auto;
}
.mod_article > .holder > .headlinecontainer {
  clear:both;
}
.layout_latest span{
display:block;
}

.layout_latest .teaser span, .layout_full .teaser span  {
  display:inline;

  margin-right:5px;
}

.layout_full .teaser{
margin-bottom:20px;
}

.enclosureintro {
  border-bottom:3px solid #CECECE;
  display:block;
  margin:20px 0 10px;
  width:100%;
  padding-bottom:5px;

}

.back {
  background:#594C44;
  display:inline-block;
  line-height:1;
  margin-top:50px;
  padding:10px 20px;
}

.float_below{
margin-top:20px;
}

.float_above{
margin-bottom:20px;
}

.back a{
  color:white !important;
  text-transform:uppercase;
}

.caption {
  display:block;
  font-size:0.8em;
  line-height:1.5em;
  margin-top:0.8em;
}

div.layout_latest,.mod_article > .holder > .ce_produktneuheit.block,.mod_article > .holder > .ce_produktneuheit.last.block  {
margin-bottom:60px;
}

.newsslider div.layout_latest,{
margin-bottom:0;
}

.mod_article .widget{
margin-bottom:20px;
padding-right:20px;
}

.mod_article .submit_container{
float:right;
}

.ce_dlh_googlemaps{
display:table;
table-layout:fixed;
width:100%;
margin-bottom:40px;
}


.ce_dlh_googlemaps .row > *{
vertical-align:middle;
}

.ce_dlh_googlemaps .mapholder{
width:60%;
height:350px;
width:100%;
height:450px;
margin:2rem 0;
}

#main .headlinecontainer.sub > h2,#main .headlinecontainer.sub > h1,#main .headlinecontainer.sub > h3,#main .headlinecontainer.sub > h4{
padding-top:0;
}

.textholder table {
  border-bottom:1px solid silver;
  display:table;
  margin-bottom:40px;
  padding-bottom:40px;
  table-layout:fixed;
  width:100%;
}

.textholder table tr{
display:table-row;
}
.ce_newsletteracc .ui-accordion-content{
background:#f5f5f4;
}


.textholder table tr td{
display:table-cell;
vertical-align:top;
}

.textholder table tr td:first-of-type{
width:30%;
padding:0 20px;
text-align:center;
}


.textholder table tr td:last-of-type{

padding:0 0 0 20px;
}

.textholder table tr td:first-of-type img{
max-width:100%;
height:auto;
}



.textholder table:last-of-type{
margin-bottom:0;
border:none;
padding-bottom:0px;
}

.fullwidth .ce_form{
max-width:1000px;
padding:0 20px;
margin:0 auto;
}

.ce_previewdownloads{}

.ce_previewdownloads ul,.ce_downloads ul.downloadwiththumb{
float:none;
clear:both;
width:100%;
margin:20px 0;
display:table;
}

.ce_previewdownloads ul li,.ce_downloads ul.downloadwiththumb li {
  float:left;
  overflow:hidden;
    margin:0 3% 30px 0;
  text-align:center;
    width:22%;
}

.ce_downloads ul.downloadwiththumb li {
 border:1px solid #ede8e2;
 padding:0;
 margin:0 1% 20px 0;
 }
 .ce_downloads ul.downloadwiththumb li.close {
  margin:0 0 20px 0;
 }

.ce_previewdownloads ul li img, .ce_downloads ul.downloadwiththumb li img{
width:auto;
max-height:315px;
max-width:300px;
}
.ce_downloads ul.downloadwiththumb li img{
opacity:0;
max-height:none;
max-width:100%;
height:auto;
}
.ce_downloads ul.downloadwiththumb li span, .ce_downloads ul.downloadwiththumb li a{
display:block;
}
.ce_downloads ul.downloadwiththumb li span.link {
  color:#333333;
  font-size:0.9em;
  padding:10px;

}
.ce_previewdownloads .downloadimage {
  border:1px solid whitesmoke;
  margin-bottom:10px;
  line-height:0;
  overflow:hidden;
}
.ce_previewdownloads ul li span{
display:block;
}
.ce_previewdownloads ul li span.download, .ce_previewdownloads ul li span.download > span{
text-align:center;
}
.presse-downloads .ce_download{
text-align:center;
width:25%;
 border:1px solid whitesmoke;
  margin-bottom:20px;
}
.presse-downloads .ce_download * {
  display:block;
  margin:0 auto;
  text-align:center;
}
.presse-downloads .downloadholder{}

.mod_article > .holder > .block{
margin-bottom:1.8em;
}
.mod_article > .holder > .block:last-of-type{
margin-bottom:0;
}
.mod_article.first .ce_introtext{
padding-bottom:1em;
}
.header > .date{}

.mod_eventlist > .row > .logo{
width:150px;
}
.mod_eventlist > .row > .teaser{
width:130px;
}
.breaker {
	clear:both;
}

.slideout {
	left:-195px;
	background:#fff;
	width:250px;
	height:202px;
	position:fixed;
	top:40%;
	z-index:100;
	padding:65px 20px 0 20px;
	box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.4);
}
.slideout a {

}
.slidecontent {
	width:160px;
}
.slideout .show {
	position:absolute;
	top:0;
	right:0;
	background:url(../../files/uniferm/layout/images/backservice.png) no-repeat;
	display:block;
	width:55px;
	height:203px;
	cursor:pointer;
}
.slideout h1 {
  font-size: 20px;
  margin-bottom: 5px;
  text-transform:none;
  text-align:left;
}
#main .pageteaser,
#main #neuheiten-und-entwicklung a {
	color:#594a41;
}

.newsslider .layout_latest {
margin-bottom:0;
}
.layout_full.jobs h2 {
	margin-top:20px;
}
label.confirm,
.showlabel label,
.widget-upload label {
	display:block;
}
.error {
	color:red;
}
.explanation,
.widget-text.start {
	clear:both;
}
#logoslider .ce_gallery {
  margin-bottom: 50px;
  overflow: visible;
  position: relative;
  top: 50px;
}
.toggler span.sub {
  display: block;
  font-size: 22px;
  padding-left: 2.1em;
  font-family: Panton-Light;
  line-height: 130%;
  padding-top: 10px;
  text-transform: none;
  position:relative;
  z-index:2;
}
.layout_latest span.h3,
.newsslider .layout_latest .teaserholder .headlinecontainer > .h3 {
	text-transform:uppercase;
	color:#F89130;
	font-size:14px;
	font-family: Panton-Regular;
	padding-bottom:5px;
}
.newsslider .layout_latest .teaserholder .headlinecontainer > .h2 {
	color:#5CB34D;
	font-size:20px;
}
.newsslider .layout_latest.ce_pageteasers .teaserholder .headlinecontainer > .h2 {
	color:#F89130;
}




#main .mod_search .header{
margin:30px 20px 20px;
}

#main .mod_search form {
    clear: both;
    display: table;
    width: 100%;
    border:1px solid #5cb34d;
}

#main .mod_search form .formbody{
display:table-row;

}



#main .mod_search form .formbody > * {
    display: table-cell;
    width: 90%;
    border:0;
}

#main .mod_search form input.submit {
    border: none;
    line-height: inherit;
    margin: 0;
    position: relative;

    width: 10%;
}


.resultitem {
    border-bottom: 1px solid silver;
    font-size: 15px;
    line-height: 1.5em;

}

.resultitem:last-of-type{
border:none;
}

.resultitem a{
display:block;
padding:40px 20px;
}

.resultitem.odd a, .resultitem.even:hover a{
background:whiteSmoke;
}

.resultitem span{
display:block;
}

.resultitem span.highlight {
    background: whiteSmoke none repeat scroll 0 0;
    display: inline;
    font-weight: 600;
    margin: 0 2px;
    padding: 0 3px;
}

.pagination{
margin-top:20px;
}


.pagination p,.pagination li{
float:left;
}

.pagination li.first,.pagination li.previous,.pagination li.next{
display:none;
}

.pagination ul{
float:right;
}

#main .pagination li a,#main .pagination li span{
display:block;
line-height:1;
padding:5px 10px;
color:#333;
}

#main .pagination li span,#main .pagination li a:hover{
background:#5cb34d;
color:white;
}
.ce_newsletteracc .formholder .newsletter-full {
  min-width: auto;
  max-width: 960px;
}
.fancybox-inner .ce_productContent .headlinecontainer {
	display:none;
}
.produktneuheiten .sub, .produktneuheiten .headlinecontainer{
	color:#F89130;
}


body.kontakt #contactfooter {
display:none;
}

.subheadline{
color:#F89130;
}
.homebutton a {
  border: 1px solid #d7cdc1;
  margin-bottom: 20px;
	display: block;
	background: #f3f0ec url("/files/uniferm/user/images/startseite/jobs.jpg") no-repeat scroll 100% 50% / 80% auto;
	padding: 30px 30px 25px;
    position: relative;
	font-family: Panton-Light;
    font-size: 28px;
    line-height: 127%;
}
.homebutton a:before {
  background: transparent url("/files/uniferm/layout/images/basics/arrow_right_green.png") no-repeat scroll 0 0 / contain ;
  content: "";
  display: inline-block;
  height: 0.8em;
  margin-right: 0.4em;
  transition: all 0.2s ease 0s;
  width: 1em;
}
.homebutton.jobs a {
	background: #f3f0ec url("/files/uniferm/user/images/startseite/jobs-neu.jpg") no-repeat scroll 100% 50% / 80% auto;
	padding: 60px 30px 55px;
}
.homebutton.newsletter a {
	background: #f3f0ec url("/files/uniferm/user/images/startseite/newsletter/hefezopf.jpg") no-repeat scroll 100% 50% / 80% auto;
}
.homebutton.messen a {
	background: #f3f0ec url("/files/uniferm/user/images/startseite/messen.jpg") no-repeat scroll 100% 50% / 80% auto;
}
.homebutton.melasse a {
	background: #f3f0ec url("/files/uniferm/user/images/startseite/melasse.jpg") no-repeat scroll 100% 50% / 80% auto;
    font-size: 22px;
}
.layout_latest span.row {
	display: table-row;
}
.pl .slideout .show,
.it .slideout .show{
	background:url(../../files/uniferm/layout/images/backservice-pl.png) no-repeat;
}
.en .slideout .show{
	background:url(../../files/uniferm/layout/images/backservice-en.png) no-repeat;
}
.es .slideout .show{
	background:url(../../files/uniferm/layout/images/backservice-en.png) no-repeat;
}


.panes > div {
    height: 30vw;
    max-height: 550px;
    min-height: 250px;
	margin-bottom: 40px;
}
.pl-hidden {
	display: none;
}
.mitarbeiterliste > div {
	margin-bottom: 15px;
}
.mitarbeiterliste h1 {
	margin-top: 20px;
}
.mitarbeiterliste .item_1 h1 {
	margin-top: 0;
}
.it #footer .mod_navigation > ul > li,
.pl #footer .mod_navigation > ul > li {
	width:20%;
	margin-right:5%;
}
#main .ui-accordion-content strong a {
    text-decoration: underline;
}
.ce_youtube.block .videoholder {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0 !important;
}

.ce_youtube.block .videoholder iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.youtube.image_container{
position:relative;
}


.youtube.bg-wrapper.image_container{
position:absolute;
}

.ce_kacheltext .container{
    display: table;
}

.ce_kacheltext .container > .row.row_not_right {
    float: left;
    padding-left: 20px;
}


.youtube.image_container a{
display:block;
}

a > span.play{
    position: absolute;
    height: 100%;
    width: 100%;
    background:url(/files/uniferm/layout/images/icons/play.svg) no-repeat scroll 50% 50% transparent;
    background-size: 50px;
	opacity:0.8;
}
.banner {
float:right;
margin-top:-50px;
}

.toggler span.headline{
display:inline-block;
}

.accordion span.iconholder{
display: inline-block;
    z-index: 1;
    position: relative;
margin-top: 30px;
}


.accordion span.iconholder .inner{
float:left;
display:inline-block !important;
}

.accordion span.iconholder .inner span{
margin-left:0.5rem;
}

.accordion span.iconholder img{
height:40px;
}
.legende img {
	width: 25px;
	height: 25px;
	display: inline-block;
	float: left;
}
.legende span {
display:block;
	float: left;
	white-space: nowrap;
}
.legende span span {
	display: inline-block;
	float: left;
	padding-top: 3px;
	padding-right: 8px;
}
.legende {
	font-size: 13px;
	line-height: 20px;
	white-space: nowrap;
	padding: 20px 0 0 0;
}

.social.right{
margin-left:10px;
}

.social.right li{
display:inline-block;
vertical-align:middle;
margin-left:5px;
}
.social.right li:hover{
opacity:0.7;
}
.social.right img{
height:auto;
width:32px;
}
.headlinecontainer.greenyellow h1 {
color:#69AE31;
}
.headlinecontainer.greenyellow p {
color:#f89130;
font-family: Panton-Bold;
}


header .stoerer{
display: block;
position: relative;
z-index: -1;
top: 63px;
width: 120px
}

#wrapper{
position:relative;
}

header .stoerer img, .stoerer.clone img{
max-width:100%;
height:auto;
}

.stoerer.clone{
position:absolute;
z-index:5;
right:20px;
width:120px;
display:none;
}
#fermstarlangzeit .ce_productContent ol li.last, 
#uniferm-fermfresh-meistervorteig .ce_productContent ol li.last,
#uniferm-eisstarmalz .ce_productContent ol li.last,
#uniferm-natuback .ce_productContent ol li.last{
list-style:none;
}
.aromahefe .ce_imagelist li {
width:25%;
}
#intro-backmittel .legende {
display:none;
}

.catoverview a,.catoverview > span{
margin-bottom:3rem;
}

.catoverview a:last-of-type{
margin-bottom:0;
}

.catoverview a, .catitem, .catitem span{
display:block;
}

.mod_article .ce_form .widget{
padding:0;
}

.widget.w50 {
    float: left;
    width: calc((100% - 20px) / 2);
    padding: 0;
    margin-right: 20px;
}

.widget.w50.clr {
margin-right:0;
}

.widget-db-select{
margin-top:2rem;
}

.widget-db-select > label{
display:block;
margin-bottom:0.5rem;
}

.dk-select, .dk-select-multi{
width:auto;
}

.dk-selected{
padding-right:2.5rem;
}

.event.layout_full > .block{
margin-bottom:30px;
}
.event.layout_full > .block ul{
margin-bottom:20px;
}

ce_text ul:last-of-type{}


/*basics*/
/*Css Reset ede8e2*/
*{
margin:0;
padding:0;
outline:0;
text-decoration:none;
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }


html{
font-size:100.1%;
overflow-x:hidden;
-webkit-overflow-scrolling: touch;
 -webkit-text-size-adjust: 100%;
}

body,html{
    height: 100%;
    }

body {
    color: #594a41;
    font-family: Panton-Regular;
	font-weight: normal;
	font-style: normal;
    font-size: 15px;
    line-height: 135%;
    /*overflow-x:hidden;*/
}

/*Browserfixes*/
/*background-size ipad */
.ipad .fullsizeimage, .ipad .blurred{
	background-size: 100% auto !important;
	background-attachment:scroll !important;
}

/*inputrendering*/
input,textarea,select{
/*Safari*/
border-radius:0;
-web-kit-border-radius:0;
}
input.text,
input.select{
/*Safari*/
-webkit-appearance: none;
}

/*set images to maxwidth 100%*/
figure{
line-height:0;
}

figure > img, .image_container > img{
max-width:100%;
height:auto;
}

a{
color:inherit;
}


a:focus{
}
/*Ende Basics*/

.mod_article > .holder{
padding:0 20px;
}

#main p a, #main h1 a, #main h2 a, .ce_downloads a, #main li a, #main form a, .CookieDeclaration a, .ce_previewdownload a{
color:#f89130;
}
#main p a:hover, .ce_downloads a:hover, #main li a:hover, #main form a:hover, .ce_previewdownload a:hover {
 text-decoration:underline;
}


 a {
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
 }


.slicknav_menu{
display:none;
}


.headlinecontainer {
  line-height:1em;
  margin-bottom:1.3em;
}


.ce_ownPageTeaser .headlinecontainer,
.layout_latest.list h2{
margin-bottom:1em;
}
.headlinecontainer > *{
margin:0;
}

h1,h2,h3,h4,h5,h6{}

h1, .h1 {
    font-size: 28px;
    line-height: 125%;
    font-family: Panton-Light;
	font-weight: normal;
	font-style: normal;
}
h2,.headlinecontainer .h2,.ce_gridboxes .h2{
	font-size: 24px;
    line-height: 125%;
    font-family: Panton-Light;
	font-weight: normal;
	font-style: normal;
	color:inherit;
}
h3, .h3, h4,.subheadline, .ce_gridboxes .h3 {
    font-size: 18px;
    font-family: Panton-Regular;
	font-weight: normal;
	font-style: normal;
	line-height: 125%;
}
#main .headlinecontainer > h2, #main h2,
#main .headlinecontainer > h3, #main h3,
#main .headlinecontainer > h4, #main h4 {
/*	padding-top:30px;*/
}
h4 {
	color:#5cb34d;
}
h5, .h5{
	color: #594a41;
    font-family: Panton-Regular;
	font-weight: normal;
	font-style: normal;
    font-size: 15px;
    line-height: 135%;
	margin-bottom: 1.3em;
}
h6{}

p{
margin-bottom:20px;
}

p:last-of-type{
margin-bottom:0;
}

 strong, .strong, .enclosureintro, .row.head{
  font-family: Panton-Bold;
	font-weight: normal;
	font-style: normal;
 }

em {
font-family: Panton-RegularItalic;
font-weight: normal;
	font-style: normal;
}

ul,ol{
margin:0;
}

ul{}

ol{

}

li{
list-style-type:none;
}

 /*lis*/
  .ce_text ul, .ce_text ol, .ce_productContent ol, .ce_introtext ul, .ce_kacheltext ul{
	  margin:1em 0 1.5em 0;
  }
.ce_text ul li, .ce_downloads ul.customlist li, .ce_introtext ul li, .ce_kacheltext ul li, .mod_sitemap ul li {
    list-style: outside none;
    margin: 0 0 5px 15px;
	position: relative;
}
.ce_text ul li:before,
.ce_downloads ul.customlist li:before,
.ce_introtext ul li:before,
.ce_kacheltext ul li:before,
.mod_sitemap ul li:before{
	content:'•';
	color:#69AE31;
	position: absolute;
	left:-17px;
	font-size:40px;
}
.win .ce_text ul li:before,
.win .ce_downloads ul.customlist li:before,
.win .ce_introtext ul li:before,
.win .ce_kacheltext ul li:before{
	margin-top:-5px;
}
 .ce_text ol li,
.ce_productContent ol li{
 list-style:decimal;
 margin: 0 0 5px 18px;
    padding: 0 0 0 5px;
 }

.listcolumn a{
color:inherit;
}

/*fixed css footer*/

#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0;
}

.footerlayout #wrapper{

}

 /*Slicknav*/
.slicknav_menu > .mod_logo {
    display: block;
    margin: 0;
    width: 120px;
}

 .slicknav_menu > .mod_logo img{
 max-width:100%;
 height:auto;
 }

/*Header*/
 #header{

    position: absolute;
    top: 58px;
    width:100%;
    z-index: 20;

 }

 #header > .inside .band{
 box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.4);
    height: 63px;
    width: 100%;
        background:white;
 }




#header > .inside{
height:100%;
}

.headerholder{}

.headerholder > *{}

.headerholder > .left{
float:left;
}

.headerholder > .right{
float:right;
}

#header > .inside .left .rounded{}

#header > .inside .left .rounded > * {
    background: transparent url("/files/uniferm/layout/images/logo/logo.png") no-repeat scroll 50% 50% / contain ;
    display: block;
    height: 100%;
    width: 100%;
}

#header > .inside .logoholder span{
display:block;
}

#header > .inside .logoholder span.logo{
width:100%;
height:100%;
}

#header > .inside .logoholder span.logo .bg {
    background: white none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5);
    height: 90%;
    left: 6%;
    position: absolute;
    top: 5%;
    width: 90%;
    z-index: -1;
}

#header > .inside .rounded{
width:150px;
height:150px;
position:absolute;
top:50%;
margin-top:-75px;
}

#header > .inside .headerholder, #footer > .inside > * > .inside,.mod_article > .holder,#newsletter,#breadcrumb,.ce_kacheltext .container{
max-width:1000px;
margin:0 auto;
width:100%;
}

#newsletter{

}

#main > .inside{
padding:20px 0 0;
}

.mod_article.first{
margin-top:0;
}

/*footer*/
#footer, .push {

}

.push{
}

#footer{
background: #594c44;
color:white;
}



#footer > .inside{
 width:100%
}

.footerbottom > .inside{
display:table;
table-layout:fixed;
width:100%;
font-size:13px;
}

.footerbottom > .inside > div{
display:table-row;
}

.footerbottom > .inside > div > *{
display:table-cell;
vertical-align:middle;
}

.footerbottom > .inside > div > .right{
float:right;
}

.footerbottom > .inside > div > .right > *{
float:none;
display:inline-block;
vertical-align:middle;
}


.footerbottom > .inside > div > .right > .mod_customnav > ul > li{
float:left;
margin-right:10px;
}

.footerbottom > .inside > div > .right > .mod_customnav > ul > li.last{
margin-right:0;
}

.footerbottom p{
line-height:1.8em;
}

#footer > .inside > div {
    display: inline-block;
    vertical-align: middle;
}


.blur{
-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  opacity:0;
  z-index:8;
}

.hidden{
     opacity:0;
}
.visible{
     opacity:1;
}

#pagehead > .inside{
width:100%;
overflow:hidden;
position:relative;
height:calc(100vh - (100vh/2.2));
min-height:330px;
min-height:520px;
}

 #pagehead .flexslider, #pagehead .flexslider > .slides, #pagehead .pageimage, #pagehead .pageimage > .holder{
height:100%;
}
 #pagehead .pageimage > .holder{
 zoom:1;
 }


#pagehead .pageimage > .holder > div {
  height:100%;
  width:100%;
}

 #pagehead .pageimage > .holder > div img{
 opacity:0;
 }
.footertop{
border-top:2px solid #d7cdc1;
background:#ede8e2;
color:#594c44;
margin-top:-2px;
}

.footertop > .inside{
padding:0 20px;
}

.footerbottom,.footertop{
display:block;
width:100%;
padding:20px 0;
}

.footerbottom > .inside{
padding:0 20px;
}

.ce_ownPageTeaser,
.layout_latest.list{
clear:both;
margin-bottom:5%;
display:table;
table-layout:fixed;
width:100%;
}

.ce_ownPageTeaser:last-of-type,
.layout_latest.list:last-of-type{
margin-bottom:0;
}

.ce_ownPageTeaser > .row > *,
.layout_latest.list > .row > *{
float:none;
}

.table{
display:table;
table-layout:fixed;
width:100%;
}

.row{
display:table-row;
}

.ce_ownPageTeaser > .row > *,
.layout_latest.list > .row > * {
display:table-cell;
vertical-align:middle;
}


.ce_ownPageTeaser > .row > .text {
width:65%;
}
.layout_latest.list > .row > .text {
width:75%;
}
.layout_latest.list > .row > .image_container {
width:25%;
}

.ce_ownPageTeaser .subheadline,
.title,
.layout_latest.list .info {
font-family: Panton-SemiBold;
	font-weight: normal;
	font-style: normal;
color:#5cb34d;
display:block;
line-height:1.5em;
margin-bottom:0.3em;
}
.ce_page_list .h2{
font-size:1.2em
}

.h2 {
font-family: Panton-Regular;
	font-weight: normal;
	font-style: normal;
    font-size: 1.1em;
    line-height: 1.35em;
    color:#5cb34d;

}

.ce_ownPageTeaser > .row > .text.not_right > *,
.layout_latest.list > .row > .text > .teaser,
.layout_latest.list > .row > .text > h2 {
margin-right:10%;
}

.ce_ownPageTeaser > .row > .text.not_left > *{
margin-left:5%;
}

.pagelink, input.submit,
#main .crossselling a,
#main .layout_latest.list .more,
#main .direktkontakt a,
#main .ce_ownPageTeaser p a{
  color:white;
  display:inline-block;
  line-height:1.2;
  margin-top:1.5em;
  padding:0.8em 3em 0.6em 0.8em;
   background:url("/files/uniferm/layout/images/basics/arrow_right.png") no-repeat scroll 90% 50% #5CB34D;
   text-align:left;
	border:none;
	color:white;
	cursor:pointer;
	margin-bottom: 5px;
}
.pagelink:hover, input.submit:hover,
#main .crossselling a:hover,
#main .layout_latest.list .more:hover,
#main .direktkontakt a:hover,
#main .ce_ownPageTeaser p a:hover,
#main .ce_page_list ul li a:hover,
#main .ce_imagelist a:hover{
	opacity:0.85;
	-webkit-opacity:0.85;
	-o-opacity:0.85;
	-moz-opacity:0.85;
	-ms-opacity:0.85;
	 text-decoration:none;
}
#main .direktkontakt a{
	margin-top:0;
}

.mod_article{
margin:30px 0 0;
}

.newsslider{
padding-bottom:60px;
}

.newsslider .layout_latest{

}

.newsslider .layout_latest .holder{
margin:0 3%;
}

.newsslider .layout_latest .holder *{
display:block;
}
.newsslider .layout_latest .image_container{
height:215px;
overflow:hidden;
border-top:5px solid #F89130;
margin-bottom:5px;
}

.slick-prev, .slick-next {
  border:none;
  color:transparent;
  cursor:pointer;
  display:block;
  font-size:0;
  height:20px;
  line-height:0;
  margin-top:0;
  outline:none;
  padding:0;
  position:absolute;
  top:-45px;
  width:20px;
}

.slick-next {
  right:0;
  background:url(/files/uniferm/layout/images/basics/arrow_right_green.png) no-repeat scroll transparent;
  background-size:contain;
}

.slick-prev {
  right:30px;
   background:url(/files/uniferm/layout/images/basics/arrow_left_green.png) no-repeat scroll transparent;
  background-size:contain;
}

.slick-dots {
  bottom:0;
  display:block;
  list-style:none;
  padding:0;
  position:absolute;
  text-align:center;
  width:100%;

}

.slick-dots li {
  cursor:pointer;
  display:inline-block;
  height:15px;
  margin:0 5px;
  padding:0;
  position:relative;
  width:15px;
}

.slick-dots li button {
  border:0;
  background:#e9e4de;
  color:transparent;
  cursor:pointer;
  display:block;
  font-size:0;
  height:15px;
  line-height:0;
  outline:none;
  padding:5px;
  width:15px;
  border-radius:50%;
}

.slick-dots li.slick-active button,.slick-dots li:hover button {
background:#5CB34D;
}

.mod_newslist.block{
overflow:visible;
}
.newsslider .layout_latest{}

.newsslider .layout_latest .teaserholder {
  background:#ede8e2;
  padding:15px 20px 30px;
  position:relative;
  min-height:290px;
}
.ce_pageteasers .newsslider .layout_latest .teaserholder .h2 {
	font-family:Panton-SemiBold;
	color:#333;
	font-size:24px;
	line-height:1em;
	padding-top:10px;
}

.slidenav{
position:relative;
width:100%;
z-index:1;
}

.toggler{
padding:30px 30px 25px 30px;
background:#ede8e2;
text-transform:uppercase;
position:relative;
cursor:pointer;
}

.toggler span {
    display: inline-block;
    vertical-align: middle;
}

.toggler span.headline:before {
    background: transparent url("/files/uniferm/layout/images/basics/plus.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 1em;
    width: 1em;
    margin-right:0.6em;
    background-size:contain;
	transition:all 0.2s;
}

 .toggler.active span.headline:before{
   -moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);

transform: rotate(45deg);
}

.toggler span.headline{
position:relative;
z-index:2;
text-transform:none;
font-size:28px;
font-family: Panton-Light;
line-height:127%;
}

.toggler span.bg{
/*background-blend-mode: darken;*/
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
z-index:0;
}

.ui-accordion-content{
	padding:0 30px 30px 30px;

}

.ui-accordion-content{
	background-color:rgba(237, 232, 226, 0.2);
}

.ui-accordion-content .ce_texttable .textholder,.ce_productContent .textholder{
	margin:0;
}
.ui-accordion-content > div > .block {
	padding-top:30px;
}


 .ui-accordion-content h3,
 .ui-accordion-content h4,.ce_productContent h3, .ce_productContent h4,
 .ui-accordion-content strong {
	font-size:18px;
	color:#f89130;
	font-family: Panton-Regular;
 }
#main .crossselling a {
	margin-top:0;
}
  .ui-accordion-content h3 {
	  border-top:none;
  }
  .ui-accordion-content .headlinecontainer, .ce_productContent .headlinecontainer {
  margin-bottom: 10px;
}

.ui-accordion-content .newsslider .layout_latest .image_container {
	display:none;
}
#main .holder > .ce_newsletteracc{
border:1px solid #d7cdc1;
margin-bottom:20px;
}

.ce_newsletteracc .ui-accordion-content{
background:#ede8e2;
padding:20px;
}

.ui-accordion-content > div{}

.ui-accordion-content > div > *{

}

.row > *{
display:table-cell;
}

.ui-accordion-content .row > *{
vertical-align:top;
}

.ui-accordion-content .row > .textholder{
padding-right:30px;
}

fieldset{
border:none;
}

label{
display:none;
}

input,textarea{
border:1px solid gray;
padding:8px 5px;
width:100%;
}

.ui-accordion-content .widget-text{
float:left;
width:48.5%;
}

.checkbox_container label{
display:inline-block;
}

.checkbox_container > span{
display:block;
}

.checkbox_container > span > *{
width:auto;
display:inline-block;
  vertical-align: top;
}


.checkbox_container > span > div {
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px;
}
.checkbox_container {
    display: inline-block;
    padding: 20px 0 0;
	width:100%;
}

.checkbox_container > span > label {
    font-size: 0.9em;
    line-height: 1.5;
    padding: 0 0 0 15px;

    width: 90%;
}
.checkbox {
    margin: 0.3em 0 0;
}

.ui-accordion-content .widget-text:first-of-type{
margin-right:3%;
}

.ui-accordion-content .widget-checkbox{
float:none;
clear:both;
}



.ui-accordion-content input.submit{
/*max-width:48%;*/
}

.ui-accordion-content > div > *{}

.ce_introtext,
.ce_image {
    font-size: 1.1em;
    line-height: 1.6em;
    margin: 0 auto;
    max-width: 750px;
    text-align: center;

     font-family: Panton-Light;
    font-style: normal;
    font-weight: normal;
}
.ce_introtext .headlinecontainer {
	/*margin-bottom:10px;*/
}

.ce_page_list{}

.ce_page_list ul{
clear:both;
}

.ce_page_list ul li {
    background: #ede8e2 none repeat scroll 0 0;
    float: left;
    min-height: 200px;
    margin: 0 1% 1% 0;
    width: 32%;
    border-top: 3px solid #f89130;

    transition:opacity 0.2s ease;
-webkit-transition:opacity 0.2s ease;
-moz-transition:opacity 0.2s ease;
-o-transition:opacity 0.2s ease;
-ms-transition:opacity 0.2s ease;

}

.ce_page_list ul li span, .ce_page_list ul li a{
display:block;
}

.ce_page_list ul li a{
height:100%;
width:100%;
}

.ce_page_list ul li a > span{
height:100%;
}

.ce_page_list ul li span.teaser {
    height: 35%;
    padding: 15px 20px;
}

.ce_page_list ul li .image_container{
display:block;
height:150px;
overflow:hidden;
margin-bottom:0;
}

.ce_page_list ul li .pageteaser{
min-height:50px;
line-height:1.5em;
font-size:0.95em;
margin-top:0.8em;
}

.ce_page_list ul li .image_container img{
display:none;
}

.ce_texttable .tablecontainer, .ce_productContent .tablecontainer{
clear:both;
}

.ce_texttable .tablecontainer > .inside, .ce_productContent .tablecontainer > .inside{
}

.ce_texttable .textholder{
margin-bottom:30px;
}

.ce_texttable .tablecontainer > .inside > *, .ce_productContent .tablecontainer > .inside > *{

}
.ce_texttable .tablecontainer > .inside > .tableholder, .ce_productContent .tablecontainer > .inside > .tableholder{
width:100%;
}
.ce_texttable .tablecontainer.addimage > .inside > .tableholder{
width:80%;
padding-right:30px;
}

.ce_texttable .tablecontainer > .inside > .imageholder{
width:20%;
}

.ce_texttable .tablecontainer > .inside > .imageholder img{
max-width:100%;
height:auto;
 }

.ce_texttable .tablecontainer > .inside > .imageholder a{
display:block;
}

.ce_texttable table, .ce_productContent table {
  border-collapse:collapse;
  display:table;
  width:100%;
  text-align:left;
  font-size:14px;
}

.ce_texttable thead, .ce_productContent thead{
background: #ffffff;
color:#5cb34d;
border-bottom:1px solid #5cb34d;
text-transform:uppercase;

}

.ce_texttable thead th, .ce_productContent thead th{
font-weight:normal;
text-align:left;
}

.ce_texttable thead th,.ce_texttable tbody td,  .ce_productContent thead th, .ce_productContent tbody td{
padding:3px 10px;
}

.ce_texttable tbody tr:nth-child(odd), .ce_productContent tbody tr:nth-child(odd) {
background: #ede8e2;
}

.mod_article > .holder > .block{
/*margin-bottom:30px;*/
}


.mod_article > .holder > .last.block,.mod_article > .holder > .mod_newslist.block{
margin-bottom:0;
}

#news > .holder{
border-top:2px solid #ede8e2;

padding-top:40px;
}
.holder > .ce_texttable.block,.holder > .ce_introtext.block{
border:none;
padding-bottom:0;
margin-bottom:20px;
}

.holder > .ce_introtext.block{
margin-bottom:40px;
}

.textcontainer.not_right {
  float:none;
  margin-right:30%;
  padding-right:30px;
}

.image_container.right {
  float:right;
  width:30%;
}

.ce_imagelist li {
  float:left;
  width:33%;
  text-align:center;
}

.ce_imagelist li .icon {
  border-radius:0;
  display:block;
  height:4vw;
  margin:0 auto 13px;
  width:4vw;
    background-size:contain !important;
    min-width:70px;
min-height:70px;
}


.ce_imagelist li .icon.number {
  border:4px solid #f89130;
  border-radius:50%;
display:table;
table-layout:fixed;
font-size:2.5em;
color:#5cb34d;

}

.ce_imagelist li .icon.number > .row{
display:table-row;
}

.ce_imagelist li .icon.number > .row > *{
display:table-cell;
vertical-align:middle;
padding-top: 0.2em;
}

.ce_imagelist li.rounded .icon {
  background-size:cover !important;
  border:2px solid green;
  border-radius:50%;
  height:10vw;
  width:10vw;
}

.holder > .ce_accordion.block{
padding-bottom:0;
margin-bottom:0;
}

.center{
text-align:center;
}

.bgcolor{
padding:40px 0 0;
}

.mod_sitemap{}

.mod_sitemap > ul{}

#footer .mod_navigation > ul > li{
float:left;
margin-right:40px;
}

#footer .mod_navigation > ul > li.last{
display:none;
}
#footer .mod_navigation > ul > li.unternehmen{
margin-right:0;
}
#footer .mod_navigation > ul > li > ul > li {
	line-height:160%;
}
#footer .mod_navigation > ul > li > ul > li::before {
  content: "\00BB";
    margin-right: 5px;
}

#footer .mod_navigation > ul > li > a,#footer .mod_navigation > ul > li > span{
display:inline-block;
padding-bottom:10px;
font-family:Panton-Bold;
}


.flex-caption {
    height: auto;
    left: 0;
    position: absolute;
    bottom: 10%;
    width: 100%;
    z-index:0;
}


.flex-caption .captionholder {
    display: block;
    margin: 0 auto;
    max-width: 980px;
    padding: 0 15px;
    position: relative;
}

.flex-caption .captionholder > span{
display:block;
}


.flex-caption .captionholder > span.headline > * {
	padding: 18px 22px 14px 22px;
}
.flex-caption .captionholder > span.subline > * {
	padding: 7px 22px 3px 22px;
}

.flex-caption .captionholder > span > *{
display:inline-block;
position:relative;
    box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.6);
}

.flex-caption .captionholder > span.headline > * {
    background: white none repeat scroll 0 0;
color:#f89130;
    z-index: 10;
	font-family:Panton-SemiBold;
}
.flex-caption .captionholder > span.subline > * {
    background-color:rgba(255,255,255,0.65);
    font-size: 1em;
    text-transform: uppercase;
    z-index: 5;
	font-family:Panton-SemiBold;
}

.xtranav {
    border-top: 1px solid silver !important;
    clear: both;
    display: table;
    float: none;
    table-layout: fixed;
    width: 100%;
    padding:10px 0 0 !important;
}

.xtranav li{
float:left;
 width: 33.3333%;
}

.xtranav li > a,.xtranav li > span{
 background: url(/files/uniferm/layout/images/basics/arrow_right.png) no-repeat scroll 90% 50% #5cb34d;
    color: white;
    display: inline-block;
    line-height: 1.2;
    padding: 13px 30px;
    margin-right:10px;
}

.xtranav li > a:hover,.xtranav li > span:hover{
color:white;
}

.xtranav li > span{}

.txtholder {
}

.mod_navigation ul.produkte > li{
float:left;
width:49.5%;
background:#ede8e2;
position:relative;
}


.mod_navigation ul.produkte > li.first{
margin-right:1%;
}

.mod_navigation ul.produkte > li span,.mod_navigation ul.produkte > li a{
display:block;
}

.mod_navigation ul.produkte > li span.bg {
    background-blend-mode: darken;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.mod_navigation ul.produkte > li span.bg{
opacity:0.3;
}


.mod_navigation ul.produkte > li span.headline{
margin-bottom:0.3em;
}


.mod_navigation ul.produkte > li span.pagetext {
    font-size: 0.95em;
    line-height: 1.2em;
}

.mod_navigation ul.produkte > li span.linktextholder {
    min-height: 130px;
    padding: 20px;
    position: relative;
    z-index: 2;
}

.mod_navigation ul.produkte > li span.pagelink{
display:inline-block;
}

#neuheiten-und-entwicklung.mod_article{
padding:0;
}


#neuheiten-und-entwicklung.mod_article > .holder > .block {
margin-bottom:30px;
}

.mod_article.last{
padding-bottom:40px;
}

.ce_imagelist li:before{
content:'';
}

.border .mod_article > .holder{
border-bottom:1px solid #ede8e2;
padding-bottom:40px;
}

.border .mod_article > .holder{

}

.border .mod_article.last > .holder{
border:none;
padding-bottom:0;
}

.newsslider .layout_latest .teaserholder span.bg {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
     background-blend-mode: darken !important;
     opacity:0.2;
}

.newsslider .layout_latest .teaserholder > *{
position:relative;
z-index:1;
}

.newsslider .layout_latest .teaserholder .headlinecontainer{
	min-height:60px;
}

.ce_pageteasers .newsslider .layout_latest .holder .teaser{
min-height:60px;
}

#contactfooter {
    width: 100%;
    clear:both;
    float:none;
    background:#594c44;
}

#contactfooter > .contactfooterholder {
    color: white;
    margin: 0 auto;
    max-width: 980px;
    padding: 50px 20px;

}

#contactfooter > .contactfooterholder > .inside{
display: table;
table-layout: fixed;
    width: 100%;
    }

#contactfooter > .contactfooterholder > .inside > .row > .left {
    font-size: 0.9em;
    line-height: 1.6;
    padding-right: 40px;
    width: 240px;
}


#contactfooter > .contactfooterholder > .inside > .row > *{
vertical-align:top;
}

#contactfooter > .contactfooterholder > .inside span{
display:block;
}

.leftset {
    float: left;
    margin-right:10px;
}


#contactfooter .mod_form {

}

.ce_youtube.block .videoholder.inactive {
    padding: 0;
    height: auto !important;
}

input,textarea{
    font-family: Panton-Regular;
	font-weight: normal;
	font-style: normal;
}

#contactfooter input.text, #contactfooter textarea {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 8px 5px;
    width: 100%;
    color:rgba(255, 255, 255, 0.8);
}


#contactfooter input.text{
margin-bottom:10px;
}


#contactfooter .submit_container{
clear:both;
float:none;
}

#contactfooter .submit_container > input.submit{
margin-top:0;
display:inline-block;
float:right;
width:auto;
background-color:#f89130;
}

.columnholder{
display:table;
table-layout:fixed;
width:100%;
}

.columnholder > * > *{
vertical-align:top;
}

.columnholder .image_container{
line-height:0;
}
.columnholder .row > *{
display:inline-block;
}

.columnholder .right{
padding:20px;
}

#contactfooter a{
color:#f89130;
}

#contactfooter textarea {
    height: 147px;
    min-height:147px;
    max-height:147px;
}

.recholder{
margin-top:1em;
}

.mod_form.tableless.block{
overflow:visible;
}

#breadcrumb {
    height: 1.5em;
    margin-top: 20px;
    padding: 0 20px;
}

#breadcrumb li{
float:left;
margin-right:10px;
font-size:0.8em;
}

.respHeader{
font-family: Panton-SemiBold;
	font-weight: normal;
	font-style: normal;
	text-transform:uppercase;
	display:none;
}

#respNav{
	display:none;
}


.slicknav_menu .logo{


}


.slicknav_nav ul.level_3 > li > a,.slicknav_nav ul.level_3 > li > span{
padding-left:55px;
}

.slicknav_nav ul.level_4 > li > a,.slicknav_nav ul.level_4 > li > span{
padding-left:65px;
}


.slicknav_nav li > a:before, .slicknav_nav li > span.active:before {
    content: "•";
    margin-left: -10px;
    margin-right: 5px;
}

.ce_products .newsslider .layout_latest .teaserholder {
	background-color:white;
	padding:10px;
	min-height:0;
}
.ce_products .newsslider .layout_latest .teaserholder .headlinecontainer {
	text-align:center;
	margin:0;
	min-height:0;
}
.ce_products .newsslider .layout_latest .teaserholder .teaser {
	display:none;
}
.ce_pageteasers .newsslider .layout_latest .teaserholder {
	min-height:0;
}

.contacttext{
margin-bottom:2em;
}

.ce_downloads .text{
margin-bottom:1em;
}
.mod_eventlist,
.layout_latest.jobs {
	display:table;
	width:100%;
	table-layout: fixed;
}
.mod_eventlist > .row > *,
.layout_latest.jobs > .row > *{
	display:table-cell;
	padding:10px 3px 10px 10px;
	vertical-align:middle;
}
.mod_eventlist .enclosure {
padding-top:5px;
}
.layout_latest.jobs > span {
  display: table-row;
}
.mod_eventlist > .row.even > *,
.layout_latest.jobs.even > .row,
.mod_eventlist .enclosure.even {
	background: #ede8e2 none repeat scroll 0 0;
}
.layout_latest.jobs > .row:hover {
	background: #FBFAF9;
}

.mod_eventlist h2,
.layout_latest.jobs .h2 {
	font-size:inherit;
	font-family: Panton-Regular;
	padding:0;
}
.layout_latest.jobs .h2 {
	color:#f89130;
}
#stellen .layout_latest {
	margin-bottom:0;
}

.ce_productContent .tablecontainer .tableholder{
display:block;
float:none;
}

.ce_productContent .textholder{
margin-bottom:30px;
}

.ce_productContent .leftbox {
    padding-right: 2em;
    width: 65%;
}

.ce_productContent .rightbox {
	padding:12px;
	background-color:white;
	margin-top:30px;
	border-top:1px solid #5cb34d;
}
.crossselling, .ce_productContent > div > .headlinecontainer{
margin-top:30px;
}
.mod_article.bgcolor {
	padding:50px 0;
	border-bottom:1px solid #EDE8E2;
	border-top:1px solid #EDE8E2;
}
.mod_article.bgcolor h1 {
	color:#f89130;
}
.mod_article.bgcolor .headlinecontainer:last-child {
	margin:0;
}
#uniferm-xtrasauer,
#uniferm-eisstarmalz-spezial {
	padding-top:0;
}

.cell {
    float: left;
    width: 50%;
}

.table.downloads{
margin:40px 0 0;
}

.table.downloads ul{
margin-bottom:0;
}
.ce_productContent .downloadlist li,
.ce_productContent .rezeptelist li {
	padding-bottom:3px;
}

.ce_text ul li.downloadlink,.ce_text ul li.rezeptlink{
/*color:#f89130;*/
font-size:0.9em;
}


.ce_text ul li.downloadlink span,.ce_text ul li.rezeptlink span,
.ce_productContent ul li.downloadlink span,.ce_productContent ul li.rezeptlink span{
display:table-cell;
vertical-align:bottom;
}


.ce_text ul li.downloadlink:before,.ce_text ul li.rezeptlink:before{
content:'';
}

.ce_productContent ul li.downloadlink .download-icon,.ce_productContent ul li.rezeptlink .download-icon{
    height: 20px;
    margin-right: 10px;
    vertical-align: top;
    width: 28px;
background: url(/files/uniferm/layout/images/icons/download_arrow.png) no-repeat scroll 50% 50% transparent;
background-size:auto 20px;
padding-right:10px;
}

.downloadtitle{
padding-left:10px;
}

.ce_productContent ul li.downloadlink a,.ce_text ul li.rezeptlink a{
display:table-row;
}

.ce_productContent ul li.downloadlink,.ce_productContent ul li.rezeptlink {
    display: table;
    line-height: 1;
    margin: 0;
    table-layout: fixed;
}
.mod_article.bgimg {
	margin:50px 0;
}
blockquote {
	color:#69AE31;
	padding:65px 0 0 40px;
	background: url(/files/uniferm/layout/images/icons/quote.svg) no-repeat;
	font-size: 1.4em;
    line-height: 150%;
}
.ce_introtext blockquote{
	position:relative;

	padding-left:0;
}
#arbeitsschutz .ce_introtext blockquote{
	margin-top:-40px;
}

.headerimage{
width:100%;
height:349px;
margin-bottom:20px;

    transition: 0s linear;
    transition-property: background-position;
}

.mod_article > .holder > .mod_articleList.block {
  margin-bottom:20px;
  margin-top:30px;
}

.mod_articleList ul{
margin:0 auto;
}

.mod_articleList ul li{
float:left;
margin-right:5px;
}

.mod_articleList ul li.last{
margin-right:0;
}

.mod_articleList ul li > * {
  background:whitesmoke;
  display:block;
  padding:10px 30px;
}

.image_container.right{}
.notright{}

.ce_text .image_container.left {
  float:left;
  width:30%;
}

.ce_text .image_container.left,.ce_text .image_container.right{
  height:100%;
  position:absolute;
}

.ce_text .image_container.right img,.ce_text .image_container.left img{
display:none;
}

.table {
position:relative;
}
.ce_text .not_left {
  margin-left:30%;
  padding:30px 0 30px 30px;
}


.ce_text .not_right{
  padding:30px 30px 30px 0;
}


.ce_text .textcontainer.not_right {
  float:left;
  margin-right:30%;
}

.ce_text .image_container.right {
  float:none;
  right:0;
}

.mod_article > .holder > .block.ce_kacheltext {
position:relative;
margin-bottom:0;
}

.bg-wrapper {
  height:100%;
  padding:0;
  position:absolute;
}

.bg-wrapper.image_container.right{
right:0;
}

.bg-wrapper.image_container{
   left: auto;
    margin-left: auto;
    right: auto;
    width: 50%;
}

.bg-wrapper img{
display:none;
}

.ce_kacheltext .container > .row{
  display:table-row;
    width:50%;
	min-height:440px;
}


.ce_kacheltext .container > .row.row_not_left{
float:right;
}

.ce_kacheltext .container > .row.row_not_right{
float:left;
}


.ce_kacheltext .container > .row > .not_left {
    padding: 40px 0 40px 0;
}


.ce_kacheltext .container > .row > .not_right {
    padding: 40px 0 40px 0;
}
.ce_kacheltext blockquote {
	font-size:1em;
	margin-top:10px;
}



.ce_kacheltext .container > .row > .not_left > div {
padding-right:30px;
margin-left:40px;
}


.ce_kacheltext .container > .row > .not_right > div {

padding-right:40px;
}
.ce_page_list ul li:hover{
opacity:0.8;
}

#intro .mod_article.first.last{
margin-bottom:30px;
}

.ce_page_list ul li.noimage{
font-size:1.5em;
position: relative;
padding-top:20px;
}
.ce_page_list ul li.noimage .pageteaser{
	position:absolute;
	bottom:0;
}
.image_container.float_right,
.image_container.float_left {
	width:33%;
	margin-left:20px;
	margin-bottom:20px;
}


.image_container.float_right img,
.image_container.float_left img {
max-width:100%;
height:auto;
}

.image_container.float_left {
	margin-right:20px;
	margin-left:0;
}
.mod_article > .holder.fullwidth {
	max-width:1680px;
	padding:0;
}
.mod_article > .holder.fullwidth .ce_text {
	text-align:center;
	padding:60px 20px;
	background-color:#FBFAF9;
}
.mod_article > .holder.fullwidth .ce_text img {
	width:50%;
	padding:20px 0;
	min-width:240px;
}
.ce_imagelist .headlinecontainer {
	text-align:center;
}
.ce_imagelist .title {
	min-height:54px;
	padding:0 10px;
}
.icon .image_container.float_right,
.icon .image_container.float_left{
	width:100px;
}

.fullwidth .ce_imagelist {
	max-width:1000px;
	margin:0 auto;
}
.ansprechpartner .ce_text {
	float:left;
	width:50%;
}
.ansprechpartner .image_container.float_left{
	width:150px;
}
.ansprechpartner h2 {
	clear:left;
}
#main .ce_kacheltext .headlinecontainer > h2,
#main .ce_kacheltext .headlinecontainer > h3,
#main .ce_kacheltext .headlinecontainer > h4,
#main .ce_productContent .headlinecontainer > h2,
#main .ce_productContent .headlinecontainer > h3,
#main .ce_productContent .headlinecontainer > h4
 {
	padding-top:0;
}
.ce_previewdownload {
	padding:0 0 20px 0;
}
.ce_previewdownload figure {
	display:block;
	overflow:hidden;
	border:1px solid whitesmoke;
	margin-bottom:5px;
}
.ce_previewdownload figure img{
	max-height:450px;
	width:auto;
}
.mod_article > .holder > .headlinecontainer {
  clear:both;
}
.layout_latest span{
display:block;
}

.layout_latest .teaser span, .layout_full .teaser span  {
  display:inline;

  margin-right:5px;
}

.layout_full .teaser{
margin-bottom:20px;
}

.enclosureintro {
  border-bottom:3px solid #CECECE;
  display:block;
  margin:20px 0 10px;
  width:100%;
  padding-bottom:5px;

}

.back {
  background:#594C44;
  display:inline-block;
  line-height:1;
  margin-top:50px;
  padding:10px 20px;
}

.float_below{
margin-top:20px;
}

.float_above{
margin-bottom:20px;
}

.back a{
  color:white !important;
  text-transform:uppercase;
}

.caption {
  display:block;
  font-size:0.8em;
  line-height:1.5em;
  margin-top:0.8em;
}

div.layout_latest,.mod_article > .holder > .ce_produktneuheit.block,.mod_article > .holder > .ce_produktneuheit.last.block  {
margin-bottom:60px;
}

.newsslider div.layout_latest,{
margin-bottom:0;
}

.mod_article .widget{
margin-bottom:20px;
padding-right:20px;
}

.mod_article .submit_container{
float:right;
}

.ce_dlh_googlemaps{
display:table;
table-layout:fixed;
width:100%;
margin-bottom:40px;
}


.ce_dlh_googlemaps .row > *{
vertical-align:middle;
}



#main .headlinecontainer.sub > h2,#main .headlinecontainer.sub > h1,#main .headlinecontainer.sub > h3,#main .headlinecontainer.sub > h4{
padding-top:0;
}

.textholder table {
  border-bottom:1px solid silver;
  display:table;
  margin-bottom:40px;
  padding-bottom:40px;
  table-layout:fixed;
  width:100%;
}

.textholder table tr{
display:table-row;
}
.ce_newsletteracc .ui-accordion-content{
background:#f5f5f4;
}


.textholder table tr td{
display:table-cell;
vertical-align:top;
}

.textholder table tr td:first-of-type{
width:30%;
padding:0 20px;
text-align:center;
}


.textholder table tr td:last-of-type{

padding:0 0 0 20px;
}

.textholder table tr td:first-of-type img{
max-width:100%;
height:auto;
}



.textholder table:last-of-type{
margin-bottom:0;
border:none;
padding-bottom:0px;
}

.fullwidth .ce_form{
max-width:1000px;
padding:0 20px;
margin:0 auto;
}

.ce_previewdownloads{}

.ce_previewdownloads ul,.ce_downloads ul.downloadwiththumb{
float:none;
clear:both;
width:100%;
margin:20px 0;
display:table;
}

.ce_previewdownloads ul li,.ce_downloads ul.downloadwiththumb li {
  float:left;
  overflow:hidden;
    margin:0 3% 30px 0;
  text-align:center;
    width:22%;
}

.ce_downloads ul.downloadwiththumb li {
 border:1px solid #ede8e2;
 padding:0;
 margin:0 1% 20px 0;
 }
 .ce_downloads ul.downloadwiththumb li.close {
  margin:0 0 20px 0;
 }

.ce_previewdownloads ul li img, .ce_downloads ul.downloadwiththumb li img{
width:auto;
max-height:315px;
max-width:300px;
}
.ce_downloads ul.downloadwiththumb li img{
opacity:0;
max-height:none;
max-width:100%;
height:auto;
}
.ce_downloads ul.downloadwiththumb li span, .ce_downloads ul.downloadwiththumb li a{
display:block;
}
.ce_downloads ul.downloadwiththumb li span.link {
  color:#333333;
  font-size:0.9em;
  padding:10px;

}
.ce_previewdownloads .downloadimage {
  border:1px solid whitesmoke;
  margin-bottom:10px;
  line-height:0;
  overflow:hidden;
}
.ce_previewdownloads ul li span{
display:block;
}
.ce_previewdownloads ul li span.download, .ce_previewdownloads ul li span.download > span{
text-align:center;
}
.presse-downloads .ce_download{
text-align:center;
width:25%;
 border:1px solid whitesmoke;
  margin-bottom:20px;
}
.presse-downloads .ce_download * {
  display:block;
  margin:0 auto;
  text-align:center;
}
.presse-downloads .downloadholder{}

.mod_article > .holder > .block{
margin-bottom:1.8em;
}
.mod_article > .holder > .block:last-of-type{
margin-bottom:0;
}
.mod_article.first .ce_introtext{
padding-bottom:1em;
}
.header > .date{}

.breaker {
	clear:both;
}

.slideout {
	left:-195px;
	background:#fff;
	width:250px;
	height:202px;
	position:fixed;
	top:40%;
	z-index:100;
	padding:65px 20px 0 20px;
	box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.4);
}
.slideout a {

}
.slidecontent {
	width:160px;
}
.slideout .show {
	position:absolute;
	top:0;
	right:0;
	background:url(../../files/uniferm/layout/images/backservice.png) no-repeat;
	display:block;
	width:55px;
	height:203px;
	cursor:pointer;
}
.slideout h1 {
  font-size: 20px;
  margin-bottom: 5px;
  text-transform:none;
  text-align:left;
}
#main .pageteaser,
#main #neuheiten-und-entwicklung a {
	color:#594a41;
}

.newsslider .layout_latest {
margin-bottom:0;
}
.layout_full.jobs h2 {
	margin-top:20px;
}
label.confirm,
.showlabel label,
.widget-upload label {
	display:block;
}
.error {
	color:red;
}
.explanation,
.widget-text.start {
	clear:both;
}
#logoslider .ce_gallery {
  margin-bottom: 50px;
  overflow: visible;
  position: relative;
  top: 50px;
}
.toggler span.sub {
  display: block;
  font-size: 22px;
  padding-left: 2.1em;
  font-family: Panton-Light;
  line-height: 130%;
  padding-top: 10px;
  text-transform: none;
  position:relative;
  z-index:2;
}
.layout_latest span.h3,
.newsslider .layout_latest .teaserholder .headlinecontainer > .h3 {
	text-transform:uppercase;
	color:#F89130;
	font-size:14px;
	font-family: Panton-Regular;
	padding-bottom:5px;
}
.newsslider .layout_latest .teaserholder .headlinecontainer > .h2 {
	color:#5CB34D;
	font-size:20px;
}
.newsslider .layout_latest.ce_pageteasers .teaserholder .headlinecontainer > .h2 {
	color:#F89130;
}




#main .mod_search .header{
margin:30px 20px 20px;
}

#main .mod_search form {
    clear: both;
    display: table;
    width: 100%;
    border:1px solid #5cb34d;
}

#main .mod_search form .formbody{
display:table-row;

}



#main .mod_search form .formbody > * {
    display: table-cell;
    width: 90%;
    border:0;
}

#main .mod_search form input.submit {
    border: none;
    line-height: inherit;
    margin: 0;
    position: relative;

    width: 10%;
}


.resultitem {
    border-bottom: 1px solid silver;
    font-size: 15px;
    line-height: 1.5em;

}

.resultitem:last-of-type{
border:none;
}

.resultitem a{
display:block;
padding:40px 20px;
}

.resultitem.odd a, .resultitem.even:hover a{
background:whiteSmoke;
}

.resultitem span{
display:block;
}

.resultitem span.highlight {
    background: whiteSmoke none repeat scroll 0 0;
    display: inline;
    font-weight: 600;
    margin: 0 2px;
    padding: 0 3px;
}

.pagination{
margin-top:20px;
}


.pagination p,.pagination li{
float:left;
}

.pagination li.first,.pagination li.previous,.pagination li.next{
display:none;
}

.pagination ul{
float:right;
}

#main .pagination li a,#main .pagination li span{
display:block;
line-height:1;
padding:5px 10px;
color:#333;
}

#main .pagination li span,#main .pagination li a:hover{
background:#5cb34d;
color:white;
}
.ce_newsletteracc .formholder .newsletter-full {
  min-width: auto;
  max-width: 960px;
}
.fancybox-inner .ce_productContent .headlinecontainer {
	display:none;
}
.produktneuheiten .sub {
	color:#F89130;
}
body.kontakt #contactfooter {
display:none;
}
#language {
	background-color: rgba(237, 232, 226, 0.8);
	padding: 6px 5px 2px 15px;
	width: 100%;
    text-align: right;
    position: absolute;
    top:-58px;
    height: 58px;
}
#language .inside {
    max-width: 1000px;
margin: 0 auto;
width: 100%;
}
#language a {
	display: inline-block;
	width: 16px;
	height: 11px;
	margin-right: 10px;
}
#language a.gb {
	background-image: url(/files/uniferm/layout/images/basics/gb.png);
}
#language a.pl {
	background-image: url(/files/uniferm/layout/images/basics/pl.png);
}
#language a.de {
	background-image: url(/files/uniferm/layout/images/basics/de.png);
}
#language a.cz {
	background-image: url(/files/uniferm/layout/images/basics/cz.png);
}
#language .mod_customnav a {
    width: auto;
    height: auto;
}
#language .mod_customnav li {
    display: inline-block;
    margin-right: 40px;
    font-size: 0.95em;
}
#language .mod_customnav li.last {
    margin-right: 106px;   
}
#language .mod_customnav {
    display: inline-block;
    position: relative;
}
#language .inside > * {
    float: right;
    margin-top: 12px;
}

.subheadline{
color:#F89130;
}
.homebutton a {
  border: 1px solid #d7cdc1;
  margin-bottom: 20px;
	display: block;
	background: #f3f0ec url("/files/uniferm/user/images/startseite/jobs.jpg") no-repeat scroll 100% 50% / 80% auto;
	padding: 30px 30px 25px;
    position: relative;
	font-family: Panton-Light;
    font-size: 28px;
    line-height: 127%;
}
.homebutton a:before {
  background: transparent url("/files/uniferm/layout/images/basics/arrow_right_green.png") no-repeat scroll 0 0 / contain ;
  content: "";
  display: inline-block;
  height: 0.8em;
  margin-right: 0.4em;
  transition: all 0.2s ease 0s;
  width: 1em;
}
.homebutton.newsletter a {
	background: #f3f0ec url("/files/uniferm/user/images/startseite/newsletter/hefezopf.jpg") no-repeat scroll 100% 50% / 80% auto;
}
.homebutton.messen a {
	background: #f3f0ec url("/files/uniferm/user/images/startseite/messen.jpg") no-repeat scroll 100% 50% / 80% auto;
}
.homebutton.melasse a {
	background: #f3f0ec url("/files/uniferm/user/images/startseite/melasse.jpg") no-repeat scroll 100% 50% / 80% auto;
    font-size: 22px;
}
.layout_latest span.row {
	display: table-row;
}
.pl .slideout .show,
.it .slideout .show{
	background:url(../../files/uniferm/layout/images/backservice-pl.png) no-repeat;
}
.en .slideout .show{
	background:url(../../files/uniferm/layout/images/backservice-en.png) no-repeat;
}
.es .slideout .show{
	background:url(../../files/uniferm/layout/images/backservice-en.png) no-repeat;
}


.panes > div {
    height: 30vw;
    max-height: 550px;
    min-height: 250px;
	margin-bottom: 40px;
}
.pl-hidden {
	display: none;
}
.mitarbeiterliste > div {
	margin-bottom: 15px;
}
.mitarbeiterliste h1 {
	margin-top: 20px;
}
.mitarbeiterliste .item_1 h1 {
	margin-top: 0;
}
.it #footer .mod_navigation > ul > li,
.pl #footer .mod_navigation > ul > li {
	width:20%;
	margin-right:5%;
}
#main .ui-accordion-content strong a {
    text-decoration: underline;
}
.ce_youtube.block .videoholder {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0 !important;
}

.ce_youtube.block .videoholder iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.youtube.image_container{
position:relative;
}

.youtube.image_container a{
display:block;
}

a > span.play{
    position: absolute;
    height: 100%;
    width: 100%;
    background:url(/files/uniferm/layout/images/icons/play.svg) no-repeat scroll 50% 50% transparent;
    background-size: 50px;
	opacity:0.8;
}
.banner {
float:right;
margin-top:-50px;
}

.toggler span.headline{
display:inline-block;
}

.accordion span.iconholder{
display: inline-block;
    z-index: 1;
    position: relative;
margin-top: 30px;
}


.accordion span.iconholder .inner{
float:left;
display:inline-block !important;
}

.accordion span.iconholder .inner span{
margin-left:0.5rem;
}

.accordion span.iconholder img{
height:40px;
}
.legende img {
	width: 25px;
	height: 25px;
	display: inline-block;
	float: left;
}
.legende span {
display:block;
	float: left;
	white-space: nowrap;
}
.legende span span {
	display: inline-block;
	float: left;
	padding-top: 3px;
	padding-right: 8px;
}
.legende {
	font-size: 13px;
	line-height: 20px;
	white-space: nowrap;
	padding: 20px 0 0 0;
}

.social.right{
margin-left:10px;
}

.social.right li{
display:inline-block;
vertical-align:middle;
margin-left:5px;
}
.headlinecontainer.greenyellow h1 {
color:#69AE31;
}
.headlinecontainer.greenyellow p {
color:#f89130;
font-family: Panton-Bold;
}


header .stoerer{
display: block;
position: relative;
z-index: -1;
top: 63px;
width: 120px
}

#wrapper{
position:relative;
}

header .stoerer img, .stoerer.clone img{
max-width:100%;
height:auto;
}

.stoerer.clone{
position:absolute;
z-index:5;
right:20px;
width:120px;
display:none;
}
#fermstarlangzeit .ce_productContent ol li.last, 
#uniferm-fermfresh-meistervorteig .ce_productContent ol li.last,
#uniferm-eisstarmalz .ce_productContent ol li.last,
#uniferm-natuback .ce_productContent ol li.last{
list-style:none;
}
.aromahefe .ce_imagelist li {
width:25%;
}
#intro-backmittel .legende {
display:none;
}



.catoverview a, .catitem, .catitem span{
display:block;
}

.mod_article .ce_form .widget{
padding:0;
}

.widget.w50 {
    float: left;
    width: calc((100% - 20px) / 2);
    padding: 0;
    margin-right: 20px;
}

.widget.w50.clr {
margin-right:0;
}

.widget-db-select{
margin-top:2rem;
}

.widget-db-select > label{
display:block;
margin-bottom:0.5rem;
}

.dk-select, .dk-select-multi{
width:auto;
}

.dk-selected{
padding-right:2.5rem;
}

.event.layout_full > .block{

}

.ce_text ul:last-of-type{

}


/*grid*/

.ce_gridboxes span{
display:block;
}

.ce_gridboxes span.image_container{
line-height:0;
margin-bottom:20px;
}
.ce_gridboxes .item{
float:left;
margin:0 20px 20px;
}

.ce_gridboxes .list{
margin:0 -20px;
}

.ce_gridboxes .itemsperRow_1 .item{
width:calc((100% - (2 * 20px)) / 1);
}

.ce_gridboxes .itemsperRow_2 .item{
width:calc((100% - (4 * 20px)) / 2);
}

.ce_gridboxes .itemsperRow_3 .item{
width:calc((100% - (6 * 20px)) / 3);
}

.ce_gridboxes .itemsperRow_4 .item{
width:calc((100% - (8 * 20px)) / 4);
}

.ce_gridboxes .itemsperRow_5 .item{
width:calc((100% - (10 * 20px)) / 5);
}

.ce_gridboxes .itemsperRow_6 .item{
width:calc((100% - (12 * 20px)) / 6);
}


.ce_gridboxes .itemsperRow_7 .item{
width:calc((100% - (14 * 20px)) / 7);
}

.ce_gridboxes .itemsperRow_8 .item{
width:calc((100% - (16 * 20px)) / 8);
}

.ce_gridboxes .itemsperRow_9 .item{
width:calc((100% - (18 * 20px)) / 9);
}

.ce_gridboxes .itemsperRow_10 .item{
width:calc((100% - (20 * 20px)) / 10);
}

.ce_gridboxes .itemsperRow_11 .item{
width:calc((100% - (22 * 20px)) / 11);
}

.ce_gridboxes .itemsperRow_12 .item{
width:calc((100% - (24 * 20px)) / 12);
}

.itemsperRow_3 .item:nth-child(3n + 1),.itemsperRow_4 .item:nth-child(4n + 1){
clear:left;
}

.teasergrid, .teasergrid > div{
display:table;
}

.teasergrid > div{
margin:0 -20px;
}

.teasergrid{
margin:2rem 0 0;
}

.ce_form > h2{
margin-bottom:20px;
}

.image_container{
line-height:0;
}

.explanation p{
font-size:14px; 
color:gray;
}

.mod_mae_event_filter .headlinecontainer .h2{
color:#5CB34D;
}

#eventkat.mod_article{
margin:4rem 0;
}

.mod_article.bgcolor.colorwhite{
padding:20px 0;
}

.mod_article.bgcolor.colorwhite h1{
color:white;
}


.seminartype,.seminarart{
color:#f89130;
margin-bottom:20px;
font-size:20px;
}

.widget-radio span{
display:block;
margin-bottom:10px;
}

.widget-radio span > * {
    display: inline-block;
    vertical-align: middle;
}

.widget-radio span > label {

}


.radio_container legend {
    margin-bottom: 25px;
    display: table;
    font-size:18px;
}

.widget-db-select .iradio_minimal{
display:inline-block;
vertical-align:middle;
margin-right:10px;
}

.layout_full .ce_form #f18{
border-top: 1px solid;
padding-top: 3rem;

background: #ede8e2;
padding:3rem 2rem;
}

.iradio_minimal{
border-radius:50%;
background-color:white;
}

.layout_full .ce_form #f18 .submit_container{
float:none;
display:table;
}

.seminarart{
color: #f89130;
}

.layout_full h3{
color:#5CB34D;
font-size:20px;
}

.icheckbox_minimal{
background-color:white;
}

.ce_text.grid{
display:table-row;
}

.ce_text.grid > *{
display:table-cell;
float:none;
vertical-align:middle;
}

.ce_text.grid > .image_container{
width:50%;
}

#trainings-content .holder{
display:table;
}

#workshops-content .holder{
display:table;
}

.ce_text.grid .textcontainer.not_right{
float:none;
}

legend span.mandatory{
display:none;
}


.layout_full .toggler span.headline:before {
margin-left:-45px;
}

.layout_full .toggler span.headline{
padding-left:30px;
}
.event.layout_full .headlinecontainer .subheadline{
display:block;
margin-top:0.3rem;
}

.ce_text ul li:last-of-type{
margin-bottom:0;
}

.layout_full .widget-radio span > label {
padding-left:30px;
}

.widget-db-select .iradio_minimal{
margin-left:-30px;
}


#ctrl_206.checkbox_container > span{
padding-left:30px;
}

.checkbox_container > span > div{
/*margin-left:-30px;*/
}

#f18 .checkbox_container > span > label, #f18 .checkbox_container {
    width: auto;
}

#f18 .checkbox_container .mandatory{
display:inline-block;
}

#f18 .checkbox_container > span{
display:inline-block;
}

#main .direktkontakt.margtop{
margin-top:2rem;
margin-bottom:2rem;
}
video {
width:100%;
height:auto;
}
.borderbox {
border: 2px solid rgb(248, 145, 48);
padding: 2rem;
}

.toggler .teaserimg {
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
}


.toggler .teaserimg img{
    height: 100%;
width: 100%;
object-fit: contain;
object-position: 50% 50%;
padding: 30px;
box-sizing: border-box;
}

.flagicon{
    margin-right: 10px;
    border: 1px solid rgba(0,0,0,0.1);
}

.slideout{
    left:-195px;
    transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
    padding-top: 40px;
}

.slideout.open{
    left: 0;
}
#f23 .leftset,
#f23 .dk-select {
width:184px;
}
#f23 .leftset.last {
margin-right: 0;
}

.contain .bg-wrapper.image_container{
    background-size:contain !important;
}
.karriere #contactfooter,
.parent_karriere #contactfooter{
display:none;
}
.parent_ideen-konzepte .pagelink{
background-color: #f89130;
}
#main p .pagelink a {
color:white;
}
.kontakt2024 .mod_customnav li {
float:left;
display:inline-block;
width:33.33333333%;
border:1px solid rgba(0,0,0,0.2);
border-right:none;
}
.kontakt2024 .mod_customnav li.last {
border-right:1px solid rgba(0,0,0,0.2);
}
.kontakt2024 .mod_customnav li.active {
border-bottom:none;
border-top:2px solid #5CB34D;
}
.kontakt2024 .mod_customnav li > *{
display:block;
width:100%;
padding:15px 0;
text-align:center;
}
#main .kontakt2024 .mod_customnav li > a:hover{
background-color:#ede8e2;
text-decoration:none;
}
.kontakt2024 .ce_form {
padding:4rem 2rem 2rem;
border-bottom:1px solid rgba(0,0,0,0.2);
border-left:1px solid rgba(0,0,0,0.2);
border-right:1px solid rgba(0,0,0,0.2);
}
.kontakt2024 .leftset {
width:50%;
}
.kontakt2024 .ce_form h2,
.kontakt2024 h1 {
color: #5CB34D;
}
.kontakt2024 .explanation p {
color:inherit;
font-size: 0.9em;
}
.kontakt2024 .explanation {
margin-top:2rem;
margin-bottom: 0;
}
.kontakt-allgemein #contactfooter,
.kontakt-customer-service #contactfooter,
.uniferm-berliner-twenty #contactfooter{
    display: none;
}
.uniferm-berliner-twenty .leftset {
    width: 182px !important;
}
.mod_article .submit_container.bigger {
    float: left;
}
input.submit.bigger {
    margin:0 0 15px;
}

#article-3100 strong {
	color: #5CB34D;
}
.dein-brot-dein-statement h1,
.green{
	color: #5CB34D;
}
.dein-brot-dein-statement .sub,
.orange{
	color:#f89130;
}
/*reset*/

.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

.headerholder > .right{
position:relative;
}
 
.nav a { text-decoration: none; }
 
.nav li { list-style: none; }

#header .mod_navigation.block{
overflow:visible;
}

/*nav*/
.nav {
    display: inline-block;
    cursor: default;
    z-index: 500;
    float:right;
}
 
.nav.level_1 > li {
    display: block;
    float: left;
}

.nav.level_1 > li > a,.nav.level_1 > li > span {
    position: relative;
    display: block;
    z-index: 510;
    height: 100%;;
    padding: 0 20px;
    line-height: 64px;
    font-size: 0.95em;
 
 
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;


    border-left: none;
}

.nav.level_1 > li:hover > a,.nav.level_1 > li.trail > a,.nav.level_1 > li.active > span {

}
 
 

.nav > li.nav-search > form {

}

.nav > li.nav-search > div {
  line-height:63px;
    left: auto;
    opacity: 1;
    position: static;
display:table-row;
    top: auto;
    transition: none 0s ease 0s ;
    visibility: visible;
    width: 100%;
}

.nav > li.nav-search {
    border-left: 1px solid #efefef;
    display: table;
    height: 100%;
    table-layout: fixed;
    width: auto;
    font-size:0.95em;
}
.nav > li.nav-search > * {
display:table-row;
}

.nav > li.nav-search form{
height:100%;
}

.nav > li.nav-search form > *,.nav > li.nav-search form > * > input{
height:100%;
}
.nav > li.nav-search form input{
    display: table-cell;
    vertical-align: middle;
    height:63px;
}

.nav > li.nav-search input[type="search"] {
width:80%;
padding:10px;
float:left;
}
 
.nav > li.nav-search input[type="search"]:focus { 

}
 
.nav > li.nav-search input[type="search"]:focus,
.nav > li.nav-search:hover input[type="search"] {
   

}

.nav > li.nav-search input[type="submit"] {
   
 	width:20%;
    background: url(/files/uniferm/layout/images/search.png) no-repeat center center;
 
 
}
 
.nav > li.nav-search input[type="submit"]:hover { 
 }

/*MegaContent*/
.nav > li > div {
    position: absolute;
    display: block;
    width: 85%;
    top: 63px;
  right:0;
 
 opacity: 0;
    visibility: hidden;
    overflow: hidden; 
 
    background: #ffffff;

 
    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
}

.nav > li:hover > div {
    opacity: 1;
    visibility: visible;
    overflow: visible;
}

/**/
.nav .nav-column {
   /* float: left;
    width: 20%;
    padding: 2.5%; */
}


.nav.level_1 > li.submenu > a::after, .nav.level_1 > li.submenu > span::after,.nav.level_1 > li.submenu > a::before, .nav.level_1 > li.submenu > span::before {
 opacity: 0;
    visibility: hidden;
     -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
}

.nav.level_1 > li.submenu:hover > a::after, .nav.level_1 > li.submenu:hover > span::after,.nav.level_1 > li.submenu:hover > a::before, .nav.level_1 > li.submenu:hover > span::before {
 opacity: 1;
    visibility: visible;
}


.nav.level_1 > li.submenu > a:after, .nav.level_1 > li.submenu > span:after {
    border-bottom: 12px solid orange;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    width: 0;
}

.nav.level_1 > li.submenu > a:before, .nav.level_1 > li.submenu > span:before {
    border-bottom: 11px solid white;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    left: 50%;
    margin-bottom: -0.9px;
    margin-left: -14px;
    position: absolute;
    width: 0;
    z-index: 20;
}
 
.nav .nav-column h3 {
    margin: 20px 0 10px 0;
    line-height: 18px;
 
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #372f2b;
    text-transform: uppercase;
}

.nav .nav-column {
    padding: 10px;
    border:1px solid orange;
}

.nav .nav-column > ul{}

.nav .nav-column > ul> li{
 float: left;
width:33.3333%;
margin-bottom:20px;
}
 
 
.nav .nav-column li a,.nav .nav-column li span.active {
    display: block;
    font-size: 0.85em;
}
.nav .nav-column li a:hover{
	opacity:0.75;
	-webkit-opacity:0.75;
	-o-opacity:0.75;
	-moz-opacity:0.75;
	-ms-opacity:0.75;
	 text-decoration:none;
}
.nav .nav-column li span.active {
	color:#63B339;
}
 


.nav .nav-column li > * > span {
    
}

.nav .nav-column li span.navimg{
height:75px;
width:90px;
border:1px solid orange;
}

.nav .nav-column li span.navimg,.nav .nav-column span.pagename{
vertical-align:middle;
}
.nav .nav-column li span.pagename{
line-height:1.2em;
padding:0 10px;
}

.headerholder > .right {
    float: right;
    width: 100%;
    height:100%;
	max-width:830px;
}

@media all and (max-width: 1065px){
	.slideout {
		display:none;
	}
}

@media all and (max-width: 980px){
header .stoerer{
position:absolute;
right:20px;
}

.fullwidth .ce_introtext{
padding:0 20px;
}
}

@media all and (max-width: 940px){
	#footer .inside {
		font-size:12px;
	}
}
@media all and (max-width: 900px){
	.bg-wrapper.image_container,
	.ce_kacheltext .container > .row,
	.ce_kacheltext .container > .row > .not_left,
	.ce_kacheltext .container > .row > .not_right {
		width:100%;
		padding:0;
		margin:0;
	}
    
.youtube.bg-wrapper.image_container{
position:relative;
}
	.ce_kacheltext .container > .row > .not_left > div {
		margin:0;
	}
	.ce_kacheltext .text {
		padding:20px !important;
	}
	.bg-wrapper {
		position:relative;
		height:330px;
		margin:20px 0;
	}
	.ce_previewdownloads ul li,.ce_downloads ul.downloadwiththumb li {
    width:30%;
	}
}


@media all and (max-width: 650px){

.ce_gridboxes .item{
float:left;
margin:0 20px 20px;
}

.ce_gridboxes .list{
margin:0 -20px;
}

.ce_gridboxes .itemsperRow_1 .item{
width:calc((100% - (2 * 20px)) / 1);
}

.ce_gridboxes .itemsperRow_2 .item,.ce_gridboxes .itemsperRow_3 .item,.ce_gridboxes .itemsperRow_6 .item,.ce_gridboxes .itemsperRow_7 .item,.ce_gridboxes .itemsperRow_4 .item,.ce_gridboxes .itemsperRow_5 .item,
.ce_gridboxes .itemsperRow_8 .item,.ce_gridboxes .itemsperRow_9 .item,.ce_gridboxes .itemsperRow_10 .item,.ce_gridboxes .itemsperRow_11 .item,.ce_gridboxes .itemsperRow_12 .item{
width:calc((100% - (4 * 20px)) / 2);
}


.itemsperRow_3 .item:nth-child(3n + 1),.itemsperRow_4 .item:nth-child(4n + 1){
clear:none;
}

.kontakt2024 .mod_customnav li > * {
font-size: 12px;
}
.kontakt2024 .leftset {
width: 100%;
}

}

@media all and (max-width: 650px){




#contactfooter > .contactfooterholder > .inside > .row > .left{
text-align:center;
}
.homebutton a {
	background-size:cover !important;
	background-position-x:left !important;
	font-size:20px;
}


.contactfooterholder .headlinecontainer{
text-align:center;
}

#contactfooter .submit_container > input.submit{
float:none;
width:100%;
}

.leftset {
    float: none;
    margin-right: 0;
}
.ce_previewdownloads ul li,.ce_downloads ul.downloadwiththumb li {
    width:47%;
	}

.footerbottom > .inside > div > .left{

}

.footerbottom > .inside > div > .right{

}
.footertop > .inside > *{
display:table;
margin:0 auto;
table-layout:fixed;
}

.footerbottom > .inside > div > *{
width:100%;
text-align:center;
margin:0 auto;
display:block;
}
.footerbottom > .inside > div > .right > *{
margin:0 auto;
float:none;
display:inline-block;
}

.footerbottom > .inside > div > .right::before {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    content: "";
    display: block;
    height: 1px;
    margin: 10px auto;
    width: 30px;
}
}

@media all and (max-width: 780px){

#contactfooter > .contactfooterholder > .inside > .row > * {
display:block;
}
.stoerer.clone{
display:block;
}

#contactfooter > .contactfooterholder > .inside > .row > .left,#contactfooter > .contactfooterholder > .inside > .row > .right {
width:100%;
padding:0;
}

#contactfooter > .contactfooterholder > .inside > .row > .left{
margin-bottom:20px;
}

.ce_imagelist li,
.aromahefe .ce_imagelist li{
float:none;
width:100%;
margin-bottom:40px;
display:block;
padding:0;
}

.ce_imagelist li:after{
content:'';
display:block;
width:100px;
height:1px;
border-bottom:1px solid silver;
margin:40px auto 0;
opacity:0.4;
}

.ce_imagelist li.last{
margin-bottom:0;
}
.ce_imagelist li.last:after{
display:none;
border-bottom:none;
margin:0;

}

#header .inside{
display:none;
}

.slicknav_menu{
display:block;
}
	#language {
		top:0;
		background: none;
	}
    #language .inside > * {
margin-top: 2px;
}

#language .mod_customnav li.last {
    margin-right: 20px;   
}

#footer .mod_navigation > ul > li > ul{
display:none;
}

.ce_page_list ul li{
width:49%;
}
}


@media all and (max-width: 680px){
.ce_ownPageTeaser > .row > .text{
width: 55%;
}

.ce_newsletteracc .row > * {
    display: block;
    width: 100%;
}

.ce_newsletteracc .row > .textholder{
padding-bottom:20px;
}



}

@media all and (max-width: 630px){

.holder > .ce_texttable .tableholder thead{
display:none;
}


.holder > .ce_texttable .tableholder tr{

}


.holder > .ce_texttable .tableholder td{
width:100%;
}

.holder > .ce_texttable .tableholder td, .holder > .ce_texttable .tableholder td > span{
display:block;
}

.holder > .ce_texttable .tableholder td.col_first > span{
display:inline-block;
}

.holder > .ce_texttable .tableholder td.col_first > span.respHeader{
margin-right:10px;
}

.ce_texttable .tablecontainer{
display:table;
table-layout:fixed;
width:100%;
}

.ce_texttable .tablecontainer > .inside{
display:table-row;
}

.ce_texttable .tablecontainer > .inside{
display:table-row;
}


.holder > .ce_texttable.block{
margin-bottom:40px;
}


.ce_texttable .tablecontainer > .inside > .imageholder,.ce_texttable .tablecontainer > .inside > .tableholder, .ce_dlh_googlemaps .mapholder {
    width: 100%;
    padding:0;
    float:none;
}

.ce_text.grid {
    display: table;
}

.ce_text.grid .image_container img, .catoverview img{
width:100%;
margin-bottom:20px;
}

.catoverview .ce_ownPageTeaser > .row > .text.not_left > * {
    margin-left: 0;
}

.ce_texttable .tablecontainer > .inside > .imageholder,.ce_text.grid .image_container{
display:table-header-group;
}

.ce_texttable .tablecontainer > .inside > .imageholder > *{
margin-bottom:20px;
}

.ce_texttable .tablecontainer > .inside > .tableholder,.ce_text.grid .textcontainer {
display:table-footer-group;
}

.ce_imagelist li{
float:none;
width:100%;
margin-bottom:40px;
display:block;
padding:0;
}

.ce_imagelist li:after{
content:'';
display:block;
width:100px;
height:1px;
border-bottom:1px solid silver;
margin:40px auto 0;
opacity:0.4;
}

.ce_imagelist li.last{
margin-bottom:0;
}
.ce_imagelist li.last:after{
display:none;
border-bottom:none;
margin:0;

}

.ce_text .image_container.right{
float:none;
display:block;
width:100%;
margin-bottom:20px;
}

.ce_text .textcontainer.not_right {
    float: none;
    margin-right: 0;
    padding-right: 0;
}

.ce_ownPageTeaser > .row > .text{
display:table-footer-group;
}
.ce_ownPageTeaser > .row > .image_container{
display:table-header-group;
}

.ce_ownPageTeaser > .row > .image_container > *{
margin-bottom:20px;
}

.row > *,.ce_ownPageTeaser > .row > *,.ce_ownPageTeaser > .row > .text{
width:100%;
}

.layout_latest.list > .row > .text {
width:65%;
}
.layout_latest.list > .row > .image_container {
width:35%;
}

.ce_ownPageTeaser {

}
.ui-accordion-content > div > .rightbox {
	float:none;
	width:100%;
}
.ui-accordion-content > div > .leftbox {
	float:none;
	width:100%;
}
.toggler span.bg{
opacity:0.3;
}
.ansprechpartner .ce_text {
	float:none;
	width:100%;
}
.ce_previewdownload {
	width:50%;
	min-height: 440px;
}
.ce_previewdownload figure {
	height:355px;
}
.layout_latest.jobs > .row > * {
	display:block;
}
.layout_latest.jobs > .row.head {
	display:none;
}
.banner {
float:none;
width:100%;
text-align:center;
}
}

@media all and (max-width: 875px){
.cell {
    float: none;
    width: 100%;
    display:block;
}
.ce_accordionStart .bg {
	background-size:cover !important;
}
}

@media all and (min-width: 780px) and (max-width: 890px){
}


@media all and (max-width: 490px){
.ce_page_list ul li,.mod_navigation ul.produkte > li{
width:100%;
margin-bottom:10px;;
}

.mod_navigation ul.produkte > li.last{
margin-bottom:0;
}

.ce_texttable thead, .ce_productContent thead{
display:none;
}

.ce_texttable thead th, .ce_texttable tbody td, .ce_productContent thead th, .ce_productContent tbody td,.respHeader{
display:block;
}

.ce_texttable tbody td, .ce_productContent tbody td{
padding:15px 20px 0;
}

.ce_texttable tbody td.col_last, .ce_productContent tbody td.col_last{
padding-bottom:20px;
}

.ce_texttable tbody td .content::before, .ce_productContent tbody td .content::before {
    content: "•";
    display: inline-block;
    margin-right: 5px;
}

#main .crossselling a{
width:100%;
margin-bottom:10px;
}

.acc_art.mod_article {
    margin: 10px 0 0;
}
.layout_latest.list > .row > .text {
	display:table-footer-group;
	width:100%;
}
.layout_latest.list > .row > .image_container {
	display: table-header-group;
	width:100%;
}
.mod_eventlist > .row > *, .layout_latest.jobs > .row > * {
	display:block;
}

}

@media all and (max-width: 480px){
.layout_full .ce_form #f18{
padding:40px 20px;
}
.widget.w50{
float:none;
width:100%;
margin-left:0;
margin-right:0;
}

.ce_gridboxes .itemsperRow_2 .item,.ce_gridboxes .itemsperRow_3 .item,.ce_gridboxes .itemsperRow_6 .item,.ce_gridboxes .itemsperRow_7 .item,.ce_gridboxes .itemsperRow_4 .item,.ce_gridboxes .itemsperRow_5 .item,
.ce_gridboxes .itemsperRow_8 .item,.ce_gridboxes .itemsperRow_9 .item,.ce_gridboxes .itemsperRow_10 .item,.ce_gridboxes .itemsperRow_11 .item,.ce_gridboxes .itemsperRow_12 .item{
width:calc((100% - (2 * 20px)) / 1);
}

.toggler{
padding:15px;
}

.contacttext{
text-align:center;
}

.ce_productContent .row > *{
display:block;
width:100%;
}

.toggler span.headline{
font-size:1.5em;
}

.toggler span.headline:before{
display:none;
}
.toggler span.sub {
  font-size: 18px;
  line-height: 130%;
  padding-left: 0;
}
.ce_dlh_googlemaps .mapholder, .ce_dlh_googlemaps .standorttext {
	display:block;
}
.ce_dlh_googlemaps .mapholder {
	margin-top:10px;
}

}

@media all and (max-width: 450px){
#footer .mod_navigation > ul > li{
margin-right:20px;
}
.ce_previewdownloads ul li,.ce_downloads ul.downloadwiththumb li {
    width:100%;
	margin-right:0;
}

.footerbottom > .inside > div > .right > .social.right{
width:100%;
display:block;
padding:10px 10px 0;
}

}

@media all and (max-width: 350px){
#footer .mod_navigation > ul > li{
float:none;
margin:0;
}

#footer > .inside > div.footertop{
display:none;
}
.ce_previewdownload {
	width:100%;
	min-height: 470px;
}
.ce_previewdownload figure {
	height:385px;
}
.ui-accordion-content .widget-text {
	width:90%;
	float:none;
}
h2, .headlinecontainer .h2 {
  font-size: 22px;
}
.image_container.float_left,
.image_container.float_right,
.icon .image_container.float_right, 
.icon .image_container.float_left {
  margin-right: 0;
  margin-left:0;
  float:none !important;
  width:100%;
}
blockquote {
  background-size: 60px;
  font-size: 1.2em;
  padding: 65px 0 0 0;
}
.ce_kacheltext .container > .row {
	min-height:auto;
}
}
/**
 * @license
 * MyFonts Webfont Build ID 3226026, 2016-05-31T02:44:05-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: PantonIcons-AFillLight by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/icons-a-fill-light/
 * 
 * Webfont: PantonIcons-AFillRegular by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/icons-a-fill-regular/
 * 
 * Webfont: PantonIcons-ALight by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/icons-a-light/
 * 
 * Webfont: PantonIcons-ARegular by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/icons-a-regular/
 * 
 * Webfont: PantonIcons-BFillLight by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/icons-b-fill-light/
 * 
 * Webfont: PantonIcons-BFillRegular by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/icons-b-fill-regular/
 * 
 * Webfont: PantonIcons-BLight by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/icons-b-light/
 * 
 * Webfont: PantonIcons-BRegular by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/icons-b-regular/
 * 
 * Webfont: PantonIcons-CFillLight by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/icons-c-fill-ight/
 * 
 * Webfont: PantonIcons-CFillRegular by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/icons-c-fill-regular/
 * 
 * Webfont: PantonIcons-CLight by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/icons-c-light/
 * 
 * Webfont: PantonIcons-CRegular by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/icons-c-regular/
 * 
 * Webfont: PantonIcons-DFillLight by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/icons-d-fill-light/
 * 
 * Webfont: PantonIcons-DFillRegular by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/icons-d-fill-regular/
 * 
 * Webfont: PantonIcons-DLight by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/icons-d-light/
 * 
 * Webfont: PantonIcons-DRegular by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/icons-d-regular/
 * 
 * Webfont: Panton-Black by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/black/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-Bold by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/bold/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-BlackItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/black-italic/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-BoldItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/bold-italic/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-ExtraBold by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/extra-bold/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-ExtraBoldItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/extra-bold-italic/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-ExtraLight by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/extra-light/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-ExtraLightItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/extra-light-italic/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-Fat by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/fat/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-FatItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/fat-italic/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-Heavy by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/heavy/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-HeavyItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/heavy-italic/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-Light by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/light/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-LightItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/light-italic/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-Regular by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/regular/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-RegularItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/regular-italic/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-SemiBold by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/semi-bold/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-SemiBoldItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/semi-bold-italic/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-Thin by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/thin/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Panton-ThinItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/panton/thin-italic/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3226026
 * Licensed pageviews: 100,000
 * 
 * © 2016 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3139aa");
  
@font-face {font-family: 'Panton-Bold';src: url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_11_0.eot');src: url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_11_0.eot?#iefix') format('embedded-opentype'),url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_11_0.woff2') format('woff2'),url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_11_0.woff') format('woff'),url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_11_0.ttf') format('truetype');}
 
    
@font-face {font-family: 'Panton-Light';src: url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_1C_0.eot');src: url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_1C_0.eot?#iefix') format('embedded-opentype'),url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_1C_0.woff2') format('woff2'),url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_1C_0.woff') format('woff'),url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_1C_0.ttf') format('truetype');}
 
    
@font-face {font-family: 'Panton-Regular';src: url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_1E_0.eot');src: url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_1E_0.eot?#iefix') format('embedded-opentype'),url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_1E_0.woff2') format('woff2'),url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_1E_0.woff') format('woff'),url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_1E_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Panton-RegularItalic';src: url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_1F_0.eot');src: url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_1F_0.eot?#iefix') format('embedded-opentype'),url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_1F_0.woff2') format('woff2'),url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_1F_0.woff') format('woff'),url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_1F_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Panton-SemiBold';src: url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_20_0.eot');src: url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_20_0.eot?#iefix') format('embedded-opentype'),url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_20_0.woff2') format('woff2'),url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_20_0.woff') format('woff'),url('../../files/uniferm/layout/webfonts/MyFontsWebfontsKit/webfonts/3139AA_20_0.ttf') format('truetype');}