/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:bold}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
#wrapper{width:960px;margin:0 auto}*[class*="grid"]{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article *[class*="ce_"],.mod_article *[class*="mod_"]{margin-left:10px;margin-right:10px}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article *[class*="layout_"]>*,.mod_article *[class*="event_"]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px !important}.offset2{margin-left:170px !important}.offset3{margin-left:250px !important}.offset4{margin-left:330px !important}.offset5{margin-left:410px !important}.offset6{margin-left:490px !important}.offset7{margin-left:570px !important}.offset8{margin-left:650px !important}.offset9{margin-left:730px !important}.offset10{margin-left:810px !important}.offset11{margin-left:890px !important}.offset12{margin-left:970px !important}.mod_article.offset1{margin-left:80px !important}.mod_article.offset2{margin-left:160px !important}.mod_article.offset3{margin-left:240px !important}.mod_article.offset4{margin-left:320px !important}.mod_article.offset5{margin-left:400px !important}.mod_article.offset6{margin-left:480px !important}.mod_article.offset7{margin-left:560px !important}.mod_article.offset8{margin-left:640px !important}.mod_article.offset9{margin-left:720px !important}.mod_article.offset10{margin-left:800px !important}.mod_article.offset11{margin-left:880px !important}.mod_article.offset12{margin-left:960px !important}@media(min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px !important}.offset2{margin-left:134px !important}.offset3{margin-left:196px !important}.offset4{margin-left:258px !important}.offset5{margin-left:320px !important}.offset6{margin-left:382px !important}.offset7{margin-left:444px !important}.offset8{margin-left:506px !important}.offset9{margin-left:568px !important}.offset10{margin-left:630px !important}.offset11{margin-left:692px !important}.offset12{margin-left:754px !important}.mod_article.offset1{margin-left:62px !important}.mod_article.offset2{margin-left:124px !important}.mod_article.offset3{margin-left:186px !important}.mod_article.offset4{margin-left:248px !important}.mod_article.offset5{margin-left:310px !important}.mod_article.offset6{margin-left:372px !important}.mod_article.offset7{margin-left:434px !important}.mod_article.offset8{margin-left:496px !important}.mod_article.offset9{margin-left:558px !important}.mod_article.offset10{margin-left:620px !important}.mod_article.offset11{margin-left:682px !important}.mod_article.offset12{margin-left:744px !important}}@media(max-width:767px){#wrapper{width:auto}*[class*="grid"]{float:none !important;display:block !important;width:auto !important}*[class*="offset"]{margin-left:10px !important}}
@font-face {
	font-family: "responsivenav";
	src: url("../../files/layout/responsivenav.eot");
	src: url("../../files/layout/responsivenav.eot?#iefix") format("embedded-opentype"), url("../../files/layout/responsivenav.ttf") format("truetype"), url("../../files/layout/responsivenav.woff") format("woff"), url("../../files/layout/responsivenav.svg#responsivenav") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the em measuements throughout Skeleton
are based on 10px sizing. So basically 1.5em = 15px :) */
html {
	font-size: 62.5%;
}
body {
	font-size: 1.4em; /* currently ems cause chrome bug misinterpreting ems on body element */
	line-height: 1.5;
	font-weight: 400;
	font-family: 'Noto Sans', sans-serif;
	color: #704a00;
}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 0.8em;
	font-weight: 300;
}
h1 {
	font-size: 2em;
	line-height: 1.2;
}
h2 {
	font-size: 1.5em;
	line-height: 1.25;
}
h3 {
	font-size: 1.2em;
	line-height: 1.3;
}
h4 {
	font-size: 1.2em;
	line-height: 1.35;
}
h5 {
	font-size: 1em;
	line-height: 1.5;
}
h6 {
	font-size: 1em;
	line-height: 1.6;
	letter-spacing: 0;
}
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
	margin-bottom: 1em;
	margin-top: 0;
}
p,
#main ul {
	max-width: 850px;
}
figure.float_left {
	float: none;
}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
	color: #bc9d60;
}
a:hover {
	color: #d0bc8c;
}
/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */


