pro@charset "UTF-8";


@font-face{
	font-family:'Soleil-Bold';
	src:url("../fonts/soleil-bold.eot");
	src:url("../fonts/soleil-bold-.eot#iefix") format("embedded-opentype"),url("../fonts/soleil-bold.woff") format("woff"),url("../fonts/soleil-bold.ttf") format("truetype");
	font-weight:normal;
	font-style:normal}
	
@font-face{
	font-family:'Soleil';
	src:url("../fonts/soleil.eot");
	src:url("../fonts/soleil-.eot#iefix") format("embedded-opentype"),url("../fonts/soleil.woff") format("woff"),url("../fonts/soleil.ttf") format("truetype");
	font-weight:normal;
	font-style:normal}

/*
@font-face{font-family:'VideoJS';
		src:url("../fonts/vjs.eot");
		src:url("../fonts/vjs-.eot#iefix") format("embedded-opentype"),url("../fonts/vjs.woff") format("woff"),url("../fonts/vjs.ttf") format("truetype"),url("../fonts/vjs.svg#icomoon") format("svg");
		font-weight:normal;
		font-style:normal}
@font-face{font-family:'sketch_blockbold';
		src:url("../fonts/sketch_block_bold-webfont.eot");
		src:url("../fonts/sketch_block_bold-webfont-.eot#iefix") format("embedded-opentype"),url("../fonts/sketch_block_bold-webfont.woff2") format("woff2"),url("../fonts/sketch_block_bold-webfont.woff") format("woff"),url("../fonts/sketch_block_bold-webfont.ttf") format("truetype"),url("../fonts/sketch_block_bold-webfont.svg#sketch_blockbold") format("svg");
		font-weight:normal;
		font-style:normal}

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

*/


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

.bg-danger {
	color: #d2232a;
	font-size: 17px;
	margin: 10px;
	font-family: "Soleil-Bold", Verdana, sans-serif;
	background-color: inherit !important;
	text-align: left;
}

.btn:hover {
    background-color: #f08e10 !important;
	color: #FFF !important;
}

	
.without-trenner {
	padding: 11% 6% 0 !important;
}

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




.promo-space-a {
	height: 40px;
}
.promo-space-b {
	height: 30px;
}

.promo input, .promo select {
	color: #572b10;
	padding: 7px 15px 4px !important;
	margin-bottom: 8px !important;
}

.promo a:hover {
	color: #f29c2c;
	text-decoration: none;
}

.form-control::placeholder {
    color: #572b10;
    opacity: 1;
}


.img-wave {
    background-position: 0 0;
    background-repeat: repeat-x;
    display: block;
    width: 100%;
    padding: 40px 0 0 0;
    position: relative;
    left: 0;
    bottom: 13px;
}


.img-wave {
    background: url('/assets/img/footer-background-s00427e7a5c.png');
    background-repeat: repeat-x;
}


.toffifee-claim-wrapper-promo {
    text-align: center;
    margin: 70px auto;
    margin-top: 30px;
    margin-bottom: 70px;
}

.toffifee-claim-wrapper-promo {
    width: 250px;
    height: 70px
}

@media (min-width: 1024px) {
    .toffifee-claim-wrapper-promo {
        width: 435px;
        height: 122px
    }
}


.promo-home-bg {
	background-image: url('/assets/img/promo/toffifee-bg-2060x1040.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
	
	background-color: #bcda44;
	    min-height: 750px;
}

.promo-bg {
	background-image: url('/assets/img/promo/toffifee-bg-2060x1040.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: #bcda44;
    /*
    position: relative;
    overflow: hidden;
	*/

}

@media (max-width: 1440px) {
  	
}

@media (max-width: 1024px) {
	
}


@media (max-width: 768px) {
	.promo-home-bg {
		background-image: url('/assets/img/promo/toffifee-bg-760x700.jpg');
	}
	.toffifee-claim-wrapper-promo {

	    margin-top: 10px;
	    margin-bottom: 40px;
	}	
	
}

@media (max-width: 540px) {
	.promo-home-bg {
		background-image: url('/assets/img/promo/toffifee-bg-540x990.jpg');
		background-color: #bcda44;
	}
}

@media (max-width: 320px) {
	.promo-home-bg {
		background-image: url('/assets/img/promo/toffifee-bg-320x700.jpg');
		background-color: #bcda44;

	}
}

.p-shadow-white {
	text-shadow: 1px 1px 1px #fff;
}



.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

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

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

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

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}


/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=b8b56b9df1238387541f)
 * Config saved to config.json and https://gist.github.com/b8b56b9df1238387541f
 */


/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup,
.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    margin: 2px 0 0;
    list-style: none;
    text-align: left
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #777777
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    float: left
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
    z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container:before,
.container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media (min-width: 768px) {
    .container {
        width: 720px
    }
}

