/* ========================================================================
   Component: Animation
 ========================================================================== */
[class*='uk-animation-'] {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* Hide animated element if scrollspy is used */
@media screen {
  [data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']) {
    opacity: 0;
  }
}
/*
 * Fade
 * Higher specificity (!important) needed because of reverse modifier
 */
.uk-animation-fade {
  -webkit-animation-name: uk-fade;
  animation-name: uk-fade;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-timing-function: linear !important;
  animation-timing-function: linear !important;
}

/*
 * Fade with scale
 */
.uk-animation-scale-up {
  -webkit-animation-name: uk-fade-scale-02;
  animation-name: uk-fade-scale-02;
}

.uk-animation-scale-down {
  -webkit-animation-name: uk-fade-scale-18;
  animation-name: uk-fade-scale-18;
}

/*
 * Fade with slide
 */
.uk-animation-slide-top {
  -webkit-animation-name: uk-fade-top;
  animation-name: uk-fade-top;
}

.uk-animation-slide-bottom {
  -webkit-animation-name: uk-fade-bottom;
  animation-name: uk-fade-bottom;
}

.uk-animation-slide-left {
  -webkit-animation-name: uk-fade-left;
  animation-name: uk-fade-left;
}

.uk-animation-slide-right {
  -webkit-animation-name: uk-fade-right;
  animation-name: uk-fade-right;
}

/*
 * Scale
 */
.uk-animation-scale {
  -webkit-animation-name: uk-scale-12;
  animation-name: uk-scale-12;
}

/*
 * Shake
 */
.uk-animation-shake {
  -webkit-animation-name: uk-shake;
  animation-name: uk-shake;
}

/* Direction modifiers
 ========================================================================== */
.uk-animation-reverse {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

/* Duration modifiers
========================================================================== */
.uk-animation-15 {
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
}

/* Origin modifiers
========================================================================== */
.uk-animation-top-left {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.uk-animation-top-center {
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}

.uk-animation-top-right {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.uk-animation-middle-left {
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

.uk-animation-middle-right {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.uk-animation-bottom-left {
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.uk-animation-bottom-center {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.uk-animation-bottom-right {
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

/* Sub-object: `uk-animation-hover`
========================================================================== */
/*
 * Enable animation only on hover
 * Note: Firefox also needs this because animations are not triggered when switching between display `hidden` and `block`
 */
.uk-animation-hover:not(:hover),
.uk-animation-hover:not(:hover) [class*='uk-animation-'],
.uk-touch .uk-animation-hover:not(.uk-hover),
.uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-'] {
  -webkit-animation-name: none;
  animation-name: none;
}

/* Keyframes: Fade
 * Used by dropdown, datepicker and slideshow component
 ========================================================================== */
@-webkit-keyframes uk-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes uk-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Keyframes: Fade with slide
 ========================================================================== */
/*
 * Top
 */
@-webkit-keyframes uk-fade-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes uk-fade-top {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Bottom
 */
@-webkit-keyframes uk-fade-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes uk-fade-bottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Left
 */
@-webkit-keyframes uk-fade-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes uk-fade-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Right
 */
@-webkit-keyframes uk-fade-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes uk-fade-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* Keyframes: Fade with scale
 ========================================================================== */
/*
 * Scale by 0.2
 */
@-webkit-keyframes uk-fade-scale-02 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes uk-fade-scale-02 {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*
 * Scale by 1.5
 * Used by slideshow component
 */
@-webkit-keyframes uk-fade-scale-15 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes uk-fade-scale-15 {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*
 * Scale by 1.8
 */
@-webkit-keyframes uk-fade-scale-18 {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes uk-fade-scale-18 {
  0% {
    opacity: 0;
    transform: scale(1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Keyframes: Slide
 * Used by slideshow component
 ========================================================================== */
/*
 * Left
 */
@-webkit-keyframes uk-slide-left {
  0% {
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes uk-slide-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
/*
 * Right
 */
@-webkit-keyframes uk-slide-right {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes uk-slide-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/*
 * Left third
 */
@-webkit-keyframes uk-slide-left-33 {
  0% {
    -webkit-transform: translateX(33%);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes uk-slide-left-33 {
  0% {
    transform: translateX(33%);
  }
  100% {
    transform: translateX(0);
  }
}
/*
 * Right third
 */
@-webkit-keyframes uk-slide-right-33 {
  0% {
    -webkit-transform: translateX(-33%);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes uk-slide-right-33 {
  0% {
    transform: translateX(-33%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Keyframes: Scale
 ========================================================================== */
@-webkit-keyframes uk-scale-12 {
  0% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes uk-scale-12 {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
/* Keyframes: Rotate
 * Used by icon component
 ========================================================================== */
@-webkit-keyframes uk-rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes uk-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Keyframes: Shake
 ========================================================================== */
@-webkit-keyframes uk-shake {
  0%, 100% {
    -webkit-transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-9px);
  }
  20% {
    -webkit-transform: translateX(8px);
  }
  30% {
    -webkit-transform: translateX(-7px);
  }
  40% {
    -webkit-transform: translateX(6px);
  }
  50% {
    -webkit-transform: translateX(-5px);
  }
  60% {
    -webkit-transform: translateX(4px);
  }
  70% {
    -webkit-transform: translateX(-3px);
  }
  80% {
    -webkit-transform: translateX(2px);
  }
  90% {
    -webkit-transform: translateX(-1px);
  }
}
@keyframes uk-shake {
  0%, 100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-9px);
  }
  20% {
    transform: translateX(8px);
  }
  30% {
    transform: translateX(-7px);
  }
  40% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(4px);
  }
  70% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(2px);
  }
  90% {
    transform: translateX(-1px);
  }
}
/* Keyframes: Fade with slide fixed
 * Used by dropdown and search component
 ========================================================================== */
/*
 * Top fixed
 */
@-webkit-keyframes uk-slide-top-fixed {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes uk-slide-top-fixed {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Bottom fixed
 */
@-webkit-keyframes uk-slide-bottom-fixed {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes uk-slide-bottom-fixed {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@font-face{font-family:'whiteboardregular';src:url("../../files/gaumenfreunde/layout/fonts/whiteboard-webfont.eot");src:url("../../files/gaumenfreunde/layout/fonts/whiteboard-webfont.eot?#iefix") format("embedded-opentype"),url("../../files/gaumenfreunde/layout/fonts/whiteboard-webfont.woff2") format("woff2"),url("../../files/gaumenfreunde/layout/fonts/whiteboard-webfont.woff") format("woff"),url("../../files/gaumenfreunde/layout/fonts/whiteboard-webfont.ttf") format("truetype"),url("../../files/gaumenfreunde/layout/fonts/whiteboard-webfont.svg#whiteboardregular") format("svg");font-weight:normal;font-style:normal}*{margin:0;padding:0;outline:none;text-decoration:none;box-sizing:border-box;vertical-align:top}*::before,*::after{box-sizing:border-box}img{border:0;max-width:100%;height:auto}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:24px;font-family:'Alegreya Sans', sans-serif;font-weight:300;font-style:normal;line-height:1.5em;color:#27232C;background-color:#423C55}@media all and (max-width: 900px){body{font-size:18px}}#container{background-color:#fff;overflow:hidden}select,input,textarea{font-size:1em}#container,.inside{position:relative}#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_right{width:50%;margin-top:20px;margin-bottom:20px;-webkit-transition:margin .3s ease;transition:margin .3s ease}@media all and (max-width: 900px){.float_left,.float_right{font-size:0.85em}}@media all and (max-width: 600px){.float_left,.float_right{width:100%}}.float_left{float:left;margin-left:-25%;margin-right:60px}@media all and (max-width: 1800px){.float_left{margin-left:-20%}}@media all and (max-width: 1700px){.float_left{margin-left:-15%}}@media all and (max-width: 1600px){.float_left{margin-left:-10%}}@media all and (max-width: 1500px){.float_left{margin-left:-5%}}@media all and (max-width: 1400px){.float_left{margin-left:0}}.float_right{clear:right;float:right;margin-right:-25%;margin-left:60px}@media all and (max-width: 1800px){.float_right{margin-right:-20%}}@media all and (max-width: 1700px){.float_right{margin-right:-15%}}@media all and (max-width: 1600px){.float_right{margin-right:-10%}}@media all and (max-width: 1500px){.float_right{margin-right:-5%}}@media all and (max-width: 1400px){.float_right{margin-right:0}}.block{overflow:visible}.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}.mod_navigation{font-size:0.666em;height:90px}.mod_navigation ul{display:block;position:relative;width:1200px;margin:0 auto}@media all and (max-width: 1240px){.mod_navigation ul{width:100%;padding-right:20px;padding-left:20px}}.mod_navigation li{display:block;float:left;width:20%;height:100%}.mod_navigation li.left{text-align:left}@media all and (max-width: 600px){.mod_navigation li.left{text-align:center}}.mod_navigation li.center{text-align:center}.mod_navigation li.right{text-align:right}@media all and (max-width: 600px){.mod_navigation li.right{text-align:center}}@media all and (max-width: 600px){.mod_navigation li.logo{display:none}}@media all and (max-width: 600px){.mod_navigation li{width:25%;text-align:center}}@media all and (max-width: 400px){.mod_navigation li{width:auto}}.mod_navigation a:not(.invisible),.mod_navigation span{display:inline-block;height:100%;text-transform:uppercase;padding:25px 20px 0 20px;border-top:4px solid transparent}.mod_navigation a:not(.invisible).active,.mod_navigation a:not(.invisible).trail,.mod_navigation span.active,.mod_navigation span.trail{border-top:4px solid #EE7951;color:#EE7951}.mod_navigation a:not(.invisible).logo,.mod_navigation span.logo{text-indent:-9999px;width:100%;background-image:url("../../files/gaumenfreunde/layout/images/logo.svg");background-position:center 30px;background-repeat:no-repeat}@media all and (max-width: 600px){.mod_navigation a:not(.invisible),.mod_navigation span{width:100%;padding:25px 0 0 0}}@media all and (max-width: 400px){.mod_navigation a:not(.invisible),.mod_navigation span{width:auto;padding:25px 10px 0 10px}}.mod_navigation .nav-wrapper{width:100%;height:90px;background-color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}.mod_navigation .nav-wrapper.scrolled{position:fixed;z-index:20;top:0;left:0;box-shadow:0 3px 8px rgba(0,0,0,0.1)}@media all and (max-width: 900px){.mod_navigation{font-size:0.9em}}header{background-color:#fff}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}.inside{width:1200px;margin:0 auto}@media all and (max-width: 1240px){.inside{width:100%;padding-right:20px;padding-left:20px}}.mod_article .inside{padding-top:60px;padding-bottom:60px}#footer .inside{padding:60px 0}#title .inside{height:100%}#title .inside>*{position:absolute;width:100%;bottom:60px;left:0}@media all and (max-width: 600px){.ce_colsetStart>div{width:100%;float:none;clear:both;margin:0 !important;padding-bottom:60px}.ce_colsetStart>div.last{padding-bottom:0}}@media all and (max-width: 900px){.ce_colsetStart>div>div.ym-gbox-left{padding-right:20px !important}}@media all and (max-width: 600px){.ce_colsetStart>div>div.ym-gbox-left{padding-right:0 !important}}@media all and (max-width: 900px){.ce_colsetStart>div>div.ym-gbox-right{padding-left:20px !important}}@media all and (max-width: 600px){.ce_colsetStart>div>div.ym-gbox-right{padding-left:0 !important}}.mod_article{position:relative;clear:both}#title .mod_article{height:600px;border-bottom:4px solid #EE7951}#title .mod_article::before{content:'';display:block;position:absolute;top:50%;left:0;width:100%;height:50%;background:transparent;background:-webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0,0,0,0.6)));background:-webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 100%);background:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 )}@media all and (max-width: 600px){#title .mod_article{height:300px}}.home #title .mod_article{height:800px;border-bottom:none}@media all and (max-width: 600px){.home #title .mod_article{height:400px}}.mod_article.bg-light-gray{background-color:#EAE9E8}h1{display:block;position:relative;font-family:'whiteboardregular';font-weight:normal;font-style:normal;text-transform:uppercase;line-height:1.2em;font-size:2em;text-align:center;color:#EE7951;padding-bottom:40px;margin-bottom:60px;clear:both}h1.text-align-left{text-align:left}h1.text-align-right{text-align:right}.bg-dark h1{color:#fff}h1::before{content:'';display:block;position:absolute;left:50%;bottom:0;width:200px;height:2px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#EAE9E8}.bg-light-gray h1::before{background-color:#fff}#title h1::before{display:none}#title h1{padding-bottom:0;margin-bottom:0}h1+.float_right,h1+.float_left{margin-top:0}h2{display:block;position:relative;font-family:'Alegreya Sans', sans-serif;font-weight:300;font-style:normal;line-height:1.5em;font-size:1em;text-align:center;text-transform:uppercase;color:#27232C;clear:both}h2.text-align-left{text-align:left}h2.text-align-right{text-align:right}.bg-dark h2{color:#fff}h2+h1{padding-top:10px}h3{display:block;position:relative;font-family:'whiteboardregular';font-weight:normal;font-style:normal;text-transform:uppercase;line-height:1.2em;font-size:1.5em;text-align:left;color:#EE7951;padding-bottom:20px;clear:both}h3.text-align-center{text-align:center}h3.text-align-right{text-align:right}.bg-dark h3{color:#fff}a{color:#EE7951;-webkit-transition:all .3s ease;transition:all .3s ease}a:hover{color:#27232C}.mod_navigation a{color:#27232C}.mod_navigation a:hover,.mod_navigation a.active,.mod_navigation a.trail{color:#EE7951}.back a{display:inline-block;font-size:0.75em;color:#fff;text-transform:uppercase;padding:20px;border-top:4px solid #EE7951}.back a:hover{color:#EE7951}.back{text-align:center}strong{font-family:'Alegreya Sans', sans-serif;font-weight:500;font-style:normal;line-height:1.5em}#rezept-description p{clear:left}#rezept-description p::first-letter{font-family:'whiteboardregular';font-weight:normal;font-style:normal;text-transform:uppercase;line-height:1.2em;font-size:3em;line-height:0;color:#EE7951}.image_container{display:inline-block;position:relative}.caption{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(66,60,85,0.8);text-align:center;color:#fff;font-family:'Alegreya Sans', sans-serif;font-weight:500;font-style:normal;line-height:1.5em;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.image_container:hover .caption{opacity:0}.caption span{display:inline-block;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:80%;padding:25px;border-top:2px solid #EE7951;border-bottom:2px solid #EE7951}.ce_table{padding:60px;background-color:#EAE9E8}@media all and (max-width: 900px){.ce_table{padding:30px}}@media all and (max-width: 600px){.ce_table{padding:60px}}table{width:100%;border-spacing:0}th{text-align:left;padding-right:30px;padding-top:5px;padding-bottom:5px;color:#423C55;min-width:100px}@media all and (max-width: 1200px){th{padding-right:10px;min-width:50px}}td{text-align:left;padding-left:30px;padding-top:5px;padding-bottom:5px}@media all and (max-width: 1200px){td{padding-left:10px}}.layout_latest{float:left;width:33%;padding:0 20px 40px}.layout_latest:nth-child(3n+1){clear:both;text-align:left}@media all and (max-width: 900px){.layout_latest:nth-child(3n+1){text-align:center;clear:none}}.layout_latest:nth-child(3n+2){text-align:center}.layout_latest:nth-child(3n+3){text-align:right}@media all and (max-width: 900px){.layout_latest:nth-child(3n+3){text-align:center}}@media all and (max-width: 900px){.layout_latest{width:50%}}@media all and (max-width: 600px){.layout_latest{width:100%;padding:0 0 20px}}.pagination{padding-top:60px}.pagination li{display:inline-block}.pagination a,.pagination span{display:block;width:100%;height:100%;padding:5px 15px;background-color:#EAE9E8;color:#27232C}.pagination a:hover,.pagination span:hover{background-color:#EE7951}.pagination a.current,.pagination span.current{background-color:#423C55;color:#EE7951}