#header {
	overflow: hidden;
}
.headeroverlay {
	position: fixed;
	top: 0;
	left: 0;
	height: 125px;
	width: 50%;
	max-width: 900px;
	background-image: url("../../files/layout/header.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 900;
}
.headerlogo {
	margin-top: 10%;
	text-align: center;
	z-index: 20;
}
.headerlogo img {
	height: 100px;
}
.nav-collapse {
	margin-top: 20px
}
.nav-collapse ul {
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	list-style: none;
}
.nav-collapse li {
	width: 100%;
	display: block;
}
.js .nav-collapse {
	clip: rect(0 0 0 0);
	max-height: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	zoom: 1;
}
.nav-collapse.opened {
	max-height: 9999px;
}
.nav-toggle {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	position: fixed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-decoration: none;
	text-indent: -999px;
	position: relative;
	overflow: hidden;
	width: 70px;
	height: 55px;
	float: right;
	z-index: 10;
}
.nav-toggle:before {
	color: #714b00;
	font-family: "responsivenav", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 28px;
	text-transform: none;
	position: absolute;
	content: "≡";
	text-indent: 0;
	text-align: center;
	line-height: 55px;
	speak: none;
	width: 100%;
	top: 0;
	left: 0;
}
.nav-toggle.active::before {
	font-size: 24px;
	content: "x";
}
.nav-collapse,
.nav-collapse * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.nav-collapse,
.nav-collapse ul {
	list-style: none;
	width: 100%;
}
.nav-collapse li {
	width: 100%;
	margin: 0;
}
.nav-collapse a,
.nav-collapse span {
	color: #fff;
	text-decoration: none;
	width: 100%;
	background: #d0bc8c;
	border-bottom: 1px solid white;
	padding: 0.7em 1em;
	display: block
}
.nav-collapse span {
	background: #714b00;
}
.nav-collapse ul ul a {
	background: #ca3716;
	padding-left: 2em;
}
/* Main
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#main {
	margin: 0 0 100px;
}
#main #startseite ul {
	max-width: 100%;
}
.ce_dlh_googlemaps {
	height: 400px;
	max-width: 850px;
}
.kraft {
	margin-bottom: 30px;
}
.kraft h2 {
	color: #bc9d60;
}
#startseite .ce_text {
	margin-left: 10px;
}
/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.footeroverlay-1 {
	height: 144px;
	width: 150px;
	position: fixed;
	background-image: url("../../files/layout/footer-1.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left bottom;
	bottom: 0;
	right: 30px;
	z-index: 2;
}
.footeroverlay-2 {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 0;
	width: 100%;
	padding-top: 13.85%;
	background-image: url("../../files/layout/footer-2.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: 3;
}
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	height: 38px;
	padding: 0 30px;
	color: #bc9d60;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	line-height: 38px;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid #bbb;
	cursor: pointer;
	box-sizing: border-box;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	color: #bc9d60;
	border-color: #888;
	outline: 0;
}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
	color: #FFF;
	background-color: #33C3F0;
	border-color: #33C3F0;
}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
	color: #FFF;
	background-color: #1EAEDB;
	border-color: #1EAEDB;
}
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
	height: 38px;
	padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #fff;
	border: 1px solid #D1D1D1;
	border-radius: 4px;
	box-shadow: none;
	box-sizing: border-box;
}
/* emoves awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
textarea {
	min-height: 65px;
	padding-top: 6px;
	padding-bottom: 6px;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border: 1px solid #33C3F0;
	outline: 0;
}
label,
legend {
	display: block;
	margin-bottom: .5em;
	font-weight: 600;
}
fieldset {
	padding: 0;
	border-width: 0;
}
input[type="checkbox"],
input[type="radio"] {
	display: inline;
}
label > .label-body {
	display: inline-block;
	margin-left: .5em;
	font-weight: normal;
}
/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
	list-style: disc outside;
	margin-left: 20px
}
ol {
	list-style: decimal inside;
}
ol,
ul {
	padding-left: 0;
	margin-top: 0;
}
ul ul,
ul ol,
ol ol,
ol ul {
	margin: 1.5em 0 1.5em 3em;
}
li {
	margin-bottom: 0;
}
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
	padding: .2em .5em;
	margin: 0 .2em;
	font-size: 90%;
	white-space: nowrap;
	background: #F1F1F1;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
}
pre > code {
	display: block;
	padding: 1em 1.5em;
	white-space: pre;
}
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
	padding: 12px 15px;
	text-align: left;
	border-bottom: 1px solid #E1E1E1;
}
th:first-child,
td:first-child {
	padding-left: 0;
}
th:last-child,
td:last-child {
	padding-right: 0;
}
/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
	margin-bottom: 1em;
}
input,
textarea,
select,
fieldset {
	margin-bottom: 1.5em;
}
/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
	margin-top: 3em;
	margin-bottom: 3.5em;
	border-width: 0;
	border-top: 1px solid #E1E1E1;
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
#main {
	margin: 0 0 250px;
}
}

/* Larger than tablet */
@media (min-width: 768px) {
#header {
	position: fixed;
	top: 0;
	width: 744px;
	background-color: #fff;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 800;
}
.headerlogo {
	margin: 30px 40px 0 0;
	text-align: right;
	z-index: 20;
}
.headerlogo img {
	height: 150px;
}
.js .nav-collapse {
	position: relative;
}
.js .nav-collapse.closed {
	max-height: none;
}
.nav-toggle {
	display: none;
}
.nav-collapse li {
	width: 14.28%;
	float: left;
}
.nav-collapse a,
.nav-collapse span {
	margin: 0;
	padding: 0.3em;
	float: left;
	text-align: center;
	border-bottom: 0;
	border-right: 1px solid white;
}
.nav-collapse ul ul a {
	display: none;
}
#main {
	margin: 300px 0 270px;
}
.mod_article *[class*="ce_"],
.mod_article *[class*="mod_"],
.kraft h2,
.kraft p,
.kraft ul {
	margin-left: 14.28%;
}
.kraft ul {
	padding-left: 20px;
}
.mod_article .ce_text.kraft {
	margin-left: 0;
}
figure.float_left {
	float: left;
}
.kraft figure {
	width: 13%;
}
.impressum h3 {
	margin-bottom: 0;
}
.footeroverlay-1 {
	height: 240px;
	width: 250px;
}
}