@media (min-width: 1024px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1440px) {
    .container {
        width: 1390px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container-fluid:before,
.container-fluid:after {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0%
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }
    .col-sm-1 {
        width: 8.33333%
    }
    .col-sm-2 {
        width: 16.66667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.33333%
    }
    .col-sm-5 {
        width: 41.66667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.33333%
    }
    .col-sm-8 {
        width: 66.66667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.33333%
    }
    .col-sm-11 {
        width: 91.66667%
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-pull-1 {
        right: 8.33333%
    }
    .col-sm-pull-2 {
        right: 16.66667%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-4 {
        right: 33.33333%
    }
    .col-sm-pull-5 {
        right: 41.66667%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-7 {
        right: 58.33333%
    }
    .col-sm-pull-8 {
        right: 66.66667%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-10 {
        right: 83.33333%
    }
    .col-sm-pull-11 {
        right: 91.66667%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-push-1 {
        left: 8.33333%
    }
    .col-sm-push-2 {
        left: 16.66667%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-4 {
        left: 33.33333%
    }
    .col-sm-push-5 {
        left: 41.66667%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-7 {
        left: 58.33333%
    }
    .col-sm-push-8 {
        left: 66.66667%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-10 {
        left: 83.33333%
    }
    .col-sm-push-11 {
        left: 91.66667%
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-offset-0 {
        margin-left: 0%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%
    }
    .col-sm-offset-2 {
        margin-left: 16.66667%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333%
    }
    .col-sm-offset-5 {
        margin-left: 41.66667%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333%
    }
    .col-sm-offset-8 {
        margin-left: 66.66667%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333%
    }
    .col-sm-offset-11 {
        margin-left: 91.66667%
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 1024px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }
    .col-md-1 {
        width: 8.33333%
    }
    .col-md-2 {
        width: 16.66667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.33333%
    }
    .col-md-5 {
        width: 41.66667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.33333%
    }
    .col-md-8 {
        width: 66.66667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.33333%
    }
    .col-md-11 {
        width: 91.66667%
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-pull-1 {
        right: 8.33333%
    }
    .col-md-pull-2 {
        right: 16.66667%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-4 {
        right: 33.33333%
    }
    .col-md-pull-5 {
        right: 41.66667%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-7 {
        right: 58.33333%
    }
    .col-md-pull-8 {
        right: 66.66667%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-10 {
        right: 83.33333%
    }
    .col-md-pull-11 {
        right: 91.66667%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-push-1 {
        left: 8.33333%
    }
    .col-md-push-2 {
        left: 16.66667%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-4 {
        left: 33.33333%
    }
    .col-md-push-5 {
        left: 41.66667%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-7 {
        left: 58.33333%
    }
    .col-md-push-8 {
        left: 66.66667%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-10 {
        left: 83.33333%
    }
    .col-md-push-11 {
        left: 91.66667%
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-offset-0 {
        margin-left: 0%
    }
    .col-md-offset-1 {
        margin-left: 8.33333%
    }
    .col-md-offset-2 {
        margin-left: 16.66667%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-4 {
        margin-left: 33.33333%
    }
    .col-md-offset-5 {
        margin-left: 41.66667%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-7 {
        margin-left: 58.33333%
    }
    .col-md-offset-8 {
        margin-left: 66.66667%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-10 {
        margin-left: 83.33333%
    }
    .col-md-offset-11 {
        margin-left: 91.66667%
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 1440px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }
    .col-lg-1 {
        width: 8.33333%
    }
    .col-lg-2 {
        width: 16.66667%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.33333%
    }
    .col-lg-5 {
        width: 41.66667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.33333%
    }
    .col-lg-8 {
        width: 66.66667%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.33333%
    }
    .col-lg-11 {
        width: 91.66667%
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-pull-1 {
        right: 8.33333%
    }
    .col-lg-pull-2 {
        right: 16.66667%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-4 {
        right: 33.33333%
    }
    .col-lg-pull-5 {
        right: 41.66667%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-7 {
        right: 58.33333%
    }
    .col-lg-pull-8 {
        right: 66.66667%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-10 {
        right: 83.33333%
    }
    .col-lg-pull-11 {
        right: 91.66667%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-push-1 {
        left: 8.33333%
    }
    .col-lg-push-2 {
        left: 16.66667%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-4 {
        left: 33.33333%
    }
    .col-lg-push-5 {
        left: 41.66667%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-7 {
        left: 58.33333%
    }
    .col-lg-push-8 {
        left: 66.66667%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-10 {
        left: 83.33333%
    }
    .col-lg-push-11 {
        left: 91.66667%
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-offset-0 {
        margin-left: 0%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333%
    }
    .col-lg-offset-2 {
        margin-left: 16.66667%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333%
    }
    .col-lg-offset-5 {
        margin-left: 41.66667%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333%
    }
    .col-lg-offset-8 {
        margin-left: 66.66667%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333%
    }
    .col-lg-offset-11 {
        margin-left: 91.66667%
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
}

.clearfix:before,
.recipe-wrapper:before,
.recipe-wrapper .recipe .text-wrapper:before,
header:before,
.clearfix:after,
.recipe-wrapper:after,
.recipe-wrapper .recipe .text-wrapper:after,
header:after {
    content: " ";
    display: table
}

.clearfix:after,
.recipe-wrapper:after,
.recipe-wrapper .recipe .text-wrapper:after,
header:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@at-root {
    @-ms-viewport {
        width: device-width
    }
}

.visible-xs {
    display: none !important
}

.visible-sm {
    display: none !important
}

.visible-md {
    display: none !important
}

.visible-lg {
    display: none !important
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }
    table.visible-xs {
        display: table !important
    }
    tr.visible-xs {
        display: table-row !important
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }
    table.visible-sm {
        display: table !important
    }
    tr.visible-sm {
        display: table-row !important
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }
    table.visible-md {
        display: table !important
    }
    tr.visible-md {
        display: table-row !important
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1440px) {
    .visible-lg {
        display: block !important
    }
    table.visible-lg {
        display: table !important
    }
    tr.visible-lg {
        display: table-row !important
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1440px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1440px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1440px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1440px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }
    table.visible-print {
        display: table !important
    }
    tr.visible-print {
        display: table-row !important
    }
    th.visible-print,
    td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}


/*!
 * Bootstrap-select v1.8.0 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2015 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */

select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px \0
}

.bootstrap-select>.dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2
}

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

.bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
    float: right
}

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group>.disabled:focus {
    outline: none !important
}

.bootstrap-select.btn-group.bs-container {
    position: absolute
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
    width: 100%
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0.5em
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after {
    display: block
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}


/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.icon-sprite,
.ico-navigation,
.ico-close,
.db-ico-facebook,
.db-ico-twitter,
.ico-facebook,
.ico-arrow,
.ico-play,
.ico-facebook-square,
.ico-like,
.ico-map,
.ico-double-arrow .icon,
.ico-sixpack,
.ico-rabatt,
.ico-ticket,
.ico-twitter,
.ico-facebook-orange,
.ico-pinterest-orange,
.ico-pie,
.ico-cake,
.ico-muffin,
.ico-cookie,
.ico-icecream,
.recipe-bar-sticky .ico-pie,
.recipe-bar-sticky .ico-cake,
.recipe-bar-sticky .ico-muffin,
.recipe-bar-sticky .ico-cookie,
.recipe-bar-sticky .ico-icecream,
.marker-sixpack:before,
.marker-easter:before,
.vjs-default-skin .vjs-big-play-button,
.header__nav__ico-navigation,
.header__nav__ico-close.desktop,
.header__nav__ico-close.mobile,
.header__nav-first-base__anchor.active:after,
.header__nav-second-base__anchor.active:after,
.header__nav-second-base__item a.active:after,
.header__nav-first-base__anchor.inactive:after,
.header__nav-second-base__anchor.inactive:after,
.header__nav-second-base__item a.inactive:after,
.faq h3.ui-state-default .icon,
.faq h3.ui-state-active .icon,
.owl-dot,
.owl-dot.active,
.owl-dot:hover,
.owl-nav .owl-prev,
.owl-nav .owl-prev:hover,
.owl-nav .owl-next,
.owl-nav .owl-next:hover,
.to-top-link,
.to-bottom {
    background: url('/assets/img/icon-s38d04dfba7.png') no-repeat
}

.main-sprite,
.toffifee-kakao,
.toffifee-nuss,
.toffifee-rotate {
    background: url('/assets/img/main-sb4828ab195.png') no-repeat
}

.decoration-sprite,
.nut-picture-left,
.nut-picture-right,
.toffifee-illu-right,
.kakao-illu-left,
.toffifee-illu-left,
.easter-picture-left,
.easter-picture-right {
    background: url('/assets/img/decoration-s2bb703a51f.png') no-repeat
}

.header-background-sprite,
header {
    background: url('/assets/img/header-background-sa9eca0d4c2.png') no-repeat
}

.footer-background-sprite,
.mood-wave,
.slider-stage__wave,
footer {
    background: url('/assets/img/footer-background-s00427e7a5c.png') no-repeat
}

.horizontal-rule-sprite,
hr:after,
section:after,
section.scroll-to-top:before,
.faq h3 .ui-accordion-header-icon {
    background: url('/assets/img/horizontal-rule-s450340528a.png') no-repeat
}

.checkbox-sprite,
.checkbox-checked,
.checkbox-unchecked,
.checkbox-checked-small,
.checkbox-unchecked-small,
.db-promo .content form .terms-of-use input[type="checkbox"]+label.custom-checkbox:before,
.pixumpromo--mood .pixumpromo--mood__content .pixum-form input[type="checkbox"]+label.custom-checkbox:before {
    background: url('/assets/img/checkbox-s0ddb14866e.png') no-repeat
}

.checkbox-checked {
    background-position: 0 0
}

.checkbox-unchecked {
    background-position: 0 -58px
}

.checkbox-checked-small {
    background-position: 0 -32px
}

.checkbox-unchecked-small {
    background-position: 0 -90px
}

.ico-navigation {
    background-position: 0 -3342px;
    height: 14px;
    width: 20px;
    display: none !important
}

.ico-close {
    background-position: 0 -3263px;
    height: 16px;
    width: 16px;
    display: none !important
}

.db-ico-facebook {
    background-position: 0 -3398px;
    height: 26px;
    width: 14px
}

.db-ico-twitter {
    background-position: 0 -3366px;
    height: 22px;
    width: 26px
}

.ico-facebook {
    background-position: 0 -2272px;
    height: 58px;
    width: 58px;
    margin: 0 auto
}

.ico-arrow {
    background-position: 0 -3099px;
    height: 34px;
    width: 17px
}

.ico-play {
    background-position: 0 -3227px;
    height: 26px;
    width: 17px;
    display: inline-block
}

.ico-facebook-square {
    background-position: 0 -3020px;
    height: 32px;
    width: 32px;
    float: left;
    margin-right: 10px
}

.ico-like {
    background-position: 0 -3062px;
    height: 27px;
    width: 27px;
    display: inline-block
}

.ico-map {
    background-position: 0 -1963px;
    height: 30px;
    width: 52px
}

.ico-double-arrow {
    position: absolute;
    top: 70px;
    left: 150px;
    font-family: "Soleil-Bold", sans-serif;
    font-size: 16px;
    z-index: 100
}

.ico-double-arrow .icon {
    background-position: 0 -3321px;
    height: 11px;
    width: 11px;
    display: inline-block;
    margin-right: 6px
}

.ico-sixpack {
    background-position: 0 -2952px;
    height: 58px;
    width: 72px;
    display: inline-block
}

.ico-rabatt {
    background-position: 0 -2204px;
    height: 58px;
    width: 72px;
    display: inline-block
}

.ico-ticket {
    background-position: 0 -2671px;
    height: 58px;
    width: 72px;
    display: inline-block
}

.ico-twitter {
    background-position: 0 -2517px;
    height: 41px;
    width: 40px;
    display: block;
    float: right;
    margin-left: 9px
}

.ico-facebook-orange {
    background-position: 0 -2394px;
    height: 40px;
    width: 40px;
    display: block;
    float: right;
    margin: 1px 0 0 9px
}

.ico-pinterest-orange {
    background-position: 0 -1870px;
    height: 40px;
    width: 40px;
    display: block;
    float: right;
    margin: 1px 0 0 9px
}

.ico-pie,
.ico-cake,
.ico-muffin,
.ico-cookie,
.ico-icecream {
    display: block;
    margin: auto auto 16px
}

.ico-pie {
    background-position: 0 -2444px;
    height: 63px;
    width: 65px
}

.ico-cake {
    background-position: 0 -2046px;
    height: 63px;
    width: 65px
}

.ico-muffin {
    background-position: 0 -1333px;
    height: 63px;
    width: 65px
}

.ico-cookie {
    background-position: 0 -1743px;
    height: 63px;
    width: 65px
}

.ico-icecream {
    background-position: 0 -1566px;
    height: 63px;
    width: 65px
}

.recipe-bar-sticky .ico-pie {
    background-position: 0 -2340px;
    height: 44px;
    width: 45px
}

.recipe-bar-sticky .ico-cake {
    background-position: 0 -2568px;
    height: 44px;
    width: 45px
}

.recipe-bar-sticky .ico-muffin {
    background-position: 0 -1639px;
    height: 44px;
    width: 45px
}

.recipe-bar-sticky .ico-cookie {
    background-position: 0 -2150px;
    height: 44px;
    width: 45px
}

.recipe-bar-sticky .ico-icecream {
    background-position: 0 -1816px;
    height: 44px;
    width: 45px
}

.marker-sixpack {
    position: relative
}

.marker-sixpack:before {
    content: '';
    background-position: 0 -2622px;
    height: 39px;
    width: 39px;
    position: absolute;
    right: -30px;
    top: -25px
}

.marker-easter {
    position: relative
}

.marker-easter:before {
    content: '';
    background-position: 0 -2622px;
    height: 39px;
    width: 39px;
    position: absolute;
    right: -30px;
    top: -25px
}

.toffifee-kakao {
    background-position: 0 0;
    height: 192px;
    width: 259px;
    display: inline-block
}

.toffifee-nuss {
    background-position: 0 -192px;
    height: 192px;
    width: 259px;
    display: inline-block
}

.toffifee-rotate {
    background-position: 0 -384px;
    height: 192px;
    width: 259px;
    display: inline-block
}

.nut-picture-left,
.nut-picture-right,
.toffifee-illu-right,
.kakao-illu-left,
.toffifee-illu-left,
.easter-picture-right,
.easter-picture-left {
    position: absolute
}

.nut-picture-left {
    background-position: 0 -349px;
    height: 293px;
    width: 180px;
    top: 73px;
    left: 0
}

.nut-picture-right {
    background-position: 0 -992px;
    height: 300px;
    width: 126px;
    top: 73px;
    right: 0
}

.toffifee-illu-right {
    background-position: 0 -2063px;
    height: 158px;
    width: 231px;
    top: 155px;
    right: 0
}

.kakao-illu-left {
    background-position: 0 -1627px;
    height: 278px;
    width: 179px;
    top: 73px;
    left: 0
}

.toffifee-illu-left {
    background-position: 0 -1905px;
    height: 158px;
    width: 231px;
    top: 122px;
    left: 0
}

.easter-picture-left {
    background-position: 0 -1474px;
    height: 153px;
    width: 148px;
    top: 122px;
    left: 0
}

.easter-picture-right {
    background-position: 0 -1292px;
    height: 182px;
    width: 159px;
    top: 122px;
    right: 0
}

@font-face {
    font-family: 'Soleil-Bold';
    src: url("../fonts/soleil-bold.eot");
    src: url("../fonts/soleil-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/soleil-bold.woff") format("woff"), url("../fonts/soleil-bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

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

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


.btn {
    background: #f29c2d;
    color: #fff;
    -moz-border-radius-topleft: 50px;
    -webkit-border-top-left-radius: 50px;
    border-top-left-radius: 50px;
    -moz-border-radius-topright: 50px;
    -webkit-border-top-right-radius: 50px;
    border-top-right-radius: 50px;
    -moz-border-radius-bottomleft: 50px;
    -webkit-border-bottom-left-radius: 50px;
    border-bottom-left-radius: 50px;
    -moz-border-radius-bottomright: 50px;
    -webkit-border-bottom-right-radius: 50px;
    border-bottom-right-radius: 50px;
    font-family: "Soleil", Verdana, sans-serif;
    padding: 15px 30px;
    text-align: center;
    text-decoration: none;
    font-size: 22px;
    line-height: 1.2em;
    display: inline-block;
    position: relative;
    border: none;
    outline: 0
}

.btn:hover {
    background-color: #f08e10
}

.btn.green {
    background: #afb911;
    color: #fff
}

.btn.green:hover {
    background-color: #949d0e
}

.btn.red {
    background-color: #e1000f;
    color: #fff
}

.btn.red-bordered {
    background-color: #fff;
    border: 3px solid #e1000f;
    color: #e1000f;
    font-weight: bold
}

.btn.inverse {
    border: 2px solid #f29c2d;
    background: #fff;
    color: #f29c2d;
    padding: 6px 17px 10px
}

.btn.next {
    padding: 12px 19px 12px 23px
}

.btn.icon {
    padding-right: 46px
}

.btn.facebook {
    padding-right: 67px
}

.btn .ico {
    position: absolute;
    right: 14px;
    top: 14px
}

.btn .ico-like {
    top: 12px;
    right: 18px
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
a,
p,
strong,
li,
dt,
dd {
    color: #753c0f;
    line-height: 1.3em
}

strong,
dt,
.strong {
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-weight: normal
}

.strong {
    font-size: 20px
}

.font-weight-bold {
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-weight: normal
}

a,
p,
dd {
    font-family: "Soleil", Verdana, sans-serif;
    font-weight: normal
}

p {
    font-size: 16px
}

p.subline {
    color: #c57617;
    line-height: 1.3em;
    padding: 0 15%;
    font-weight: bold;
    font-size: 20px;
    margin-top: 23px
}

p.error {
    font-size: 20px;
    font-family: "Soleil-Bold", Verdana, sans-serif;
    color: #d2232a;
    font-weight: normal;
    line-height: 1.2em;
    margin: 50px 0 0 0
}

p.strong {
    width: 60%;
    max-width: 630px;
    margin: auto
}

p.disclaimer {
    font-size: 15px;
    width: 60%;
    margin: 10px auto 30px;
    line-height: 1.4em
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 0
}

h1,
.h1,
h2,
.h2 {
    font-size: 47px;
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-weight: normal;
    color: #f29c2d
}

h1 span,
.h1 span {
    font-family: "Soleil", Verdana, sans-serif;
    color: #572b10;
    font-size: 30px;
    display: block;
    line-height: 1.2
}

h2,
.h2 {
    font-size: 23px;
    font-family: "Soleil", Verdana, sans-serif;
    font-weight: normal;
    color: #753c0f
}

h3,
.h3 {
    font-size: 32px;
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-weight: normal
}

h4,
.h4 {
    font-size: 20px;
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-weight: normal;
    color: #f29c2d
}

h4.disclaimer,
.h4.disclaimer {
    color: #572b10;
    font-size: 15px
}

ul,
ol {
    margin: 0;
    padding: 0
}

ul li,
ol li {
    display: inline-block;
    list-style-type: none
}

dl {
    padding: 0 20%
}

dl dt,
dl dd {
    font-size: 16px;
    line-height: 1.4em
}

dl a {
    font-size: inherit;
    font-weight: bold;
    text-decoration: underline
}

dl dt {
    margin-bottom: 8px
}

dl dd {
    margin: 0
}

dl dd+dt {
    margin-top: 40px
}

a {
    text-decoration: none
}

a.highlight {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline
}

hr {
    border: none;
    margin: 0;
    height: 70px
}

hr:after {
    content: '';
    background-position: 0 0;
    width: 972px;
    height: 61px;
    display: block;
    margin: 0 0 0 -486px;
    position: absolute;
    left: 50%
}

section h1:first-child {
    font-size: 49px;
    max-width: 850px;
    margin: 0 auto 0.67em
}

header+section {
    padding: 11% 6% 0
}

.font-color-white {
    color: #fff
}

.font-color-green {
    color: #afb911
}

.font-color-orange {
    color: #f29c2d
}

.font-size-16 {
    font-size: 16px
}

.hyphenate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

body {
    background: #f5e8d9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZThkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWU4ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #f5e8d9 0%, #fff 30%, #fff 66%, #f5e8d9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f5e8d9), color-stop(30%, #fff), color-stop(66%, #fff), color-stop(100%, #f5e8d9));
    background: -webkit-linear-gradient(left, #f5e8d9 0%, #fff 30%, #fff 66%, #f5e8d9 100%);
    background: -o-linear-gradient(left, #f5e8d9 0%, #fff 30%, #fff 66%, #f5e8d9 100%);
    background: -ms-linear-gradient(left, #f5e8d9 0%, #fff 30%, #fff 66%, #f5e8d9 100%);
    background: linear-gradient(to right, #f5e8d9 0%, #ffffff 30%, #ffffff 66%, #f5e8d9 100%);
    padding-top: 60px
}

@media (min-width: 1280px) {
    body {
        padding-top: 95px
    }
}

img {
    max-width: 100%;
    height: auto
}

.container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.container *:before,
.container *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.replaced {
    text-indent: -9999em;
    display: block
}

.right {
    float: right
}

.left {
    float: left
}

.center {
    text-align: center
}

.clearfix,
.recipe-wrapper,
.recipe-wrapper .recipe .text-wrapper,
header {
    display: inline-block
}

.clearfix:after,
.recipe-wrapper:after,
.recipe-wrapper .recipe .text-wrapper:after,
header:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.clearfix-block {
    display: block
}

.clearfix-block:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .clearfix,
html[xmlns] .recipe-wrapper,
html[xmlns] .recipe-wrapper .recipe .text-wrapper,
.recipe-wrapper .recipe html[xmlns] .text-wrapper,
html[xmlns] header {
    display: block
}

* html .clearfix,
* html .recipe-wrapper,
* html .recipe-wrapper .recipe .text-wrapper,
.recipe-wrapper .recipe * html .text-wrapper,
* html header {
    height: 1%
}

.response-image {
    width: 60%;
    max-width: 634px;
    height: auto;
    margin: 30px 0
}

picture {
    display: block;
    line-height: 0
}

form {
    text-align: left;
    max-width: 626px;
    margin: 50px auto 0
}

form fieldset {
    border: none;
    padding: 0;
    margin: 0
}

form label {
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-weight: normal;
    color: #572b10;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 13px
}

form label.error {
    color: #d2232a;
    font-size: 14px;
    margin-bottom: 0px;
}

form label sup {
    font-family: "Soleil", Verdana, sans-serif;
    font-size: 16px;
    top: -0.3em
}

form input,
form textarea,
form select {
    color: #b29d8d;
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 1em;
    background: #f6f4f3;
    width: 100%;
    padding: 10px 15px;
    border: none;
    margin-bottom: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

form input[type="submit"],
form textarea[type="submit"],
form select[type="submit"] {
    float: right
}

form input[type="submit"],
form input[type="checkbox"],
form textarea[type="submit"],
form textarea[type="checkbox"],
form select[type="submit"],
form select[type="checkbox"] {
    width: auto
}

form input[type="file"],
form textarea[type="file"],
form select[type="file"] {
    top: 0;
    left: 0
}

form input.error,
form textarea.error,
form select.error {
    background: #fcefef;
    border: 1px solid #d2232a
}

form textarea {
    min-height: 280px
}

form textarea+textarea {
    margin-bottom: 45px
}

form .col-1,
form .col-2,
form .col-3 {
    float: left;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

form .col-1 {
    width: 35%
}

form .col-2 {
    width: 50%
}

form .col-3 {
    width: 65%
}

form .col-2+.col-2,
form .col-1+.col-3,
form .col-3+.col-1 {
    padding-right: 0;
    padding-left: 20px
}

::-webkit-input-placeholder {
    color: #b29d8d;
    opacity: 1
}

:-moz-placeholder {
    color: #b29d8d;
    opacity: 1
}

::-moz-placeholder {
    color: #b29d8d;
    opacity: 1
}

:-ms-input-placeholder {
    color: #b29d8d;
    opacity: 1
}

.white-popup {
    background: #f6f4f3
}

.white-popup .headline-1 {
    font-size: 22px
}

.subscribe-form {
    font-family: sans-serif
}

.subscribe-form .subscribe-form__select {
    width: 100%;
    padding: 10px 15px;
    border: 0;
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.subscribe-form .subscribe-form__select:focus {
    outline: 0
}

.subscribe-form .subscribe-form__text-required {
    text-align: left !important;
    width: auto !important;
    margin: 0 !important
}

.subscribe-form .btn {
    float: right
}

.mod-contact-form__select,
.mod-contact-form__valid-message,
.subscribe-form__select,
.form-marger {
    height: 49px
}

.input-select {
    width: 100%;
    margin-bottom: 18px
}

.input-select .dropdown-menu {
    background: #f6f4f3;
    margin: 0
}

.input-select .dropdown-menu>li {
    display: block
}

.input-select .dropdown-menu>li>a {
    color: #b29d8d;
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 1em;
    padding: 16px 15px 13px
}

.input-select .dropdown-menu>li>a:hover,
.input-select .dropdown-menu>li>a:focus {
    background: #fff
}

.input-select .input-select__button {
    text-align: left;
    color: #b29d8d;
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 1em;
    background: #f6f4f3;
    padding: 16px 15px 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: none
}

.input-select__location .dropdown-menu {
    border: 2px solid #afb911;
    border-top: 0;
    background: #fff;
    padding: 7px 26px;
    box-shadow: none;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.input-select__location .dropdown-menu.inner {
    max-height: 225px !important
}

.input-select__location .dropdown-menu>li>a {
    color: #afb911;
    font-family: 'Myriad Pro', arial, helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 15px;
    padding: 5px 6px
}

.input-select__location .dropdown-menu>li>a:hover,
.input-select__location .dropdown-menu>li>a:focus {
    color: #753c0f;
    outline: 0
}

.input-select__location .input-select__button {
    font-family: "Soleil", Verdana, sans-serif;
    font-size: 22px;
    position: relative;
    display: block;
    overflow: hidden;
    height: 48px;
    width: 100%;
    border: 2px solid #afb911;
    border-radius: 50px;
    background: #fff;
    color: #afb911;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
    box-shadow: none;
    padding: 12px 34px
}

.input-select__location .input-select__button:focus,
.input-select__location .input-select__button::-moz-focus-inner {
    outline: 0
}

.input-select__location.open .input-select__button {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: visible;
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px
}

.input-select__location.open .caret {
    background-position: 0 -13px
}

.input-select__location.bootstrap-select.btn-group .dropdown-toggle .caret {
    margin-top: -4px;
    right: 19px
}

.input-select__location .caret {
    display: block;
    width: 24px;
    height: 13px;
    border: 0;
    background: url("/assets/img/dropdown/chosen-sprite_custom.png") no-repeat 0 0
}

.ie11 .input-select .input-select__button {
    padding: 16px 15px 17px
}

.ie11 .input-select__location .input-select__button {
    line-height: 14px;
    padding: 12px 34px 16px
}

.how-it-works li {
    width: 30%;
    text-align: center;
    vertical-align: top;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.how-it-works li:first-child {
    padding-left: 0
}

.how-it-works li:last-child {
    padding-right: 0
}

.how-it-works li h3 {
    margin: 0;
    color: #f29c2d
}

.how-it-works li p {
    font-size: 16px;
    color: #753c0f
}

.how-it-works li .image-container {
    min-height: 200px;
    position: relative
}

.how-it-works li .image-container span {
    position: absolute;
    left: 50%;
    bottom: 0
}

.how-it-works li .image-container span.toffifee-kakao,
.how-it-works li .image-container span.toffifee-nuss,
.how-it-works li .image-container span.toffifee-rotate {
    margin-left: -167px
}

.how-it-works li .btn {
    bottom: 0;
    position: absolute;
    left: 50%;
    margin-left: -30px
}

.how-it-works.sixpack {
    margin-bottom: 50px
}

.how-it-works.sixpack li h3 {
    font-size: 20px
}

.how-it-works.sixpack li .image-container {
    min-height: 100px;
    position: relative;
    margin-bottom: 28px
}

.how-it-works.sixpack li .image-container span {
    position: absolute;
    left: 50%;
    bottom: 0
}

.how-it-works.sixpack li .image-container span.ico-sixpack,
.how-it-works.sixpack li .image-container span.ico-rabatt,
.how-it-works.sixpack li .image-container span.ico-ticket {
    margin-left: -36px
}

.social {
    text-align: left;
    margin-top: 50px;
    padding: 0 5%;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.social li,
.social div {
    margin-bottom: 1.875em;
    height: 680px
}

.social li img,
.social div img {
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 1439px) {
    .social li iframe,
    .social div iframe {
        height: 550px
    }
}

@media (max-width: 1023px) {
    .social li iframe,
    .social div iframe {
        height: 450px
    }
}

@media (max-width: 767px) {
    .social li iframe,
    .social div iframe {
        height: 450px
    }
}

@media (max-width: 1439px) {
    .social li {
        height: 550px
    }
}

@media (max-width: 1023px) {
    .social li {
        height: 450px
    }
}

@media (max-width: 767px) {
    .social li {
        height: auto
    }
}

.social h4 {
    line-height: 0.9em
}

.social h4 span {
    font-size: 12px;
    color: #753c0f;
    display: block
}

.social p {
    font-size: 16px;
    color: #753c0f;
    line-height: 1.5em
}

.mood-carousel {
    padding: 0
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .mood-carousel {
        margin: -53px 0 0 0
    }
}

@media (min-width: 1280px) {
    .mood-carousel {
        margin: -17px 0 0 0
    }
}

.mood-carousel:after {
    background: none
}

.mood {
    min-height: 703px;
    margin: 0 0 90px 0;
    padding: 0
}

.mood .content-wrapper {
    max-width: 1300px;
    margin: 0 auto
}

.mood .content-wrapper .content {
    width: 340px;
    float: right;
    margin-top: 150px
}

.mood .content-wrapper .content.content-sixpack {
    width: 450px;
    margin-top: 50px;
    margin-right: 5%
}

@media (max-width: 1024px) {
    .mood .content-wrapper .content.content-sixpack {
        margin-right: 3%
    }
}

.mood .content-wrapper .content.content-sixpack h1,
.mood .content-wrapper .content.content-sixpack .h1 {
    font-size: 35px;
    margin: 0
}

@media (max-width: 1023px) {
    .mood .content-wrapper .content.content-sixpack h1,
    .mood .content-wrapper .content.content-sixpack .h1 {
        font-size: 24px
    }
}

.mood .content-wrapper .content.content-sixpack h2 {
    font-size: 35px;
    margin: 0
}

@media (max-width: 1023px) {
    .mood .content-wrapper .content.content-sixpack h2 {
        font-size: 24px
    }
}

.mood .content-wrapper .content.content-sixpack .h2 {
    font-size: 20px;
    margin: 0
}

.mood .content-wrapper .content.content-sixpack p {
    font-size: 14px
}

.mood .content-wrapper .content.content-sixpack .btn-sixpack {
    padding-left: 46px !important;
    font-size: 18px
}

.mood .content-wrapper .content.content-pixum {
    width: 35%;
    margin-top: 50px;
    margin-right: 5%
}

@media (min-width: 1024px) {
    .mood .content-wrapper .content.content-pixum {
        margin-top: 50px
    }
}

@media (min-width: 1280px) {
    .mood .content-wrapper .content.content-pixum {
        margin-top: 80px
    }
}

@media (max-width: 1024px) {
    .mood .content-wrapper .content.content-pixum {
        margin-right: 3%
    }
}

.mood .content-wrapper .content.content-pixum h1,
.mood .content-wrapper .content.content-pixum .h1 {
    font-size: 35px;
    margin: 0
}

@media (max-width: 1023px) {
    .mood .content-wrapper .content.content-pixum h1,
    .mood .content-wrapper .content.content-pixum .h1 {
        font-size: 24px
    }
}

.mood .content-wrapper .content.content-pixum h2 {
    font-size: 35px;
    margin: 0
}

@media (max-width: 1023px) {
    .mood .content-wrapper .content.content-pixum h2 {
        font-size: 24px
    }
}

.mood .content-wrapper .content.content-pixum .h2 {
    font-size: 20px;
    margin: 0
}

.mood .content-wrapper .content.content-pixum p {
    font-size: 14px
}

.mood .content-wrapper .content.content-pixum .btn {
    font-size: 18px;
    padding: 14px 50px 12px;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .mood .content-wrapper .content.content-pixum .btn {
        padding: 12px 60px 10px
    }
}

@media (min-width: 1280px) {
    .mood .content-wrapper .content.content-pixum .btn {
        font-size: 22px;
        padding: 12px 50px 10px
    }
}

.mood .content-wrapper .content.content-jufa {
    width: 450px;
    margin-top: 50px;
    margin-right: 5%
}

@media (max-width: 1024px) {
    .mood .content-wrapper .content.content-jufa {
        margin-right: 3%
    }
}

.mood .content-wrapper .content.content-jufa h1,
.mood .content-wrapper .content.content-jufa .h1 {
    font-size: 35px;
    margin: 0
}

@media (max-width: 1023px) {
    .mood .content-wrapper .content.content-jufa h1,
    .mood .content-wrapper .content.content-jufa .h1 {
        font-size: 24px
    }
}

.mood .content-wrapper .content.content-jufa h2 {
    font-size: 35px;
    margin: 0
}

@media (max-width: 1023px) {
    .mood .content-wrapper .content.content-jufa h2 {
        font-size: 24px
    }
}

@media (min-width: 1024px) {
    .mood .content-wrapper .content.content-jufa h2 {
        color: #ffde00
    }
}

.mood .content-wrapper .content.content-jufa .h2 {
    font-size: 20px;
    margin: 0
}

.mood .content-wrapper .content.content-jufa p {
    font-size: 14px
}

.mood .content-wrapper .content.content-jufa .btn-jufa {
    padding-left: 46px !important;
    font-size: 18px
}

.mood .content-wrapper .content.content-iframe {
    width: 450px;
    margin-top: 50px;
    margin-right: 5%
}

@media (max-width: 1024px) {
    .mood .content-wrapper .content.content-iframe {
        margin-right: 3%
    }
}

.mood .content-wrapper .content.content-iframe h1,
.mood .content-wrapper .content.content-iframe .h1 {
    font-size: 35px;
    margin: 0
}

@media (max-width: 1023px) {
    .mood .content-wrapper .content.content-iframe h1,
    .mood .content-wrapper .content.content-iframe .h1 {
        font-size: 24px
    }
}

.mood .content-wrapper .content.content-iframe h2 {
    font-size: 35px;
    margin: 0
}

@media (max-width: 1023px) {
    .mood .content-wrapper .content.content-iframe h2 {
        font-size: 24px
    }
}

.mood .content-wrapper .content.content-iframe .h2 {
    font-size: 20px;
    margin: 0
}

.mood .content-wrapper .content.content-iframe p {
    font-size: 14px
}

.mood .content-wrapper .content.content-iframe .btn-iframe {
    padding-left: 46px !important;
    font-size: 18px
}

.mood .content-wrapper .content.content-em {
    margin-right: 5%
}

.mood .content-wrapper .content.content-em h1 {
    color: #4b804a;
    font-family: "sketch_blockbold", Verdana, sans-serif
}

.mood .content-wrapper .content.content-em h2 {
    font-family: "Soleil", Verdana, sans-serif, Verdana, sans-serif;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 26px
}

.mood .content-wrapper .content.content-em p {
    font-family: "Soleil", Verdana, sans-serif, Verdana, sans-serif;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0;
    margin-top: 9px
}

.mood .content-wrapper .content.content-em h1,
.mood .content-wrapper .content.content-em h2,
.mood .content-wrapper .content.content-em .h1,
.mood .content-wrapper .content.content-em .h2 {
    margin-bottom: 0
}

.mood .content-wrapper .content.content-em .btn-empromo {
    background: #4B804a;
    color: #fff;
    padding-left: 46px !important;
    font-size: 18px
}

.mood .content-wrapper .content.content-em .btn-empromo:hover {
    background: #416E40
}

@media (max-width: 767px) {
    .mood .content-wrapper .content.content-em h2 {
        font-size: 16px;
        line-height: 20px
    }
}

@media (min-width: 1024px) {
    .mood .content-wrapper .content.content-em p {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0
    }
}

.mood.toffifee .content-wrapper .content,
.mood.easter .content-wrapper .content,
.mood.xmas .content-wrapper .content {
    width: 340px;
    margin-right: 45px
}

.mood.toffifee .content-wrapper h2,
.mood.toffifee .content-wrapper .h2,
.mood.easter .content-wrapper h2,
.mood.easter .content-wrapper .h2,
.mood.xmas .content-wrapper h2,
.mood.xmas .content-wrapper .h2 {
    font-size: 20px;
    margin: 0
}

.mood.toffifee .content-wrapper h1,
.mood.toffifee .content-wrapper .h1,
.mood.easter .content-wrapper h1,
.mood.easter .content-wrapper .h1,
.mood.xmas .content-wrapper h1,
.mood.xmas .content-wrapper .h1 {
    font-size: 35px;
    margin: 0
}

.mood.toffifee .content-wrapper p,
.mood.easter .content-wrapper p,
.mood.xmas .content-wrapper p {
    font-size: 14px
}

.mood.toffifee .content-wrapper .btn,
.mood.easter .content-wrapper .btn,
.mood.xmas .content-wrapper .btn {
    font-size: 18px
}

.mood.qonline-cz .content.content-iframe,
.mood.qonline-sk .content.content-iframe {
    width: 340px;
    margin-top: 150px
}

.mood img.packshot-pixum {
    position: absolute;
    bottom: 20px;
    right: 5%;
    z-index: 2;
    width: auto;
    min-width: 133px;
    max-width: 382px
}

@media (max-width: 1024px) {
    .mood img.packshot-pixum {
        right: 4%;
        max-width: 350px
    }
}

@media (min-width: 1280px) {
    .mood img.packshot-pixum {
        max-width: 100%
    }
}



.text_SS {
    margin-top: 5px;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .text_SS {
        width: 182px;
        height: 57px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .text_SS {
        width: 242px;
        height: 79px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .text_SS {
        width: 303px;
        height: 97px
    }
}

@media (min-width: 1280px) {
    .text_SS {
        width: 364px;
        height: 116px
    }
}

.stage {
    height: 352px;
    position: relative;
    overflow: visible
}

.stage .row {
    height: 352px
}

.stage__background {
    width: 540px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media (min-width: 540px) and (max-width: 767px) {
    .stage {
        height: 374px
    }
    .stage .row {
        height: 374px
    }
    .stage__background {
        width: 767px;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .stage {
        height: 374px
    }
    .stage .row {
        height: 374px
    }
    .stage__background {
        width: 1023px;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .stage {
        height: 530px
    }
    .stage .row {
        height: 530px
    }
    .stage__background {
        width: 1439px;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@media (min-width: 1440px) {
    .stage {
        height: 680px
    }
    .stage .row {
        height: 680px
    }
    .stage__background {
        width: 2000px;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

.slider-stage__slider {
    position: static
}

.slider-stage__slider-item {
    background-position: top center;
    position: relative;
    overflow: hidden
}

.slider-stage__slider-item:focus,
.slider-stage__slider-item:hover {
    border: 0 none;
    outline: none
}

.slider-stage__slider-item .container .spin-to-win {
    display: block;
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: transparent
}

.slider-stage {
    margin-bottom: 40px
}

.slider-stage .slider-stage__slider {
    height: 680px
}

.slider-stage .slider-stage__slider .row {
    height: 680px
}

.slider-stage .stage__background img {
    width: 769px;
    height: 352px
}

@media (min-width: 768px) {
    .slider-stage .stage__background img {
        width: 1023px;
        height: 374px
    }
}

@media (min-width: 1024px) {
    .slider-stage .stage__background img {
        width: 1439px;
        height: 530px
    }
}

@media (min-width: 1440px) {
    .slider-stage .stage__background img {
        width: 2000px;
        height: 600px
    }
}

@media (max-width: 767px) {
    .slider-stage .stage__background.stage__background-default-mood {
        width: 767px
    }
}

.slider-stage .stage__background.stage__background-default-mood img {
    width: 540px;
    height: 352px;
    margin-left: 115px
}

@media (min-width: 540px) {
    .slider-stage .stage__background.stage__background-default-mood img {
        width: 769px;
        height: 352px;
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .slider-stage .stage__background.stage__background-default-mood img {
        width: 1023px;
        height: 374px
    }
}

@media (min-width: 1024px) {
    .slider-stage .stage__background.stage__background-default-mood img {
        width: 1439px;
        height: 530px
    }
}

@media (min-width: 1440px) {
    .slider-stage .stage__background.stage__background-default-mood img {
        width: 2000px;
        height: 600px
    }
}

.slider-stage .slick-arrow {
    display: none !important;
    width: 17px;
    height: 35px;
    z-index: 999;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    outline: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media (min-width: 768px) {
    .slider-stage .slick-arrow {
        display: inline-block !important
    }
}

.slider-stage .slick-arrow.slick-prev {
    background: url(/assets/img/icon/prev.png) no-repeat center center;
    left: 15px
}

.slider-stage .slick-arrow.slick-prev:hover {
    background: url(/assets/img/icon/prev-hover.png) no-repeat center center
}

.slider-stage .slick-arrow.slick-next {
    background: url(/assets/img/icon/next.png) no-repeat center center;
    right: 15px
}

.slider-stage .slick-arrow.slick-next:hover {
    background: url(/assets/img/icon/next-hover.png) no-repeat center center
}

.slider-stage .slick-dots {
    position: absolute;
    left: 50%;
    bottom: -45px;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media (min-width: 768px) {
    .slider-stage .slick-dots {
        bottom: -35px
    }
}

@media (min-width: 1440px) {
    .slider-stage .slick-dots {
        bottom: 30px
    }
}

.slider-stage .slick-dots li {
    background: url(/assets/img/icon/pager.png) no-repeat center center;
    width: 14px;
    height: 14px;
    margin-right: 15px;
    cursor: pointer
}

.slider-stage .slick-dots li.slick-active {
    background: url(/assets/img/icon/pager-active.png) no-repeat center center
}

.slider-stage .slick-dots li button {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    outline: 0
}

.slider-stage__content img {
	display: contents !important;
}

.slider-stage__content,
.slider-stage__packshot {
    width: 38%;
    height: auto;
    position: absolute;
    right: 5px;
    text-align: center;
    
}

@media (min-width: 1440px) {
    .slider-stage__content,
    .slider-stage__packshot {
        width: 38%;
        right: 80px;
        text-align: center;
    }
}

.slider-stage__fanfieber-packshot {
    right: 80px;
    width: 60%;
    top: 245px;
    z-index: 9999;
    height: auto;
    position: absolute
}

@media (min-width: 768px) {
    .slider-stage__fanfieber-packshot {
        width: 35%;
        right: 20px;
        height: 160px
    }
}

@media (min-width: 1024px) {
    .slider-stage__fanfieber-packshot {
        width: 35%;
        right: 20px;
        height: 200px;
        top: 400px
    }
}

@media (min-width: 1440px) {
    .slider-stage__fanfieber-packshot {
        height: 230px;
        top: 440px
    }
}

.slider-stage__fanfieber-packshot img {
    width: auto;
    height: auto
}

@media (min-width: 768px) {
    .slider-stage__fanfieber-packshot img {
        width: 250px;
        height: 160px
    }
}

@media (min-width: 1024px) {
    .slider-stage__fanfieber-packshot img {
        width: 330px;
        height: 200px
    }
}

@media (min-width: 1440px) {
    .slider-stage__fanfieber-packshot img {
        width: 400px;
        height: 230px
    }
}

.slider-stage__slider-item-select .slider-stage__content,
.slider-stage__slider-item-select .slider-stage__packshot {
    width: 50%
}

@media (min-width: 1024px) {
    .slider-stage__slider-item-select .slider-stage__content,
    .slider-stage__slider-item-select .slider-stage__packshot {
        width: 40%
    }
}

@media (min-width: 1440px) {
    .slider-stage__slider-item-select .slider-stage__content,
    .slider-stage__slider-item-select .slider-stage__packshot {
        width: 35%
    }
}

.slider-stage__slider-item-select .slider-stage__fanfieber-packshot {
    width: 50%
}

@media (min-width: 1024px) {
    .slider-stage__slider-item-select .slider-stage__fanfieber-packshot {
        width: 40%
    }
}

@media (min-width: 1440px) {
    .slider-stage__slider-item-select .slider-stage__fanfieber-packshot {
        width: 35%
    }
}

.slider-stage__content {
    margin-top: 50px;
    top: 0
}

@media (min-width: 1024px) {
    .slider-stage__content {
        margin-top: 80px
    }
}

.slider-stage__content h1,
.slider-stage__content .h1 {
    font-size: 17px;
    line-height: 1.2em;
    color: #f29c2d
}

@media (min-width: 768px) {
    .slider-stage__content h1,
    .slider-stage__content .h1 {
        font-size: 28px
    }
}

@media (min-width: 1024px) {
    .slider-stage__content h1,
    .slider-stage__content .h1 {
        font-size: 27px
    }
}

@media (min-width: 1440px) {
    .slider-stage__content h1,
    .slider-stage__content .h1 {
        font-size: 32px
    }
}

.slider-stage__content .h1-fanfieber {
    color: #fff;
    display: none
}

@media (min-width: 768px) {
    .slider-stage__content .h1-fanfieber {
        display: block
    }
}

.slider-stage__content .h2-fanfieber {
    color: #fff
}

@media (min-width: 768px) {
    .slider-stage__content .h2-fanfieber {
        display: none
    }
}

.slider-stage__content h2,
.slider-stage__content .h2 {
    font-size: 14px;
    line-height: 1em;
    color: #753c0f
}

@media (min-width: 768px) {
    .slider-stage__content h2,
    .slider-stage__content .h2 {
        font-size: 16px
    }
}

@media (min-width: 1024px) {
    .slider-stage__content h2,
    .slider-stage__content .h2 {
        font-size: 15px
    }
}

@media (min-width: 1440px) {
    .slider-stage__content h2,
    .slider-stage__content .h2 {
        font-size: 16px
    }
}

.slider-stage__content p {
    color: #753c0f;
    font-size: 15px
}
.slider-stage__content p strong{
    color: #753c0f;
    font-size: 14px
}


@media (max-width: 1023px) {
    .slider-stage__content p {
        display: block
    }
}

@media (min-width: 1440px) {
    .slider-stage__content p {
        font-size: 16px
    }
}

.slider-stage__content .input-select__location {
    max-width: 340px;
    z-index: 99999
}

@media (max-width: 539px) {
    .slider-stage__content .input-select__location .input-select__button {
        font-size: 11px;
        padding: 12px
    }
    .slider-stage__content .input-select__location .input-select__button .caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        margin-top: -2px !important;
        right: 12px !important;
        vertical-align: middle;
        border-top: 4px dashed;
        border-top: 4px solid \9;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent
    }
    .slider-stage__content .input-select__location .dropdown-menu {
        padding: 7px
    }
    .slider-stage__content .input-select__location .dropdown-menu li a {
        font-size: 11px
    }
    .slider-stage__content .input-select__location.open .input-select__button .caret {
        border-top: 0 none;
        border-bottom: 4px dashed;
        border-bottom: 4px solid \9;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent
    }
}

.slider-stage__content .btn.stage__btn {
    width: auto;
    font-size: 12px;
    padding: 12px 15px
}

@media (min-width: 768px) {
    .slider-stage__content .btn.stage__btn {
        font-size: 16px;
        padding: 15px 30px
    }
}

@media (min-width: 1024px) {
    .slider-stage__content .btn.stage__btn {
        font-size: 15px
    }
}

@media (min-width: 1440px) {
    .slider-stage__content .btn.stage__btn {
        font-size: 16px
    }
}

.slider-stage__content .btn.red__btn {
    color: white;
    background-color: #da020f
}

.slider-stage__content .btn.red__btn:hover {
    background-color: #da020f
}

.slider-stage__packshot {
    height: 90px;
    top: 280px;
    z-index: 9999
}

@media (min-width: 768px) {
    .slider-stage__packshot {
        height: 160px
    }
}

@media (min-width: 1024px) {
    .slider-stage__packshot {
        height: 200px;
        top: 400px
    }
}

@media (min-width: 1440px) {
    .slider-stage__packshot {
        height: 230px;
        top: 440px
    }
}

.slider-stage__packshot img {
    width: 125px;
    height: 90px
}

@media (min-width: 768px) {
    .slider-stage__packshot img {
        width: 250px;
        height: 160px
    }
}

@media (min-width: 1024px) {
    .slider-stage__packshot img {
        width: 330px;
        height: 200px
    }
}

@media (min-width: 1440px) {
    .slider-stage__packshot img {
        width: 400px;
        height: 230px
    }
}

.slider-stage__wave {
    background-position: 0 0;
    background-repeat: repeat-x;
    display: block;
    width: 100%;
    padding: 40px 0 0 0;
    position: absolute;
    left: 0;
    bottom: 295px
}

@media (min-width: 768px) {
    .slider-stage__wave {
        bottom: 270px
    }
}

@media (min-width: 1024px) {
    .slider-stage__wave {
        bottom: 115px
    }
}

@media (min-width: 1440px) {
    .slider-stage__wave {
        bottom: 45px
    }
}

.slider-stage__slider-iframe .slider-stage__content {
    width: 40%;
    text-align: center;
    right: 5%;
    margin-top: 40px
}

@media (min-width: 540px) {
    .slider-stage__slider-iframe .slider-stage__content {
        width: 35%;
        right: 82px;
        margin-top: 40px
    }
}

@media (min-width: 768px) {
    .slider-stage__slider-iframe .slider-stage__content {
        width: 35%;
        right: 110px;
        margin-top: 40px
    }
}

@media (min-width: 1440px) {
    .slider-stage__slider-iframe .slider-stage__content {
        width: 30%;
        right: 150px
    }
}

.slider-stage__slider-iframe .slider-stage__content h1,
.slider-stage__slider-iframe .slider-stage__content .h1 {
    color: #fff
}

@media (min-width: 768px) {
    .slider-stage__slider-iframe .slider-stage__content h1,
    .slider-stage__slider-iframe .slider-stage__content .h1 {
        font-size: 28px
    }
}

@media (min-width: 1024px) {
    .slider-stage__slider-iframe .slider-stage__content h1,
    .slider-stage__slider-iframe .slider-stage__content .h1 {
        font-size: 32px;
        line-height: 1.5em
    }
}

@media (min-width: 1440px) {
    .slider-stage__slider-iframe .slider-stage__content h1,
    .slider-stage__slider-iframe .slider-stage__content .h1 {
        font-size: 40px
    }
}

.slider-stage__slider-iframe .slider-stage__content a {
    margin-top: 20px
}

.slider-stage__slider-iframe .slider-stage__packshot {
    width: 100%;
    right: auto
}

@media (min-width: 1440px) {
    .slider-stage__slider-iframe .slider-stage__packshot {
        top: 415px
    }
}

.slider-stage__slider-iframe .slider-stage__packshot img {
    width: 125px;
    height: 85px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .slider-stage__slider-iframe .slider-stage__packshot img {
        width: 250px;
        height: 171px
    }
}

@media (min-width: 1024px) {
    .slider-stage__slider-iframe .slider-stage__packshot img {
        width: 330px;
        height: 226px
    }
}

@media (min-width: 1440px) {
    .slider-stage__slider-iframe .slider-stage__packshot img {
        width: 330px;
        height: 226px
    }
}

@media (min-width: 1024px) {
    .slider-stage__slider-zusammener .slider-stage__content {
        margin-top: 10px
    }
}

.slider-stage__slider-zusammener .slider-stage__content img {
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    .slider-stage__slider-zusammener .slider-stage__content img {
        margin-bottom: 0
    }
}

.slider-stage__slider-zusammener .slider-stage__content .zusammener-logo--preview {
    display: none
}

@media (min-width: 1024px) {
    .slider-stage__slider-zusammener .slider-stage__content .zusammener-logo--preview {
        display: block;
        max-width: 180px;
        height: auto
    }
}

.slider-stage__slider-zusammener .slider-stage__content .zusammener-eyecatcher {
    width: 140px;
    height: 88px
}

@media (min-width: 768px) {
    .slider-stage__slider-zusammener .slider-stage__content .zusammener-eyecatcher {
        width: 209px;
        height: 131px
    }
}

@media (min-width: 1024px) {
    .slider-stage__slider-zusammener .slider-stage__content .zusammener-eyecatcher {
        width: 244px;
        height: 99px
    }
}

.slider-stage__slider-pixum .pixum-logo {
    display: none
}

@media (min-width: 1024px) {
    .slider-stage__slider-pixum .pixum-logo {
        display: block
    }
}

.slider-stage__slider-xmas .slider-stage__content h1,
.slider-stage__slider-xmas .slider-stage__content .h1,
.slider-stage__slider-xmas .slider-stage__content p {
    color: #fff
}

@media (min-width: 1024px) {
    .slider-stage__slider-gold .slider-stage__content {
        margin-top: 200px
    }
}

.slider-stage__slider-gold .slider-stage__content h1,
.slider-stage__slider-gold .slider-stage__content .h1,
.slider-stage__slider-gold .slider-stage__content p {
    color: #fff
}

@media (max-width: 767px) {
    .slider-stage__slider-gold .stage__background {
        width: 767px
    }
}

.slider-stage__additional {
    margin-top: 40px
}

.slider-stage__additional--headline {
    display: block !important
}

@media (min-width: 768px) {
    .slider-stage__additional--headline {
        font-size: 22px !important
    }
}

@media (min-width: 1024px) {
    .slider-stage__additional--headline {
        display: none !important
    }
}

@media (max-width: 1023px) {
    .slider-stage__additional--copytext {
        display: none
    }
}

.nutrition-tab table {
    margin: 0 auto 50px;
    border-collapse: collapse
}

.nutrition-tab td,
.nutrition-tab th {
    text-align: left;
    color: #572b10;
    padding: 10px;
    border-top: 1px solid #e0c4a2;
    border-left: 1px solid #e0c4a2
}

.nutrition-tab td:first-child,
.nutrition-tab th:first-child {
    border-left: none
}

.nutrition-tab thead th {
    border-top: none;
    border-bottom: 1px solid #e0c4a2
}

.nutrition-tab thead th p {
    margin: 0;
    width: auto;
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #f29c2d
}

.nutrition-tab h4 {
    color: #572b10;
    font-size: 15px
}

.nutrition-tab p {
    font-size: 15px;
    width: 60%;
    margin: 10px auto 30px;
    line-height: 1.4em
}

@media (max-width: 767px) {
    .nutrition-tab p {
        width: 80%
    }
}

.nutrition-tab .indent {
    padding-left: 25px
}

.nutrition-tab.nutrition-tab__ca .double-border-top {
    border-top: 2px solid #e0c4a2
}

@media (min-width: 980px) {
    .nutrition-tab.nutrition-tab__ca .no-border-left {
        border-left: none
    }
}

.mw__ca {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: auto
}

.mw__ca .nutrition-tab h3 {
    display: none
}

.mw__ca .nutrition-tab .rwd-table {
    display: none
}

.recipe-wrapper {
    display: block;
    margin: 79px -20px 0 -20px
}

.recipe-wrapper .image-wrapper {
    display: block
}

.recipe-wrapper .recipe {
    width: 50%;
    padding: 20px;
    margin-bottom: 28px;
    float: left;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.recipe-wrapper .recipe img {
    width: 100%;
    height: auto
}

.recipe-wrapper .recipe .text-wrapper {
    position: relative;
    border-bottom: 1px solid #e1b989;
    margin-bottom: 20px;
    display: block
}

.recipe-wrapper .recipe .text-wrapper p {
    color: #572b10;
    display: block;
    margin: 17px 0 3px 0;
    text-overflow: ellipsis;
    width: 80%;
    white-space: nowrap;
    overflow: hidden
}

.recipe-wrapper .recipe .btn.inverse {
    border: 2px solid #f29c2d;
    background: #fff;
    color: #f29c2d;
    padding: 7px 17px
}

.recipe-wrapper .recipe .btn {
    position: absolute;
    bottom: 16px;
    right: 0
}

.recipe-wrapper .recipe h4 {
    padding-bottom: 13px;
    margin: 0;
    text-overflow: ellipsis;
    width: 60%;
    white-space: nowrap;
    overflow: hidden
}

.recipe-wrapper .recipe h4 a {
    font-family: "Soleil-Bold", Verdana, sans-serif
}

.recipe-wrapper.detail {
    margin-top: 0
}

.recipe-wrapper.detail .recipe {
    width: 70%;
    margin: auto;
    float: none
}

.recipe-wrapper.detail h3 {
    border-bottom: 1px solid #c57617;
    color: #c57617;
    font-size: 20px;
    font-family: "Soleil-Bold", Verdana, sans-serif;
    text-align: center;
    padding-bottom: 40px;
    line-height: 1.4em;
    margin-bottom: 10px;
    margin-top: -100px
}

.recipe-wrapper.detail h3 span {
    color: #572b10;
    display: block
}

.recipe-wrapper.detail strong {
    position: relative;
    float: left;
    margin-right: 10px;
    bottom: 9px
}

.recipe-wrapper.detail .image-wrapper {
    margin: 0 -20px
}

.recipe-wrapper.detail img {
    width: 50%;
    height: auto;
    float: left;
    padding: 10px 20px 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.recipe-wrapper.detail .text-wrapper {
    border-bottom: 1px solid #f29c2d;
    padding: 15px 0 15px 0;
    margin-bottom: 65px
}

.recipe-wrapper.detail .text-wrapper .icon {
    bottom: 10px
}

.recipe-wrapper.detail .ingredients,
.recipe-wrapper.detail .preparation,
.recipe-wrapper.detail .preptime,
.recipe-wrapper.detail .cooktime,
.recipe-wrapper.detail .thumbnail {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}

.recipe-wrapper.detail .ingredients h4,
.recipe-wrapper.detail .preparation h4,
.recipe-wrapper.detail .preptime h4,
.recipe-wrapper.detail .cooktime h4,
.recipe-wrapper.detail .thumbnail h4 {
    font-family: "journalregular", Verdana, sans-serif;
    font-size: 40px;
    font-weight: normal;
    color: #572b10;
    border-bottom: 1px solid #572b10;
    display: inline;
    padding: 0;
    white-space: normal
}

.recipe-wrapper.detail .ingredients p,
.recipe-wrapper.detail .ingredients li,
.recipe-wrapper.detail .preparation p,
.recipe-wrapper.detail .preparation li,
.recipe-wrapper.detail .preptime p,
.recipe-wrapper.detail .preptime li,
.recipe-wrapper.detail .cooktime p,
.recipe-wrapper.detail .cooktime li,
.recipe-wrapper.detail .thumbnail p,
.recipe-wrapper.detail .thumbnail li {
    color: #c57617;
    font-size: 16px;
    margin-top: 38px
}

.recipe-wrapper.detail .ingredients p,
.recipe-wrapper.detail .preparation p,
.recipe-wrapper.detail .preptime p,
.recipe-wrapper.detail .cooktime p,
.recipe-wrapper.detail .thumbnail p {
    line-height: 1.6em
}

.recipe-wrapper.detail .ingredients ul,
.recipe-wrapper.detail .preparation ul,
.recipe-wrapper.detail .preptime ul,
.recipe-wrapper.detail .cooktime ul,
.recipe-wrapper.detail .thumbnail ul {
    margin-top: 38px
}

.recipe-wrapper.detail .ingredients li,
.recipe-wrapper.detail .preparation li,
.recipe-wrapper.detail .preptime li,
.recipe-wrapper.detail .cooktime li,
.recipe-wrapper.detail .thumbnail li {
    display: block;
    margin-top: 0;
    line-height: 2.4em
}

.recipe-wrapper.detail .preptime,
.recipe-wrapper.detail .ingredients {
    width: 35%;
    margin-bottom: 30px
}

.recipe-wrapper.detail .preparation,
.recipe-wrapper.detail .cooktime {
    width: 65%;
    margin-bottom: 30px
}

.recipe-wrapper.detail .ingredients,
.recipe-wrapper.detail .preptime {
    padding-left: 0
}

.recipe-wrapper.detail .thumbnail {
    width: 100%;
    margin-bottom: 30px;
    padding: 0
}

.recipe-wrapper.detail .thumbnail li {
    width: 100%;
    height: 100px;
    margin-bottom: 20px
}

.recipe-wrapper.detail .thumbnail li img,
.recipe-wrapper.detail .thumbnail li p {
    float: left
}

.recipe-wrapper.detail .thumbnail li img {
    width: 130px;
    height: 80px;
    margin-right: 20px;
    padding: 0
}

.recipe-wrapper.detail .thumbnail li p {
    width: 75%;
    margin: 20px 0
}

.recipe-wrapper.detail .thumbnail li p a {
    text-decoration: underline
}

.recipe-wrapper h3 {
    text-align: left;
    padding: 42px 0 0 80px;
    position: relative;
    clear: both;
    margin: 0 0 10px 20px;
    font-size: 20px;
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-weight: normal;
    color: #f29c2d
}

.recipe-wrapper .ico-pie,
.recipe-wrapper .ico-cake,
.recipe-wrapper .ico-muffin,
.recipe-wrapper .ico-cookie,
.recipe-wrapper .ico-icecream {
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0
}

.recipe-bar ul {
    border-bottom: 2px solid #f29c2d
}

.recipe-bar li {
    padding: 20px 0 20px 0;
    margin: 0 40px;
    text-align: center
}

.recipe-bar-sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 60px;
    z-index: 100;
    margin-top: 0;
    z-index: 1;
    background: #f5e8d9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZThkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWU4ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #f5e8d9 0%, #fff 30%, #fff 66%, #f5e8d9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f5e8d9), color-stop(30%, #fff), color-stop(66%, #fff), color-stop(100%, #f5e8d9));
    background: -webkit-linear-gradient(left, #f5e8d9 0%, #fff 30%, #fff 66%, #f5e8d9 100%);
    background: -o-linear-gradient(left, #f5e8d9 0%, #fff 30%, #fff 66%, #f5e8d9 100%);
    background: -ms-linear-gradient(left, #f5e8d9 0%, #fff 30%, #fff 66%, #f5e8d9 100%);
    background: linear-gradient(to right, #f5e8d9 0%, #ffffff 30%, #ffffff 66%, #f5e8d9 100%)
}

.recipe-bar-sticky ul {
    border-bottom: 1px solid #f29c2d;
    width: 88%;
    margin: auto
}

.recipe-bar-sticky .h4 {
    font-size: 16px
}

.recipe-bar-spacer {
    margin-top: 130px
}



@media (min-width: 1440px) {
    .promo-gold__slider-stage {
        height: 600px
    }
}

.promo-gold__container {
    margin-top: 80px
}

.promo-gold__container h3 {
    color: #f29c2d
}

.promo-gold__teaser {
    margin: 20px auto 40px
}

.promo-gold__teaser a {
    cursor: pointer
}

section.without-trenner.promo-gold__tnb {
    padding-top: 2%
}

section.xmas {
    padding: 10% 6% 3%;
    min-height: 0;
    margin: 0 auto
}

header+section.xmas {
    min-height: 0
}

@media (max-width: 980px) {
    section.xmas {
        padding: 20% 10% 6%
    }
}

@media (max-width: 767px) {
    section.xmas h1:first-child {
        font-size: 26px
    }
    header+section.xmas {
        min-height: 0
    }
}

.xmas-wrapper {
    position: relative
}

@media (min-width: 1025px) {
    .xmas-wrapper:before,
    .xmas-wrapper:after {
        background-repeat: repeat-y;
        content: "";
        width: 172px;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 5
    }
}

@media (min-width: 0) and (max-width: 1024px) {
    .xmas-wrapper:before,
    .xmas-wrapper:after {
        display: none;
        height: 0;
        width: 0
    }
}

@media (min-width: 1025px) {
    .xmas-wrapper:before {
        background-image: url("../images/bg/layout/xmas-2015/stars-left.png");
        left: 0
    }
}

@media (min-width: 1025px) and (min-resolution: 144dpi),
(min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .xmas-wrapper:before {
        background-image: url("../images/bg/layout/xmas-2015/stars-left-2x.png")
    }
}

@media (min-width: 1025px) {
    .xmas-wrapper:after {
        background-image: url("../images/bg/layout/xmas-2015/stars-right.png");
        right: 0
    }
}

@media (min-width: 1025px) and (min-resolution: 144dpi),
(min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .xmas-wrapper:after {
        background-image: url("../images/bg/layout/xmas-2015/stars-left-2x.png")
    }
}

.xmas .xmas-illu {
    width: 240px;
    height: 240px;
    position: absolute;
    bottom: -10%;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10
}

@media (min-width: 0) and (max-width: 1024px) {
    .xmas .xmas-illu {
        display: none;
        height: 0;
        width: 0
    }
}

.xmas .toffifee-nut-left {
    height: 226px;
    left: 0
}

@media (min-width: 1025px) {
    .xmas .toffifee-nut-left {
        background-image: url("../images/bg/layout/xmas-2015/toffifee-illu-left.png")
    }
}

@media (min-width: 1025px) and (min-resolution: 144dpi),
(min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .xmas .toffifee-nut-left {
        background-image: url("../images/bg/layout/xmas-2015/toffifee-illu-left-2x.png")
    }
}

.xmas .toffifee-nut-right {
    height: 226px;
    right: 0
}

@media (min-width: 1025px) {
    .xmas .toffifee-nut-right {
        background-image: url("../images/bg/layout/xmas-2015/toffifee-nut-right.png")
    }
}

@media (min-width: 1025px) and (min-resolution: 144dpi),
(min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .xmas .toffifee-nut-right {
        background-image: url("../images/bg/layout/xmas-2015/toffifee-nut-right-2x.png")
    }
}

.xmas .fir-branch-right {
    right: 0
}

@media (min-width: 1025px) {
    .xmas .fir-branch-right {
        background-image: url("../images/bg/layout/xmas-2015/fir-branch-right.png")
    }
}

@media (min-width: 1025px) and (min-resolution: 144dpi),
(min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .xmas .fir-branch-right {
        background-image: url("../images/bg/layout/xmas-2015/fir-branch-right-2x.png")
    }
}

.xmas .fir-star-left {
    left: 0
}

@media (min-width: 1025px) {
    .xmas .fir-star-left {
        background-image: url("../images/bg/layout/xmas-2015/fir-star-left.png")
    }
}

@media (min-width: 1025px) and (min-resolution: 144dpi),
(min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .xmas .fir-star-left {
        background-image: url("../images/bg/layout/xmas-2015/fir-star-left-2x.png")
    }
}

.xmas .house-right {
    height: 425px;
    right: 0
}

@media (min-width: 1025px) {
    .xmas .house-right {
        background-image: url("../images/bg/layout/xmas-2015/house-right.png")
    }
}

@media (min-width: 1025px) and (min-resolution: 144dpi),
(min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .xmas .house-right {
        background-image: url("../images/bg/layout/xmas-2015/house-right-2x.png")
    }
}

.xmas .fir-branch-left {
    left: 0
}

@media (min-width: 1025px) {
    .xmas .fir-branch-left {
        background-image: url("../images/bg/layout/xmas-2015/fir-branch-left.png")
    }
}

@media (min-width: 1025px) and (min-resolution: 144dpi),
(min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .xmas .fir-branch-left {
        background-image: url("../images/bg/layout/xmas-2015/fir-branch-left-2x.png")
    }
}

.xmas .fir-tree-right {
    right: 0
}

@media (min-width: 1025px) {
    .xmas .fir-tree-right {
        background-image: url("../images/bg/layout/xmas-2015/fir-tree-right.png")
    }
}

@media (min-width: 1025px) and (min-resolution: 144dpi),
(min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .xmas .fir-tree-right {
        background-image: url("../images/bg/layout/xmas-2015/fir-tree-right-2x.png")
    }
}

.xmas .santa-left {
    left: 0
}

@media (min-width: 1025px) {
    .xmas .santa-left {
        background-image: url("../images/bg/layout/xmas-2015/santa-left.png")
    }
}

@media (min-width: 1025px) and (min-resolution: 144dpi),
(min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
    .xmas .santa-left {
        background-image: url("../images/bg/layout/xmas-2015/santa-left-2x.png")
    }
}

.xmas h1,
.xmas h3 {
    color: #572b10
}

.xmas h3 {
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .xmas h3 {
        font-size: 17px
    }
}

@media (min-width: 1025px) {
    .xmas h3 {
        font-size: 42px
    }
}

.xmas .copytext,
.xmas .subline {
    color: #f29c2d;
    width: 60%;
    max-width: 630px;
    margin: auto
}

@media (max-width: 767px) {
    .xmas .copytext,
    .xmas .subline {
        width: auto
    }
}

.xmas .packshot {
    margin: 50px auto;
    display: block
}

@media (max-width: 320px) {
    .xmas .negative-margin {
        margin-left: -10%
    }
}

@media (min-width: 1025px) {
    .xmas .packshot-toffifee-three {
        width: 875px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .xmas .packshot-toffifee-three {
        width: 626px
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .xmas .packshot-toffifee-three {
        width: 256px
    }
}

@media (min-width: 1025px) {
    .xmas .packshot-toffifee-xmasfun {
        width: 701px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .xmas .packshot-toffifee-xmasfun {
        width: 501px
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .xmas .packshot-toffifee-xmasfun {
        width: 256px
    }
}

@media (min-width: 1025px) {
    .xmas .packshot-toffifee-santa {
        width: 500px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .xmas .packshot-toffifee-santa {
        width: 275px
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .xmas .packshot-toffifee-santa {
        width: 161px
    }
}

@media (min-width: 1025px) {
    .xmas .packshot-toffifee-snow {
        width: 640px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .xmas .packshot-toffifee-snow {
        width: 352px
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .xmas .packshot-toffifee-snow {
        width: 207px
    }
}

@media (min-width: 1025px) {
    .xmas .packshot-toffifee-handicrafts {
        width: 500px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .xmas .packshot-toffifee-handicrafts {
        width: 275px
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .xmas .packshot-toffifee-handicrafts {
        width: 161px
    }
}

.header__nav-first-base__item .sixpack.first-base-anchor {
    position: relative
}

.header__nav-first-base__item .sixpack.first-base-anchor::after {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    top: -25px;
    right: -35px;
    background: url("../images/bg/content/neu.png") no-repeat
}

@media (max-width: 1279px) {
    .header__nav-first-base__item .sixpack.first-base-anchor::after {
        display: none
    }
}

section.sixpack-promo {
    position: relative;
    padding: 6% 6% 3%;
    margin-top: 3%
}

section.sixpack-promo.first {
    margin-top: 0;
    padding-top: 3%
}

section.sixpack-promo.first p.strong {
    width: 80%;
    max-width: none
}

section.sixpack-promo.second h2 {
    font-size: 32px
}

section.sixpack-promo .sixpack-list {
    margin: 60px auto
}

section.sixpack-promo .sixpack-list li {
    width: 32%
}

section.sixpack-promo .sixpack-list li img {
    margin-bottom: 30px
}

section.sixpack-promo .sixpack-list-links {
    margin-bottom: 25px
}

section.sixpack-promo .sixpack-list-links li {
    width: 350px
}

section.sixpack-promo .sixpack-list-links li .btn {
    min-width: 260px
}

section.sixpack-promo .service-mail {
    font-size: inherit;
    font-weight: bold;
    text-decoration: underline
}

section.sixpack-promo .nut-picture-right {
    top: auto;
    bottom: -60px
}

section.sixpack-promo .karamel-deco-left {
    width: 353px;
    height: 180px;
    position: absolute;
    left: 0;
    bottom: -200px
}

@media (min-width: 1024px) {
    section.sixpack-promo .karamel-deco-left {
        background: url("../images/bg/content/karamel.png") no-repeat
    }
}

@media (min-width: 1024px) and (min-resolution: 144dpi),
(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    section.sixpack-promo .karamel-deco-left {
        background: url("../images/bg/content/karamel_2x.png") no-repeat;
        background-size: 353px 180px
    }
}

section.sixpack-promo .sixpack-promo-teaser {
    margin: 60px auto
}

@media (max-width: 767px) {
    section.sixpack-promo .sixpack-promo-teaser {
        width: 293px;
        height: 170px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    section.sixpack-promo .sixpack-promo-teaser {
        width: 703px;
        height: 408px
    }
}

@media (min-width: 1024px) {
    section.sixpack-promo .sixpack-promo-teaser {
        width: 982px;
        height: 571px
    }
}

@media (max-width: 767px) {
    section.sixpack-promo .sixpack-promo-coupon {
        width: 181px;
        height: 113px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    section.sixpack-promo .sixpack-promo-coupon {
        width: 211px;
        height: 136px
    }
}

@media (min-width: 1024px) {
    section.sixpack-promo .sixpack-promo-coupon {
        width: 280px;
        height: 180px
    }
}

header+.promo-easter {
    min-height: 0
}

.promo-easter {
    padding: 10% 6% 3%
}

@media (max-width: 980px) {
    .promo-easter {
        padding: 20% 6% 6%
    }
}

.promo-easter h1 {
    color: #572b10
}

@media (max-width: 767px) {
    .promo-easter h1:first-child {
        font-size: 26px
    }
}

.promo-easter h3 {
    color: #572b10;
    font-size: 42px;
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .promo-easter h3 {
        font-size: 17px
    }
}

.promo-easter img {
    max-width: 100%
}

.promo-easter .copytext,
.promo-easter .subline {
    width: 60%;
    max-width: 630px;
    color: #f29c2d;
    margin: auto
}

@media (max-width: 767px) {
    .promo-easter .copytext,
    .promo-easter .subline {
        width: auto
    }
}

.promo-easter .copytext.header-copy,
.promo-easter .subline.header-copy {
    max-width: 650px
}

.promo-easter .teaser-image {
    display: block;
    margin: 50px auto
}

.promo-easter .easter-picture-left,
.promo-easter .easter-picture-right,
.promo-easter .toffifee-illu-right,
.promo-easter .toffifee-illu-left {
    top: auto;
    bottom: -13%
}

.promo-easter__image {
    margin: 20px 0
}

@media (min-width: 768px) {
    .promo-easter__image {
        margin: 30px 0
    }
}

@media (min-width: 1440px) {
    .promo-easter__image {
        margin: 40px 0
    }
}

section.empromo {
    padding: 10% 6% 3%
}

section.empromo.first {
    padding: 0 6% 3%
}

header+section.empromo {
    min-height: 0
}

@media (max-width: 767px) {
    .empromo .toffifee-deko01,
    .empromo .toffifee-deko02,
    .empromo .toffifee-deko03 {
        display: none
    }
    section.empromo h1:first-child {
        font-size: 26px
    }
    header+section.empromo {
        min-height: 0
    }
    section.empromo {
        padding: 20% 10% 6%
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .empromo .toffifee-deko01,
    .empromo .toffifee-deko02,
    .empromo .toffifee-deko03 {
        display: none
    }
    section.empromo {
        padding: 20% 10% 6%
    }
}

.empromo h1,
.empromo h3 {
    color: #4b804a;
    font-family: "sketch_blockbold", Verdana, sans-serif
}

.empromo h3 {
    font-size: 42px;
    margin-bottom: 16px
}

.empromo p.copytext,
.empromo p.subline {
    font-family: "Soleil-Bold", Verdana, sans-serif;
    color: #000000;
    width: 60%;
    max-width: 630px;
    margin: auto
}

.empromo p.copytext.header-copy,
.empromo p.subline.header-copy {
    max-width: 650px
}

.empromo .teaser-image {
    margin: 50px auto;
    display: block
}

.empromo .teaser-image2 {
    margin: 50px auto 25px;
    display: block
}

.empromo .toffifee-deko01,
.empromo .toffifee-deko02 {
    position: absolute;
    bottom: -3%;
    height: 300px;
    width: 150px
}

.empromo .toffifee-deko01 {
    background: url("../images/bg/layout/empromo/deko_01.png") no-repeat;
    right: 0
}

.empromo .toffifee-deko02 {
    background: url("../images/bg/layout/empromo/deko_02.png") no-repeat;
    left: 0
}

.empromo .toffifee-deko03 {
    background: url("../images/bg/layout/empromo/deko_03.png") no-repeat;
    position: absolute;
    bottom: -3%;
    height: 180px;
    width: 170px;
    right: 0
}

.empromo .nahrwert-em {
    font-family: "sketch_blockbold", Verdana, sans-serif;
    background: transparent;
    color: #4B804a;
    border: #4b804a;
    border-style: solid;
    border-width: thin
}

.empromo .btmEm03 {
    right: 12%;
    display: block;
    position: absolute;
    bottom: 8%
}

@media (min-width: 768px) and (max-width: 1023px) {
    .empromo .btmEm03 {
        bottom: 5%;
        right: 8%
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .empromo .btmEm03 {
        position: relative;
        right: 0
    }
}

@media (min-width: 1280px) {
    .empromo .btmEm03 {
        bottom: 8%;
        right: 5%
    }
}

@media (max-width: 767px) {
    .empromo p.copytext,
    .empromo p.subline {
        width: auto
    }
    .empromo h3 {
        font-size: 17px
    }
    .empromo .btmEm03 {
        position: relative;
        right: auto
    }
    .empromo .spiel {
        width: 208px
    }
}

@media (max-width: 767px) {
    .bild_00 {
        width: 260px;
        height: 143px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .bild_00 {
        width: 600px;
        height: 330px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .bild_00 {
        max-width: 100%
    }
}

@media (min-width: 1280px) {
    .bild_00 {
        width: 1202px;
        height: 357px
    }
}

@media (max-width: 767px) {
    .bild_01 {
        width: 260px;
        height: 129px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .bild_01 {
        width: 600px;
        height: 296px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .bild_01 {
        width: 750px
    }
}

@media (min-width: 1280px) {
    .bild_01 {
        width: 1201px;
        height: 517px
    }
}

@media (max-width: 767px) {
    .bild_02 {
        width: 260px;
        height: 144px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .bild_02 {
        width: 600px;
        height: 332px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .bild_02 {
        width: 750px
    }
}

@media (min-width: 1280px) {
    .bild_02 {
        width: 1201px;
        height: 566px
    }
}

@media (max-width: 767px) {
    .bild_03 {
        width: 260px;
        height: 270px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .bild_03 {
        width: 600px;
        height: 623px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .bild_03 {
        width: 750px
    }
}

@media (min-width: 1280px) {
    .bild_03 {
        width: 1202px;
        height: 1088px
    }
}

@media (min-width: 1024px) {
    .bild_04 {
        width: 736px;
        height: 303px
    }
}

@media (max-width: 767px) {
    .text_00 {
        width: 243px;
        height: 80px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .text_00 {
        width: 364px;
        height: 114px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .text_00 {
        width: 424px;
        height: 131px
    }
}

@media (min-width: 1280px) {
    .text_00 {
        width: 485px;
        height: 149px
    }
}

@media (max-width: 767px) {
    .text_01 {
        width: 248px;
        height: 65px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .text_01 {
        width: 330px;
        height: 79px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .text_01 {
        width: 412px;
        height: 99px
    }
}

@media (min-width: 1280px) {
    .text_01 {
        width: 495px;
        height: 119px
    }
}

@media (max-width: 767px) {
    .text_02 {
        width: 199px;
        height: 65px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .text_02 {
        width: 481px;
        height: 40px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .text_02 {
        width: 601px;
        height: 49px
    }
}

@media (min-width: 1280px) {
    .text_02 {
        width: 721px;
        height: 59px
    }
}

@media (max-width: 767px) {
    .text_03 {
        width: 167px;
        height: 57px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .text_03 {
        width: 387px;
        height: 35px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .text_03 {
        width: 484px;
        height: 44px
    }
}

@media (min-width: 1280px) {
    .text_03 {
        width: 581px;
        height: 52px
    }
}

.owl-carousel .owl-item .content-em img.teaser-image.text_SS {
    display: block;
    width: initial
}

@media (max-width: 767px) {
    .btn_N {
        background-image: url("../images/bg/layout/empromo/font/320_Btn_Naehrwertinfos.png");
        background-size: 255px 30px;
        height: 30px;
        width: 255px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .btn_N {
        background-image: url("../images/bg/layout/empromo/font/768_Btn_Naehrwertinfos.png");
        background-size: 339px 40px;
        height: 40px;
        width: 340px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .btn_N {
        background-image: url("../images/bg/layout/empromo/font/1024_Btn_Naehrwertinfos.png");
        background-size: 425px 50px;
        height: 50px;
        width: 425px
    }
}

@media (min-width: 1280px) {
    .btn_N {
        background-image: url("../images/bg/layout/empromo/font/1440_Btn_Naehrwertinfos.png");
        background-size: 467px 55px;
        height: 55px;
        width: 467px
    }
}

@media (max-width: 767px) {
    .btn_N:hover {
        background-image: url("../images/bg/layout/empromo/font/320_Btn_Naehrwertinfos_hover.png");
        background-size: 255px 30px;
        height: 30px;
        width: 255px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .btn_N:hover {
        background-image: url("../images/bg/layout/empromo/font/768_Btn_Naehrwertinfos_hover.png");
        background-size: 339px 40px;
        height: 40px;
        width: 340px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .btn_N:hover {
        background-image: url("../images/bg/layout/empromo/font/1024_Btn_Naehrwertinfos_hover.png");
        background-size: 425px 50px;
        height: 50px;
        width: 425px
    }
}

@media (min-width: 1280px) {
    .btn_N:hover {
        background-image: url("../images/bg/layout/empromo/font/1440_Btn_Naehrwertinfos_hover.png");
        background-size: 467px 55px;
        height: 55px;
        width: 467px
    }
}

@media (max-width: 767px) {
    .btn_A {
        background-image: url("../images/bg/layout/empromo/font/320_Btn_SoeiHerunterladen.png");
        background-size: 255px 30px;
        height: 30px;
        width: 255px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .btn_A {
        background-image: url("../images/bg/layout/empromo/font/768_Btn_SoeiHerunterladen.png");
        background-size: 339px 40px;
        height: 40px;
        width: 340px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .btn_A {
        background-image: url("../images/bg/layout/empromo/font/1024_Btn_SoeiHerunterladen.png");
        background-size: 425px 50px;
        height: 50px;
        width: 425px
    }
}

@media (min-width: 1280px) {
    .btn_A {
        background-image: url("../images/bg/layout/empromo/font/1440_Btn_SoeiHerunterladen.png");
        background-size: 467px 55px;
        height: 55px;
        width: 467px
    }
}

@media (max-width: 767px) {
    .btn_A:hover {
        background-image: url("../images/bg/layout/empromo/font/320_Btn_SoeiHerunterladen_hover.png");
        background-size: 255px 30px;
        height: 30px;
        width: 255px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .btn_A:hover {
        background-image: url("../images/bg/layout/empromo/font/768_Btn_SoeiHerunterladen_hover.png");
        background-size: 339px 40px;
        height: 40px;
        width: 340px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .btn_A:hover {
        background-image: url("../images/bg/layout/empromo/font/1024_Btn_SoeiHerunterladen_hover.png");
        background-size: 425px 50px;
        height: 50px;
        width: 425px
    }
}

@media (min-width: 1280px) {
    .btn_A:hover {
        background-image: url("../images/bg/layout/empromo/font/1440_Btn_SoeiHerunterladen_hover.png");
        background-size: 467px 55px;
        height: 55px;
        width: 467px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (-o-min-device-pixel-ratio: 2 / 1) and (max-width: 767px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (min-resolution: 192dpi) and (max-width: 767px),
only screen and (min-resolution: 2dppx) and (max-width: 767px) {
    .btn_N {
        background: url("../images/bg/layout/empromo/font/320_Btn_Naehrwertinfos_@x2.png") no-repeat;
        background-size: 255px 30px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 1023px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 1023px),
only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 768px) and (max-width: 1023px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 1023px),
only screen and (min-resolution: 192dpi) and (min-width: 768px) and (max-width: 1023px),
only screen and (min-resolution: 2dppx) and (min-width: 768px) and (max-width: 1023px) {
    .btn_N {
        background: url("../images/bg/layout/empromo/font/768_Btn_Naehrwertinfos_@x2.png") no-repeat;
        background-size: 339px 40px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px) and (max-width: 1279px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1024px) and (max-width: 1279px),
only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1024px) and (max-width: 1279px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px) and (max-width: 1279px),
only screen and (min-resolution: 192dpi) and (min-width: 1024px) and (max-width: 1279px),
only screen and (min-resolution: 2dppx) and (min-width: 1024px) and (max-width: 1279px) {
    .btn_N {
        background: url("../images/bg/layout/empromo/font/1024_Btn_Naehrwertinfos_@x2.png") no-repeat;
        background-size: 425px 50px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1280px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1280px),
only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1280px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1280px),
only screen and (min-resolution: 192dpi) and (min-width: 1280px),
only screen and (min-resolution: 2dppx) and (min-width: 1280px) {
    .btn_N {
        background: url("../images/bg/layout/empromo/font/1440_Btn_Naehrwertinfos_@x2.png") no-repeat;
        background-size: 467px 55px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (-o-min-device-pixel-ratio: 2 / 1) and (max-width: 767px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (min-resolution: 192dpi) and (max-width: 767px),
only screen and (min-resolution: 2dppx) and (max-width: 767px) {
    .btn_N:hover {
        background: url("../images/bg/layout/empromo/font/320_Btn_Naehrwertinfos_hover_@x2.png") no-repeat;
        background-size: 255px 30px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 1023px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 1023px),
only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 768px) and (max-width: 1023px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 1023px),
only screen and (min-resolution: 192dpi) and (min-width: 768px) and (max-width: 1023px),
only screen and (min-resolution: 2dppx) and (min-width: 768px) and (max-width: 1023px) {
    .btn_N:hover {
        background: url("../images/bg/layout/empromo/font/768_Btn_Naehrwertinfos_hover_@x2.png") no-repeat;
        background-size: 339px 40px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px) and (max-width: 1279px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1024px) and (max-width: 1279px),
only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1024px) and (max-width: 1279px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px) and (max-width: 1279px),
only screen and (min-resolution: 192dpi) and (min-width: 1024px) and (max-width: 1279px),
only screen and (min-resolution: 2dppx) and (min-width: 1024px) and (max-width: 1279px) {
    .btn_N:hover {
        background: url("../images/bg/layout/empromo/font/1024_Btn_Naehrwertinfos_hover_@x2.png") no-repeat;
        background-size: 425px 50px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1280px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1280px),
only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1280px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1280px),
only screen and (min-resolution: 192dpi) and (min-width: 1280px),
only screen and (min-resolution: 2dppx) and (min-width: 1280px) {
    .btn_N:hover {
        background: url("../images/bg/layout/empromo/font/1440_Btn_Naehrwertinfos_hover_@x2.png") no-repeat;
        background-size: 467px 55px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (-o-min-device-pixel-ratio: 2 / 1) and (max-width: 767px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (min-resolution: 192dpi) and (max-width: 767px),
only screen and (min-resolution: 2dppx) and (max-width: 767px) {
    .btn_A {
        background: url("../images/bg/layout/empromo/font/320_Btn_SoeiHerunterladen_@2x.png") no-repeat;
        background-size: 255px 30px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 1023px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 1023px),
only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 768px) and (max-width: 1023px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 1023px),
only screen and (min-resolution: 192dpi) and (min-width: 768px) and (max-width: 1023px),
only screen and (min-resolution: 2dppx) and (min-width: 768px) and (max-width: 1023px) {
    .btn_A {
        background: url("../images/bg/layout/empromo/font/768_Btn_SoeiHerunterladen_@2x.png") no-repeat;
        background-size: 339px 40px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px) and (max-width: 1279px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1024px) and (max-width: 1279px),
only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1024px) and (max-width: 1279px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px) and (max-width: 1279px),
only screen and (min-resolution: 192dpi) and (min-width: 1024px) and (max-width: 1279px),
only screen and (min-resolution: 2dppx) and (min-width: 1024px) and (max-width: 1279px) {
    .btn_A {
        background: url("../images/bg/layout/empromo/font/1024_Btn_SoeiHerunterladen_@2x.png") no-repeat;
        background-size: 425px 50px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1280px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1280px),
only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1280px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1280px),
only screen and (min-resolution: 192dpi) and (min-width: 1280px),
only screen and (min-resolution: 2dppx) and (min-width: 1280px) {
    .btn_A {
        background: url("../images/bg/layout/empromo/font/1440_Btn_SoeiHerunterladen_@2x.png") no-repeat;
        background-size: 467px 55px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (-o-min-device-pixel-ratio: 2 / 1) and (max-width: 767px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (min-resolution: 192dpi) and (max-width: 767px),
only screen and (min-resolution: 2dppx) and (max-width: 767px) {
    .btn_A:hover {
        background: url("../images/bg/layout/empromo/font/320_Btn_SoeiHerunterladen_hover_@2x.png") no-repeat;
        background-size: 255px 30px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 1023px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 1023px),
only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 768px) and (max-width: 1023px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 1023px),
only screen and (min-resolution: 192dpi) and (min-width: 768px) and (max-width: 1023px),
only screen and (min-resolution: 2dppx) and (min-width: 768px) and (max-width: 1023px) {
    .btn_A:hover {
        background: url("../images/bg/layout/empromo/font/768_Btn_SoeiHerunterladen_hover_@2x.png") no-repeat;
        background-size: 339px 40px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px) and (max-width: 1279px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1024px) and (max-width: 1279px),
only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1024px) and (max-width: 1279px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px) and (max-width: 1279px),
only screen and (min-resolution: 192dpi) and (min-width: 1024px) and (max-width: 1279px),
only screen and (min-resolution: 2dppx) and (min-width: 1024px) and (max-width: 1279px) {
    .btn_A:hover {
        background: url("../images/bg/layout/empromo/font/1024_Btn_SoeiHerunterladen_hover_@2x.png") no-repeat;
        background-size: 425px 50px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1280px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1280px),
only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1280px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1280px),
only screen and (min-resolution: 192dpi) and (min-width: 1280px),
only screen and (min-resolution: 2dppx) and (min-width: 1280px) {
    .btn_A:hover {
        background: url("../images/bg/layout/empromo/font/1440_Btn_SoeiHerunterladen_hover_@2x.png") no-repeat;
        background-size: 467px 55px
    }
}

iframe {
    width: 100%;
    border: 0
}

.iframe-container {
    overflow-x: hidden
}

.jufa-promo {
    overflow-x: hidden;
    margin-top: -16px;
    margin-bottom: 3%
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .jufa-promo {
        margin-top: -52px
    }
}

.header__nav-first-base__item .jufa.first-base-anchor {
    position: relative
}

@media (min-width: 1280px) {
    .header__nav-first-base__item .jufa.first-base-anchor {
        margin-right: 10px
    }
}

.header__nav-first-base__item .jufa.first-base-anchor::after {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    top: -25px;
    right: -35px;
    background: url("../images/bg/content/neu.png") no-repeat
}

@media (max-width: 1279px) {
    .header__nav-first-base__item .jufa.first-base-anchor::after {
        display: none
    }
}

.qonline-promo {
    overflow-x: hidden;
    margin-top: -5px;
    margin-bottom: 3%
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .qonline-promo {
        margin-top: -52px
    }
}

@media (min-width: 1280px) {
    .qonline-promo {
        margin-top: -16px
    }
}

.video-content {
    max-width: 800px
}

.video-js {
    margin: 50px auto 0;
    max-width: 800px;
    min-height: 145px;
    background-color: transparent
}

@media (min-width: 768px) {
    .video-js {
        min-height: 380px
    }
}

@media (min-width: 1024px) {
    .video-js {
        min-height: 450px
    }
}

.video-js.vjs-fullscreen {
    margin: 0;
    max-width: none
}

.video-js .vjs-tech {
    height: 100% !important
}

@media (min-width: 768px) {
    .video-js .vjs-tech {
        min-height: 380px
    }
}

@media (min-width: 1024px) {
    .video-js .vjs-tech {
        min-height: 450px
    }
}

.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin:focus .vjs-big-play-button {
    box-shadow: none;
    border-radius: 0;
    background-color: transparent
}

.vjs-default-skin .vjs-big-play-button {
    background-position: 0 -889px;
    height: 150px;
    width: 150px;
    background-color: transparent;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -75px;
    border: 0;
    box-shadow: none;
    border-radius: 0
}

.vjs-default-skin .vjs-big-play-button:before {
    content: ''
}

.vjs-default-skin .vjs-subtitles-button,
.vjs-default-skin .vjs-captions-button {
    display: none
}

.imprint dd+dd {
    margin-top: 20px
}

.pixumpromo {
    margin: 0 auto;
    max-width: 650px;
    width: auto
}

@media (min-width: 1024px) {
    .pixumpromo {
        max-width: 100%
    }
}

.pixumpromo p {
    color: #572b10
}

.pixumpromo .instruction {
    max-width: 350px;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .pixumpromo .instruction {
        display: table;
        table-layout: fixed;
        width: 100%;
        max-width: 100%
    }
}

.pixumpromo .instruction .step {
    display: inline-block;
    margin-bottom: 25px
}

.pixumpromo .instruction .step:last-of-type {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .pixumpromo .instruction .step {
        margin-bottom: 35px
    }
}

@media (min-width: 1024px) {
    .pixumpromo .instruction .step {
        display: table-cell;
        width: calc(100% / 3);
        padding: 0 20px;
        margin-bottom: 0
    }
}

@media (min-width: 1280px) {
    .pixumpromo .instruction .step {
        padding: 0 40px
    }
}

.pixumpromo .instruction .step img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.pixumpromo .servicelink {
    font-size: inherit;
    font-weight: bold;
    text-decoration: underline
}

.pixumpromo .btn.inverse,
.pixumpromo .mac-os .btn.inverse {
    margin-top: 15px;
    padding: 11px 20px 7px 20px
}

.pixumpromo .hint {
    color: #b29d8d;
    font-size: 12px
}

.pixumpromo--mood {
    margin: -10px 0 0 0;
    padding: 0;
    position: relative
}

.pixumpromo--mood p {
    margin: 10px 0
}

@media (min-width: 1024px) {
    .pixumpromo--mood {
        margin-top: -52px
    }
}

.pixumpromo--mood .pixumpromo--mood__image {
    width: 100%;
    display: block;
    height: auto;
    margin: 0
}

.pixumpromo--mood.without-trenner {
    padding: 0
}

.pixumpromo--mood .mood-wave {
    bottom: -30px
}

.pixumpromo--mood .pixumpromo--mood__content {
    background: #ff3658;
    background: -moz-linear-gradient(top, #ff3658 0%, #9d021c 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ff3658), color-stop(100%, #9d021c));
    background: -webkit-linear-gradient(top, #ff3658 0%, #9d021c 100%);
    background: -o-linear-gradient(top, #ff3658 0%, #9d021c 100%);
    background: -ms-linear-gradient(top, #ff3658 0%, #9d021c 100%);
    background: linear-gradient(to bottom, #ff3658 0%, #9d021c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff3658', endColorstr='#9d021c', GradientType=0);
    text-align: left;
    box-sizing: border-box;
    padding: 30px 20px 40px
}

@media (min-width: 768px) {
    .pixumpromo--mood .pixumpromo--mood__content {
        padding-left: 90px;
        padding-right: 90px
    }
}

@media (min-width: 1024px) {
    .pixumpromo--mood .pixumpromo--mood__content {
        position: absolute;
        top: 0;
        right: 3%;
        width: 42%;
        height: 100%;
        padding: 30px 0 20px 20px;
        background: none
    }
}

@media (min-width: 1280px) {
    .pixumpromo--mood .pixumpromo--mood__content {
        padding: 125px 0 20px 20px;
        right: 5%;
        width: 40%
    }
}

.pixumpromo--mood .pixumpromo--mood__content .headline {
    color: #fff;
    font-size: 25px;
    margin: 17px 0 0 0
}

@media (min-width: 1280px) {
    .pixumpromo--mood .pixumpromo--mood__content .headline {
        font-size: 45px;
        margin-top: 15px
    }
}

.pixumpromo--mood .pixumpromo--mood__content p,
.pixumpromo--mood .pixumpromo--mood__content label {
    color: #fff;
    font-family: "Soleil", Verdana, sans-serif
}

.pixumpromo--mood .pixumpromo--mood__content a {
    color: #f29c2d
}

.pixumpromo--mood .pixumpromo--mood__content .pixum-form {
    max-width: 100%;
    width: 100%;
    margin: 20px auto 0
}

@media (min-width: 768px) {
    .pixumpromo--mood .pixumpromo--mood__content .pixum-form {
        margin-top: 10px
    }
}

@media (min-width: 1280px) {
    .pixumpromo--mood .pixumpromo--mood__content .pixum-form {
        margin-top: 20px
    }
}

.pixumpromo--mood .pixumpromo--mood__content .pixum-form label {
    margin-bottom: 0
}

.pixumpromo--mood .pixumpromo--mood__content .pixum-form input[type="submit"] {
    float: none;
    display: block;
    margin: 0
}

.pixumpromo--mood .pixumpromo--mood__content .pixum-form input[type="checkbox"] {
    margin-bottom: 0;
    display: none
}

.pixumpromo--mood .pixumpromo--mood__content .pixum-form input[type="checkbox"]+label.custom-checkbox {
    display: table
}

.pixumpromo--mood .pixumpromo--mood__content .pixum-form input[type="checkbox"]+label.custom-checkbox:before {
    content: "";
    display: table-cell;
    cursor: pointer;
    background-position: 0 -90px
}

@media (min-width: 0) and (max-width: 767px) {
    .pixumpromo--mood .pixumpromo--mood__content .pixum-form input[type="checkbox"]+label.custom-checkbox:before {
        width: 25px;
        height: 25px;
        background-position: 0 -90px
    }
}

@media (min-width: 768px) {
    .pixumpromo--mood .pixumpromo--mood__content .pixum-form input[type="checkbox"]+label.custom-checkbox:before {
        width: 32px;
        height: 31px;
        background-position: 0 -58px
    }
}

.pixumpromo--mood .pixumpromo--mood__content .pixum-form input[type="checkbox"]+label.custom-checkbox span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px
}

@media (min-width: 0) and (max-width: 767px) {
    .pixumpromo--mood .pixumpromo--mood__content .pixum-form input[type="checkbox"]:checked+label.custom-checkbox:before {
        background-position: 0 -32px
    }
}

@media (min-width: 768px) {
    .pixumpromo--mood .pixumpromo--mood__content .pixum-form input[type="checkbox"]:checked+label.custom-checkbox:before {
        background-position: 0 0
    }
}

.pixumpromo--mood .pixumpromo--mood__content .pixum-form::-webkit-input-placeholder {
    color: #2db6f1;
    opacity: 1;
    text-align: center
}

.pixumpromo--mood .pixumpromo--mood__content .pixum-form:-moz-placeholder {
    color: #2db6f1;
    opacity: 1;
    text-align: center
}

.pixumpromo--mood .pixumpromo--mood__content .pixum-form::-moz-placeholder {
    color: #2db6f1;
    opacity: 1;
    text-align: center
}

.pixumpromo--mood .pixumpromo--mood__content .pixum-form:-ms-input-placeholder {
    color: #2db6f1;
    opacity: 1;
    text-align: center
}

.pixumpromo--mood .pixumpromo--mood__content .action-code {
    border-color: #fff;
    line-height: 1.3em;
    color: #2db6f1;
    border-radius: 3px 20px;
    background: #fff;
    text-align: center;
    width: 100%;
    box-sizing: border-box
}

@media (min-width: 0) and (max-width: 767px) {
    .pixumpromo--mood .pixumpromo--mood__content .action-code {
        border-width: 5px;
        padding: 14px;
        margin-bottom: 10px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .pixumpromo--mood .pixumpromo--mood__content .action-code {
        border-width: 6px;
        padding: 14px
    }
}

@media (min-width: 1025px) {
    .pixumpromo--mood .pixumpromo--mood__content .action-code {
        border-width: 10px;
        padding: 25px
    }
}

@media (min-width: 1280px) {
    .pixumpromo--mood .pixumpromo--mood__content .action-code {
        padding: 15px
    }
}

.pixumpromo--mood .pixumpromo--mood__content .action-code--input {
    color: #2db6f1;
    text-align: center;
    margin-bottom: 0;
    line-height: 1;
    font-size: 20px
}

@media (min-width: 768px) {
    .pixumpromo--mood .pixumpromo--mood__content .action-code--input {
        font-size: 35px
    }
}

@media (min-width: 1024px) {
    .pixumpromo--mood .pixumpromo--mood__content .action-code--input {
        font-size: 25px
    }
}

@media (min-width: 1280px) {
    .pixumpromo--mood .pixumpromo--mood__content .action-code--input {
        font-size: 30px
    }
}

.pixumpromo--mood .pixumpromo--mood__content .action-code--error {
    color: #f29c2d;
    margin: 5px 0
}

.pixumpromo--mood .pixumpromo--mood__content .action-code--success {
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-size: 20px;
    margin: 5px 0
}

.pixumpromo--mood .pixumpromo--mood__content .action-code--tnb {
    margin-top: 20px
}

@media (min-width: 1024px) {
    .pixumpromo--mood .pixumpromo--mood__content .action-code--tnb {
        margin-top: 10px
    }
}

@media (min-width: 1280px) {
    .pixumpromo--mood .pixumpromo--mood__content .action-code--tnb {
        margin-top: 20px
    }
}

.pixumpromo--mood .pixumpromo--mood__content .action-code--btn {
    margin: 20px auto 0;
    display: block;
    text-align: center
}

.pixumpromo--mood .pixumpromo--mood__content .action-code--btn a {
    color: #fff;
    margin-bottom: 20px
}

.pixumpromo--mood .pixumpromo--mood__content .btn {
    font-size: 18px;
    padding: 14px 50px 12px
}

@media (min-width: 768px) {
    .pixumpromo--mood .pixumpromo--mood__content .btn {
        padding: 12px 60px 10px
    }
}

@media (min-width: 1280px) {
    .pixumpromo--mood .pixumpromo--mood__content .btn {
        font-size: 22px;
        padding: 12px 50px 10px
    }
}

.pixumpromo--mood .pixumpromo--mood__content .help {
    margin: 14px 0 35px
}

@media (min-width: 768px) {
    .pixumpromo--mood .pixumpromo--mood__content .help {
        margin: 35px 0 20px
    }
}

@media (min-width: 1024px) {
    .pixumpromo--mood .pixumpromo--mood__content .help {
        margin: 5px 0 20px
    }
}

@media (min-width: 1280px) {
    .pixumpromo--mood .pixumpromo--mood__content .help {
        margin: 15px 0 25px
    }
}

section.without-trenner.pixum-promo--tnb {
    padding-top: 2%
}

.promo-zusammener__from-wrapper {
    max-width: 460px;
    margin: 20px auto 0
}

#uploadHint {
    margin-bottom: 30px
}

.promo-zusammener__form {
    padding: 0 6% 0;
    margin-top: 0;
    max-width: 100%;
    overflow: hidden
}

.promo-zusammener__form .btn--large,
.promo-zusammener__form .btn.inverse.btn--large {
    padding: 14px 50px 12px;
    margin: auto;
    display: block
}

@media (min-width: 767px) {
    .promo-zusammener__form .btn--large,
    .promo-zusammener__form .btn.inverse.btn--large {
        padding: 12px 60px 10px
    }
}

@media (min-width: 1024px) {
    .promo-zusammener__form .btn--large,
    .promo-zusammener__form .btn.inverse.btn--large {
        padding: 12px 50px 10px
    }
}

.promo-zusammener__form .btn.inverse.btn--large {
    margin-top: 17px
}

.promo-zusammener__form .btn--next {
    float: right
}

.promo-zusammener__form .btn--back {
    float: left
}

@media (max-width: 767px) {
    .promo-zusammener__form .btn--next,
    .promo-zusammener__form .btn--back {
        padding-left: 45px;
        padding-right: 45px
    }
}

.promo-zusammener__form .promo-zusammener__copytext {
    width: auto
}

.promo-zusammener__form textarea {
    resize: none
}

.promo-zusammener__form .required {
    margin: 15px 0 0 0;
    text-align: right
}

.promo-zusammener__form .custom-dropdown {
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 18px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 24px;
    height: 44px
}

.promo-zusammener__form .preview_2,
.promo-zusammener__form .frametyp {
    display: none
}

.promo-zusammener__form .step1 .promo-zusammener__step-preview {
    display: none
}

.promo-zusammener__form .step2 .preview_1 {
    display: none
}

.promo-zusammener__form .step2 .preview_2 {
    display: block
}

.promo-zusammener__form .step2 .promo-zusammener__file,
.promo-zusammener__form .step2 .promo-zusammener__tab-navigation,
.promo-zusammener__form .step2 .next,
.promo-zusammener__form .step2 .promo-zusammener__from-step1-input,
.promo-zusammener__form .step2 .promo-zusammener__frame {
    display: none
}

.promo-zusammener__form .step2 .promo-zusammener__tab-content {
    padding-top: 0
}

.promo-zusammener__form .step2 .promo-zusammener__step-preview {
    display: block
}

.promo-zusammener__form .promo-zusammener__from-step1-input {
    margin-top: 40px
}

.promo-zusammener__form .captcha-container {
    display: table;
    table-layout: fixed
}

.promo-zusammener__form .captcha-container #captchaImage,
.promo-zusammener__form .captcha-container #reload-captcha {
    display: table-cell;
    vertical-align: middle
}

.promo-zusammener__step-preview .promo-zusammener__copytext {
    margin-bottom: 40px
}

.promo-zusammener__step-preview .promo-zusammener__copytext.promo-zusammener__copytext-top {
    margin-bottom: 0
}

.promo-zusammener__from-wrapper--sucess {
    margin-top: 20px
}

.promo-zusammener__from-wrapper--sucess .btn--large,
.promo-zusammener__from-wrapper--sucess .btn.inverse.btn--large {
    display: inline-block
}

.promo-zusammener__explanation {
    font-family: "Soleil-Bold", Verdana, sans-serif;
    color: #572b10;
    font-weight: normal;
    font-size: 16px
}

.promo-zusammener__explanation.promo-zusammener__explanation--error {
    margin: 20px 0 10px;
    color: #d2232a
}

.promo-zusammener__explanation.promo-zusammener__explanation--hint {
    margin: 20px 0 10px;
    color: #c57617
}

.promo-zusammener__image {
    padding: 2% 6% 0;
    text-align: center;
    position: relative
}

.promo-zusammener__image .kakao-illu-left {
    top: 800px
}

.promo-zusammener__image .promo-zusammener__step-preview {
    display: none
}

.promo-zusammener__headline {
    font-size: 36px;
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-weight: normal;
    color: #f29c2d;
    margin: 0 auto 20px
}

@media (min-width: 767px) {
    .promo-zusammener__headline {
        font-size: 52px
    }
}

@media (min-width: 1024px) {
    .promo-zusammener__headline {
        font-size: 65px;
        max-width: 660px
    }
}

@media (min-width: 1280px) {
    .promo-zusammener__headline {
        font-size: 55px;
        max-width: 800px
    }
}

@media (min-width: 767px) {
    .promo-zusammener__step-success .promo-zusammener__headline {
        font-size: 32px
    }
}

@media (min-width: 1024px) {
    .promo-zusammener__step-success .promo-zusammener__headline {
        font-size: 35px
    }
}

@media (min-width: 1280px) {
    .promo-zusammener__step-success .promo-zusammener__headline {
        font-size: 35px
    }
}

.promo-zusammener__step-success .promo-zusammener__copytext {
    margin-bottom: 20px
}

.promo-zusammener__step-success__image {
    max-width: 100%;
    height: auto
}

.promo-zusammener__copytext {
    width: auto;
    max-width: 630px;
    margin: 0 auto 60px;
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-weight: normal;
    font-size: 17px
}

@media (min-width: 767px) {
    .promo-zusammener__copytext {
        width: 60%;
        font-size: 20px
    }
}

.promo-zusammener__copytext-highlight {
    color: #f29c2d
}

.promo-zusammener__frame {
    padding-bottom: 50px;
    margin: 0 -14px
}

.promo-zusammener__frame:before,
.promo-zusammener__frame:after {
    content: ' ';
    display: table
}

.promo-zusammener__frame:after {
    clear: both
}

.promo-zusammener__frame-col {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 50px
}

@media (min-width: 767px) {
    .promo-zusammener__frame-col {
        width: 33.33%;
        float: left
    }
}

.promo-zusammener__frame-input {
    position: relative;
    margin: 0 auto;
    width: 124px
}

@media (min-width: 767px) {
    .promo-zusammener__frame-input {
        display: inline-block;
        margin: 0 5px;
        width: auto
    }
}

@media (min-width: 1024px) {
    .promo-zusammener__frame-input {
        margin: 0 14px
    }
}

.promo-zusammener__frame-input img {
    margin: 5px;
    max-width: 117px;
    max-height: 114px
}

.promo-zusammener__frame-input label {
    margin-bottom: 0;
    cursor: pointer
}

.promo-zusammener__frame-input input {
    display: none
}

.promo-zusammener__frame-input input+label:after {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.promo-zusammener__frame-input input:checked+label:after {
    content: '';
    border: 2px solid #572b10;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.promo-zusammener__frame-input input:checked+label .promo-zusammener__frame-input-text {
    background: #572b10
}

.promo-zusammener__frame-input>label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

.promo-zusammener__frame-input-text {
    display: table;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    width: 26px;
    height: 26px;
    text-align: center;
    background: #f29c2d;
    color: #fff;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: 100%;
    margin: 5px auto 0
}

.promo-zusammener__frame-input-number {
    display: table-cell;
    vertical-align: middle;
    line-height: 0
}

.promo-zusammener__tab {
    margin-bottom: 42px;
    margin-top: 30px
}

.promo-zusammener__tab-content #image-cropper_photo_1 {
    display: block
}

.promo-zusammener__tab-content #image-cropper_photo_2,
.promo-zusammener__tab-content #image-cropper_photo_3,
.promo-zusammener__tab-content #image-cropper_photo_4,
.promo-zusammener__tab-content #image-cropper_photo_5 {
    display: none
}

.promo-zusammener__tab-navigation-col {
    width: 50%;
    float: left
}

@media (min-width: 767px) {
    .promo-zusammener__tab-navigation-col {
        width: auto;
        float: none;
        display: inline-block
    }
}

.promo-zusammener__tab-navigation {
    color: #f29c2d;
    margin: 0 -12px
}

.promo-zusammener__tab-navigation:before,
.promo-zusammener__tab-navigation:after {
    content: ' ';
    display: table
}

.promo-zusammener__tab-navigation:after {
    clear: both
}

@media (min-width: 767px) {
    .promo-zusammener__tab-navigation {
        height: 94px
    }
}

.promo-zusammener__tab-navigation a {
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-weight: normal;
    color: #572b10;
    font-size: 16px;
    display: block;
    width: 71px;
    height: 71px;
    margin: 0 auto 10px;
    padding-bottom: 30px
}

@media (min-width: 767px) {
    .promo-zusammener__tab-navigation a {
        display: inline-block;
        margin: 0 11px;
        padding-bottom: 0
    }
}

.promo-zusammener__tab-navigation .promo-zusammener__tab-active .promo-zusammener__tab-text {
    background: #572b10
}

.promo-zusammener__tab-content {
    padding-top: 30px
}

.promo-zusammener__tab-text {
    display: table;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    width: 26px;
    height: 26px;
    text-align: center;
    background: #f29c2d;
    color: #fff;
    font-weight: normal;
    position: relative;
    margin-top: 5px;
    left: 50%;
    margin-left: -13px;
    top: 75px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width: 767px) {
    .promo-zusammener__tab-text {
        top: 100%
    }
}

.promo-zusammener__tab-number {
    display: table-cell;
    vertical-align: middle;
    line-height: 0
}

.promo-zusammener__file {
    position: relative
}

.promo-zusammener__file label {
    position: absolute;
    left: 0;
    top: 10px
}

.promo-zusammener__file input {
    width: 90%;
    margin-left: 25px
}

@media (min-width: 767px) {
    .promo-zusammener__file input {
        width: 100%;
        max-width: 435px
    }
}

.preview_1 {
    margin: auto;
    position: relative;
    width: auto;
    height: auto
}

.preview_1 img {
    max-width: 237px;
    max-height: 283px;
    margin: auto;
    display: block
}

@media (min-width: 767px) {
    .preview_1 img {
        max-width: 540px;
        max-height: 650px
    }
}

.preview_2 {
    margin: auto;
    position: relative;
    width: 280px;
    height: 280px
}

@media (min-width: 767px) {
    .preview_2 {
        width: 650px;
        height: 650px
    }
}

.preview_2 .photo_1,
.preview_2 .photo_2,
.preview_2 .photo_3,
.preview_2 .photo_4,
.preview_2 .photo_5 {
    float: left;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.preview_2 .photo_1:hover .photo_layer,
.preview_2 .photo_2:hover .photo_layer,
.preview_2 .photo_3:hover .photo_layer,
.preview_2 .photo_4:hover .photo_layer,
.preview_2 .photo_5:hover .photo_layer {
    display: block;
    cursor: pointer
}

.preview_2.boxtemplate_1 .photo_1 {
    width: 100%;
    height: 100%;
    display: block
}

.preview_2.boxtemplate_2 .photo_1 {
    width: 100%;
    height: 50%;
    display: block
}

.preview_2.boxtemplate_2 .photo_2 {
    width: 100%;
    height: 50%;
    display: block
}

.preview_2.boxtemplate_3 .photo_1 {
    width: 100%;
    height: 50%;
    display: block
}

.preview_2.boxtemplate_3 .photo_2 {
    width: 50%;
    height: 50%;
    display: block
}

.preview_2.boxtemplate_3 .photo_3 {
    width: 50%;
    height: 50%;
    display: block
}

.preview_2.boxtemplate_4 .photo_1 {
    width: 50%;
    height: 50%;
    display: block
}

.preview_2.boxtemplate_4 .photo_2 {
    width: 50%;
    height: 50%;
    display: block
}

.preview_2.boxtemplate_4 .photo_3 {
    width: 50%;
    height: 50%;
    display: block
}

.preview_2.boxtemplate_4 .photo_4 {
    width: 50%;
    height: 50%;
    display: block
}

.preview_2.boxtemplate_5 .photo_1 {
    width: 50%;
    height: 50%;
    display: block
}

.preview_2.boxtemplate_5 .photo_2 {
    width: 50%;
    height: 50%;
    display: block
}

.preview_2.boxtemplate_5 .photo_3 {
    width: 50%;
    height: 50%;
    display: block
}

.preview_2.boxtemplate_5 .photo_4 {
    width: 50%;
    height: 50%;
    display: block
}

.preview_2.boxtemplate_5 .photo_5 {
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    display: block;
    position: absolute;
    margin-top: -21px;
    margin-left: -40px;
    background-color: #ffffff
}

@media (min-width: 767px) {
    .preview_2.boxtemplate_5 .photo_5 {
        width: 200px;
        height: 200px;
        top: 50%;
        left: 50%;
        margin-top: -54px;
        margin-left: -103px
    }
}

.preview_2 .frame-text {
    font-family: 'Haettenschweiler';
    font-size: 15px;
    letter-spacing: 1px;
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -150px;
    z-index: 2;
    width: 300px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width: 767px) {
    .preview_2 .frame-text {
        top: 33px;
        font-size: 25px;
        width: 500px;
        margin-left: -250px
    }
}

.preview_2 .photo_layer {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    cursor: pointer
}

.preview_2 .photo_layer:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='31' viewBox='0 0 32 31' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EGroup%3C/title%3E%3Cpath d='M7.888 21.179l-1.411 4.077 4.106-1.402-2.695-2.675zM30.985 3.595L28.291.92C27.264-.1 25.724-.1 24.698.92L10.583 14.935l-1.797 3.568 4.492 4.46 3.592-1.784L30.087 8.055l.898-.892c1.027-1.02 1.027-2.548 0-3.568zm-9.752 20.26v3.822H3.27V9.839h8.982V7.29H.702v22.935H23.8v-6.37c-.77.127-2.438 0-2.567 0z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    width: 32px;
    height: 31px
}

.preview_2 .frame-top,
.preview_2 .frame-right,
.preview_2 .frame-bottom,
.preview_2 .frame-left {
    position: absolute;
    z-index: 1
}

.preview_2.frametyp_1 .photo__all {
    width: 193px;
    height: 193px;
    margin: auto;
    padding-top: 44px;
    position: relative
}

@media (min-width: 767px) {
    .preview_2.frametyp_1 .photo__all {
        width: 442px;
        height: 442px;
        padding-top: 105px;
        left: 1px
    }
}

.preview_2.frametyp_1 .photo_1,
.preview_2.frametyp_1 .photo_2,
.preview_2.frametyp_1 .photo_3,
.preview_2.frametyp_1 .photo_4,
.preview_2.frametyp_1 .photo_5 {
    border: 3px #d20020 solid
}

.preview_2.frametyp_1 .frame-top {
    background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-1/toffifee-frame-1-top.png") no-repeat;
    width: 280px;
    height: 50px;
    top: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .preview_2.frametyp_1 .frame-top {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-1/toffifee-frame-1-top-2x.png") no-repeat;
        background-size: 280px 50px
    }
}

@media (min-width: 767px) {
    .preview_2.frametyp_1 .frame-top {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-1/toffifee-frame-1-top.png") no-repeat;
        width: 650px;
        height: 117px
    }
}

@media only screen and (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 767px) and (min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min-resolution: 192dpi),
only screen and (min-width: 767px) and (min-resolution: 2dppx) {
    .preview_2.frametyp_1 .frame-top {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-1/toffifee-frame-1-top-2x.png") no-repeat;
        background-size: 650px 117px
    }
}

.preview_2.frametyp_1 .frame-right {
    background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-1/toffifee-frame-1-right.png") no-repeat;
    width: 54px;
    height: 169px;
    right: 0;
    top: 50px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .preview_2.frametyp_1 .frame-right {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-1/toffifee-frame-1-right-2x.png") no-repeat;
        background-size: 54px 169px
    }
}

@media (min-width: 767px) {
    .preview_2.frametyp_1 .frame-right {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-1/toffifee-frame-1-right.png") no-repeat;
        width: 125px;
        height: 391px;
        top: 117px
    }
}

@media only screen and (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 767px) and (min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min-resolution: 192dpi),
only screen and (min-width: 767px) and (min-resolution: 2dppx) {
    .preview_2.frametyp_1 .frame-right {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-1/toffifee-frame-1-right-2x.png") no-repeat;
        background-size: 125px 391px
    }
}

.preview_2.frametyp_1 .frame-bottom {
    background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-1/toffifee-frame-1-bottom.png") no-repeat;
    width: 280px;
    height: 61px;
    bottom: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .preview_2.frametyp_1 .frame-bottom {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-1/toffifee-frame-1-bottom-2x.png") no-repeat;
        background-size: 280px 61px
    }
}

@media (min-width: 767px) {
    .preview_2.frametyp_1 .frame-bottom {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-1/toffifee-frame-1-bottom.png") no-repeat;
        width: 650px;
        height: 142px
    }
}

@media only screen and (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 767px) and (min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min-resolution: 192dpi),
only screen and (min-width: 767px) and (min-resolution: 2dppx) {
    .preview_2.frametyp_1 .frame-bottom {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-1/toffifee-frame-1-bottom-2x.png") no-repeat;
        background-size: 650px 142px
    }
}

.preview_2.frametyp_1 .frame-left {
    background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-1/toffifee-frame-1-left.png") no-repeat;
    width: 54px;
    height: 169px;
    left: 0;
    top: 50px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .preview_2.frametyp_1 .frame-left {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-1/toffifee-frame-1-left-2x.png") no-repeat;
        background-size: 54px 169px
    }
}

@media (min-width: 767px) {
    .preview_2.frametyp_1 .frame-left {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-1/toffifee-frame-1-left.png") no-repeat;
        width: 125px;
        height: 391px;
        top: 117px
    }
}

@media only screen and (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 767px) and (min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min-resolution: 192dpi),
only screen and (min-width: 767px) and (min-resolution: 2dppx) {
    .preview_2.frametyp_1 .frame-left {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-1/toffifee-frame-1-left-2x.png") no-repeat;
        background-size: 125px 391px
    }
}

.preview_2.frametyp_2 .photo__all {
    width: 196px;
    height: 196px;
    margin: auto;
    padding-top: 41px;
    position: relative;
    left: 1px
}

@media (min-width: 767px) {
    .preview_2.frametyp_2 .photo__all {
        width: 454px;
        height: 454px;
        padding-top: 99px;
        left: 2px
    }
}

.preview_2.frametyp_2 .photo_1,
.preview_2.frametyp_2 .photo_2,
.preview_2.frametyp_2 .photo_3,
.preview_2.frametyp_2 .photo_4,
.preview_2.frametyp_2 .photo_5 {
    border: 3px #d99024 solid
}

.preview_2.frametyp_2 .frame-text {
    top: 10px
}

@media (min-width: 767px) {
    .preview_2.frametyp_2 .frame-text {
        top: 38px
    }
}

.preview_2.frametyp_2 .frame-top {
    background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-2/toffifee-frame-2-top.png") no-repeat;
    width: 280px;
    height: 50px;
    top: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .preview_2.frametyp_2 .frame-top {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-2/toffifee-frame-2-top-2x.png") no-repeat;
        background-size: 280px 50px
    }
}

@media (min-width: 767px) {
    .preview_2.frametyp_2 .frame-top {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-2/toffifee-frame-2-top.png") no-repeat;
        width: 650px;
        height: 117px
    }
}

@media only screen and (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 767px) and (min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min-resolution: 192dpi),
only screen and (min-width: 767px) and (min-resolution: 2dppx) {
    .preview_2.frametyp_2 .frame-top {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-2/toffifee-frame-2-top-2x.png") no-repeat;
        background-size: 650px 117px
    }
}

.preview_2.frametyp_2 .frame-right {
    background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-2/toffifee-frame-2-right.png") no-repeat;
    width: 54px;
    height: 169px;
    right: 0;
    top: 50px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .preview_2.frametyp_2 .frame-right {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-2/toffifee-frame-2-right-2x.png") no-repeat;
        background-size: 54px 169px
    }
}

@media (min-width: 767px) {
    .preview_2.frametyp_2 .frame-right {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-2/toffifee-frame-2-right.png") no-repeat;
        width: 125px;
        height: 391px;
        top: 117px
    }
}

@media only screen and (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 767px) and (min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min-resolution: 192dpi),
only screen and (min-width: 767px) and (min-resolution: 2dppx) {
    .preview_2.frametyp_2 .frame-right {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-2/toffifee-frame-2-right-2x.png") no-repeat;
        background-size: 125px 391px
    }
}

.preview_2.frametyp_2 .frame-bottom {
    background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-2/toffifee-frame-2-bottom.png") no-repeat;
    width: 280px;
    height: 61px;
    bottom: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .preview_2.frametyp_2 .frame-bottom {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-2/toffifee-frame-2-bottom-2x.png") no-repeat;
        background-size: 280px 61px
    }
}

@media (min-width: 767px) {
    .preview_2.frametyp_2 .frame-bottom {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-2/toffifee-frame-2-bottom.png") no-repeat;
        width: 650px;
        height: 142px
    }
}

@media only screen and (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 767px) and (min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min-resolution: 192dpi),
only screen and (min-width: 767px) and (min-resolution: 2dppx) {
    .preview_2.frametyp_2 .frame-bottom {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-2/toffifee-frame-2-bottom-2x.png") no-repeat;
        background-size: 650px 142px
    }
}

.preview_2.frametyp_2 .frame-left {
    background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-2/toffifee-frame-2-left.png") no-repeat;
    width: 54px;
    height: 169px;
    left: 0;
    top: 50px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .preview_2.frametyp_2 .frame-left {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-2/toffifee-frame-2-left-2x.png") no-repeat;
        background-size: 54px 169px
    }
}

@media (min-width: 767px) {
    .preview_2.frametyp_2 .frame-left {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-2/toffifee-frame-2-left.png") no-repeat;
        width: 125px;
        height: 391px;
        top: 117px
    }
}

@media only screen and (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 767px) and (min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min-resolution: 192dpi),
only screen and (min-width: 767px) and (min-resolution: 2dppx) {
    .preview_2.frametyp_2 .frame-left {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-2/toffifee-frame-2-left-2x.png") no-repeat;
        background-size: 125px 391px
    }
}

.preview_2.frametyp_3 .photo__all {
    width: 196px;
    height: 196px;
    margin: auto;
    padding-top: 41px;
    position: relative;
    left: 1px
}

@media (min-width: 767px) {
    .preview_2.frametyp_3 .photo__all {
        width: 455px;
        height: 455px;
        padding-top: 99px;
        left: 2px
    }
}

.preview_2.frametyp_3 .photo_1,
.preview_2.frametyp_3 .photo_2,
.preview_2.frametyp_3 .photo_3,
.preview_2.frametyp_3 .photo_4,
.preview_2.frametyp_3 .photo_5 {
    border: 3px #d99024 solid
}

.preview_2.frametyp_3 .frame-text {
    top: 8px
}

@media (min-width: 767px) {
    .preview_2.frametyp_3 .frame-text {
        top: 38px
    }
}

.preview_2.frametyp_3 .frame-top {
    background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-3/toffifee-frame-3-top.png") no-repeat;
    width: 280px;
    height: 50px;
    top: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .preview_2.frametyp_3 .frame-top {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-3/toffifee-frame-3-top-2x.png") no-repeat;
        background-size: 280px 50px
    }
}

@media (min-width: 767px) {
    .preview_2.frametyp_3 .frame-top {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-3/toffifee-frame-3-top.png") no-repeat;
        width: 650px;
        height: 117px
    }
}

@media only screen and (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 767px) and (min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min-resolution: 192dpi),
only screen and (min-width: 767px) and (min-resolution: 2dppx) {
    .preview_2.frametyp_3 .frame-top {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-3/toffifee-frame-3-top-2x.png") no-repeat;
        background-size: 650px 117px
    }
}

.preview_2.frametyp_3 .frame-right {
    background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-3/toffifee-frame-3-right.png") no-repeat;
    width: 54px;
    height: 169px;
    right: 0;
    top: 50px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .preview_2.frametyp_3 .frame-right {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-3/toffifee-frame-3-right-2x.png") no-repeat;
        background-size: 54px 169px
    }
}

@media (min-width: 767px) {
    .preview_2.frametyp_3 .frame-right {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-3/toffifee-frame-3-right.png") no-repeat;
        width: 125px;
        height: 391px;
        top: 117px
    }
}

@media only screen and (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 767px) and (min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min-resolution: 192dpi),
only screen and (min-width: 767px) and (min-resolution: 2dppx) {
    .preview_2.frametyp_3 .frame-right {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-3/toffifee-frame-3-right-2x.png") no-repeat;
        background-size: 125px 391px
    }
}

.preview_2.frametyp_3 .frame-bottom {
    background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-3/toffifee-frame-3-bottom.png") no-repeat;
    width: 280px;
    height: 61px;
    bottom: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .preview_2.frametyp_3 .frame-bottom {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-3/toffifee-frame-3-bottom-2x.png") no-repeat;
        background-size: 280px 61px
    }
}

@media (min-width: 767px) {
    .preview_2.frametyp_3 .frame-bottom {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-3/toffifee-frame-3-bottom.png") no-repeat;
        width: 650px;
        height: 142px
    }
}

@media only screen and (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 767px) and (min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min-resolution: 192dpi),
only screen and (min-width: 767px) and (min-resolution: 2dppx) {
    .preview_2.frametyp_3 .frame-bottom {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-3/toffifee-frame-3-bottom-2x.png") no-repeat;
        background-size: 650px 142px
    }
}

.preview_2.frametyp_3 .frame-left {
    background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-3/toffifee-frame-3-left.png") no-repeat;
    width: 54px;
    height: 169px;
    left: 0;
    top: 50px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .preview_2.frametyp_3 .frame-left {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/mobile/frame-3/toffifee-frame-3-left-2x.png") no-repeat;
        background-size: 54px 169px
    }
}

@media (min-width: 767px) {
    .preview_2.frametyp_3 .frame-left {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-3/toffifee-frame-3-left.png") no-repeat;
        width: 125px;
        height: 391px;
        top: 117px
    }
}

@media only screen and (min-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min--moz-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-width: 767px) and (min-device-pixel-ratio: 2),
only screen and (min-width: 767px) and (min-resolution: 192dpi),
only screen and (min-width: 767px) and (min-resolution: 2dppx) {
    .preview_2.frametyp_3 .frame-left {
        background: url("../images/zusammener-promo/aktionseite/deko-rahmen/desktop/frame-3/toffifee-frame-3-left-2x.png") no-repeat;
        background-size: 125px 391px
    }
}

.copit-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    display: none;
    background: #fff
}

.copit-layer input {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.copit-layer .cropit-preview-image-container:before {
    content: '';
    width: 24px;
    height: 23px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='23' viewBox='0 0 24 23' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Eaktionseite/popup/generell/scale%3C/title%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M23.03 21.092l-.01-.098.01-5.518-2.458-.011-.022 3.06-6.589-6.59 6.6-6.6-.022 3.017 2.48.01.033-5.518v-.502a1.217 1.217 0 0 0-.371-.874 1.225 1.225 0 0 0-.874-.372l-.47.011h-5.573v2.47h3.06l-6.61 6.61-6.611-6.61h3.059v-2.47H3.133l-.513-.01c-.343.006-.635.13-.875.37a1.217 1.217 0 0 0-.371.875l.01.426.023 5.594 2.48-.01-.022-3.016 6.6 6.6-6.589 6.588-.022-3.06-2.458.012.01 5.518-.01.513c.008.347.132.639.371.874.246.244.541.364.885.36h.437l5.573-.02-.022-2.47-3.005.01 6.578-6.577 6.578 6.578-3.005-.011-.022 2.47 5.507.02h.503c.344.004.64-.116.885-.36a1.22 1.22 0 0 0 .372-.874v-.415z' fill='%23FFF'/%3E%3Cpath d='M22.03 20.092l-.01-.098.01-5.518-2.458-.011-.022 3.06-6.589-6.59 6.6-6.6-.022 3.017 2.48.01.033-5.518v-.502a1.217 1.217 0 0 0-.371-.874 1.225 1.225 0 0 0-.874-.372l-.47.011h-5.573v2.47h3.06l-6.61 6.61-6.611-6.61h3.059V.107H2.133L1.62.097c-.343.006-.635.13-.875.37a1.217 1.217 0 0 0-.371.875l.01.426.023 5.594 2.48-.01-.022-3.016 6.6 6.6-6.589 6.588-.022-3.06-2.458.012.01 5.518-.01.513c.008.347.132.639.371.874.246.244.541.364.885.36h.437l5.573-.02-.022-2.47-3.005.01 6.578-6.577 6.578 6.578-3.005-.011-.022 2.47 5.507.02h.503c.344.004.64-.116.885-.36a1.22 1.22 0 0 0 .372-.874v-.415z' fill='%23572B10'/%3E%3C/g%3E%3C/svg%3E")
}

.copit-layer .close {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='45' height='45' viewBox='0 0 45 45' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Eaktionseite/popup/generell/close%3C/title%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23FFF' width='45' height='45' rx='22.5'/%3E%3Cpath d='M18.912 22.44l-4.337 4.336a2.685 2.685 0 0 0 0 3.795 2.685 2.685 0 0 0 3.795 0l4.337-4.337 4.337 4.337a2.685 2.685 0 0 0 3.795 0 2.685 2.685 0 0 0 0-3.795l-4.337-4.337 4.337-4.337a2.685 2.685 0 0 0 0-3.794 2.685 2.685 0 0 0-3.795 0l-4.337 4.337-4.337-4.337a2.685 2.685 0 0 0-3.795 0 2.685 2.685 0 0 0 0 3.794l4.337 4.337z' fill='%23F29C2D'/%3E%3C/g%3E%3C/svg%3E")
}

.copit-layer .icon-validate {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='45' height='45' viewBox='0 0 45 45' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Eaktionseite/popup/generell/validate02-2x%3C/title%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23AFB911' cx='22.5' cy='22.5' r='22.5'/%3E%3Cpath stroke='%23FFF' stroke-width='6' stroke-linecap='round' stroke-linejoin='round' d='M13 25l8 6.5L32.5 15'/%3E%3C/g%3E%3C/svg%3E");
    width: 45px;
    height: 45px;
    text-indent: -999em;
    display: inline-block;
    position: absolute;
    right: 25%;
    top: -22px;
    margin-top: -35px;
    margin-right: -25px;
    cursor: pointer
}

@media (min-width: 767px) {
    .copit-layer .icon-validate {
        right: 62px;
        top: 50%;
        margin-top: -35px;
        margin-right: 0
    }
}

.copit-layer .icon-small-size {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='19' viewBox='0 0 24 19' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Eaktionseite/popup/generell/small-size%3C/title%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath stroke='%23572B10' stroke-width='.5' fill='%23572B10' d='M20.742 4.355l.1 1.42.686.002-.004 11.347-15.164-.069v-.052l-1.38.097v1.368l17.922.081.004-14.184z'/%3E%3Cpath d='M19.304 15.077l-17.893.938L.668 1.85 18.562.91l.742 14.166zm-16.591-.55l15.14-.794L17.26 2.4l-15.141.793.594 11.333z' stroke='%23572B10' stroke-width='.5' fill='%23572B10'/%3E%3Cpath fill='%23F29C2D' d='M2.713 14.526l15.14-.793L17.26 2.4l-15.141.793z'/%3E%3C/g%3E%3C/svg%3E");
    width: 24px;
    height: 19px;
    text-indent: -999em;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 4px
}

.copit-layer .icon-big-size {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='27' viewBox='0 0 32 27' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Eaktionseite/popup/generell/big-size%3C/title%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath stroke='%23572B10' stroke-width='.3' fill='%23572B10' d='M28.36 5.855l.105 2.006.994.02-.313 16.027-21.938-.443v-.074l-1.996.105-.038 1.932 25.927.524.39-20.034z'/%3E%3Cpath d='M27.539 20.812L1.644 22.169.595 2.158 26.49.801l1.05 20.01h-.001zM3.53 20.063l21.911-1.148-.839-16.008L2.692 4.055l.839 16.008z' stroke='%23572B10' stroke-width='.3' fill='%23572B10'/%3E%3Cpath fill='%23F29C2D' d='M3.53 20.063l21.912-1.148-.839-16.008L2.692 4.055z'/%3E%3C/g%3E%3C/svg%3E");
    width: 32px;
    height: 27px;
    text-indent: -999em;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0
}

.copit-layer .rotation-btns {
    position: absolute;
    left: 25%;
    top: -47px;
    margin-left: -15px
}

@media (min-width: 767px) {
    .copit-layer .rotation-btns {
        left: 60px;
        top: 50%;
        margin-top: -24px;
        margin-left: 0
    }
}

.copit-layer .icon-rotate-left {
    width: 22px;
    height: 24px;
    text-indent: -999em;
    display: inline-block;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='24' viewBox='0 0 22 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Eaktionseite/popup/generell/rotate%3C/title%3E%3Cpath d='M11.2 19.876a6.934 6.934 0 0 1-.014-13.866v.654c0 1.66.954 2.051 2.115.89l3.085-3.086-3.085-3.085c-1.168-1.168-2.115-.764-2.115.881v.28C5.449 2.55.799 7.203.799 12.942c0 5.743 4.657 10.4 10.4 10.4 5.744 0 10.4-4.657 10.4-10.4h-3.466a6.934 6.934 0 0 1-6.933 6.933z' fill='%23572B10' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.copit-layer .cropit-control {
    width: 80%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: 0;
    left: 50%
}

.copit-layer .cropit-control .slider-wrapper {
    width: 50%;
    margin: auto;
    position: relative;
    padding: 0 44px 0 34px
}

@media (min-width: 767px) {
    .copit-layer .cropit-control {
        width: 70%;
        position: absolute;
        bottom: 50px
    }
    .copit-layer .cropit-control .slider-wrapper {
        width: 30%;
        padding: 0 44px 0 34px
    }
}

@media (min-width: 1025px) {
    .copit-layer .cropit-control {
        width: 50%
    }
}

.cropit-preview-image {
    cursor: pointer;
    image-orientation: 0deg
}

.cropit-preview {
    position: relative;
    left: 50%;
    top: 40%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 500px;
    height: 500px
}

@media (min-width: 767px) {
    .cropit-preview {
        top: 50%
    }
}

.mac-os .promo-zusammener__tab-number,
.mac-os .promo-zusammener__frame-input-number {
    position: relative;
    top: 2px
}

progress {
    background-color: #f29c2d;
    color: #572b10;
    border: 0;
    height: 18px;
    border-radius: 10px;
    margin-bottom: 20px
}

progress::-webkit-progress-bar {
    background-color: #f29c2d;
    color: #572b10;
    border: 0;
    height: 18px;
    border-radius: 10px;
    margin-bottom: 20px
}

progress::-moz-progress-bar {
    background-color: #572b10;
    border: 0;
    height: 18px;
    border-radius: 10px;
    margin-bottom: 20px
}

progress::-webkit-progress-value {
    background-color: #572b10;
    border: 0;
    height: 18px;
    border-radius: 10px;
    margin-bottom: 20px
}

#pleaseWait {
    display: none;
    background: url("../images/zusammener-promo/aktionseite/spinner.gif") no-repeat left 1px;
    padding-left: 22px
}

.promo-zusammener-index {
    margin: 0 auto 15%;
    padding-top: 8%
}

@media (min-width: 768px) {
    .promo-zusammener-index {
        padding-top: 2%;
        margin-bottom: 4%;
        padding-bottom: 2%
    }
}

.promo-zusammener-index .kakao-illu-left {
    top: 800px
}

.promo-zusammener-index--winner {
    padding-top: 13%
}

@media (min-width: 768px) {
    .promo-zusammener-index--winner {
        padding-top: 9%
    }
}

@media (min-width: 1024px) {
    .promo-zusammener-index--winner {
        padding-top: 6%
    }
}

@media (min-width: 1280px) {
    .promo-zusammener-index--winner {
        padding-top: 3%
    }
}

.promo-zusammener-index--winner-gallery {
    margin: 0 auto
}

@media (min-width: 1024px) {
    .promo-zusammener-index--winner-gallery {
        max-width: 900px
    }
}

@media (min-width: 1280px) {
    .promo-zusammener-index--winner-gallery {
        max-width: 970px
    }
}

.promo-zusammener-index--winner-gallery .winner-gallery__winner {
    margin-bottom: 50px
}

@media (min-width: 1024px) {
    .promo-zusammener-index--winner-gallery .winner-gallery__winner {
        display: inline-block;
        width: calc(100% / 3);
        max-width: 300px;
        margin-right: 25px;
        vertical-align: top
    }
    .promo-zusammener-index--winner-gallery .winner-gallery__winner:last-of-type {
        margin-right: 0
    }
}

@media (min-width: 1280px) {
    .promo-zusammener-index--winner-gallery .winner-gallery__winner:nth-of-type(3) {
        margin-right: 0
    }
}

.promo-zusammener-index--winner-gallery .winner-gallery__winner p:first-of-type {
    margin-bottom: 0
}

.promo-zusammener-index--winner-gallery .winner-gallery__image {
    max-width: 100%
}

.promo-zusammener-index--winner-gallery .winner-gallery__copy {
    margin: 0 0 15px
}

@media (min-width: 1024px) {
    .promo-zusammener-index--winner-gallery .winner-gallery__copy {
        padding: 0 50px
    }
}

.promo-zusammener-index--winner-gallery .winner-gallery__copy+.winner-gallery__copy {
    margin-bottom: 0
}

section.without-trenner.promo-zusammener-index--winner {
    padding-top: 3%
}

section.promo-zusammener-index h1:first-child {
    margin-bottom: 20px
}

.promo-zusammener-index__intro,
.promo-zusammener-index--winner-gallery__intro {
    margin: 0 auto
}

@media (min-width: 1024px) {
    .promo-zusammener-index__intro,
    .promo-zusammener-index--winner-gallery__intro {
        max-width: 560px
    }
}

@media (min-width: 1280px) {
    .promo-zusammener-index__intro,
    .promo-zusammener-index--winner-gallery__intro {
        max-width: 800px
    }
}

.promo-zusammener-index__intro {
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-size: 17px
}

@media (min-width: 768px) {
    .promo-zusammener-index__intro {
        font-size: 20px
    }
}

.promo-zusammener-index--winner-gallery__intro {
    margin-bottom: 20px
}

.promo-zusammener-index__illustration {
    margin: 40px auto 0;
    max-width: 100%;
    height: auto
}

@media (min-width: 768px) {
    .promo-zusammener-index__illustration {
        margin-top: 50px
    }
}

.promo-zusammener-index__instruction {
    max-width: 350px;
    margin: 0 auto 70px
}

@media (min-width: 1024px) {
    .promo-zusammener-index__instruction {
        display: table;
        table-layout: fixed;
        width: 100%;
        max-width: 100%
    }
}

.promo-zusammener-index__instruction .instruction__step {
    display: inline-block;
    margin-bottom: 60px
}

.promo-zusammener-index__instruction .instruction__step:last-of-type {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .promo-zusammener-index__instruction .instruction__step {
        margin-bottom: 35px
    }
}

@media (min-width: 1024px) {
    .promo-zusammener-index__instruction .instruction__step {
        display: table-cell;
        width: calc(100% / 3);
        padding: 0 20px;
        margin-bottom: 0
    }
}

@media (min-width: 1280px) {
    .promo-zusammener-index__instruction .instruction__step {
        padding: 0 40px
    }
}

.promo-zusammener-index__instruction .instruction__step img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto
}

.promo-zusammener-index__instruction .instruction__step .promo-zusammener__tab-text {
    margin: 10px auto;
    left: auto;
    top: auto;
    width: 36px;
    height: 36px
}

.promo-zusammener-index__instruction .instruction__step .promo-zusammener__tab-number {
    font-size: 20px;
    font-weight: bold
}

.promo-zusammener-index__tnb {
    font-size: inherit;
    text-decoration: underline;
    display: block;
    margin-top: 15px
}

.cropit-dummy .promo-zusammener__form fieldset>.preview_2 {
    display: none
}

.cropit-dummy .promo-zusammener__form fieldset .promo-zusammener__example-image .btn.next {
    display: inline-block
}

.cropit-dummy .promo-zusammener__form fieldset.step1 label[for="wish"],
.cropit-dummy .promo-zusammener__form fieldset.step1 #wish,
.cropit-dummy .promo-zusammener__form fieldset.step1 label[for="members"],
.cropit-dummy .promo-zusammener__form fieldset.step1 #members,
.cropit-dummy .promo-zusammener__form fieldset.step1 label[for="boxTemplate"],
.cropit-dummy .promo-zusammener__form fieldset.step1 #boxTemplate,
.cropit-dummy .promo-zusammener__form fieldset.step1 label[for="decoTemplate"],
.cropit-dummy .promo-zusammener__form fieldset.step1 #decoTemplate {
    display: inline-block
}

.cropit-dummy .promo-zusammener__form fieldset.step2 .preview_1 {
    display: none
}

.cropit-dummy .promo-zusammener__form fieldset.step2 .preview_2 {
    display: block
}

.cropit-dummy .promo-zusammener__form fieldset.step2 input[type="file"] {
    display: none
}

.cropit-dummy .preview_1,
.cropit-dummy .preview_2 {
    width: 540px;
    height: 560px;
    margin: auto;
    position: relative
}

.cropit-dummy .preview_2>div {
    float: left;
    border: 5px red solid;
    display: none;
    box-sizing: border-box;
    overflow: hidden
}

.cropit-dummy .preview_2.boxTemplate_1 .photo_1 {
    width: 100%;
    height: 100%;
    display: block
}

.cropit-dummy .preview_2.boxTemplate_2 .photo_1 {
    width: 100%;
    height: 50%;
    display: block
}

.cropit-dummy .preview_2.boxTemplate_2 .photo_2 {
    width: 100%;
    height: 50%;
    display: block
}

.cropit-dummy .preview_2.boxTemplate_3 .photo_1 {
    width: 100%;
    height: 50%;
    display: block
}

.cropit-dummy .preview_2.boxTemplate_3 .photo_2 {
    width: 50%;
    height: 50%;
    display: block
}

.cropit-dummy .preview_2.boxTemplate_3 .photo_3 {
    width: 50%;
    height: 50%;
    display: block
}

.cropit-dummy .preview_2.boxTemplate_4 .photo_1 {
    width: 50%;
    height: 50%;
    display: block
}

.cropit-dummy .preview_2.boxTemplate_4 .photo_2 {
    width: 50%;
    height: 50%;
    display: block
}

.cropit-dummy .preview_2.boxTemplate_4 .photo_3 {
    width: 50%;
    height: 50%;
    display: block
}

.cropit-dummy .preview_2.boxTemplate_4 .photo_4 {
    width: 50%;
    height: 50%;
    display: block
}

.cropit-dummy .preview_2.boxTemplate_5 .photo_1 {
    width: 50%;
    height: 50%;
    display: block
}

.cropit-dummy .preview_2.boxTemplate_5 .photo_2 {
    width: 50%;
    height: 50%;
    display: block
}

.cropit-dummy .preview_2.boxTemplate_5 .photo_3 {
    width: 50%;
    height: 50%;
    display: block
}

.cropit-dummy .preview_2.boxTemplate_5 .photo_4 {
    width: 50%;
    height: 50%;
    display: block
}

.cropit-dummy .preview_2.boxTemplate_5 .photo_5 {
    position: absolute;
    width: 50%;
    height: 50%;
    top: 25%;
    left: 25%;
    display: block;
    background: beige
}

.cropit-dummy .copit-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    display: none;
    background: #f5e8d9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #f5e8d9 0%, #fff 30%, #fff 66%, #f5e8d9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f5e8d9), color-stop(30%, #fff), color-stop(66%, #fff), color-stop(100%, #f5e8d9));
    background: -webkit-linear-gradient(left, #f5e8d9 0%, #fff 30%, #fff 66%, #f5e8d9 100%);
    background: -o-linear-gradient(left, #f5e8d9 0%, #fff 30%, #fff 66%, #f5e8d9 100%);
    background: -ms-linear-gradient(left, #f5e8d9 0%, #fff 30%, #fff 66%, #f5e8d9 100%);
    background: linear-gradient(to right, #f5e8d9 0%, #ffffff 30%, #ffffff 66%, #f5e8d9 100%);
    padding-top: 113px
}

.cropit-dummy .cropit-preview {
    position: relative;
    left: 50%;
    top: 50%;
    margin-top: -250px;
    margin-left: -250px;
    width: 500px;
    height: 500px
}

.cropit-dummy .cropit-layer .close {
    cursor: pointer
}

.ca-metacontent {
    padding: 0 8%
}

@media (min-width: 768px) {
    .ca-metacontent {
        padding: 0 20%
    }
}

.ca-metacontent a {
    font-weight: bold;
    text-decoration: underline
}

.input-checkbox {
    position: relative;
    display: inline-block;
    padding-left: 33px;
    margin-bottom: 18px
}

.input-checkbox input {
    position: absolute;
    left: 5px;
    top: 5px;
    clip: rect(0px 0px 0px 0px)
}

.input-checkbox input:checked+label:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 15px;
    background-color: #572b10;
    left: 6px;
    top: 4px;
    -webkit-transform: rotate(45deg) scale(0.9999);
    -moz-transform: rotate(45deg) scale(0.9999);
    -ms-transform: rotate(45deg) scale(0.9999);
    -o-transform: rotate(45deg) scale(0.9999);
    transform: rotate(45deg) scale(0.9999)
}

.input-checkbox input:checked+label:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 3px;
    background-color: #572b10;
    left: -2px;
    top: 13px;
    -webkit-transform: rotate(45deg) scale(0.9999);
    -moz-transform: rotate(45deg) scale(0.9999);
    -ms-transform: rotate(45deg) scale(0.9999);
    -o-transform: rotate(45deg) scale(0.9999);
    transform: rotate(45deg) scale(0.9999)
}

.input-checkbox input:disabled+label,
.input-checkbox input.disabled+label {
    opacity: 0.5;
    cursor: default
}

.input-checkbox:before {
    content: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 2px solid #572b10;
    position: absolute;
    top: 0;
    margin-left: -33px
}

.input-checkbox>label {
    cursor: pointer;
    padding-left: 33px;
    position: relative;
    margin-left: -26px;
    padding-top: 2px
}

.input-checkbox>label a {
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-weight: normal;
    color: #f29c2d;
    display: inline-block;
    font-size: inherit
}

@media (min-width: 767px) {
    .input-checkbox>label a {
        font-size: 16px
    }
}

.input-checkbox.input-error:before {
    border: 3px solid red
}

.input-checkbox.input-disabled:before {
    opacity: 0.5;
    cursor: default
}

header {
    background-position: 0 -65px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    position: fixed;
    z-index: 6000;
    top: 0;
    left: 0;
    background-repeat: repeat-x;
    background-position: 0px -102px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out
}

header .choose-land {
    margin: 18px 32px 0 0;
    position: absolute;
    right: 50px;
    top: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out
}

@media (min-width: 1280px) {
    header .choose-land {
        margin-top: 35px
    }
}

header .choose-land .header__logo__item .ico-map {
    position: absolute;
    float: right;
    right: 6.5%;
    outline: 0
}

header .choose-land ul {
    z-index: 6;
    display: none;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    float: none;
    margin: 38px 0 0 0;
    width: auto;
    position: absolute;
    right: 6.5%;
    top: -5px;
    padding: 15px 15px 0 15px;
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f19f2e 5%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(234, 142, 37, 0)), color-stop(5%, #f19f2e));
    background: -webkit-linear-gradient(top, rgba(234, 142, 37, 0) 0%, #f19f2e 5%);
    background: -o-linear-gradient(top, rgba(234, 142, 37, 0) 0%, #f19f2e 5%);
    background: -ms-linear-gradient(top, rgba(234, 142, 37, 0) 0%, #f19f2e 5%);
    background: linear-gradient(to bottom, rgba(234, 142, 37, 0) 0%, #f19f2e 5%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgb(234,142,37)', endColorstr='rgb(241,159,46)', GradientType=0)
}

@media all and (max-width: 1279px) {
    header .choose-land ul {
        background: #ea8e25;
        background: -moz-linear-gradient(top, rgba(234, 142, 37, 0) 0%, #ea8e25 5%, #f19f2e 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(5%, #ea8e25), color-stop(100%, #f19f2e));
        background: -webkit-linear-gradient(top, rgba(234, 142, 37, 0) 0%, #ea8e25 5%, #f19f2e 100%);
        background: -o-linear-gradient(top, rgba(234, 142, 37, 0) 0%, #ea8e25 5%, #f19f2e 100%);
        background: -ms-linear-gradient(top, rgba(234, 142, 37, 0) 0%, #ea8e25 5%, #f19f2e 100%);
        background: linear-gradient(to bottom, rgba(234, 142, 37, 0) 0%, #ea8e25 5%, #f19f2e 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgb(234,142,37)', endColorstr='rgb(241,159,46)', GradientType=0)
    }
}

header .choose-land ul.opened {
    display: block;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out
}

@media (max-width: 1279px) {
    header .choose-land ul {
        transition: none;
        -webkit-transition: none;
        margin-top: 33px
    }
}

header .choose-land li {
    display: block;
    margin: 0;
    min-width: 255px;
    border-top: 1px solid #fff;
    position: relative
}

header .choose-land li a {
    font-size: 15px;
    color: #f2d6a3;
    white-space: nowrap;
    padding: 15px;
    display: block;
    outline: 0
}

header .choose-land li a.active,
header .choose-land li a:hover {
    color: #fff
}

@media (max-width: 1279px) {
    header .choose-land li a.active,
    header .choose-land li a:hover {
        color: #f3d9b7
    }
}

header .choose-land li a:hover:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0 4.5px 7px;
    border-color: transparent transparent transparent #ffffff;
    -webkit-transform: rotate(360deg);
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -4px
}

header .switch-language {
    position: absolute;
    right: 50px;
    top: 50%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

header .switch-language ul li {
    display: block;
    float: left;
    height: 15px;
    padding: 0 8px;
    border-right: 2px solid #f3d9b7;
    line-height: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

header .switch-language ul li:last-child {
    border: 0 none
}

header .switch-language ul li a {
    font-family: "Soleil-Bold", Verdana, sans-serif;
    color: #f3d9b7;
    line-height: 18px
}

header .switch-language ul li a.active,
header .switch-language ul li a:hover {
    color: #753c0f
}

header.minimize {
    height: 60px;
    min-height: 0
}

header.minimize .header__nav-first-base__item {
    margin: 18px 1.5% 0
}

@media (min-width: 1280px) {
    header.minimize .header__nav-first-base__item:first-child {
        margin: 0
    }
}

header.minimize .header__logo {
    height: 50px;
    margin-top: 9px;
    transition: margin 0.5s ease-in-out;
    -webkit-transition: margin 0.5s ease-in-out
}

header.minimize .choose-land {
    margin: 18px 32px 0 0;
    margin-top: -17px;
    position: absolute;
    right: 50px;
    top: 50%;
    background-color: transparent;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out
}

header.minimize .fb .facebook-icon {
    top: 12px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out
}

header.minimize .header__logo__item {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    width: 145px;
    margin-top: -8px
}

header.minimize .header__nav {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    position: relative;
    top: 0
}

header.minimize .header__nav.second-level {
    top: -60px
}

header.minimize .header__nav.third-level {
    top: -120px
}

header.minimize .header__nav-second-base {
    top: 60px
}

header.minimize .header__meta__country {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    margin-top: -20px
}

header.minimize .header__meta__country ul {
    margin: 74px 0 0 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f19f2e 0);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(0, #f19f2e));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f19f2e 0);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f19f2e 0);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f19f2e 0);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f19f2e 0%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e99527', endColorstr='#f19f2e', GradientType=0)
}

header.minimize .header__nav__ico-close {
    margin: 22px 0 0
}

@media (max-width: 1279px) {
    header.minimize .header__nav__ico-close {
        margin: 27px 0 0
    }
}

header a:active,
header a:focus {
    outline: none !important
}

header .header__nav.second-level {
    top: -54px
}

header .header__nav.third-level {
    top: -116px
}

@media (max-width: 1279px) {
    header {
        background-position: 0 0;
        height: 63px;
        padding: 18px 0;
        width: 100%;
        min-height: 0
    }
}

header .clicked {
    text-decoration: none
}

@media (max-width: 1279px) {
    header .clicked {
        text-decoration: none
    }
}

header nav ul {
    text-align: center
}

@media (max-width: 969px) {
    header nav ul {
        margin: 0 auto
    }
}

header nav li {
    display: inline-block;
    font-family: 'PlutoMedium';
    list-style-type: none;
    margin: 0 2%
}

@media (max-width: 969px) {
    header nav li {
        display: block
    }
}

header nav li a {
    transition: all 0.1 ease-in-out;
    -webkit-transition: all 0.1 ease-in-out;
    text-decoration: none;
    font-size: 17px;
    color: #f3d9b7;
    font-family: "Soleil-Bold", Verdana, sans-serif
}

header nav li a.active-link,
header nav li a:hover {
    color: #753c0f;
    text-decoration: none;
}

@media (max-width: 1279px) {
    header nav li a {
        color: #c57617
    }
    header nav li a:hover {
        color: #c57617
    }
    header nav li a:hover.active-link {
        color: #753c0f
    }
}

@media (min-width: 1280px) {
    header nav li a {
        display: block
    }
}

@media (max-width: 1279px) {
    header nav li {
        color: #c57617
    }
}

header nav .header__nav-second-base li a,
header nav .header__nav-third-base li a {
    color: #fff
}

header nav .header__nav-second-base li a.active-link,
header nav .header__nav-third-base li a.active-link {
    color: #753c0f
}

header nav .header__nav-second-base li a:hover,
header nav .header__nav-third-base li a:hover {
    color: #753c0f
}

@media (max-width: 1279px) {
    header nav .header__nav-second-base li a,
    header nav .header__nav-third-base li a {
        color: #c57617
    }
    header nav .header__nav-second-base li a:hover,
    header nav .header__nav-third-base li a:hover {
        color: #c57617
    }
    header nav .header__nav-second-base li a:hover.active-link,
    header nav .header__nav-third-base li a:hover.active-link {
        color: #753c0f
    }
}

.header__logo__item {
    margin-top: 5px;
    width: 241px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    position: absolute;
    left: 10px;
    z-index: 7
}

@media (max-width: 1279px) {
    .header__logo__item {
        margin-top: -7px;
        width: 120px
    }
}

.header__nav__ico-navigation {
    background-position: 0 -3342px;
    height: 14px;
    width: 20px;
    display: none;
    margin: 5px 0 0 0;
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 7;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out
}

.header__nav__ico-navigation.hamburger-second-level {
    top: 78px
}

@media (max-width: 1279px) {
    .header__nav__ico-navigation.hamburger-second-level {
        top: 1px
    }
}

.header__nav__ico-navigation.hamburger-third-level {
    top: 121px
}

@media (max-width: 1279px) {
    .header__nav__ico-navigation.hamburger-third-level {
        top: 1px
    }
}

@media (max-width: 1279px) {
    .header__nav__ico-navigation {
        margin: 30px 0 0 0;
        display: block;
        z-index: 0
    }
}

@media (max-width: 968px) {
    .header__nav__ico-navigation {
        margin: 38px 0 0 0
    }
}

.header__nav__ico-close {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    display: none;
    position: absolute;
    right: 18px;
    top: 0;
    margin: 40px 0 0
}

@media (max-width: 1279px) {
    .header__nav__ico-close {
        right: 22px;
        margin: 33px 0 0;
        display: block
    }
}

.header__nav__ico-close.desktop {
    background-position: 0 -2739px;
    height: 23px;
    width: 24px
}

.header__nav__ico-close.mobile {
    background-position: 0 -3263px;
    height: 16px;
    width: 16px
}

.header__background {
    margin: auto;
    padding-right: 30px;
    padding-left: 30px
}

@media (max-width: 1279px) {
    .header__background {
        padding-right: 19px;
        padding-left: 19px
    }
}

.header__logo {
    width: 0%;
    float: left;
    margin-top: -7px;
    transition: margin 0.5s ease-in-out;
    -webkit-transition: margin 0.5s ease-in-out
}

@media (max-width: 980px) {
    .header__logo {
        width: 33%
    }
}

@media (max-width: 969px) {
    .header__logo {
        float: none
    }
}

.header__nav {
    transition: all 0.5s ease-in-out;
    position: relative;
    top: 0;
    margin: 0 0
}

@media (max-width: 1279px) {
    .header__nav {
        top: -23px
    }
}

.header__nav-first-base {
    height: 60px;
    padding-left: 60px
}

@media (max-width: 1279px) {
    .header__nav-first-base {
        text-align: left;
        display: none;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        float: none;
        width: 100%;
        padding: 65px 0 0;
        z-index: 6
    }
    .header__nav-first-base .header__nav-third-base__item:last-child .header__nav-third-base__anchor a {
        border: 0
    }
    .header__nav-first-base .header__nav-second-base__item:last-child a.header__nav-second-base__anchor {
        border-bottom: 0
    }
    .header__nav-first-base .header__nav-second-base__item:first-child a.header__nav-second-base__anchor,
    .header__nav-first-base .header__nav-second-base__item:first-child a {
        border-top: 0
    }
}

.header__nav-first-base__item {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    margin: 40px 1.25%
}

@media (min-width: 1280px) {
    .header__nav-first-base__item:first-child {
        margin: 0
    }
}

.header__nav-first-base__item.header__nav__active {
    color: #753c0f
}

@media (max-width: 1279px) {
    .header__nav-first-base__item:first-child {
        border: none;
        margin: 0
    }
}

@media (max-width: 1279px) {
    .header__nav-first-base__item:first-child .header__nav-first-base__anchor {
        padding: 0
    }
}

@media (max-width: 1279px) {
    .header__nav-first-base__item:last-child {
        margin-right: 0;
        border-bottom: 1px solid #e2ba8b
    }
}

@media (max-width: 1279px) {
    .header__nav-first-base__item {
        display: block;
        margin: 0;
        border-top: 1px solid #e2ba8b;
        background: #fff none repeat
    }
}

@media (max-width: 1260px) and (min-width: 1280px) {
    .header__nav-first-base__item {
        margin: 40px 0.5%
    }
}

@media (max-width: 1279px) {
    .header__nav-first-base__anchor,
    .first-base-anchor {
        display: block;
        padding: 23px 19px
    }
}

@media (max-width: 1279px) and (max-height: 640px) {
    .header__nav-first-base__anchor,
    .first-base-anchor {
        padding: 14px 14px
    }
}

@media (max-width: 1279px) and (max-height: 640px) and (max-height: 640px) {
    .header__nav-first-base__anchor,
    .first-base-anchor {
        padding: 5px 14px
    }
}

@media (max-width: 1279px) {
    .header__nav-first-base__anchor {
        padding-left: 15px
    }
}

.header__nav-first-base__anchor.active:after,
.header__nav-second-base__anchor.active:after,
.header__nav-second-base__item a.active:after {
    content: '';
    display: inline-block;
    background-position: 0 -3143px;
    height: 8px;
    width: 15px
}

@media (min-width: 1280px) {
    .header__nav-first-base__anchor.active:after,
    .header__nav-second-base__anchor.active:after,
    .header__nav-second-base__item a.active:after {
        display: none
    }
}

@media (max-width: 1279px) {
    .header__nav-first-base__anchor.active:after,
    .header__nav-second-base__anchor.active:after,
    .header__nav-second-base__item a.active:after {
        float: right;
        margin-top: 7px
    }
}

.header__nav-first-base__anchor.inactive:after,
.header__nav-second-base__anchor.inactive:after,
.header__nav-second-base__item a.inactive:after {
    background-position: 0 -3161px;
    height: 8px;
    width: 15px;
    content: '';
    display: inline-block
}

@media (max-width: 1279px) {
    .header__nav-first-base__anchor.inactive:after,
    .header__nav-second-base__anchor.inactive:after,
    .header__nav-second-base__item a.inactive:after {
        float: right;
        margin-top: 7px
    }
}

@media (min-width: 1280px) {
    .header__nav-first-base__anchor.inactive:after,
    .header__nav-second-base__anchor.inactive:after,
    .header__nav-second-base__item a.inactive:after {
        display: none
    }
}

@media (min-width: 1280px) {
    .header__nav-second-base__item a.header__nav-second-base__anchor::after,
    .header__nav-second-base__item a.header__nav-second-base__anchor:after {
        content: '';
        display: inline-block;
        background: url("../images/bg/content/stickyheader-arrows.png") no-repeat;
        background-position: -14px -6px;
        width: 11px;
        height: 6px
    }
}

@media (min-width: 1280px) {
    .header__nav-second-base__item a.header__nav-second-base__anchor:hover,
    .header__nav-second-base__item a.header__nav-second-base__anchor.active-link {
        border-bottom: #753c0f 2px solid
    }
    .header__nav-second-base__item a.header__nav-second-base__anchor:hover::after,
    .header__nav-second-base__item a.header__nav-second-base__anchor.active-link::after {
        background-position: -14px 0
    }
}

@media (min-width: 1280px) {
    .header__nav-first-base__anchor.first-base-anchor {
        padding-bottom: 8px
    }
    .header__nav-first-base__anchor.first-base-anchor::after,
    .header__nav-first-base__anchor.first-base-anchor:after {
        content: '';
        display: inline-block;
        background: url("../images/bg/content/stickyheader-arrows.png") no-repeat;
        width: 14px;
        height: 8px;
        margin-top: 7px;
        vertical-align: top
    }
    .header__nav-first-base__anchor.first-base-anchor.active::after,
    .header__nav-first-base__anchor.first-base-anchor.inactive::after {
        background-position: 0 0
    }
    .header__nav-first-base__anchor.first-base-anchor.inactive:hover::after,
    .header__nav-first-base__anchor.first-base-anchor.active:hover::after,
    .header__nav-first-base__anchor.first-base-anchor.active-link::after {
        background-position: 0 -8px
    }
}

@media (min-width: 1280px) {
    .header__nav-first-base__anchor.first-base-anchor:hover {
        color: #753c0f
    }
}

@media (min-width: 1280px) {
    .header__nav-first-base__anchor.header__nav__ico-close {
        border-bottom: none
    }
    .header__nav-first-base__anchor.header__nav__ico-close::after {
        display: none
    }
}

@media (min-width: 1280px) {
    .header__nav-second-base__item a.active:after {
        content: '';
        display: inline-block
    }
}

@media (max-width: 1279px) {
    .header__nav-second-base__item a.active:after {
        float: right;
        margin-top: 8px
    }
    .header__nav-second-base__item a.inactive:after {
        float: right;
        margin-top: 8px
    }
}

.header__nav-second-base,
.header__nav-third-base {
    height: 60px;
    width: 100%;
    position: absolute;
    left: 0;
    text-align: center;
    z-index: 6;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    display: none
}

.header__nav-second-base.nav-second-base_visible,
.header__nav-second-base.nav-third-base_visible,
.header__nav-third-base.nav-second-base_visible,
.header__nav-third-base.nav-third-base_visible {
    display: block
}

@media (max-width: 1279px) {
    .header__nav-second-base,
    .header__nav-third-base {
        text-align: left;
        height: auto;
        position: relative;
        transition: none;
        -webkit-transition: none;
        box-sizing: border-box
    }
}

.header__nav-second-base {
    background: #F2AD4A none repeat scroll 0% 0%;
    top: 97px
}

@media (max-width: 1279px) {
    .header__nav-second-base {
        background: none;
        margin-top: 0;
        border-top: 1px solid #e2ba8b;
        border-bottom: none;
        box-shadow: none;
        top: 100%
    }
}

.header__nav-second-base__item {
    display: inline-block
}

@media (max-width: 1279px) {
    .header__nav-second-base__item {
        display: block;
        background: #FFF none repeat scroll 0% 0%
    }
}

.header__nav-second-base__anchor,
.header__nav-second-base__item a {
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-size: 15px;
    padding: 23px 0 8px;
    display: block
}

@media (max-width: 1279px) {
    .header__nav-second-base__anchor,
    .header__nav-second-base__item a {
        color: #572b10;
        padding: 23px 19px;
        border-top: 1px solid #ccbfb7
    }
}

@media (max-width: 1279px) and (max-height: 640px) {
    .header__nav-second-base__anchor,
    .header__nav-second-base__item a {
        padding: 14px 14px
    }
}

@media (max-width: 1279px) and (max-height: 640px) and (max-height: 640px) {
    .header__nav-second-base__anchor,
    .header__nav-second-base__item a {
        padding: 5px 14px
    }
}

.header__nav-second-base__item.header__nav__active .header__nav-second-base__anchor,
.header__nav-second-base__item.header__nav__active a {
    font-family: "Soleil-Bold", Verdana, sans-serif;
    color: #572b10;
    text-decoration: underline;
    margin-right: -2px;
    margin-left: -2px;
    font-size: 14px
}

.header__nav-third-base {
    background: #F8CC8D none repeat scroll 0% 0%;
    top: 60px
}

.header__nav-third-base.nav-third-base_hidden {
    top: 54px;
    display: block;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    height: 0;
    opacity: 0
}

.header__nav-third-base.nav-third-base_hidden li .header__nav-third-base__anchor {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    padding: 0px 0px
}

.header__nav-third-base li .header__nav-third-base__anchor {
    transition: opacity 0.5s ease-in-out, height 0.5s ease-in-out, padding 0.5s ease-in-out, color 0s ease;
    -webkit-transition: opacity 0.5s ease-in-out, height 0.5s ease-in-out, padding 0.5s ease-in-out, color 0s ease
}

.header__nav-third-base.nav-third-base_visible {
    display: block;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out
}

@media (max-width: 1279px) {
    .header__nav-third-base {
        background: none;
        margin-top: 0;
        border-bottom: none;
        border-top: 1px solid #cec2bb;
        box-shadow: none;
        top: 100%
    }
    .header__nav-third-base:first-child {
        border-top: none
    }
    .header__nav-third-base li:last-child a {
        border-bottom: 0
    }
}

.header__nav-third-base__item {
    display: inline-block
}

@media (max-width: 1279px) {
    .header__nav-third-base__item {
        display: block
    }
    .header__nav-third-base__item a {
        border-top: 1px solid #CCBFB7
    }
    .header__nav-third-base__item:first-child a {
        border-top: none
    }
}

.header__nav-third-base__anchor {
    font-family: "Soleil", Verdana, sans-serif;
    font-size: 14px;
    padding: 23px 19px;
    display: block
}

@media (max-width: 1279px) {
    .header__nav-third-base__anchor {
        color: #572b10;
        padding: 23px 19px;
        border-bottom: 1px solid #ccbfb7
    }
}

@media (max-width: 1279px) and (max-height: 640px) {
    .header__nav-third-base__anchor {
        padding: 14px 14px
    }
}

@media (max-width: 1279px) and (max-height: 640px) and (max-height: 640px) {
    .header__nav-third-base__anchor {
        padding: 5px 14px
    }
}

.header__nav-third-base__item a {
    font-family: "Soleil", Verdana, sans-serif
}

.header__nav-third-base__item.header__nav__active .header__nav-third-base__anchor {
    font-family: "Soleil-Bold", Verdana, sans-serif;
    color: #572b10;
    text-decoration: underline;
    margin-right: -2px;
    margin-left: -2px;
    font-size: 14px
}

@media (min-width: 1025px) {
    header .navi-wrapper ul {
        display: block !important
    }
}

@media (min-width: 1025px) {
    header.minimize .logo-wrapper__404 .header__logo__item {
        margin-top: 0 !important
    }
}

section {
    padding: 3% 6%;
    min-height: 500px;
    text-align: center;
    position: relative
}

section:after {
    content: '';
    background-position: 0 0;
    width: 972px;
    height: 61px;
    display: block;
    margin: 0 0 0 -486px;
    position: absolute;
    bottom: -100px;
    left: 50%
}

section.without-trenner {
    padding: 9% 6% 0
}

section.without-trenner:after {
    background: none;
    visibility: hidden
}

section.facebook {
    min-height: 0
}

@media (min-width: 767px) {
    section.facebook {
        padding-left: 0;
        padding-right: 0
    }
}

section.scroll-to-top {
    min-height: 0
}

section.scroll-to-top:before {
    content: '';
    background-position: 0 -61px;
    width: 901px;
    height: 16px;
    display: block;
    margin: 0 0 0 -450px;
    position: absolute;
    left: 50%
}

section.scroll-to-top:after {
    background: none;
    margin-top: 0
}

section.background {
    margin: 0 auto
}

section.background h3 {
    color: #f29c2d
}

section.background:after {
    bottom: -46px
}

section.bg-about-01 {
    max-width: 1300px;
    min-width: 800px;
    min-height: 769px;
    padding-left: 0;
    padding-right: 0
}

section.bg-about-01 .content-wrapper {
    width: 300px;
    position: absolute;
    top: 30%;
    right: 10%
}

section.bg-about-02 {
    max-width: 1736px;
    min-width: 800px;
    min-height: 869px;
    padding-left: 0;
    padding-right: 0
}

section.bg-about-02 .content-wrapper {
    width: 290px;
    position: absolute;
    top: 10%;
    left: 12%
}

section.bg-about-03 {
    max-width: 1736px;
    min-width: 800px;
    min-height: 869px;
    padding-left: 0;
    padding-right: 0;
    box-sizing: content-box !important
}

section.bg-about-03 .content-wrapper {
    width: 300px;
    position: absolute;
    top: 10%;
    right: 12%
}

section.bg-about-04 {
    max-width: 1736px;
    min-width: 800px;
    min-height: 869px;
    padding-left: 0;
    padding-right: 0;
    box-sizing: content-box !important
}

section.bg-about-04 .content-wrapper {
    width: 290px;
    position: absolute;
    top: 10%;
    left: 20%
}

section.bg-about-05 {
    max-width: 1736px;
    min-width: 800px;
    min-height: 669px;
    padding-left: 0;
    padding-right: 0;
    box-sizing: content-box !important;
}

section.bg-about-05 .content-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 22%
}

section.bg-about-06 {
    max-width: 1400px;
    min-width: 800px;
    min-height: 600px;
    padding-left: 0;
    padding-right: 0;
    box-sizing: content-box !important
}

section section {
    padding: 0;
    min-height: 0;
    text-align: left;
    position: relative
}

section section:after {
    background: none
}

footer {
    background-position: 0 -65px;
    background-repeat: repeat-x;
    text-align: center;
    
}

footer .wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 138px;
    padding: 40px 0
}

footer li {
    width: 35%;
    text-align: center;
    vertical-align: middle
}

footer li:last-child {
    text-align: right
}

footer li:last-child a {
    display: inline-block;
    color: #f3d9b7;
    margin-left: 26px;
    position: relative;
    top: 3px
}

footer li:nth-child(even) {
    width: 25%
}

footer .storck-logo {
    width: 269px;
    height: 50px;
    margin-bottom: 20px;
    background: url("/assets/img/storck.png") no-repeat
}

@media (min-width: 576px){
	footer .container {
	    max-width: 100% !important;
	}
}


@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .storck-logo {
        background: url("/assets/img/storck-2x.png") no-repeat;
        background-size: 269px 50px
    }
}

footer .dark-footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f7f7f7
}

footer .dark-footer p {
    display: inline-block
}

footer .dark-footer p .headline-brandbar {
    width: 280px;
    height: 29px
}

footer .dark-footer li {
    display: inline-block;
    width: auto
}

footer .dark-footer li:last-child a {
    margin-left: 0;
    position: static;
    top: auto;
    display: inline
}

footer .dark-footer li a {
    width: auto;
    height: auto;
    position: relative
}

footer .dark-footer li .logo-bendicks {
    background: url("../images/footer/logos/bendicks-logo.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .dark-footer li .logo-bendicks {
        background: url("../images/footer/logos/bendicks-logo-2x.png");
        background-size: 125px 60px
    }
}

footer .dark-footer li .logo-bendicks:hover {
    background: url("../images/footer/logos/bendicks-logo-hover.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .dark-footer li .logo-bendicks:hover {
        background: url("../images/footer/logos/bendicks-logo-hover-2x.png");
        background-size: 125px 60px
    }
}

footer .dark-footer li .logo-werthers {
    background: url("../images/footer/logos/werthers-logo.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .dark-footer li .logo-werthers {
        background: url("../images/footer/logos/werthers-logo-2x.png");
        background-size: 125px 60px
    }
}

footer .dark-footer li .logo-werthers:hover {
    background: url("../images/footer/logos/werthers-logo-hover.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .dark-footer li .logo-werthers:hover {
        background: url("../images/footer/logos/werthers-logo-hover-2x.png");
        background-size: 125px 60px
    }
}

footer .dark-footer li .logo-merci {
    background: url("../images/footer/logos/merci-logo.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .dark-footer li .logo-merci {
        background: url("../images/footer/logos/merci-logo-2x.png");
        background-size: 125px 60px
    }
}

footer .dark-footer li .logo-merci:hover {
    background: url("../images/footer/logos/merci-logo-hover.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .dark-footer li .logo-merci:hover {
        background: url("../images/footer/logos/merci-logo-hover-2x.png");
        background-size: 125px 60px
    }
}

footer .dark-footer li .logo-nimm2 {
    background: url("../images/footer/logos/nimm2-logo.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .dark-footer li .logo-nimm2 {
        background: url("../images/footer/logos/nimm2-logo-2x.png");
        background-size: 125px 60px
    }
}

footer .dark-footer li .logo-nimm2:hover {
    background: url("../images/footer/logos/nimm2-logo-hover.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .dark-footer li .logo-nimm2:hover {
        background: url("../images/footer/logos/nimm2-logo-hover-2x.png");
        background-size: 125px 60px
    }
}

footer .dark-footer li .logo-knoppers {
    background: url("../images/footer/logos/knoppers-logo.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .dark-footer li .logo-knoppers {
        background: url("../images/footer/logos/knoppers-logo-2x.png");
        background-size: 125px 60px
    }
}

footer .dark-footer li .logo-knoppers:hover {
    background: url("../images/footer/logos/knoppers-logo-hover.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .dark-footer li .logo-knoppers:hover {
        background: url("../images/footer/logos/knoppers-logo-hover-2x.png");
        background-size: 125px 60px
    }
}

footer .dark-footer li .logo-riesen {
    background: url("../images/footer/logos/riesen-logo.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .dark-footer li .logo-riesen {
        background: url("../images/footer/logos/riesen-logo-2x.png");
        background-size: 125px 60px
    }
}

footer .dark-footer li .logo-riesen:hover {
    background: url("../images/footer/logos/riesen-logo-hover.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .dark-footer li .logo-riesen:hover {
        background: url("../images/footer/logos/riesen-logo-hover-2x.png");
        background-size: 125px 60px
    }
}

footer .dark-footer li .logo-dickmanns {
    background: url("../images/footer/logos/dickmanns-logo.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .dark-footer li .logo-dickmanns {
        background: url("../images/footer/logos/dickmanns-logo-2x.png");
        background-size: 125px 60px
    }
}

footer .dark-footer li .logo-dickmanns:hover {
    background: url("../images/footer/logos/dickmanns-logo-hover.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .dark-footer li .logo-dickmanns:hover {
        background: url("../images/footer/logos/dickmanns-logo-hover-2x.png");
        background-size: 125px 60px
    }
}

footer .dark-footer li .logo-mamba {
    background: url("../images/footer/logos/mamba-logo.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .dark-footer li .logo-mamba {
        background: url("../images/footer/logos/mamba-logo-2x.png");
        background-size: 125px 60px
    }
}

footer .dark-footer li .logo-mamba:hover {
    background: url("../images/footer/logos/mamba-logo-hover.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .dark-footer li .logo-mamba:hover {
        background: url("../images/footer/logos/mamba-logo-hover-2x.png");
        background-size: 125px 60px
    }
}

footer .dark-footer li .logo-campino {
    background: url("../images/footer/logos/campino-logo.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .dark-footer li .logo-campino {
        background: url("../images/footer/logos/campino-logo-2x.png");
        background-size: 125px 60px
    }
}

footer .dark-footer li .logo-campino:hover {
    background: url("../images/footer/logos/campino-logo-hover.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    footer .dark-footer li .logo-campino:hover {
        background: url("../images/footer/logos/campino-logo-hover-2x.png");
        background-size: 125px 60px
    }
}

.ico-social {
    margin: 0 8px;
    display: inline-block;
    width: 46px;
    height: 46px
}

@media (min-width: 1440px) {
    .ico-social {
        margin: 0 23px;
        width: 58px;
        height: 58px
    }
}

.faq {
    text-align: left;
    max-width: 630px;
    margin: -30px auto 0;
    counter-reset: section
}

.faq h3 {
    margin: 0;
    padding: 50px 30px 10px 26px;
    position: relative;
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-size: 20px;
    line-height: 1.5em;
    color: #f29c2d
}

.faq h3 a {
    font-family: "Soleil-Bold", Verdana, sans-serif;
    font-size: 20px;
    line-height: 1.5em;
    color: #f29c2d
}

.faq h3:before {
    counter-increment: section;
    content: counter(section) ". ";
    width: 30px;
    left: -10px;
    position: absolute;
    text-align: right
}

.faq h3 .icon {
    display: block;
    position: absolute;
    right: 0;
    top: 63px
}

.faq h3.ui-state-default .icon {
    background-position: 0 -3143px;
    height: 8px;
    width: 15px
}

.faq h3.ui-state-active .icon {
    background-position: 0 -3161px;
    height: 8px;
    width: 15px
}

.faq h3 .ui-accordion-header-icon {
    background-position: 0 -142px;
    width: 399px;
    height: 4px;
    display: block;
    margin: -31px 0 0 -199px;
    position: absolute;
    left: 50%
}

@media (max-width: 768px) {
    .faq h3 .ui-accordion-header-icon {
        width: 330px
    }
}

.faq .last+div {
    padding-bottom: 20px
}

.faq p {
    margin: 0 30px 8px 26px;
    line-height: 1.3em
}

.owl-dots {
    position: absolute;
    bottom: 50px;
    text-align: center;
    width: 100%;
    height: 20px;
    z-index: 2
}

.owl-dot {
    background-position: 0 -3179px;
    height: 14px;
    width: 14px;
    display: inline-block;
    margin: 0 4px;
    cursor: pointer
}

.owl-dot.active,
.owl-dot:hover {
    background-position: 0 -3203px;
    height: 14px;
    width: 14px
}

.owl-nav {
    width: 100%;
    height: 100%
}

.owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 40px;
    background-position: 0 -2772px;
    height: 35px;
    width: 17px;
    text-indent: -9999em
}

.owl-nav .owl-prev:hover {
    background-position: 0 -2817px;
    height: 35px;
    width: 17px
}

.owl-nav .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    right: 40px;
    background-position: 0 -2862px;
    height: 35px;
    width: 17px;
    text-indent: -9999em
}

.owl-nav .owl-next:hover {
    background-position: 0 -2907px;
    height: 35px;
    width: 17px
}

.to-top-link,
.to-bottom {
    background-position: 0 -1210px;
    height: 113px;
    width: 113px;
    margin: 145px auto 85px;
    display: block;
    font-family: "Soleil-Bold", Verdana, sans-serif;
    color: #afb911;
    font-size: 16px;
    position: relative
}

.to-top-link .text,
.to-bottom .text {
    top: 127px;
    display: block;
    width: 300px;
    margin-left: -150px;
    position: absolute;
    left: 50%;
    text-align: center
}

.to-bottom {
    background-position: 0 -1087px;
    height: 113px;
    width: 113px
}

.history-slider {
    margin-bottom: 40px
}

.history-slider li {
    margin: 10px 30px;
    min-width: 66px;
    position: relative;
    top: -11px
}

.history-slider li a {
    font-size: 30px;
    color: #f9d1ab;
    font-family: "Soleil-Bold", Verdana, sans-serif;
    outline: none
}

.history-slider li.active {
    top: 0;
    min-width: 132px
}

.history-slider li.active a {
    font-size: 60px;
    color: #f29c2d
}

.history-slider p {
    width: 70%;
    margin: 0 auto;
    line-height: 1.6em;
    margin-bottom: 65px;
    max-width: 695px
}

.history-slider .owl-carousel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.toffifee-claim-wrapper {
    text-align: center;
    margin: 100px auto
}

.toffifee-claim-wrapper .toffifee-claim {
    width: 250px;
    height: 70px
}

@media (min-width: 1024px) {
    .toffifee-claim-wrapper .toffifee-claim {
        width: 435px;
        height: 122px
    }
}

.mac-os .btn {
    padding: 11px 20px 7px 20px
}

.mac-os .btn.icon {
    padding: 18px 46px 14px 30px
}

.mac-os .btn.next {
    padding: 14px 20px 12px 24px
}

.mac-os .btn.inverse {
    padding: 8px 17px 8px
}



.mac-os form input,
.mac-os form textarea,
.mac-os form select {
    padding: 12px 15px 8px
}

@media (max-width: 767px) {
    section.bg-about-01 {
        background: url(/assets/img/bg-about-01-mobile.png) no-repeat center bottom 0px;
        background-size: cover
    }
    section.bg-about-02 {
        background: url(/assets/img/bg-about-02-mobile.ca-en.png) no-repeat center 100px;
        background-size: cover
    }
    section.bg-about-03 {
        background: url(/assets/img/bg-about-03-mobile.ca-en.png) no-repeat center 5%;
        background-size: cover
    }
    section.bg-about-04 {
        background: url(/assets/img/bg-about-04-mobile.png) no-repeat center 5%;
        background-size: cover
    }
    section.bg-about-05 {
        background: url(/assets/img/bg-about-05-mobile.es-es.png) no-repeat center 5%;
        background-size: cover
    }
    section.bg-about-06 {
        background: url(/assets/img/bg-about-06-mobile.es-es.png) no-repeat center 80px;
        background-size: 80% auto
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    section.bg-about-01 {
        background: url(/assets/img/bg-about-01-tablet.png) no-repeat center 5%;
        background-size: 100% auto;
        min-width: 700px
    }
    section.bg-about-02 {
        background: url(/assets/img/bg-about-02-tablet.png) no-repeat center 100px;
        background-position: center bottom;
        background-size: 100% auto;
        min-width: 700px
    }
    section.bg-about-03 {
        background: url(/assets/img/bg-about-03-tablet.png) no-repeat center 5%;
        background-position: center bottom;
        background-size: 100% auto;
        min-width: 700px
    }
    section.bg-about-04 {
        background: url(/assets/img/bg-about-04-tablet.png) no-repeat center 5%;
        background-position: center bottom;
        background-size: 100% auto;
        min-width: 700px
    }
    section.bg-about-05 {
        background: url(/assets/img/bg-about-05-tablet.es-es.png) no-repeat center 5%;
        background-position: center bottom;
        background-size: 100% auto;
        min-width: 700px
    }
    section.bg-about-06 {
        background: url(/assets/img/bg-about-06-tablet.es-es.png) no-repeat center bottom;
        background-position: center bottom;
        background-size: 100% auto;
        min-width: 700px
    }
}

@media (min-width: 1025px) {
    section.bg-about-01 {
        background: url(/assets/img/bg-about-01.png) no-repeat center 47%;
        background-size: cover;
        min-height: 550px
    }
    section.bg-about-02 {
        background: url(/assets/img/bg-about-02.ca-en.png) no-repeat center 100px;
        background-size: cover
    }
    section.bg-about-03 {
        background: url(/assets/img/bg-about-03.ca-en.png) no-repeat center 5%;
        background-size: cover
    }
    section.bg-about-04 {
        background: url(/assets/img/bg-about-04.png) no-repeat center 5%;
        background-size: cover
    }
    section.bg-about-05 {
        background: url(/assets/img/bg-about-05.es-es.png) no-repeat center 5%;
        background-size: cover
    }
    section.bg-about-06 {
        background: url(/assets/img/bg-about-06.es-es.png) no-repeat center 105px;
        background-size: 90% auto
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    section.about-header .headline {
        max-width: 570px
    }
}

@media (min-width: 1500px) {
    section.bg-about-04 .content-wrapper {
        left: 24%
    }
    section.bg-about-03 .content-wrapper {
        right: 24%
    }
    section.bg-about-02 .content-wrapper {
        left: 24%
    }
}

@media (max-width: 1023px) {
    .no-tablet {
        display: none
    }
    body {
        padding-top: 60px
    }
    header {
        background-position: 0 0;
        height: 64px;
        min-height: 0
    }
    header .choose-land {
        margin: 18px 32px 0 0;
        position: absolute;
        right: 50px;
        top: 0
    }
    header .choose-land ul {
        background: #ea8e25;
        background: -moz-linear-gradient(top, rgba(234, 142, 37, 0) 0%, #ea8e25 5%, #f19f2e 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(234, 142, 37, 0)), color-stop(5%, #ea8e25), color-stop(100%, #f19f2e));
        background: -webkit-linear-gradient(top, rgba(234, 142, 37, 0) 0%, #ea8e25 5%, #f19f2e 100%);
        background: -o-linear-gradient(top, rgba(234, 142, 37, 0) 0%, #ea8e25 5%, #f19f2e 100%);
        background: -ms-linear-gradient(top, rgba(234, 142, 37, 0) 0%, #ea8e25 5%, #f19f2e 100%);
        background: linear-gradient(to bottom, rgba(234, 142, 37, 0) 0%, #ea8e25 5%, #f19f2e 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgb(234,142,37)', endColorstr='rgb(241,159,46)', GradientType=0)
    }
    .logo {
        width: 120px;
        margin-top: -14px
    }
    .ico-navigation {
        display: block !important;
        margin: 25px 32px 0 0;
        position: absolute;
        right: 0;
        top: 0
    }
    .ico-close {
        display: block !important;
        position: absolute;
        right: 0;
        top: 0;
        margin: 25px 32px 0 0
    }
    header .navi-wrapper ul {
        display: none;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        float: none;
        width: 100%;
        padding: 65px 0 0;
        z-index: 1
    }
    header .navi-wrapper ul li {
        display: block;
        margin: 0;
        border-top: 1px solid #e2ba8b
    }
    header .navi-wrapper ul li a {
        color: #c57617;
        display: block;
        padding: 23px 19px
    }
    header .navi-wrapper ul li:first-child {
        border: none
    }
    header .navi-wrapper ul li:first-child a {
        padding: 0
    }
    header .navi-wrapper ul li:last-child {
        border-bottom: 1px solid #e2ba8b
    }
    section.bg-about-01 {
        background-size: 100% auto;
        min-width: 700px
    }
    section.bg-about-02 {
        background-position: center bottom;
        background-size: 100% auto;
        min-width: 700px
    }
    section.bg-about-03 {
        background-position: center bottom;
        background-size: 100% auto;
        min-width: 700px
    }
    section.bg-about-04 {
        background-position: center bottom;
        background-size: 100% auto;
        min-width: 700px
    }
    section.bg-about-05 {
        background-position: center bottom;
        background-size: 100% auto;
        min-width: 700px
    }
    section.bg-about-06 {
        min-height: 528px;
        min-width: 700px
    }
    section.sixpack-promo {
        margin-top: 6%
    }
    section.sixpack-promo h1 {
        font-size: 52px
    }
    .mood-carousel {
        margin: -22px 0 0
    }
    .mood .content-wrapper .content {
        margin-right: 50px
    }
    .mood {
        min-height: 730px
    }
    .mood.sixpack,
    .mood.toffifee,
    .mood.easter,
    .mood.xmas,
    .mood.pixum,
    .mood.jufa {
        background-position: -22px -44px
    }
    .mood.sixpack .content-wrapper .content,
    .mood.toffifee .content-wrapper .content,
    .mood.easter .content-wrapper .content,
    .mood.xmas .content-wrapper .content,
    .mood.pixum .content-wrapper .content,
    .mood.jufa .content-wrapper .content {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        position: absolute;
        top: 477px;
        float: right;
        margin: 0;
        padding: 25px 68px 25px 42%;
        background: white
    }
    .mood.sixpack .content-wrapper .content h1,
    .mood.toffifee .content-wrapper .content h1,
    .mood.easter .content-wrapper .content h1,
    .mood.xmas .content-wrapper .content h1,
    .mood.pixum .content-wrapper .content h1,
    .mood.jufa .content-wrapper .content h1 {
        font-size: 24px
    }
    .mood.sixpack .content-wrapper .content p,
    .mood.toffifee .content-wrapper .content p,
    .mood.easter .content-wrapper .content p,
    .mood.xmas .content-wrapper .content p,
    .mood.pixum .content-wrapper .content p,
    .mood.jufa .content-wrapper .content p {
        font-size: 13px
    }
    .mood.sixpack .content-wrapper .content .h2,
    .mood.toffifee .content-wrapper .content .h2,
    .mood.easter .content-wrapper .content .h2,
    .mood.xmas .content-wrapper .content .h2,
    .mood.pixum .content-wrapper .content .h2,
    .mood.jufa .content-wrapper .content .h2 {
        font-size: 16px
    }
    .mood.sixpack .content-wrapper .content .btn,
    .mood.toffifee .content-wrapper .content .btn,
    .mood.easter .content-wrapper .content .btn,
    .mood.xmas .content-wrapper .content .btn,
    .mood.pixum .content-wrapper .content .btn,
    .mood.jufa .content-wrapper .content .btn {
        font-size: 18px
    }
    .mood.sixpack img.packshot,
    .mood.toffifee img.packshot,
    .mood.easter img.packshot,
    .mood.xmas img.packshot,
    .mood.pixum img.packshot,
    .mood.jufa img.packshot {
        bottom: 185px
    }
    .mood.sixpack img.packshot-sixpack,
    .mood.toffifee img.packshot-sixpack,
    .mood.easter img.packshot-sixpack,
    .mood.xmas img.packshot-sixpack,
    .mood.pixum img.packshot-sixpack,
    .mood.jufa img.packshot-sixpack {
        bottom: 60px;
        left: 50px;
        right: auto;
        max-width: 280px
    }
    .mood.sixpack img.packshot-jufa,
    .mood.toffifee img.packshot-jufa,
    .mood.easter img.packshot-jufa,
    .mood.xmas img.packshot-jufa,
    .mood.pixum img.packshot-jufa,
    .mood.jufa img.packshot-jufa {
        bottom: 60px;
        left: 50px;
        right: auto;
        max-width: 280px
    }
    .mood.sixpack .mood-wave,
    .mood.jufa .mood-wave,
    .mood.em .mood-wave {
        display: none
    }
    .mood.iframe {
        background-position: -20px -200px
    }
    .mood.iframe .content-wrapper .content {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        position: absolute;
        top: 477px;
        background: white;
        margin: 0;
        padding: 25px 68px 25px 42%
    }
    .mood.iframe .content-wrapper .content h1 {
        font-size: 24px
    }
    .mood.iframe .content-wrapper .content p {
        font-size: 13px
    }
    .mood.iframe .content-wrapper .content .btn {
        font-size: 18px
    }
    .mood.iframe.qonline-cz .content.content-iframe,
    .mood.iframe.qonline-sk .content.content-iframe {
        padding: 50px 5% 20px 5%
    }
    .mood.iframe img.packshot-iframe {
        bottom: 60px;
        left: 50px;
        right: auto;
        max-width: 280px
    }
    .mood.pixum {
        background-position: -50px -65px
    }
    .mood.pixum .content-wrapper .content {
        padding-bottom: 100px
    }
    .mood.pixum img.packshot-sixpack,
    .mood.pixum img.packshot-pixum {
        bottom: 160px;
        left: 20px;
        right: auto;
        max-width: 280px
    }
    .mood.easter .content-wrapper .content,
    .mood.xmas .content-wrapper .content {
        padding: 25px 42% 25px 68px
    }
    .mood.easter .content-wrapper .content h2,
    .mood.xmas .content-wrapper .content h2 {
        color: #f29c2d;
        font-size: 26px
    }
    .mood.xmas .content-wrapper .content p {
        color: #753c0f
    }
    .mood.em {
        background-position: -22px -44px
    }
    .mood.em .content-wrapper .content {
        background: white;
        top: 477px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        float: right;
        margin: 0;
        padding: 25px 68px 25px 42%;
        position: absolute;
        width: 100%
    }
    .mood.em .content-wrapper .content .h2 {
        font-size: 16px
    }
    .mood.em .content-wrapper .content h1 {
        font-size: 24px
    }
    .mood.em .content-wrapper .content p {
        font-size: 13px
    }
    .mood.em .content-wrapper .content .btn {
        font-size: 18px
    }
    .mood.em img.packshot-em {
        bottom: 230px;
        max-width: 330px
    }
    .marker-sixpack:before {
        left: 90px;
        top: 4px
    }
    .marker-easter:before {
        left: 90px;
        top: 4px
    }
    .recipe-bar-sticky {
        top: 60px
    }
    .nut-picture-left,
    .nut-picture-right,
    .toffifee-illu-right,
    .easter-picture-left,
    .easter-picture-right,
    .toffifee-illu-left,
    .kakao-illu-left {
        display: none
    }
}

@media (max-width: 980px) {
    hr {
        border: none;
        margin: 0;
        height: 17px
    }
    hr:after {
        content: '';
        background-position: 0 -93px;
        background-size: auto auto;
        width: 320px;
        height: 17px;
        display: block;
        margin: 0 0 0 -170px;
        position: absolute;
        left: 50%
    }
    header .logo-wrapper {
        width: 33%
    }
    header .navi-wrapper {
        width: 67%
    }
    section {
        padding: 5% 10%
    }
    section:after {
        content: '';
        background-position: 0 -93px;
        background-size: auto auto;
        width: 320px;
        height: 17px;
        display: block;
        margin: 57px 0 0 -170px;
        position: absolute;
        left: 50%;
        bottom: -35px
    }
    section.scroll-to-top:before {
        content: '';
        background-position: 0 -126px;
        background-size: auto auto;
        width: 320px;
        height: 16px;
        display: block;
        margin: 0 0 0 -165px;
        position: absolute;
        left: 50%
    }
    section.background h3 {
        padding: 5%
    }
    section.bg-about-01 {
        min-height: 480px
    }
    section.bg-about-01 .content-wrapper {
        right: 4%
    }
    section.bg-about-02,
    section.bg-about-03,
    section.bg-about-04,
    section.bg-about-05 {
        min-height: 740px
    }
    section.bg-about-05 {
        background-position: center bottom
    }
    section.bg-about-05 .content-wrapper {
        padding: 5%
    }
    section.bg-about-06 {
        min-height: 580px
    }
    section.bg-about-06 .content-wrapper {
        padding: 5%
    }
    section.sixpack-promo .sixpack-list li,
    section.sixpack-promo .sixpack-list-links li {
        width: 100%;
        margin-bottom: 30px
    }
    .mood.toffifee .content-wrapper .content,
    .mood.em .content-wrapper .content,
    .mood.sixpack .content-wrapper .content,
    .mood.jufa .content-wrapper .content,
    .mood.iframe .content-wrapper .content,
    .mood.easter .content-wrapper .content,
    .mood.xmas .content-wrapper .content,
    .mood.pixum .content-wrapper .content {
        top: 317px
    }
    .mood {
        min-height: 660px
    }
    .mood.toffifee,
    .mood.eastern {
        background-position: -45px -99px
    }
    .mood.toffifee .content-wrapper .content,
    .mood.eastern .content-wrapper .content {
        padding: 25px 25px 25px 50%
    }
    .mood.toffifee img.packshot,
    .mood.eastern img.packshot {
        bottom: 165px;
        left: 50px
    }
    .mood.sixpack {
        background-position: -45px -80px
    }
    .mood.sixpack .content-wrapper .content {
        padding: 25px 25px 25px 50%
    }
    .mood.sixpack img.packshot-sixpack {
        bottom: 145px
    }
    .mood.jufa {
        background-position: -100px -115px;
        background-size: 1024px 503px
    }
    .mood.jufa .content-wrapper .content {
        padding: 25px 25px 25px 50%
    }
    .mood.jufa img.packshot-jufa {
        bottom: 110px
    }
    .mood.iframe {
        background-position: -20px -165px
    }
    .mood.iframe .content-wrapper .content {
        padding: 25px 25px 25px 50%
    }
    .mood.iframe img.packshot-iframe {
        bottom: 110px
    }
    .mood.xmas {
        background-position: -45px -99px
    }
    .mood.em .content-wrapper .content {
        padding: 25px 25px 25px 50%
    }
    .mood.em img.packshot-em {
        bottom: 138px;
        left: 50px
    }
    .owl-nav .owl-prev,
    .owl-nav .owl-next {
        top: 40%
    }
    hr {
        margin-bottom: 50px
    }
    footer .wrapper ul {
        margin-top: 13px
    }
    footer .dark-footer .wrapper ul {
        margin-top: 0
    }
    footer li:last-child a {
        margin-left: 11px
    }
    table {
        border-bottom: 1px solid #e0c4a2
    }
    table thead {
        display: none
    }
    table tbody td {
        display: block;
        padding: .6rem
    }
    table tbody td:before {
        content: attr(data-th);
        display: inline-block;
        display: block;
        width: 10rem;
        font-family: "Soleil-Bold", Verdana, sans-serif;
        font-weight: normal;
        font-size: 14px;
        color: #f29c2d;
        line-height: 1.1em;
        vertical-align: top
    }
    table td {
        border: 1px solid #e0c4a2;
        border-bottom: none;
        vertical-align: top
    }
    table tbody tr td:first-child {
        /*
        background: #572b10;
        background: rgba(87,43,16,0.5);
        color: 	#fff;
        */
        
    }
    table tbody tr td:first-child:before {
        color: #572b10
    }
    .recipe-wrapper .recipe,
    .recipe-wrapper.detail img {
        width: 100%
    }
    .recipe-wrapper.detail .ingredients,
    .recipe-wrapper.detail .preptime,
    .recipe-wrapper.detail .cooktime {
        margin-bottom: 50px
    }
    .recipe-wrapper.detail .ingredients,
    .recipe-wrapper.detail .preparation,
    .recipe-wrapper.detail .preptime,
    .recipe-wrapper.detail .cooktime {
        width: 100%;
        padding-left: 0
    }
    .ico-double-arrow {
        left: 36px;
        top: 58px
    }
}

@media (max-width: 767px) {
    .no-mobile {
        display: none
    }
    body {
        background-color: #fff;
        background-image: none
    }
    h1,
    .h1,
    h2,
    .h2,
    section.without-trenner h1 {
        font-size: 26px
    }
    h1 span,
    .h1 span,
    h2 {
        font-size: 20px
    }
    p {
        font-size: 14px
    }
    form label,
    form input,
    form textarea {
        font-size: 16px
    }
    form input[type="submit"] {
        margin: 52px 0 0
    }
    .btn {
        font-size: 16px
    }
    p.subline,
    p.error {
        font-size: 14px;
        padding: 0 5%
    }
    body {
        padding-top: 60px
    }
    h3,
    .h3 {
        font-size: 17px
    }
    .strong {
        font-size: 17px
    }
    p.strong {
        width: 100%
    }
    .btn .ico {
        top: 11px
    }
    .btn .ico-like {
        top: 8px
    }
    section {
        min-height: 0
    }
    section:after {
        margin: 5px 0 0 -170px
    }
    section.background:after {
        bottom: -12px
    }
    section.bg-about-01,
    section.bg-about-02,
    section.bg-about-03,
    section.bg-about-04,
    section.bg-about-05,
    section.bg-about-06 {
        min-width: 0;
        min-height: 580px
    }
    section.bg-about-01 .content-wrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 4%;
        margin-right: -150px;
        top: 10%;
        right: 50%
    }
    section.bg-about-02 .content-wrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 5%;
        margin-left: -150px;
        top: 10%;
        left: 50%
    }
    section.bg-about-03 .content-wrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 5%;
        margin-right: -150px;
        top: 10%;
        right: 50%
    }
    section.bg-about-04 .content-wrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 5%;
        margin-left: -150px;
        top: 10%;
        left: 50%
    }
    section.bg-about-05 {
        min-height: 480px
    }
    section.bg-about-05 .content-wrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 380px;
	    position: absolute;
	    padding: 0 5%;
	    margin-right: -189px;
	    top: 10%;
	    right: 50%;
    }
    section.bg-about-06 {
        min-height: 340px
    }
    section.bg-about-06 .content-wrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 300px;
        position: absolute;
        padding: 0 5%;
        margin-right: -150px;
        top: 10%;
        right: 50%
    }
    section.sixpack-promo {
        margin-top: 9%
    }
    section.sixpack-promo h1 {
        font-size: 36px
    }
    section.sixpack-promo.second h2 {
        font-size: 17px
    }
    section.sixpack-promo .sixpack-list-links li {
        width: 100%;
        margin-bottom: 30px
    }
    section.sixpack-promo .sixpack-list-links li .btn {
        min-width: 230px
    }
    header .choose-land {
        margin: 0 !important;
        position: absolute;
        right: 0 !important;
        top: 0;
        width: 100%;
        transition: none
    }
    header .choose-land .ico-map {
        position: absolute;
        right: 83px;
        top: 18px
    }
    header .choose-land ul {
        width: 100%;
        right: auto;
        left: 0;
        margin-top: 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }
    header .choose-land ul.opened {
        background: #ea8e25;
        background: -moz-linear-gradient(top, rgba(234, 142, 37, 0) 0%, #ea8e25 5%, #f19f2e 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(234, 142, 37, 0)), color-stop(5%, #ea8e25), color-stop(100%, #f19f2e));
        background: -webkit-linear-gradient(top, rgba(234, 142, 37, 0) 0%, #ea8e25 5%, #f19f2e 100%);
        background: -o-linear-gradient(top, rgba(234, 142, 37, 0) 0%, #ea8e25 5%, #f19f2e 100%);
        background: -ms-linear-gradient(top, rgba(234, 142, 37, 0) 0%, #ea8e25 5%, #f19f2e 100%);
        background: linear-gradient(to bottom, rgba(234, 142, 37, 0) 0%, #ea8e25 5%, #f19f2e 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgb(234,142,37)', endColorstr='rgb(241,159,46)', GradientType=0)
    }
    .faq p {
        margin: -10px 26px 26px
    }
    .faq h3 {
        font-size: 17px
    }
    .faq h3 a {
        font-size: 17px
    }
    .mood-carousel {
        min-height: 600px;
        margin: -22px 0 0
    }
    .mood-wave {
        background: none;
        display: none
    }
    .mood {
        min-height: 570px;
        height: auto
    }
    .mood.toffifee,
    .mood.easter,
    .mood.xmas,
    .mood.pixum {
        background-position: 0 0;
        background-size: 100% auto
    }
    .mood.toffifee .content-wrapper .content,
    .mood.easter .content-wrapper .content,
    .mood.xmas .content-wrapper .content,
    .mood.pixum .content-wrapper .content {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        float: right;
        margin: 20px 0 0 0;
        padding: 0 20px;
        top: 225px
    }
    .mood.toffifee .content-wrapper .content p,
    .mood.easter .content-wrapper .content p,
    .mood.xmas .content-wrapper .content p,
    .mood.pixum .content-wrapper .content p {
        margin-top: 10px
    }
    .mood.toffifee img.packshot,
    .mood.easter img.packshot,
    .mood.xmas img.packshot,
    .mood.pixum img.packshot {
        top: 151px;
        left: auto;
        right: 5px
    }
    .mood.sixpack {
        background-position: -15px 0;
        background-size: 115% auto
    }
    .mood.sixpack .content-wrapper .content {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        float: right;
        margin: 10px 0 0 0;
        padding: 10px 20px;
        top: 225px
    }
    .mood.sixpack .content-wrapper .content p {
        margin-top: 10px
    }
    .mood.sixpack img.packshot-sixpack {
        bottom: auto;
        left: auto;
        top: 100px;
        right: 20px;
        max-width: 170px
    }
    .mood.jufa {
        background-position: -15px 0;
        background-size: 115% auto
    }
    .mood.jufa .content-wrapper .content {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        float: right;
        margin: 10px 0 0 0;
        padding: 10px 20px;
        top: 225px
    }
    .mood.jufa .content-wrapper .content p {
        margin-top: 10px
    }
    .mood.jufa img.packshot-jufa {
        bottom: auto;
        left: auto;
        top: 140px;
        right: 10px;
        max-width: 160px
    }
    .mood.iframe {
        background-position: -15px 0;
        background-size: 115% auto
    }
    .mood.iframe .content-wrapper .content {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        float: right;
        margin: 10px 0 0 0;
        padding: 0 20px;
        top: 225px
    }
    .mood.iframe .content-wrapper .content p {
        margin-top: 10px
    }
    .mood.iframe.qonline-cz .content.content-iframe,
    .mood.iframe.qonline-sk .content.content-iframe {
        padding: 10px 5%
    }
    .mood.iframe img.packshot-iframe {
        bottom: auto;
        left: auto;
        top: 110px;
        right: 10px;
        max-width: 160px
    }
    .mood.easter,
    .mood.xmas {
        background-size: 134% auto
    }
    .mood.em {
        background-position: 0 0;
        background-size: 115% auto
    }
    .mood.em .content-wrapper .content {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        float: right;
        margin: 20px 0 0 0;
        padding: 0 20px;
        top: 225px
    }
    .mood.em img.packshot-em {
        top: 135px;
        left: auto;
        right: 5px;
        max-width: 200px
    }
    .mood.pixum {
        background-position: -20px 0;
        background-size: 115% auto
    }
    .mood.pixum .content-wrapper .content {
        float: right;
        width: 100%;
        padding: 30px 20px;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        top: 225px
    }
    .mood.pixum .content-wrapper .content p {
        margin-top: 10px
    }
    .mood.pixum img.packshot-sixpack,
    .mood.pixum img.packshot-pixum {
        bottom: auto;
        left: auto;
        top: 145px;
        right: 10px;
        max-width: 170px
    }
    thead th,
    td {
        
    }
    table tbody td:before {
        width: 9rem
    }
    .recipe-bar-sticky {
        position: relative;
        background: none;
        top: 60px
    }
    .recipe-bar-spacer {
        margin-top: 0
    }
    .recipe-wrapper .recipe .btn {
        position: relative;
        bottom: 0;
        margin-bottom: 20px
    }
    .recipe-wrapper .recipe h4 {
        width: 100%
    }
    footer .wrapper {
        height: auto;
        padding: 0
    }
    footer li {
        width: 100%;
        background-color: #d6731d;
        text-align: center
    }
    footer li:first-child {
        background: none
    }
    footer li:last-child {
        text-align: center
    }
    footer li:last-child a {
        display: block;
        margin: 30px 0;
        top: 0
    }
    footer li:nth-child(2n) {
        width: 100%;
        min-height: 20px
    }
    footer .storck-logo {
        margin: 24px auto 30px
    }
    footer .dark-footer li {
        display: inline-block;
        width: auto;
        background: none
    }
    .ico-double-arrow {
        left: 10px;
        top: 10px
    }
    .owl-nav {
        display: none
    }
    .how-it-works li {
        width: 100%;
        padding: 0;
        margin: 20px 0
    }
    p.disclaimer {
        width: 80%
    }
    dl {
        padding: 0 8%
    }
    .vjs-default-skin .vjs-big-play-button {
        background-position: 0 -1481px;
        height: 75px;
        width: 75px;
        margin: -37px 0 0 -37px
    }
}

@media (max-width: 767px) and (max-width: 480px) {
    .mood.toffifee {
        background-size: 120% auto
    }
}

@media (max-width: 360px) {
    section.mood {
        min-height: 440px
    }
    section.bg-about-01,
    section.bg-about-02,
    section.bg-about-03,
    section.bg-about-04 {
        min-height: 390px
    }
    section.bg-about-05 {
        min-height: 350px
    }
    section.bg-about-06 {
        min-height: 230px
    }
    section.sixpack-promo {
        margin-top: 12%
    }
    section.sixpack-promo .sixpack-list-links li .btn {
        min-width: 220px
    }
    .mood.toffifee {
        background-size: 138% auto
    }
    .mood.em {
        background-size: 134% auto
    }
    .mood.easter,
    .mood.xmas {
        background-size: 148% auto
    }
    .mood.sixpack {
        background-size: 134% auto;
        min-height: 560px
    }
    .mood.sixpack img.packshot-sixpack {
        top: 125px;
        right: 18px;
        max-width: 145px
    }
    .mood.pixum {
        background-size: 134% auto
    }
    .mood.jufa {
        background-size: 133% auto
    }
    .mood.jufa .content-wrapper .content {
        padding: 20px
    }
    .mood.jufa img.packshot-jufa {
        top: 170px;
        right: 10px;
        max-width: 145px
    }
    .mood.iframe {
        background-size: 133% auto
    }
    .mood.iframe img.packshot-iframe {
        top: 135px;
        right: 10px;
        max-width: 145px
    }
    thead td {
        font-size: 11px
    }
    td {
        font-size: 12px
    }
    .recipe-bar li {
        margin: 0 50px
    }
    .recipe-wrapper.detail .text-wrapper a {
        float: left
    }
    .recipe-wrapper.detail .text-wrapper a:first-of-type {
        margin-left: 0
    }
    .recipe-wrapper.detail .text-wrapper .icon {
        position: relative;
        margin-bottom: 10px
    }
}



.voffset0  { margin-top: 0px; }
.voffset  { margin-top: 2px; }
.voffset1 { margin-top: 5px; }
.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset45 { margin-top: 35px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 150px; }

.voffsetb  { margin-bottom: 2px; }
.voffset1b { margin-bottom: 5px; }
.voffset2b { margin-bottom: 10px; }
.voffset3b { margin-bottom: 15px; }
.voffset4b { margin-bottom: 30px; }
.voffset5b { margin-bottom: 40px; }
.voffset6b { margin-bottom: 60px; }
.voffset7b { margin-bottom: 80px; }
.voffset8b { margin-bottom: 100px; }
.voffset9b { margin-bottom: 150px; }

.concluido {
	font-family: "Soleil-Bold", Verdana, sans-serif;
	text-shadow: 2px 2px #fff;
}
.font-36{
	font-size: 36px;
}
.font-25{
	font-size: 25px;
}
.font-24{
	font-size: 24px;
}
.font-23{
	font-size: 23px;
}
.font-22{
	font-size: 22px;
}
.font-21{
	font-size: 21px;
}
.font-20{
	font-size: 20px;
}
.font-19{
	font-size: 19px;
}
.font-18{
	font-size: 18px;
}
.font-17{
	font-size: 17px;
}
.font-16{
	font-size: 16px;
}
.font-15{
	font-size: 15px;
}
.font-14{
	font-size: 14px;
}
.font-13{
	font-size: 13px;
}

.enlace{
	text-decoration: underline;
}


.tabla-privacidad{
	font-size: 10px;
	text-align: left;
	border: 1px solid #E59330;
	color: #888;
	margin-top: 50px;
}

.tabla-privacidad td{
	border: 1px solid #888;
	padding: 2px;
}


.tabla-privacidad-promo{
	font-size: 10px !important;
	text-align: left;
	border: 1px solid #753c0f;
	color: #572b10;
	color: #753c0f;
	margin-top: 30px;
}

.tabla-privacidad-promo td{
	border: 1px solid #753c0f;
	padding: 2px;
}