/* Larger than desktop */
@media (min-width: 980px) {
#header {
	width: 960px;
}
.nav-collapse a,
.nav-collapse span {
	font-size: 1.2em;
}
.footeroverlay-1 {
	right: 10%;
}
}

/* Larger than Desktop HD */
@media (min-width: 1250px) {
body {
	font-size: 1.6em;
}
#wrapper {
	width: 1200px;
}
#header {
	width: 1200px;
}
#main {
	margin: 310px 0 300px;
}
.headeroverlay {
	width: 70%;
	height: 141px;
}
.footeroverlay-1 {
	height: 288px;
	width: 300px;
}
}

@media (min-width: 1600px) {
#main {
	margin-bottom: 400px;
}
.footeroverlay-1 {
	height: 431px;
	width: 450px;
}

}

/*! jQuery.Flipster, v1.0.1 (built 2015-11-02) */
/* @group Flipster Essential Styles */
.flipster {
  display: block;
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}
.flipster:focus {
  outline: none;
}
.flipster__container,
.flipster__item {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}
.flipster__container {
  display: block;
  white-space: nowrap;
  word-spacing: -0.25em;
  transform-origin: 50% 50%;
  backface-visibility: hidden;
}
.flipster__item {
  display: inline-block;
  white-space: normal;
  word-spacing: normal;
  vertical-align: bottom;
}
.flipster--click .flipster__item--past,
.flipster--click .flipster__item--future {
  cursor: pointer;
}
.flipster__item img {
  max-width: 80%;
   margin:0 10%;
}

@media (max-width: 550px) {

.flipster__item img {
  max-width: 60%;
  margin:0 20%;
}
}


/* @end */

/* @group Flipster Previous & Next Buttons */
.flipster__button {
  position: absolute;
  top: 50%;
  display: block;
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  z-index: 400;
  cursor: pointer;
  font-size: 12px;
  opacity: 1;
  transition: opacity 500ms ease;
  margin: -1em 2em;
}
.flipster__button svg {
  width: 2em;
  stroke: currentColor;
  fill: transparent;
  stroke-width: 3;
  stroke-linecap: round;
}
.flipster__button:hover,
.flipster__button:focus {
  opacity: 0.5;
}
.flipster__button--prev {
  left: 0;
}
.flipster__button--next {
  right: 0;
}
/* @end */

/* @group Flipster Navigation */
.flipster__nav,
.flipster__nav__item {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.flipster__nav {
  display: block;
  margin: 0 0 4em;
  text-align: center;
  position: relative;
}
.flipster__nav__item {
  display: inline-block;
  margin: 0 0.25em;
}
.flipster__nav__link {
  display: block;
  color: inherit;
  padding: 0.5em 1em;
  position: relative;
  overflow: hidden;
  transition: all 250ms ease-out;
  transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
}
.flipster__nav__link::after {
  content: '';
  display: block;
  background: #232221;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform: translateY(100%) translateY(-0.25em);
  transition: inherit;
}
.flipster__nav__item--current > .flipster__nav__link,
.flipster__nav__link:hover,
.flipster__nav__link:focus {
  color: #FFF;
}
.flipster__nav__item--current > .flipster__nav__link::after,
.flipster__nav__link:hover::after,
.flipster__nav__link:focus::after {
  transform: translateY(0);
}
.flipster__nav__child {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: -1px;
  padding: 0.5em;
  background: #4e4441;
  z-index: 1;
}
.flipster__nav__child .flipster__nav__link {
  color: #FFF;
}
.flipster__nav__child .flipster__nav__link::after {
  background: #FFF;
}
.flipster__nav__child .flipster__nav__item--current > .flipster__nav__link,
.flipster__nav__child .flipster__nav__link:hover,
.flipster__nav__child .flipster__nav__link:focus {
  color: #232221;
}
.flipster__nav__item--current .flipster__nav__child {
  display: block;
}
/* @end */

/* @group Flipster Carousel Theme */
.flipster--carousel .flipster__container,
.flipster--carousel .flipster__item,
.flipster--carousel .flipster__item__content {
  transition: all 350ms ease-in-out;
  transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
}
.flipster--carousel .flipster__item {
  perspective: 800px;
}
.flipster--carousel .flipster__item--past,
.flipster--carousel .flipster__item--future {
  opacity: 0;
  transition-delay: 115ms;
}
.flipster--carousel .flipster__item--past-2,
.flipster--carousel .flipster__item--future-2 {
  opacity: 0.6;
  transition-delay: 90ms;
}
.flipster--carousel .flipster__item--past-1,
.flipster--carousel .flipster__item--future-1 {
  opacity: 0.8;
  transition-delay: 60ms;
}
.flipster--carousel .flipster__item--past .flipster__item__content {
  transform: translateX(100%) rotateY(-20deg) scale(0.5);
}
.flipster--carousel .flipster__item--past-2 .flipster__item__content {
  transform: translateX(25%) rotateY(40deg) scale(0.65);
}
.flipster--carousel .flipster__item--past-1 .flipster__item__content {
  transform: rotateY(45deg) scale(0.8);
}
.flipster--carousel .flipster__item--future .flipster__item__content {
  transform: translateX(-100%) rotateY(20deg) scale(0.5);
}
.flipster--carousel .flipster__item--future-2 .flipster__item__content {
  transform: translateX(-25%) rotateY(-40deg) scale(0.65);
}
.flipster--carousel .flipster__item--future-1 .flipster__item__content {
  transform: rotateY(-45deg) scale(0.8);
}
.flipster--carousel.no-rotate .flipster__item--past .flipster__item__content {
  transform: translateX(175%) scale(0.5);
}
.flipster--carousel.no-rotate .flipster__item--past-2 .flipster__item__content {
  transform: translateX(25%) scale(0.65);
}
.flipster--carousel.no-rotate .flipster__item--past-1 .flipster__item__content {
  transform: translateX(0%) scale(0.8);
}
.flipster--carousel.no-rotate .flipster__item--future .flipster__item__content {
  transform: translateX(-175%) scale(0.5);
}
.flipster--carousel.no-rotate .flipster__item--future-2 .flipster__item__content {
  transform: translateX(-25%) scale(0.65);
}
.flipster--carousel.no-rotate .flipster__item--future-1 .flipster__item__content {
  transform: translateX(0%) scale(0.8);
}
.flipster--carousel .flipster__item--current .flipster__item__content {
  transform: translateX(0) rotateY(0deg) scale(1);
  transition-delay: 60ms;
}
/* @end */

/* @group Flipster Coverflow Theme */
.flipster--coverflow .flipster__container,
.flipster--coverflow .flipster__item,
.flipster--coverflow .flipster__item__content {
  transition: all 350ms ease-in-out;
  transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
}
.flipster--coverflow .flipster__item {
  perspective: 800px;
}
.flipster--coverflow .flipster__container {
  padding-bottom: 5%;
}
.flipster--coverflow .flipster__item__content {
  transform-origin: 50% 100%;
  box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));
  -webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));
}
.flipster--coverflow .flipster__item__content img:only-child {
  display: block;
}
.flipster--coverflow .flipster__item--past .flipster__item__content {
  transform-origin: 0% 50%;
  transform: scale(0.75) rotateY(55deg);
}
.flipster--coverflow .flipster__item--future .flipster__item__content {
  transform-origin: 100% 50%;
  transform: scale(0.75) rotateY(-55deg);
}
.flipster--coverflow .flip-current .flipster__item__content {
  transform: rotateY(0deg);
}
/* @end */

/* @group Flat */
.flipster--flat .flipster__container,
.flipster--flat .flipster__item,
.flipster--flat .flipster__item__content {
  transition: all 400ms ease-in-out;
}
.flipster--flat .flipster__item--past,
.flipster--flat .flipster__item--future {
  opacity: 0.5;
}
.flipster--flat .flipster__item--past .flipster__item__content {
  transform: scale(0.75);
}
.flipster--flat .flipster__item--future .flipster__item__content {
  transform: scale(0.75);
}
/* @end */

/* @group Flipster Wheel Theme */
.flipster--wheel {
  overflow: hidden;
}
.flipster--wheel .flipster__container,
.flipster--wheel .flipster__item__content {
  transition: all 400ms ease-in-out;
  transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
}
.flipster--wheel .flipster__container {
  padding-bottom: 20%;
}
.flipster--wheel .flipster__item__content {
  transform-origin: 50% 100%;
}
.flipster--wheel .flipster__item--past .flipster__item__content {
  transform-origin: 100% 100%;
}
.flipster--wheel .flipster__item--future .flipster__item__content {
  transform-origin: 0% 100%;
}
.flipster--wheel .flipster__item__content img:only-child {
  display: block;
}
.flipster--wheel .flipster__item--past .flipster__item__content {
  opacity: 0;
  transform: rotateZ(-80deg) translate(-170%, 110%);
}
.flipster--wheel .flipster__item--future .flipster__item__content {
  opacity: 0;
  transform: rotateZ(80deg) translate(170%, 110%);
}
.flipster--wheel .flipster__item--past-3 .flipster__item__content {
  opacity: 1;
  transform: rotateZ(-60deg) translate(-70%, 75%);
}
.flipster--wheel .flipster__item--future-3 .flipster__item__content {
  opacity: 1;
  transform: rotateZ(60deg) translate(70%, 75%);
}
.flipster--wheel .flipster__item--past-2 .flipster__item__content {
  opacity: 1;
  transform: rotateZ(-40deg) translate(-17%, 30%);
}
.flipster--wheel .flipster__item--future-2 .flipster__item__content {
  opacity: 1;
  transform: rotateZ(40deg) translate(17%, 30%);
}
.flipster--wheel .flipster__item--past-1 .flipster__item__content {
  opacity: 1;
  transform: rotateZ(-20deg);
}
.flipster--wheel .flipster__item--future-1 .flipster__item__content {
  opacity: 1;
  transform: rotateZ(20deg);
}
.flipster--wheel .flip-current .flipster__item__content {
  transform: rotateX(0deg);
}
/* @end */