@charset "UTF-8";
/* Overwrite of Bootstrap Config (_bootstrap/_variables.scss) */
/* Vorwerklayout Specificy */
/* Bootstrap */
/*
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */
/* normalize.css v2.1.0 | 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; -webkit-text-size-adjust: 100%; -ms-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; }

@media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 2cm .5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .navbar { display: none; }
  .table td, .table th { background-color: #fff !important; }
  .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; }
  .label { border: 1px solid #000; }
  .table { border-collapse: collapse !important; }
  .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 14px; line-height: 1.42857; color: #333333; background-color: white; }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

button, input, select[multiple], textarea { background-image: none; }

a { color: #009c3b; text-decoration: none; }
a:hover, a:focus { color: #00501e; text-decoration: underline; }
a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

img { vertical-align: middle; }

.img-responsive { display: block; max-width: 100%; height: auto; }

.img-rounded { border-radius: 0px; }

.img-thumbnail, .thumbnail { padding: 4px; line-height: 1.42857; background-color: white; border: 1px solid #dddddd; border-radius: 0px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }

.img-circle { border-radius: 50%; }

hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; }

p { margin: 0 0 10px; }

.lead { margin-bottom: 20px; font-size: 16.1px; font-weight: 200; line-height: 1.4; }
@media (min-width: 768px) { .lead { font-size: 21px; } }

small { font-size: 85%; }

cite { font-style: normal; }

.text-muted { color: #999999; }

.text-primary { color: #009c3b; }

.text-warning { color: #c09853; }

.text-danger { color: #b94a48; }

.text-success { color: #468847; }

.text-info { color: #3a87ad; }

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

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

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

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "LinotypeUniversW02-Bold 726184", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: 500; line-height: 1.1; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { font-weight: normal; line-height: 1; color: #999999; }

h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; }

h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; }

h1, .h1 { font-size: 36px; }

h2, .h2 { font-size: 30px; }

h3, .h3 { font-size: 24px; }

h4, .h4 { font-size: 18px; }

h5, .h5 { font-size: 14px; }

h6, .h6 { font-size: 12px; }

h1 small, .h1 small { font-size: 24px; }

h2 small, .h2 small { font-size: 18px; }

h3 small, .h3 small, h4 small, .h4 small { font-size: 14px; }

.page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid none; }

ul, ol { margin-top: 0; margin-bottom: 10px; }
ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; }

.list-unstyled, .list-inline { padding-left: 0; list-style: none; }

.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; }

dl { margin-bottom: 20px; }

dt, dd { line-height: 1.42857; }

dt { font-weight: bold; }

dd { margin-left: 0; }

@media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .dl-horizontal dd { margin-left: 180px; }
  .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; /* 1 */ display: table; /* 2 */ }
  .dl-horizontal dd:after { clear: both; } }
abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; }

abbr.initialism { font-size: 90%; text-transform: uppercase; }

blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eeeeee; }
blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25; }
blockquote p:last-child { margin-bottom: 0; }
blockquote small { display: block; line-height: 1.42857; color: #999999; }
blockquote small:before { content: '\2014 \00A0'; }
blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; }
blockquote.pull-right p, blockquote.pull-right small { text-align: right; }
blockquote.pull-right small:before { content: ''; }
blockquote.pull-right small:after { content: '\00A0 \2014'; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; }

address { display: block; margin-bottom: 20px; font-style: normal; line-height: 1.42857; }

code, pre { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; }

code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; white-space: nowrap; border-radius: 0px; }

pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333333; background-color: whitesmoke; border: 1px solid #cccccc; border-radius: 0px; }
pre.prettyprint { margin-bottom: 20px; }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border: 0; }

.pre-scrollable { max-height: 340px; overflow-y: scroll; }

.container { margin-right: auto; margin-left: auto; padding-left: 12px; padding-right: 12px; }
.container:before, .container:after { content: " "; /* 1 */ display: table; /* 2 */ }
.container:after { clear: both; }

.row { margin-left: -12px; margin-right: -12px; }
.row:before, .row:after { content: " "; /* 1 */ display: table; /* 2 */ }
.row:after { clear: both; }

.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, .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, .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, .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 { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; }

.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 { 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-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%; }

@media (min-width: 768px) { .container { max-width: 744px; }
  .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 { 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-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-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-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%; } }
@media (min-width: 992px) { .container { max-width: 984px; }
  .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 { 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-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-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-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%; } }
@media (min-width: 1200px) { .container { max-width: 1164px; }
  .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 { 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-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-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-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%; } }
table { max-width: 100%; background-color: transparent; }

th { text-align: left; }

.table { width: 100%; margin-bottom: 20px; }
.table thead > tr > th, .table thead > tr > td, .table tbody > tr > th, .table tbody > tr > td, .table tfoot > tr > th, .table tfoot > tr > td { padding: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid #95c11c; }
.table thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #95c11c; }
.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; }
.table tbody + tbody { border-top: 2px solid #95c11c; }
.table .table { background-color: white; }

.table-condensed thead > tr > th, .table-condensed thead > tr > td, .table-condensed tbody > tr > th, .table-condensed tbody > tr > td, .table-condensed tfoot > tr > th, .table-condensed tfoot > tr > td { padding: 5px; }

.table-bordered { border: 1px solid #95c11c; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #95c11c; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #ececec; }

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: whitesmoke; }

table col[class*="col-"] { float: none; display: table-column; }

table td[class*="col-"], table th[class*="col-"] { float: none; display: table-cell; }

.table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: whitesmoke; }

.table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; border-color: #d6e9c6; }

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td { background-color: #d0e9c6; border-color: #c9e2b3; }

.table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; border-color: #eed3d7; }

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td { background-color: #ebcccc; border-color: #e6c1c7; }

.table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; border-color: #fbeed5; }

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td { background-color: #faf2cc; border-color: #f8e5be; }

@media (max-width: 768px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: scroll; border: 1px solid #95c11c; }
  .table-responsive > .table { margin-bottom: 0; background-color: #fff; }
  .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; }
  .table-responsive > .table-bordered { border: 0; }
  .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; }
  .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; }
  .table-responsive > .table-bordered > thead > tr:last-child > th, .table-responsive > .table-bordered > thead > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } }
fieldset { padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }

label { display: inline-block; margin-bottom: 5px; font-weight: bold; }

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

input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; /* IE8-9 */ line-height: normal; }

input[type="file"] { display: block; }

select[multiple], select[size] { height: auto; }

select optgroup { font-size: inherit; font-style: inherit; font-family: inherit; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { height: auto; }

.form-control:-moz-placeholder { color: #999999; }
.form-control::-moz-placeholder { color: #999999; }
.form-control:-ms-input-placeholder { color: #999999; }
.form-control::-webkit-input-placeholder { color: #999999; }

.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555555; vertical-align: middle; background-color: white; border: 1px solid #cccccc; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; }

textarea.form-control { height: auto; }

.form-group { margin-bottom: 15px; }

.radio, .checkbox { display: block; min-height: 20px; margin-top: 10px; margin-bottom: 10px; padding-left: 20px; vertical-align: middle; }
.radio label, .checkbox label { display: inline; margin-bottom: 0; font-weight: normal; cursor: pointer; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; }

.radio + .radio, .checkbox + .checkbox { margin-top: -5px; }

.radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }

input[type="radio"][disabled], fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], fieldset[disabled] input[type="checkbox"], .radio[disabled], fieldset[disabled] .radio, .radio-inline[disabled], fieldset[disabled] .radio-inline, .checkbox[disabled], fieldset[disabled] .checkbox, .checkbox-inline[disabled], fieldset[disabled] .checkbox-inline { cursor: not-allowed; }

.input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0px; }

select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn { height: auto; }

.input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 45px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 0px; }

select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn { height: 45px; line-height: 45px; }

textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn { height: auto; }

.has-warning .help-block, .has-warning .control-label { color: #c09853; }
.has-warning .form-control { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-warning .form-control:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; }
.has-warning .input-group-addon { color: #c09853; border-color: #c09853; background-color: #fcf8e3; }

.has-error .help-block, .has-error .control-label { color: #b94a48; }
.has-error .form-control { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-error .form-control:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; }
.has-error .input-group-addon { color: #b94a48; border-color: #b94a48; background-color: #f2dede; }

.has-success .help-block, .has-success .control-label { color: #468847; }
.has-success .form-control { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-success .form-control:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; }
.has-success .input-group-addon { color: #468847; border-color: #468847; background-color: #dff0d8; }

.form-control-static { margin-bottom: 0; padding-top: 7px; }

.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; }

@media (min-width: 768px) { .form-inline .form-group, .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
  .form-inline .form-control, .navbar-form .form-control { display: inline-block; }
  .form-inline .radio, .navbar-form .radio, .form-inline .checkbox, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0; }
  .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"], .navbar-form .checkbox input[type="checkbox"] { float: none; margin-left: 0; } }

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; }
.form-horizontal .form-group { margin-left: -12px; margin-right: -12px; }
.form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; /* 1 */ display: table; /* 2 */ }
.form-horizontal .form-group:after { clear: both; }
@media (min-width: 768px) { .form-horizontal .control-label { text-align: right; } }

.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 0px; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:hover, .btn:focus { color: #333333; text-decoration: none; }
.btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }

.btn-default { color: #333333; background-color: white; border-color: #cccccc; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { color: #333333; background-color: #ebebeb; border-color: #adadad; }
.open .btn-default.dropdown-toggle { color: #333333; background-color: #ebebeb; border-color: #adadad; }
.btn-default:active, .btn-default.active { background-image: none; }
.open .btn-default.dropdown-toggle { background-image: none; }
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: white; border-color: #cccccc; }

.btn-primary { color: white; background-color: #009c3b; border-color: #008331; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { color: white; background-color: #00732c; border-color: #00451a; }
.open .btn-primary.dropdown-toggle { color: white; background-color: #00732c; border-color: #00451a; }
.btn-primary:active, .btn-primary.active { background-image: none; }
.open .btn-primary.dropdown-toggle { background-image: none; }
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #009c3b; border-color: #008331; }

.btn-warning { color: white; background-color: #f0ad4e; border-color: #eea236; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { color: white; background-color: #ed9c28; border-color: #d58512; }
.open .btn-warning.dropdown-toggle { color: white; background-color: #ed9c28; border-color: #d58512; }
.btn-warning:active, .btn-warning.active { background-image: none; }
.open .btn-warning.dropdown-toggle { background-image: none; }
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; }

.btn-danger { color: white; background-color: #d9534f; border-color: #d43f3a; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active { color: white; background-color: #d2322d; border-color: #ac2925; }
.open .btn-danger.dropdown-toggle { color: white; background-color: #d2322d; border-color: #ac2925; }
.btn-danger:active, .btn-danger.active { background-image: none; }
.open .btn-danger.dropdown-toggle { background-image: none; }
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; }

.btn-success { color: white; background-color: #5cb85c; border-color: #4cae4c; }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active { color: white; background-color: #47a447; border-color: #398439; }
.open .btn-success.dropdown-toggle { color: white; background-color: #47a447; border-color: #398439; }
.btn-success:active, .btn-success.active { background-image: none; }
.open .btn-success.dropdown-toggle { background-image: none; }
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; }

.btn-info { color: white; background-color: #5bc0de; border-color: #46b8da; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { color: white; background-color: #39b3d7; border-color: #269abc; }
.open .btn-info.dropdown-toggle { color: white; background-color: #39b3d7; border-color: #269abc; }
.btn-info:active, .btn-info.active { background-image: none; }
.open .btn-info.dropdown-toggle { background-image: none; }
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; }

.btn-link { color: #009c3b; font-weight: normal; cursor: pointer; border-radius: 0; }
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; }
.btn-link:hover, .btn-link:focus { color: #00501e; text-decoration: underline; background-color: transparent; }
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #999999; text-decoration: none; }

.btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 0px; }

.btn-sm, .btn-group-sm > .btn, .btn-xs, .btn-group-xs > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0px; }

.btn-xs, .btn-group-xs > .btn { padding: 1px 5px; }

.btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; }

.btn-block + .btn-block { margin-top: 5px; }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }

.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.fade.in { opacity: 1; }

.collapse { display: none; }
.collapse.in { display: block; }

.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; }

@font-face { font-family: 'Glyphicons Halflings'; src: url("../CSS/Font/glyphicons/glyphicons-halflings-regular.eot"); src: url("../CSS/Font/glyphicons/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../CSS/Font/glyphicons/glyphicons-halflings-regular.woff") format("woff"), url("../CSS/Font/glyphicons/glyphicons-halflings-regular.ttf") format("truetype"), url("../CSS/Font/glyphicons/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg"); }

.glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; }

.glyphicon-asterisk:before { content: "\2a"; }

.glyphicon-plus:before { content: "\2b"; }

.glyphicon-euro:before { content: "\20ac"; }

.glyphicon-minus:before { content: "\2212"; }

.glyphicon-cloud:before { content: "\2601"; }

.glyphicon-envelope:before { content: "\2709"; }

.glyphicon-pencil:before { content: "\270f"; }

.glyphicon-glass:before { content: "\e001"; }

.glyphicon-music:before { content: "\e002"; }

.glyphicon-search:before { content: "\e003"; }

.glyphicon-heart:before { content: "\e005"; }

.glyphicon-star:before { content: "\e006"; }

.glyphicon-star-empty:before { content: "\e007"; }

.glyphicon-user:before { content: "\e008"; }

.glyphicon-film:before { content: "\e009"; }

.glyphicon-th-large:before { content: "\e010"; }

.glyphicon-th:before { content: "\e011"; }

.glyphicon-th-list:before { content: "\e012"; }

.glyphicon-ok:before { content: "\e013"; }

.glyphicon-remove:before { content: "\e014"; }

.glyphicon-zoom-in:before { content: "\e015"; }

.glyphicon-zoom-out:before { content: "\e016"; }

.glyphicon-off:before { content: "\e017"; }

.glyphicon-signal:before { content: "\e018"; }

.glyphicon-cog:before { content: "\e019"; }

.glyphicon-trash:before { content: "\e020"; }

.glyphicon-home:before { content: "\e021"; }

.glyphicon-file:before { content: "\e022"; }

.glyphicon-time:before { content: "\e023"; }

.glyphicon-road:before { content: "\e024"; }

.glyphicon-download-alt:before { content: "\e025"; }

.glyphicon-download:before { content: "\e026"; }

.glyphicon-upload:before { content: "\e027"; }

.glyphicon-inbox:before { content: "\e028"; }

.glyphicon-play-circle:before { content: "\e029"; }

.glyphicon-repeat:before { content: "\e030"; }

.glyphicon-refresh:before { content: "\e031"; }

.glyphicon-list-alt:before { content: "\e032"; }

.glyphicon-flag:before { content: "\e034"; }

.glyphicon-headphones:before { content: "\e035"; }

.glyphicon-volume-off:before { content: "\e036"; }

.glyphicon-volume-down:before { content: "\e037"; }

.glyphicon-volume-up:before { content: "\e038"; }

.glyphicon-qrcode:before { content: "\e039"; }

.glyphicon-barcode:before { content: "\e040"; }

.glyphicon-tag:before { content: "\e041"; }

.glyphicon-tags:before { content: "\e042"; }

.glyphicon-book:before { content: "\e043"; }

.glyphicon-print:before { content: "\e045"; }

.glyphicon-font:before { content: "\e047"; }

.glyphicon-bold:before { content: "\e048"; }

.glyphicon-italic:before { content: "\e049"; }

.glyphicon-text-height:before { content: "\e050"; }

.glyphicon-text-width:before { content: "\e051"; }

.glyphicon-align-left:before { content: "\e052"; }

.glyphicon-align-center:before { content: "\e053"; }

.glyphicon-align-right:before { content: "\e054"; }

.glyphicon-align-justify:before { content: "\e055"; }

.glyphicon-list:before { content: "\e056"; }

.glyphicon-indent-left:before { content: "\e057"; }

.glyphicon-indent-right:before { content: "\e058"; }

.glyphicon-facetime-video:before { content: "\e059"; }

.glyphicon-picture:before { content: "\e060"; }

.glyphicon-map-marker:before { content: "\e062"; }

.glyphicon-adjust:before { content: "\e063"; }

.glyphicon-tint:before { content: "\e064"; }

.glyphicon-edit:before { content: "\e065"; }

.glyphicon-share:before { content: "\e066"; }

.glyphicon-check:before { content: "\e067"; }

.glyphicon-move:before { content: "\e068"; }

.glyphicon-step-backward:before { content: "\e069"; }

.glyphicon-fast-backward:before { content: "\e070"; }

.glyphicon-backward:before { content: "\e071"; }

.glyphicon-play:before { content: "\e072"; }

.glyphicon-pause:before { content: "\e073"; }

.glyphicon-stop:before { content: "\e074"; }

.glyphicon-forward:before { content: "\e075"; }

.glyphicon-fast-forward:before { content: "\e076"; }

.glyphicon-step-forward:before { content: "\e077"; }

.glyphicon-eject:before { content: "\e078"; }

.glyphicon-chevron-left:before { content: "\e079"; }

.glyphicon-chevron-right:before { content: "\e080"; }

.glyphicon-plus-sign:before { content: "\e081"; }

.glyphicon-minus-sign:before { content: "\e082"; }

.glyphicon-remove-sign:before { content: "\e083"; }

.glyphicon-ok-sign:before { content: "\e084"; }

.glyphicon-question-sign:before { content: "\e085"; }

.glyphicon-info-sign:before { content: "\e086"; }

.glyphicon-screenshot:before { content: "\e087"; }

.glyphicon-remove-circle:before { content: "\e088"; }

.glyphicon-ok-circle:before { content: "\e089"; }

.glyphicon-ban-circle:before { content: "\e090"; }

.glyphicon-arrow-left:before { content: "\e091"; }

.glyphicon-arrow-right:before { content: "\e092"; }

.glyphicon-arrow-up:before { content: "\e093"; }

.glyphicon-arrow-down:before { content: "\e094"; }

.glyphicon-share-alt:before { content: "\e095"; }

.glyphicon-resize-full:before { content: "\e096"; }

.glyphicon-resize-small:before { content: "\e097"; }

.glyphicon-exclamation-sign:before { content: "\e101"; }

.glyphicon-gift:before { content: "\e102"; }

.glyphicon-leaf:before { content: "\e103"; }

.glyphicon-eye-open:before { content: "\e105"; }

.glyphicon-eye-close:before { content: "\e106"; }

.glyphicon-warning-sign:before { content: "\e107"; }

.glyphicon-plane:before { content: "\e108"; }

.glyphicon-random:before { content: "\e110"; }

.glyphicon-comment:before { content: "\e111"; }

.glyphicon-magnet:before { content: "\e112"; }

.glyphicon-chevron-up:before { content: "\e113"; }

.glyphicon-chevron-down:before { content: "\e114"; }

.glyphicon-retweet:before { content: "\e115"; }

.glyphicon-shopping-cart:before { content: "\e116"; }

.glyphicon-folder-close:before { content: "\e117"; }

.glyphicon-folder-open:before { content: "\e118"; }

.glyphicon-resize-vertical:before { content: "\e119"; }

.glyphicon-resize-horizontal:before { content: "\e120"; }

.glyphicon-hdd:before { content: "\e121"; }

.glyphicon-bullhorn:before { content: "\e122"; }

.glyphicon-certificate:before { content: "\e124"; }

.glyphicon-thumbs-up:before { content: "\e125"; }

.glyphicon-thumbs-down:before { content: "\e126"; }

.glyphicon-hand-right:before { content: "\e127"; }

.glyphicon-hand-left:before { content: "\e128"; }

.glyphicon-hand-up:before { content: "\e129"; }

.glyphicon-hand-down:before { content: "\e130"; }

.glyphicon-circle-arrow-right:before { content: "\e131"; }

.glyphicon-circle-arrow-left:before { content: "\e132"; }

.glyphicon-circle-arrow-up:before { content: "\e133"; }

.glyphicon-circle-arrow-down:before { content: "\e134"; }

.glyphicon-globe:before { content: "\e135"; }

.glyphicon-tasks:before { content: "\e137"; }

.glyphicon-filter:before { content: "\e138"; }

.glyphicon-fullscreen:before { content: "\e140"; }

.glyphicon-dashboard:before { content: "\e141"; }

.glyphicon-heart-empty:before { content: "\e143"; }

.glyphicon-link:before { content: "\e144"; }

.glyphicon-phone:before { content: "\e145"; }

.glyphicon-usd:before { content: "\e148"; }

.glyphicon-gbp:before { content: "\e149"; }

.glyphicon-sort:before { content: "\e150"; }

.glyphicon-sort-by-alphabet:before { content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before { content: "\e152"; }

.glyphicon-sort-by-order:before { content: "\e153"; }

.glyphicon-sort-by-order-alt:before { content: "\e154"; }

.glyphicon-sort-by-attributes:before { content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before { content: "\e156"; }

.glyphicon-unchecked:before { content: "\e157"; }

.glyphicon-expand:before { content: "\e158"; }

.glyphicon-collapse-down:before { content: "\e159"; }

.glyphicon-collapse-up:before { content: "\e160"; }

.glyphicon-log-in:before { content: "\e161"; }

.glyphicon-flash:before { content: "\e162"; }

.glyphicon-log-out:before { content: "\e163"; }

.glyphicon-new-window:before { content: "\e164"; }

.glyphicon-record:before { content: "\e165"; }

.glyphicon-save:before { content: "\e166"; }

.glyphicon-open:before { content: "\e167"; }

.glyphicon-saved:before { content: "\e168"; }

.glyphicon-import:before { content: "\e169"; }

.glyphicon-export:before { content: "\e170"; }

.glyphicon-send:before { content: "\e171"; }

.glyphicon-floppy-disk:before { content: "\e172"; }

.glyphicon-floppy-saved:before { content: "\e173"; }

.glyphicon-floppy-remove:before { content: "\e174"; }

.glyphicon-floppy-save:before { content: "\e175"; }

.glyphicon-floppy-open:before { content: "\e176"; }

.glyphicon-credit-card:before { content: "\e177"; }

.glyphicon-transfer:before { content: "\e178"; }

.glyphicon-cutlery:before { content: "\e179"; }

.glyphicon-header:before { content: "\e180"; }

.glyphicon-compressed:before { content: "\e181"; }

.glyphicon-earphone:before { content: "\e182"; }

.glyphicon-phone-alt:before { content: "\e183"; }

.glyphicon-tower:before { content: "\e184"; }

.glyphicon-stats:before { content: "\e185"; }

.glyphicon-sd-video:before { content: "\e186"; }

.glyphicon-hd-video:before { content: "\e187"; }

.glyphicon-subtitles:before { content: "\e188"; }

.glyphicon-sound-stereo:before { content: "\e189"; }

.glyphicon-sound-dolby:before { content: "\e190"; }

.glyphicon-sound-5-1:before { content: "\e191"; }

.glyphicon-sound-6-1:before { content: "\e192"; }

.glyphicon-sound-7-1:before { content: "\e193"; }

.glyphicon-copyright-mark:before { content: "\e194"; }

.glyphicon-registration-mark:before { content: "\e195"; }

.glyphicon-cloud-download:before { content: "\e197"; }

.glyphicon-cloud-upload:before { content: "\e198"; }

.glyphicon-tree-conifer:before { content: "\e199"; }

.glyphicon-tree-deciduous:before { content: "\e200"; }

.glyphicon-briefcase:before { content: "\1f4bc"; }

.glyphicon-calendar:before { content: "\1f4c5"; }

.glyphicon-pushpin:before { content: "\1f4cc"; }

.glyphicon-paperclip:before { content: "\1f4ce"; }

.glyphicon-camera:before { content: "\1f4f7"; }

.glyphicon-lock:before { content: "\1f512"; }

.glyphicon-bell:before { content: "\1f514"; }

.glyphicon-bookmark:before { content: "\1f516"; }

.glyphicon-fire:before { content: "\1f525"; }

.glyphicon-wrench:before { content: "\1f527"; }

.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid black; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 0 dotted; content: ""; }

.dropdown { position: relative; }

.dropdown-toggle:focus { outline: 0; }

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 900; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; background-color: #f0f0f0; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; }
.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.42857; color: #009c3b; white-space: nowrap; }

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

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: white; text-decoration: none; outline: 0; background-color: #009c3b; }

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

.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-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: #999999; }

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

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

.dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0 dotted; border-bottom: 4px solid black; content: ""; }
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; }

@media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } }
.btn-default .caret { border-top-color: #333333; }
.btn-primary .caret, .btn-success .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret { border-top-color: #fff; }

.dropup .btn-default .caret { border-bottom-color: #333333; }
.dropup .btn-primary .caret, .dropup .btn-success .caret, .dropup .btn-warning .caret, .dropup .btn-danger .caret, .dropup .btn-info .caret { border-bottom-color: #fff; }

.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 > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; }
.btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: none; }

.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:before, .btn-toolbar:after { content: " "; /* 1 */ display: table; /* 2 */ }
.btn-toolbar:after { clear: both; }
.btn-toolbar .btn-group { float: left; }
.btn-toolbar > .btn + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn-group + .btn-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 > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; }

.btn-group > .btn-group:last-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, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; }

.btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn .caret { margin-left: 0; }

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

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; }

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group { display: block; float: none; width: 100%; max-width: 100%; }
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; /* 1 */ display: table; /* 2 */ }
.btn-group-vertical > .btn-group:after { clear: both; }
.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: 0px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 0px; border-top-right-radius: 0; border-top-left-radius: 0; }

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

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

.btn-group-vertical > .btn-group:last-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 { float: none; display: table-cell; width: 1%; }

[data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { display: none; }

.input-group { position: relative; display: table; border-collapse: separate; }
.input-group.col { float: none; padding-left: 0; padding-right: 0; }
.input-group .form-control { width: 100%; margin-bottom: 0; }

.input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; }
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; }

.input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; }

.input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; text-align: center; background-color: #eeeeee; border: 1px solid #cccccc; border-radius: 0px; }
.input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 0px; }
.input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 0px; }
.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; }

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

.input-group-addon:first-child { border-right: 0; }

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

.input-group-addon:last-child { border-left: 0; }

.input-group-btn { position: relative; white-space: nowrap; }

.input-group-btn > .btn { position: relative; }
.input-group-btn > .btn + .btn { margin-left: -4px; }
.input-group-btn > .btn:hover, .input-group-btn > .btn:active { z-index: 2; }

.nav { margin-bottom: 0; padding-left: 0; list-style: none; }
.nav:before, .nav:after { content: " "; /* 1 */ display: table; /* 2 */ }
.nav:after { clear: both; }
.nav > li { position: relative; display: block; }
.nav > li > a { position: relative; display: block; padding: 10px 15px; }
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; }
.nav > li.disabled > a { color: #999999; }
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; background-color: transparent; cursor: not-allowed; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #009c3b; }
.nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.nav > li > a > img { max-width: none; }

.nav-tabs { border-bottom: 1px solid #dddddd; }
.nav-tabs > li { float: left; margin-bottom: -1px; }
.nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 0px 0px 0 0; }
.nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #009c3b; background-color: white; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default; }

.nav-pills > li { float: left; }
.nav-pills > li > a { border-radius: 5px; }
.nav-pills > li + li { margin-left: 2px; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: white; background-color: #009c3b; }

.nav-stacked > li { float: none; }
.nav-stacked > li + li { margin-top: 2px; margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified { width: 100%; }
.nav-justified > li, .nav-tabs.nav-justified > li { float: none; }
.nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; }
@media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } }

.nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; }
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; margin-right: 0; }
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a { border-bottom-color: white; }

.tabbable:before, .tabbable:after { content: " "; /* 1 */ display: table; /* 2 */ }
.tabbable:after { clear: both; }

.tab-content > .tab-pane, .pill-content > .pill-pane { display: none; }

.tab-content > .active, .pill-content > .active { display: block; }

.nav .caret { border-top-color: #009c3b; border-bottom-color: #009c3b; }

.nav a:hover .caret { border-top-color: #00501e; border-bottom-color: #00501e; }

.nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; }

.navbar { position: relative; z-index: 1000; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; }
.navbar:before, .navbar:after { content: " "; /* 1 */ display: table; /* 2 */ }
.navbar:after { clear: both; }
@media (min-width: 768px) { .navbar { border-radius: 0px; } }

.navbar-header:before, .navbar-header:after { content: " "; /* 1 */ display: table; /* 2 */ }
.navbar-header:after { clear: both; }
@media (min-width: 768px) { .navbar-header { float: left; } }

.navbar-collapse { max-height: 340px; overflow-x: visible; padding-right: 0; padding-left: 0; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; }
.navbar-collapse:before, .navbar-collapse:after { content: " "; /* 1 */ display: table; /* 2 */ }
.navbar-collapse:after { clear: both; }
.navbar-collapse.in { overflow-y: auto; }
@media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; }
  .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }
  .navbar-collapse.in { overflow-y: visible; }
  .navbar-collapse .navbar-nav.navbar-left:first-child { margin-left: 0; }
  .navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: 0; }
  .navbar-collapse .navbar-text:last-child { margin-right: 0; } }

.container > .navbar-header, .container > .navbar-collapse { margin-right: 0; margin-left: 0; /* @media (min-width: $grid-float-breakpoint) { margin-right: 0; margin-left:  0; }
*/ }

.navbar-static-top { border-width: 0 0 1px; }
@media (min-width: 768px) { .navbar-static-top { border-radius: 0; } }

.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; border-width: 0 0 1px; }
@media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } }

.navbar-fixed-top { z-index: 1030; top: 0; }

.navbar-fixed-bottom { bottom: 0; margin-bottom: 0; }

.navbar-brand { float: left; padding: 15px 0; font-size: 18px; line-height: 20px; }
.navbar-brand:hover, .navbar-brand:focus { text-decoration: none; }
@media (min-width: 768px) { .navbar > .container .navbar-brand { margin-left: 0; } }

.navbar-toggle { position: relative; float: right; margin-right: 0; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; border: 1px solid transparent; border-radius: 0px; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
@media (min-width: 768px) { .navbar-toggle { display: none; } }

.navbar-nav { margin: 7.5px 0; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }
@media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; }
  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; }
  .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } }
@media (min-width: 768px) { .navbar-nav { float: left; margin: 0; }
  .navbar-nav > li { float: left; }
  .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } }

@media (min-width: 768px) { .navbar-left { float: left !important; }
  .navbar-right { float: right !important; } }
.navbar-form { margin-left: 0; margin-right: 0; padding: 10px 0; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; }
@media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } }
@media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } }

.navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right { left: auto; right: 0; }

.navbar-btn { margin-top: 8px; margin-bottom: 8px; }

.navbar-text { float: left; margin-top: 15px; margin-bottom: 15px; }
@media (min-width: 768px) { .navbar-text { margin-left: 0; margin-right: 0; } }

.navbar-default { background-color: white; border-color: #eeeeee; }
.navbar-default .navbar-brand { color: #113c2b; }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #06140f; background-color: transparent; }
.navbar-default .navbar-text { color: #777777; }
.navbar-default .navbar-nav > li > a { color: #113c2b; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #009c3b; background-color: transparent; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #009c3b; background-color: #eeeeee; }
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; }
.navbar-default .navbar-toggle { border-color: none; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #dddddd; }
.navbar-default .navbar-toggle .icon-bar { background-color: #cccccc; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #ededed; }
.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret { border-top-color: #009c3b; border-bottom-color: #009c3b; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #eeeeee; color: #009c3b; }
.navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret { border-top-color: #009c3b; border-bottom-color: #009c3b; }
.navbar-default .navbar-nav > .dropdown > a .caret { border-top-color: #113c2b; border-bottom-color: #113c2b; }
@media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #113c2b; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #009c3b; background-color: transparent; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #009c3b; background-color: #eeeeee; }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #cccccc; background-color: transparent; } }
.navbar-default .navbar-link { color: #113c2b; }
.navbar-default .navbar-link:hover { color: #009c3b; }

.navbar-inverse { background-color: #222222; border-color: #090909; }
.navbar-inverse .navbar-brand { color: #999999; }
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: white; background-color: transparent; }
.navbar-inverse .navbar-text { color: #999999; }
.navbar-inverse .navbar-nav > li > a { color: #999999; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: white; background-color: transparent; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: white; background-color: #090909; }
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444444; background-color: transparent; }
.navbar-inverse .navbar-toggle { border-color: #333333; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333333; }
.navbar-inverse .navbar-toggle .icon-bar { background-color: white; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #090909; color: white; }
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret { border-top-color: white; border-bottom-color: white; }
.navbar-inverse .navbar-nav > .dropdown > a .caret { border-top-color: #999999; border-bottom-color: #999999; }
.navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret { border-top-color: white; border-bottom-color: white; }
@media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #999999; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: white; background-color: transparent; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: white; background-color: #090909; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444444; background-color: transparent; } }
.navbar-inverse .navbar-link { color: #999999; }
.navbar-inverse .navbar-link:hover { color: white; }

.breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: whitesmoke; border-radius: 0px; }
.breadcrumb > li { display: inline-block; }
.breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #cccccc; }
.breadcrumb > .active { color: #999999; }

.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 0px; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857; text-decoration: none; background-color: white; border: 1px solid #dddddd; margin-left: -1px; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { background-color: #eeeeee; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 2; color: white; background-color: #dddddd; border-color: #dddddd; cursor: default; }
.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; background-color: white; border-color: #dddddd; cursor: not-allowed; }

.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }

.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }

.pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center; }
.pager:before, .pager:after { content: " "; /* 1 */ display: table; /* 2 */ }
.pager:after { clear: both; }
.pager li { display: inline; }
.pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: white; border: 1px solid #dddddd; border-radius: 15px; }
.pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; }
.pager .next > a, .pager .next > span { float: right; }
.pager .previous > a, .pager .previous > span { float: left; }
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; background-color: white; cursor: not-allowed; }

.label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: white; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; }
.label[href]:hover, .label[href]:focus { color: white; text-decoration: none; cursor: pointer; }
.label:empty { display: none; }

.label-default { background-color: #999999; }
.label-default[href]:hover, .label-default[href]:focus { background-color: gray; }

.label-primary { background-color: #009c3b; }
.label-primary[href]:hover, .label-primary[href]:focus { background-color: #006928; }

.label-success { background-color: #5cb85c; }
.label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; }

.label-info { background-color: #5bc0de; }
.label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; }

.label-warning { background-color: #f0ad4e; }
.label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; }

.label-danger { background-color: #d9534f; }
.label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; }

.badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: white; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #999999; border-radius: 10px; }
.badge:empty { display: none; }

a.badge:hover, a.badge:focus { color: white; text-decoration: none; cursor: pointer; }

.btn .badge { position: relative; top: -1px; }

a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #009c3b; background-color: white; }

.nav-pills > li > a > .badge { margin-left: 3px; }

.jumbotron { padding: 30px; margin-bottom: 30px; font-size: 21px; font-weight: 200; line-height: 2.14286; color: inherit; background-color: #eeeeee; }
.jumbotron h1 { line-height: 1; color: inherit; }
.jumbotron p { line-height: 1.4; }
.container .jumbotron { border-radius: 0px; }
@media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; }
  .container .jumbotron { padding-left: 60px; padding-right: 60px; }
  .jumbotron h1 { font-size: 63px; } }

.thumbnail { display: block; }
.thumbnail > img { display: block; max-width: 100%; height: auto; }

a.thumbnail:hover, a.thumbnail:focus { border-color: #009c3b; }

.thumbnail > img { margin-left: auto; margin-right: auto; }

.thumbnail .caption { padding: 9px; color: #333333; }

.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 0px; }
.alert h4 { margin-top: 0; color: inherit; }
.alert .alert-link { font-weight: bold; }
.alert > p, .alert > ul { margin-bottom: 0; }
.alert > p + p { margin-top: 5px; }

.alert-dismissable { padding-right: 35px; }
.alert-dismissable .close { position: relative; top: -2px; right: -21px; color: inherit; }

.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; }
.alert-success hr { border-top-color: #c9e2b3; }
.alert-success .alert-link { color: #356635; }

.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; }
.alert-info hr { border-top-color: #a6e1ec; }
.alert-info .alert-link { color: #2d6987; }

.alert-warning { background-color: #fcf8e3; border-color: #fbeed5; color: #c09853; }
.alert-warning hr { border-top-color: #f8e5be; }
.alert-warning .alert-link { color: #a47e3c; }

.alert-danger { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; }
.alert-danger hr { border-top-color: #e6c1c7; }
.alert-danger .alert-link { color: #953b39; }

@-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; }
  to { background-position: 0 0; } }

@-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; }
  to { background-position: 0 0; } }

@-o-keyframes progress-bar-stripes { from { background-position: 0 0; }
  to { background-position: 40px 0; } }

@keyframes progress-bar-stripes { from { background-position: 40px 0; }
  to { background-position: 0 0; } }

.progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: whitesmoke; border-radius: 0px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; color: white; text-align: center; background-color: #009c3b; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; transition: width 0.6s ease; }

.progress-striped .progress-bar { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; }

.progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success { background-color: #5cb85c; }
.progress-striped .progress-bar-success { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info { background-color: #5bc0de; }
.progress-striped .progress-bar-info { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning { background-color: #f0ad4e; }
.progress-striped .progress-bar-warning { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger { background-color: #d9534f; }
.progress-striped .progress-bar-danger { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media, .media-body { overflow: hidden; zoom: 1; }

.media, .media .media { margin-top: 15px; }

.media:first-child { margin-top: 0; }

.media-object { display: block; }

.media-heading { margin: 0 0 5px; }

.media > .pull-left { margin-right: 10px; }
.media > .pull-right { margin-left: 10px; }

.media-list { padding-left: 0; list-style: none; }

.list-group { margin-bottom: 20px; padding-left: 0; }

.list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: white; border: 1px solid #dddddd; }
.list-group-item:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; }
.list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.list-group-item > .badge { float: right; }
.list-group-item > .badge + .badge { margin-right: 5px; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: white; background-color: #009c3b; border-color: #009c3b; }
.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading { color: inherit; }
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #69ffa2; }

a.list-group-item { color: #555555; }
a.list-group-item .list-group-item-heading { color: #333333; }
a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: whitesmoke; }

.list-group-item-heading { margin-top: 0; margin-bottom: 5px; }

.list-group-item-text { margin-bottom: 0; line-height: 1.3; }

.panel { margin-bottom: 20px; background-color: white; border: 1px solid transparent; border-radius: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body { padding: 15px; }
.panel-body:before, .panel-body:after { content: " "; /* 1 */ display: table; /* 2 */ }
.panel-body:after { clear: both; }

.panel > .list-group { margin-bottom: 0; }
.panel > .list-group .list-group-item { border-width: 1px 0; }
.panel > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; }
.panel > .list-group .list-group-item:last-child { border-bottom: 0; }

.panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; }

.panel > .table { margin-bottom: 0; }
.panel > .panel-body + .table { border-top: 1px solid #95c11c; }

.panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: -1px; border-top-left-radius: -1px; }

.panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; }
.panel-title > a { color: inherit; }

.panel-footer { padding: 10px 15px; background-color: whitesmoke; border-top: 1px solid #dddddd; border-bottom-right-radius: -1px; border-bottom-left-radius: -1px; }

.panel-group .panel { margin-bottom: 0; border-radius: 0px; overflow: hidden; }
.panel-group .panel + .panel { margin-top: 5px; }
.panel-group .panel-heading { border-bottom: 0; }
.panel-group .panel-heading + .panel-collapse .panel-body { border-top: 1px solid #dddddd; }
.panel-group .panel-footer { border-top: 0; }
.panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #dddddd; }

.panel-default { border-color: #dddddd; }
.panel-default > .panel-heading { color: #333333; background-color: whitesmoke; border-color: #dddddd; }
.panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: #dddddd; }
.panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #dddddd; }

.panel-primary { border-color: #009c3b; }
.panel-primary > .panel-heading { color: white; background-color: #009c3b; border-color: #009c3b; }
.panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: #009c3b; }
.panel-primary > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #009c3b; }

.panel-success { border-color: #d6e9c6; }
.panel-success > .panel-heading { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; }
.panel-success > .panel-heading + .panel-collapse .panel-body { border-top-color: #d6e9c6; }
.panel-success > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #d6e9c6; }

.panel-warning { border-color: #fbeed5; }
.panel-warning > .panel-heading { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; }
.panel-warning > .panel-heading + .panel-collapse .panel-body { border-top-color: #fbeed5; }
.panel-warning > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #fbeed5; }

.panel-danger { border-color: #eed3d7; }
.panel-danger > .panel-heading { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }
.panel-danger > .panel-heading + .panel-collapse .panel-body { border-top-color: #eed3d7; }
.panel-danger > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #eed3d7; }

.panel-info { border-color: #bce8f1; }
.panel-info > .panel-heading { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; }
.panel-info > .panel-heading + .panel-collapse .panel-body { border-top-color: #bce8f1; }
.panel-info > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #bce8f1; }

.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: whitesmoke; border: 1px solid #e3e3e3; border-radius: 0px; -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); }
.well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); }

.well-lg { padding: 24px; border-radius: 0px; }

.well-sm { padding: 9px; border-radius: 0px; }

.close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: black; text-shadow: 0 1px 0 white; opacity: 0.2; filter: alpha(opacity=20); }
.close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }

button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }

.modal-open { overflow: hidden; }
.modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { margin-right: 15px; }

body.modal-open { margin-right: 15px; }

.modal { display: none; overflow: auto; overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; }
.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.modal-dialog { margin-left: auto; margin-right: auto; width: auto; padding: 10px; z-index: 1050; }

.modal-content { position: relative; background-color: white; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: none; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color: black; }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); }

.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857px; }

.modal-header .close { margin-top: -2px; }

.modal-title { margin: 0; line-height: 1.42857; }

.modal-body { position: relative; padding: 20px; }

.modal-footer { margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5; }
.modal-footer:before, .modal-footer:after { content: " "; /* 1 */ display: table; /* 2 */ }
.modal-footer:after { clear: both; }
.modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }

@media screen and (min-width: 768px) { .modal-dialog { left: 50%; right: auto; width: 600px; padding-top: 30px; padding-bottom: 30px; }
  .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } }
.tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); }
.tooltip.in { opacity: 0.9; filter: alpha(opacity=90); }
.tooltip.top { margin-top: -3px; padding: 5px 0; }
.tooltip.right { margin-left: 3px; padding: 0 5px; }
.tooltip.bottom { margin-top: 3px; padding: 5px 0; }
.tooltip.left { margin-left: -3px; padding: 0 5px; }

.tooltip-inner { max-width: 200px; padding: 3px 8px; color: white; text-align: center; text-decoration: none; background-color: black; border-radius: 0px; }

.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: black; }
.tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: black; }
.tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: black; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: black; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: black; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: black; }
.tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: black; }
.tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: black; }

.popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: white; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; }
.popover.top { margin-top: -10px; }
.popover.right { margin-left: 10px; }
.popover.bottom { margin-top: 10px; }
.popover.left { margin-left: -10px; }

.popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; }

.popover-content { padding: 9px 14px; }

.popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }

.popover .arrow { border-width: 11px; }

.popover .arrow:after { border-width: 10px; content: ""; }

.popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; }
.popover.top .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: white; }
.popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); }
.popover.right .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: white; }
.popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; }
.popover.bottom .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: white; }
.popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); }
.popover.left .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: white; bottom: -10px; }

.carousel { position: relative; }

.carousel-inner { position: relative; overflow: hidden; width: 100%; }
.carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; }
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }

.carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: white; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-control.left { background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
.carousel-control.right { left: auto; right: 0; background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
.carousel-control:hover, .carousel-control:focus { color: white; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); }
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; left: 50%; z-index: 5; display: inline-block; }
.carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; }
.carousel-control .icon-prev:before { content: '\2039'; }
.carousel-control .icon-next:before { content: '\203a'; }

.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; }
.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid white; border-radius: 10px; cursor: pointer; }
.carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: white; }

.carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: white; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-caption .btn { text-shadow: none; }

@media screen and (min-width: 768px) { .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; }
  .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; }
  .carousel-indicators { bottom: 20px; } }
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }

.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; }

.affix { position: fixed; }

@-ms-viewport { width: device-width; }

@media screen and (max-width: 400px) { @-ms-viewport { width: 320px; } }
.hidden { display: none !important; visibility: hidden !important; }

.visible-xs { display: none !important; }

tr.visible-xs { display: none !important; }

th.visible-xs, td.visible-xs { display: none !important; }

@media (max-width: 767px) { .visible-xs { display: block !important; }
  tr.visible-xs { display: table-row !important; }
  th.visible-xs, td.visible-xs { display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-xs.visible-sm { display: block !important; }
  tr.visible-xs.visible-sm { display: table-row !important; }
  th.visible-xs.visible-sm, td.visible-xs.visible-sm { display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-xs.visible-md { display: block !important; }
  tr.visible-xs.visible-md { display: table-row !important; }
  th.visible-xs.visible-md, td.visible-xs.visible-md { display: table-cell !important; } }
@media (min-width: 1200px) { .visible-xs.visible-lg { display: block !important; }
  tr.visible-xs.visible-lg { display: table-row !important; }
  th.visible-xs.visible-lg, td.visible-xs.visible-lg { display: table-cell !important; } }
.visible-sm { display: none !important; }

tr.visible-sm { display: none !important; }

th.visible-sm, td.visible-sm { display: none !important; }

@media (max-width: 767px) { .visible-sm.visible-xs { display: block !important; }
  tr.visible-sm.visible-xs { display: table-row !important; }
  th.visible-sm.visible-xs, td.visible-sm.visible-xs { display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; }
  tr.visible-sm { display: table-row !important; }
  th.visible-sm, td.visible-sm { display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-sm.visible-md { display: block !important; }
  tr.visible-sm.visible-md { display: table-row !important; }
  th.visible-sm.visible-md, td.visible-sm.visible-md { display: table-cell !important; } }
@media (min-width: 1200px) { .visible-sm.visible-lg { display: block !important; }
  tr.visible-sm.visible-lg { display: table-row !important; }
  th.visible-sm.visible-lg, td.visible-sm.visible-lg { display: table-cell !important; } }
.visible-md { display: none !important; }

tr.visible-md { display: none !important; }

th.visible-md, td.visible-md { display: none !important; }

@media (max-width: 767px) { .visible-md.visible-xs { display: block !important; }
  tr.visible-md.visible-xs { display: table-row !important; }
  th.visible-md.visible-xs, td.visible-md.visible-xs { display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-md.visible-sm { display: block !important; }
  tr.visible-md.visible-sm { display: table-row !important; }
  th.visible-md.visible-sm, td.visible-md.visible-sm { display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; }
  tr.visible-md { display: table-row !important; }
  th.visible-md, td.visible-md { display: table-cell !important; } }
@media (min-width: 1200px) { .visible-md.visible-lg { display: block !important; }
  tr.visible-md.visible-lg { display: table-row !important; }
  th.visible-md.visible-lg, td.visible-md.visible-lg { display: table-cell !important; } }
.visible-lg { display: none !important; }

tr.visible-lg { display: none !important; }

th.visible-lg, td.visible-lg { display: none !important; }

@media (max-width: 767px) { .visible-lg.visible-xs { display: block !important; }
  tr.visible-lg.visible-xs { display: table-row !important; }
  th.visible-lg.visible-xs, td.visible-lg.visible-xs { display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-lg.visible-sm { display: block !important; }
  tr.visible-lg.visible-sm { display: table-row !important; }
  th.visible-lg.visible-sm, td.visible-lg.visible-sm { display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-lg.visible-md { display: block !important; }
  tr.visible-lg.visible-md { display: table-row !important; }
  th.visible-lg.visible-md, td.visible-lg.visible-md { display: table-cell !important; } }
@media (min-width: 1200px) { .visible-lg { display: block !important; }
  tr.visible-lg { display: table-row !important; }
  th.visible-lg, td.visible-lg { display: table-cell !important; } }
.hidden-xs { display: block !important; }

tr.hidden-xs { display: table-row !important; }

th.hidden-xs, td.hidden-xs { display: table-cell !important; }

@media (max-width: 767px) { .hidden-xs { display: none !important; }
  tr.hidden-xs { display: none !important; }
  th.hidden-xs, td.hidden-xs { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .hidden-xs.hidden-sm { display: none !important; }
  tr.hidden-xs.hidden-sm { display: none !important; }
  th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm { display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .hidden-xs.hidden-md { display: none !important; }
  tr.hidden-xs.hidden-md { display: none !important; }
  th.hidden-xs.hidden-md, td.hidden-xs.hidden-md { display: none !important; } }
@media (min-width: 1200px) { .hidden-xs.hidden-lg { display: none !important; }
  tr.hidden-xs.hidden-lg { display: none !important; }
  th.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg { display: none !important; } }
.hidden-sm { display: block !important; }

tr.hidden-sm { display: table-row !important; }

th.hidden-sm, td.hidden-sm { display: table-cell !important; }

@media (max-width: 767px) { .hidden-sm.hidden-xs { display: none !important; }
  tr.hidden-sm.hidden-xs { display: none !important; }
  th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; }
  tr.hidden-sm { display: none !important; }
  th.hidden-sm, td.hidden-sm { display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .hidden-sm.hidden-md { display: none !important; }
  tr.hidden-sm.hidden-md { display: none !important; }
  th.hidden-sm.hidden-md, td.hidden-sm.hidden-md { display: none !important; } }
@media (min-width: 1200px) { .hidden-sm.hidden-lg { display: none !important; }
  tr.hidden-sm.hidden-lg { display: none !important; }
  th.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg { display: none !important; } }
.hidden-md { display: block !important; }

tr.hidden-md { display: table-row !important; }

th.hidden-md, td.hidden-md { display: table-cell !important; }

@media (max-width: 767px) { .hidden-md.hidden-xs { display: none !important; }
  tr.hidden-md.hidden-xs { display: none !important; }
  th.hidden-md.hidden-xs, td.hidden-md.hidden-xs { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .hidden-md.hidden-sm { display: none !important; }
  tr.hidden-md.hidden-sm { display: none !important; }
  th.hidden-md.hidden-sm, td.hidden-md.hidden-sm { display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; }
  tr.hidden-md { display: none !important; }
  th.hidden-md, td.hidden-md { display: none !important; } }
@media (min-width: 1200px) { .hidden-md.hidden-lg { display: none !important; }
  tr.hidden-md.hidden-lg { display: none !important; }
  th.hidden-md.hidden-lg, td.hidden-md.hidden-lg { display: none !important; } }
.hidden-lg { display: block !important; }

tr.hidden-lg { display: table-row !important; }

th.hidden-lg, td.hidden-lg { display: table-cell !important; }

@media (max-width: 767px) { .hidden-lg.hidden-xs { display: none !important; }
  tr.hidden-lg.hidden-xs { display: none !important; }
  th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .hidden-lg.hidden-sm { display: none !important; }
  tr.hidden-lg.hidden-sm { display: none !important; }
  th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm { display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .hidden-lg.hidden-md { display: none !important; }
  tr.hidden-lg.hidden-md { display: none !important; }
  th.hidden-lg.hidden-md, td.hidden-lg.hidden-md { display: none !important; } }
@media (min-width: 1200px) { .hidden-lg { display: none !important; }
  tr.hidden-lg { display: none !important; }
  th.hidden-lg, td.hidden-lg { display: none !important; } }
.visible-print { display: none !important; }

tr.visible-print { display: none !important; }

th.visible-print, td.visible-print { display: none !important; }

@media print { .visible-print { display: block !important; }
  tr.visible-print { display: table-row !important; }
  th.visible-print, td.visible-print { display: table-cell !important; }
  .hidden-print { display: none !important; }
  tr.hidden-print { display: none !important; }
  th.hidden-print, td.hidden-print { display: none !important; } }
/* Eigene Klassen */
body { font-size: 14px; color: #113c2b; -ms-overflow-style: scrollbar; }

#wrapper-sidebar-area, #wrapper-stage { margin-bottom: 40px; }

#wrapper-sidebar-area h1 { margin-bottom: 40px; }

#wrapper-header span.green, #wrapper-stage span.green, #wrapper-content-area span.green, #wrapper-footer span.green { color: #009c3b; }
#wrapper-header span.grey, #wrapper-stage span.grey, #wrapper-content-area span.grey, #wrapper-footer span.grey { color: #6d6e71; }
#wrapper-header .img-responsive, #wrapper-stage .img-responsive, #wrapper-content-area .img-responsive, #wrapper-footer .img-responsive { width: 100%; }

#wrapper-footer { position: relative; }

/* Headline Settings */
h1, .h1 { font-size: 36px; }

h1, .h1 { border-bottom: 6px solid #009c3b; padding: 0 0 24px 0; margin-bottom: 20px; }

h2, .h2 { font-size: 18px; }

h3, .h3 { font-size: 15px; }

h4, .h4 { font-size: 14px; }

.h1, .h2, .h3 { margin-top: 20px; margin-bottom: 10px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { text-transform: uppercase; }

a.carousel-control:focus { outline: none; }

.phone { color: #009c3b; font-size: 22px; font-family: "LinotypeUniversW02-Bold 726184", Arial, Tahoma, Verdana, Helvetica, sans-serif; }

.search-box .btn { padding: 0 0 0 8px; background: none; }
.search-box .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; width: 75%; }

.page-header-line-button { margin-bottom: 40px; }
.page-header-line-button .bottomline { border-bottom: 6px solid #009a3d; margin-bottom: 40px; }
.page-header-line-button .bottomline h1 { border-bottom: none; padding-bottom: 12px; }
@media (max-width: 767px) { .page-header-line-button .bottomline h1 { padding-bottom: 0; } }
.page-header-line-button .bottomline .btn { margin-bottom: 24px; }
@media (min-width: 992px) { .page-header-line-button .bottomline .btn { margin-top: 24px; } }

.page-header-italic { margin-bottom: 40px; overflow: hidden; }
@media (max-width: 767px) { .page-header-italic { margin-bottom: 20px; } }
.page-header-italic .bg-line { position: relative; padding: 0; text-align: center; }
.page-header-italic .bg-line span { position: relative; z-index: 10; display: inline-block; padding: 0 24px; }
.page-header-italic .bg-line span::after, .page-header-italic .bg-line span::before { position: absolute; top: 50%; width: 800px; height: 1px; content: ''; background: #b2b2b2; }
.page-header-italic .bg-line span::before { left: 100%; }
.page-header-italic .bg-line span::after { right: 100%; }
.page-header-italic .bg-line span h1, .page-header-italic .bg-line span h2 { font-family: "IngeborgItalic", Arial, Tahoma, Verdana, Helvetica, sans-serif; margin-top: 0; margin-bottom: 0; padding: 0; text-transform: none; color: #b2b2b2; border-bottom: none; font-size: 40px; line-height: 46px; }
@media (max-width: 767px) { .page-header-italic .bg-line span h1, .page-header-italic .bg-line span h2 { font-size: 30px; line-height: 36px; } }

.txt-comp { margin-bottom: 40px; display: table; }
.txt-comp h1, .txt-comp h2, .txt-comp h3, .txt-comp h4, .txt-comp h5, .txt-comp h6 { margin-top: 0; }
.txt-comp .txt-comp-text + .txt-comp-button { margin-top: 20px; }

.media-comp { margin-bottom: 40px; }
.media-comp h1, .media-comp h2, .media-comp h3, .media-comp h4, .media-comp h5, .media-comp h6 { margin-top: 0; }
.media-comp img { max-width: 100%; }

.quota-comp { margin-bottom: 40px; }
@media (min-width: 768px) { .quota-comp h1, .quota-comp h2, .quota-comp h3, .quota-comp h4, .quota-comp h5, .quota-comp h6 { margin-top: 0; } }

blockquote { border-left: none; color: #113c2b; font-family: "IngeborgItalic", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: normal !important; line-height: 24px; margin: 0; padding: 0 20px 12px 30px; position: relative; }
blockquote .end:after, blockquote:before { position: absolute; font-size: 45px; color: #009c3b; }
blockquote:before { content: '“'; left: 0; top: 10px; }
blockquote .end { position: relative; }
blockquote .end:after { top: 7px; left: 10px; content: '”'; }

.debug-grid { position: fixed; width: 100%; height: 50%; background: url("/typo3conf/Resources/Public/Media/IMG/grid.png") repeat-y 50% top; z-index: 10000; top: 0; left: 0; }

@media (max-width: 767px) { .btn-mobile-lg { display: block; width: 100%; padding-left: 0; padding-right: 0; }
  input[type="submit"].btn-mobile-lg, input[type="reset"].btn-mobile-lg, input[type="button"].btn-mobile-lg { width: 100%; } }
.template-header { border: 2px solid red; padding-right: 9px; padding-left: 9px; margin-bottom: 40px; }

.article ul li a { padding: 0 5px 0 15px; }
.article ul li a:before { position: relative; display: inline-block; font-family: 'Icomoon'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; content: "\e603"; font-size: 11px; margin-left: -15px; margin-top: 4px; margin-right: 5px; }

@media (min-width: 768px) { h5:first-child, h4:first-child, h3:first-child, h2:first-child { margin-top: 0; } }
figure { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
figure img { width: 100%; margin-bottom: 0; }

picture img { width: 100%; }

.popover { font-size: 12px; background: whitesmoke; color: #6d6e71; }
.popover.top .arrow:after { border-top-color: whitesmoke; }
.popover .green { color: #009c3b; }
.popover p:last-child { margin-bottom: 0; }
.popover a { color: #6d6e71; text-decoration: underline; }
.popover a:hover { text-decoration: none; }

/* Eigene Erweiterungen bootstrap SASS */
/* DWoT Pager pagination additions */
.pager li > a:active { background-color: #dddddd; }

/* DWoT Module */
/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
*/
@font-face { font-family: 'UniversBold'; src: url("/typo3conf/Resources/Public/Media/CSS/Font/UniversLTW02-65Bold.eot"); src: url("/typo3conf/Resources/Public/Media/CSS/Font/UniversLTW02-65Bold.eot?#iefix") format("eot"), url("/typo3conf/Resources/Public/Media/CSS/Font/UniversLTW02-65Bold.woff") format("woff"); font-weight: normal; }

@font-face { font-family: 'UniversRegular'; src: url("/typo3conf/Resources/Public/Media/CSS/Font/UniversLTW02-55Regular.eot"); src: url("/typo3conf/Resources/Public/Media/CSS/Font/UniversLTW02-55Regular.eot?#iefix") format("eot"), url("/typo3conf/Resources/Public/Media/CSS/Font/UniversLTW02-55Regular.woff") format("woff"); font-weight: normal; }

@font-face { font-family: 'UniversLight'; src: url("/typo3conf/Resources/Public/Media/CSS/Font/UniversLTW02-45Light.eot"); src: url("/typo3conf/Resources/Public/Media/CSS/Font/UniversLTW02-45Light.eot?#iefix") format("eot"), url("/typo3conf/Resources/Public/Media/CSS/Font/UniversLTW02-45Light.woff") format("woff"); font-weight: normal; }

@font-face { font-family: 'IngeborgRegular'; src: url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-Regular.eot"); src: url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-Regular.eot?#iefix") format("eot"), url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-Regular.woff") format("woff"); font-weight: normal; }

@font-face { font-family: 'IngeborgBold'; src: url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-Bold.eot"); src: url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-Bold.eot?#iefix") format("eot"), url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-Bold.woff") format("woff"); font-weight: normal; }

@font-face { font-family: 'IngeborgItalic'; src: url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-Italic.eot"); src: url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-Italic.eot?#iefix") format("eot"), url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-Italic.woff") format("woff"); font-weight: normal; }

@font-face { font-family: 'IngeborgBoldItalic'; src: url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-BoldItalic.eot"); src: url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-BoldItalic.eot?#iefix") format("eot"), url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-BoldItalic.woff") format("woff"), url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-BoldItalic.svg#Ingeborg-BoldItalic") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'IngeborgHeavy'; src: url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-Heavy.eot"); src: url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-Heavy.eot?#iefix") format("eot"), url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-Heavy.woff") format("woff"); font-weight: normal; }

@font-face { font-family: 'IngeborgHeavyItalic'; src: url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-HeavyItalic.eot"); src: url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-HeavyItalic.eot?#iefix") format("eot"), url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-HeavyItalic.woff") format("woff"); font-weight: normal; }

@font-face { font-family: 'IngeborgFat'; src: url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-Fat.eot"); src: url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-Fat.eot?#iefix") format("eot"), url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-Fat.woff") format("woff"); font-weight: normal; }

@font-face { font-family: 'IngeborgFatItalic'; src: url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-FatItalic.eot"); src: url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-FatItalic.eot?#iefix") format("eot"), url("/typo3conf/Resources/Public/Media/CSS/Font/Ingeborg-FatItalic.woff") format("woff"); font-weight: normal; }

@font-face { font-family: 'LinotypeUniversW02-Ligh 726118'; src: url("/typo3conf/Resources/Public/Media/CSS/Font/f5fdac3b-f99c-4934-95b3-49725aab5faa.eot"); src: url("/typo3conf/Resources/Public/Media/CSS/Font/f5fdac3b-f99c-4934-95b3-49725aab5faa.eot?#iefix") format("eot"), url("/typo3conf/Resources/Public/Media/CSS/Font/0916131d-144f-444f-b95f-1c2881559b34.woff") format("woff"), url("/typo3conf/Resources/Public/Media/CSS/Font/19f0b71e-102e-4ae4-993b-2e83b6295156.svg#19f0b71e-102e-4ae4-993b-2e83b6295156") format("svg"); }

@font-face { font-family: 'LinotypeUniversW02-Bold 726184'; src: url("/typo3conf/Resources/Public/Media/CSS/Font/2340800a-0509-4f45-b23e-458aed4eb29a.eot"); src: url("/typo3conf/Resources/Public/Media/CSS/Font/2340800a-0509-4f45-b23e-458aed4eb29a.eot?#iefix") format("eot"), url("/typo3conf/Resources/Public/Media/CSS/Font/237c1518-f6eb-40ef-a566-518918eacd9f.woff") format("woff"), url("/typo3conf/Resources/Public/Media/CSS/Font/9f007a5d-ea90-417c-83cf-55205ed2d4f5.svg#9f007a5d-ea90-417c-83cf-55205ed2d4f5") format("svg"); font-weight: normal; font-style: normal; }

.form-default { *zoom: 1; margin-bottom: 40px; }
.form-default:after { content: ""; display: table; clear: both; }
.form-default.form-bordered { border: 1px solid #95c11c; padding: 24px; }
.form-default fieldset:first-child h4:first-child { margin-top: 0; }
.form-default .control-label { text-transform: uppercase; }
.form-default .control-label span.glyphicon { cursor: pointer; font-size: 18px; }
.form-default .control-label + .radio, .form-default .control-label + .checkbox { margin-top: 0px; }
.form-default .separator { border: 0 none; border-top: 1px solid #b1b2b3; clear: both; height: 1px; margin: 40px 0; width: 100%; }
.form-default fieldset + fieldset { margin-top: 35px; }
.form-default fieldset[style="display: none;"] + fieldset { margin-top: 0px; }
.form-default .form-control { height: 30px; padding-top: 5px; }
.form-default .form-control:focus { border-color: #009c3b; }
.form-default .form-control[readonly] { cursor: default; background-color: transparent; }
.form-default .form-control.readonly { background-color: rgba(0, 0, 0, 0.03); }
.form-default textarea.form-control { height: 90px; max-height: 400px; resize: vertical; }
.form-default div#additional { display: none; }

.form-group.has-error .radio label, .form-group.has-error .checkbox label { color: #cc0000; }
.form-group.has-error .radio label a, .form-group.has-error .checkbox label a { color: #cc0000; text-decoration: underline; }
.form-group.horizontal-radios:before, .form-group.horizontal-radios:after { content: " "; /* 1 */ display: table; /* 2 */ }
.form-group.horizontal-radios:after { clear: both; }
.form-group.horizontal-radios .control-label { display: block; }
.form-group.horizontal-radios .radio { display: inline-block; vertical-align: bottom; margin-right: 20px; }
.form-group.horizontal-radios .radio label input { position: relative; top: -2px; }
.form-group .autocomplete { border: 1px solid #b1b2b3; margin-top: 1px; position: absolute; max-height: 200px; min-width: 300px; background: #fff; z-index: 10; overflow-y: scroll; }
.form-group .autocomplete ul { margin: 0; list-style-type: none; padding: 0; }
.form-group .autocomplete li { padding: 5px 10px; cursor: pointer; }
.form-group .autocomplete li:hover { background-color: #b1b2b3; }
.form-group input.autocomplete-loading { background: url(/typo3conf/Resources/Public/Media/IMG/Icons/ajax-loader.gif) no-repeat 99% center; }
.form-group .auto-suggest { position: absolute; border-top: 1px solid #D9D9D9; font-family: Arial,sans-serif; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); margin-left: 1px; background: white; z-index: 100; display: none; max-height: 162px; overflow-y: scroll; }
.form-group .auto-suggest ul { margin: 0; padding: 0; }
.form-group .auto-suggest li { list-style-type: none; cursor: default; padding: 0 4px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 30px; text-align: left; border-top: 1px solid #E6E6E6; font-size: 11px; color: #999; background: url(/typo3conf/Resources/Public/Media/IMG/Icons/location-icon.png) no-repeat 8px center; cursor: pointer; padding-left: 25px; }
.form-group .auto-suggest li span.qry { font-size: 13px; color: #000; padding-right: 3px; }
.form-group .auto-suggest li span.qry strong { font-weight: bold; }
.form-group .auto-suggest li:hover { background-color: #FAFAFA; }

.form-errors { margin-bottom: 30px; }
.form-errors .alert { margin: 0; padding: 0; background: none; border-width: 0; color: #cc0000; border-bottom: 1px solid #cc0000; }
.form-errors .alert h3 { border-bottom: 1px solid #cc0000; padding-bottom: 10px; }
.form-errors .alert > p { margin-bottom: 10px; }

.has-error .help-block, .has-error .control-label { color: #cc0000; }
.has-error .pdf-link a { color: #009c3b; }

.form-legend { font-size: 10px; }

.tx-indexedsearch-noresults { color: #cc0000; }

.form-group .product-thermomix { background: transparent; width: 100%; cursor: pointer; background: none left top no-repeat; background-size: 100%; }
.product-selection-demo .form-group .product-thermomix, .product-selection-demofb .form-group .product-thermomix { height: 170px; }
@media (min-width: 992px) and (max-width: 1199px) { .product-selection-demo .form-group .product-thermomix, .product-selection-demofb .form-group .product-thermomix { height: 140px; } }
@media (min-width: 768px) and (max-width: 991px) { .product-selection-demo .form-group .product-thermomix, .product-selection-demofb .form-group .product-thermomix { height: 348px; } }
.product-selection-lead .form-group .product-thermomix, .product-selection-integration .form-group .product-thermomix { height: 267px; }
@media (min-width: 992px) and (max-width: 1199px) { .product-selection-lead .form-group .product-thermomix, .product-selection-integration .form-group .product-thermomix { height: 222px; } }
@media (min-width: 768px) and (max-width: 991px) { .product-selection-lead .form-group .product-thermomix, .product-selection-integration .form-group .product-thermomix { height: 348px; } }
@media (max-width: 767px) { .form-group .product-thermomix { height: 136px !important; max-width: 136px; } }
.form-group .product-thermomix.tm31 { background-image: url(/typo3conf/Resources/Public/Media/IMG/countries/de/book-a-demo/tm31.jpg); }
.form-group .product-thermomix.tm21 { background-image: url(/typo3conf/Resources/Public/Media/IMG/countries/de/book-a-demo/tm21.jpg); }
.form-group .product-thermomix.tm3300 { background-image: url(/typo3conf/Resources/Public/Media/IMG/countries/de/book-a-demo/tm3300.jpg); }
.form-group .product-thermomix.tm5 { background-image: url(/typo3conf/Resources/Public/Media/IMG/countries/de/book-a-demo/tm5.jpg); }
.form-group.files #Tx_Formhandler_UploadedFiles_file { display: inline; }

.carousel.detail-stage-carousel .videoplayer { padding-bottom: 42.2%; }
.carousel.detail-stage-carousel .videoplayer.youtubeplayer { position: absolute; z-index: 8; top: 0; }
@media screen and (min-width: 992px) { .carousel.detail-stage-carousel .videoplayer.youtubeplayer .video-player { min-height: 481px; } }

.carousel-control { background: transparent; margin: 0; height: 100%; width: 50px; filter: none !important; opacity: 1; }
.carousel-control.left { left: 0; background: transparent; }
.carousel-control.right { left: 100%; margin-left: -50px; background: transparent; }
.carousel-control .navigation-arrow { position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -20px; }
.no-touch .carousel-control:hover { opacity: 1; }
.carousel-control:active { opacity: 1; }

.carousel-control-gradient { width: 100px; }
.carousel-control-gradient .navigation-arrow { margin-left: 0; }
.carousel-control-gradient.left { background: rgba(255, 255, 255, 0.8); }
.carousel-control-gradient.left .navigation-arrow { left: 25px; }
.no-touch .carousel-control-gradient.left:hover { background: rgba(255, 255, 255, 0.85); }
.carousel-control-gradient.left:active { background: rgba(255, 255, 255, 0.85); }
.carousel-control-gradient.right { margin-left: -100px; background: rgba(255, 255, 255, 0.8); }
.carousel-control-gradient.right .navigation-arrow { right: 25px; left: auto; }
.no-touch .carousel-control-gradient.right:hover { background: rgba(255, 255, 255, 0.85); }
.carousel-control-gradient.right:active { background: rgba(255, 255, 255, 0.85); }
@media (max-width: 767px) { .carousel-control-gradient { width: 40px; }
  .carousel-control-gradient.left .navigation-arrow { left: 0px; }
  .carousel-control-gradient.right { margin-left: -40px; }
  .carousel-control-gradient.right .navigation-arrow { right: 0px; } }

.carousel-wrapper { margin-bottom: 40px; }

.thumbnail-carousel .carousel-indicators { display: none; }

.bounding-box-carousel, .bounding-box-text { margin-bottom: 40px; }

.bounding-box-slider-thumbs { margin-bottom: 40px; display: table; }
.bounding-box-slider-thumbs li { padding: 0 2px; }

.carousel-indicators.inverted li { background-color: #b1b2b3; width: 12px; height: 12px; }
.carousel-indicators.inverted .active { background-color: #009c3b; margin: 1px; }

.carousel-inner > .item { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: left 0.6s ease-out; transition: left 0.6s ease-out; }

.carousel-inner.dragging > .item { -webkit-transition: none; transition: none; }

.carousel-one-page .carousel-control { display: none; }

.carousel.video-playing .carousel-control { display: none; }

/* Mixed Media Carousel */
.carousel.mixed-media { margin: 0 50px 40px 50px; }
.carousel.mixed-media.has-position { margin-bottom: 100px !important; }
@media screen and (max-width: 991px) { .carousel.mixed-media.has-position { margin-bottom: 60px !important; } }
.carousel.mixed-media .carousel-position { line-height: 60px; position: absolute; width: 100%; text-align: center; }
.carousel.mixed-media .carousel-position .carousel-indicators { top: 0; bottom: auto; display: none; }
.carousel.mixed-media .carousel-position .description { font-weight: bold; display: inline-block; margin-right: 10px; }
@media (max-width: 767px) { .carousel.mixed-media .carousel-position .description { display: none; } }
.carousel.mixed-media .carousel-control { color: #b1b2b3; overflow: hidden; }
.carousel.mixed-media .carousel-control:hover { color: #009c3b; }
.carousel.mixed-media .carousel-control.left { left: -50px; }
.carousel.mixed-media .carousel-control.right { right: -50px; left: auto; }
.carousel.mixed-media .item { overflow: hidden; transition: left .6s ease-out, height .6s ease-out !important; }
.carousel.mixed-media .item.video { cursor: pointer; }
.carousel.mixed-media .item.video::after { position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; border-radius: 50%; background-color: rgba(149, 193, 28, 0.6); margin: -60px 0 0 -60px; content: 'T'; color: white; line-height: 120px; font-size: 50px; text-align: center; padding-left: 15px; transition: opacity .6s; }
@media (max-width: 767px) { .carousel.mixed-media .item.video::after { font-size: 34px; padding-left: 10px; line-height: 80px; width: 80px; height: 80px; margin: -40px 0 0 -40px; } }
.carousel.mixed-media .item.video:hover::after { background-color: rgba(149, 193, 28, 0.8); }
.carousel.mixed-media .item.expanded::after { opacity: 0; }
.carousel.mixed-media .item.expanded .background img { visibility: hidden; }
.carousel.mixed-media .item.expanded .background { position: absolute; height: 100%; opacity: 0; }
.carousel.mixed-media .item.shrink .background { opacity: 1; }
.carousel.mixed-media .item .videoplayer { position: absolute; z-index: 8; }
.carousel.mixed-media .item .media-comp { margin-bottom: 0; }
.carousel.mixed-media .text { text-align: center; }
#wrapper-stage .carousel.mixed-media .text { cursor: pointer; }
.carousel.mixed-media .text h1, .carousel.mixed-media .text .h1 { padding-bottom: 0; border-bottom-width: 0; margin-bottom: 10px; }
.carousel.mixed-media .text p { margin: 0; }
.carousel.mixed-media .text a.btn-link { text-align: center; }
.carousel.mixed-media .background { z-index: 20; width: 100%; transition: opacity 1s; opacity: 1; background-position: center; background-size: cover; }
.carousel.mixed-media .background > a { display: block; width: 100%; }
.carousel.mixed-media .background img { width: 100%; }
.carousel.mixed-media .background img.img-responsive { max-width: none; }
.carousel.mixed-media.controls-inner { margin: 0 0 60px 0; overflow: visible; }
.carousel.mixed-media.controls-inner.has-position { margin-bottom: 85px !important; }
@media (max-width: 767px) { .carousel.mixed-media.controls-inner { margin-left: -12px; margin-right: -12px; } }
.carousel.mixed-media.controls-inner .text { border-top: 6px solid #009c3b; padding: 0 12px; }
.carousel.mixed-media.controls-inner .background { overflow: hidden; position: relative; }
.carousel.mixed-media.controls-inner .background::before, .carousel.mixed-media.controls-inner .background::after { content: ""; background-color: white; display: block; position: absolute; display: none; }
.carousel.mixed-media.controls-inner .background.tiles-2::before { display: block; }
.carousel.mixed-media.controls-inner .background.tiles-3::before, .carousel.mixed-media.controls-inner .background.tiles-3::after { display: block; }
.carousel.mixed-media.controls-inner .background::before { width: 6px; height: 100%; left: 382px; }
.carousel.mixed-media.controls-inner .background::after { width: 382px; height: 6px; top: 50%; margin-top: -3px; }
@media (min-width: 992px) and (max-width: 1199px) { .carousel.mixed-media.controls-inner .background::before { left: 326px; }
  .carousel.mixed-media.controls-inner .background::after { width: 326px; } }
@media screen and (min-width: 480px) and (max-width: 991px) { .carousel.mixed-media.controls-inner .background::before { left: 254px; }
  .carousel.mixed-media.controls-inner .background::after { width: 254px; } }
@media (max-width: 479px) { .carousel.mixed-media.controls-inner .background::before { left: 176px; }
  .carousel.mixed-media.controls-inner .background::after { width: 176px; } }
.carousel.mixed-media.controls-inner .carousel-control { background-color: rgba(255, 255, 255, 0.4); height: 100%; width: 50px; position: absolute; opacity: 0; transition: all .1s ease-out; }
.carousel.mixed-media.controls-inner .carousel-control:hover { background-color: rgba(255, 255, 255, 0.6); }
.carousel.mixed-media.controls-inner .carousel-control span { margin: -30px 0 0 -20px; position: inherit; }
.carousel.mixed-media.controls-inner .carousel-control.left { left: 0; }
.carousel.mixed-media.controls-inner .carousel-control.right { right: 0; }
.carousel.mixed-media.controls-inner:hover .carousel-control { opacity: 1; }
.carousel.mixed-media.controls-inner .carousel-indicators { display: block; }
.carousel.mixed-media.controls-inner .carousel-position { position: absolute; margin-bottom: 120px !important; }
@media screen and (max-width: 991px) { .carousel.mixed-media { margin-right: 0; margin-left: 0; }
  .carousel.mixed-media.has-position { margin-bottom: 40px !important; }
  .carousel.mixed-media .carousel-control { display: block; width: 20%; margin: 0; }
  .carousel.mixed-media .carousel-control, .carousel.mixed-media .carousel-control span { position: static; height: 60px; }
  .carousel.mixed-media .carousel-control.left { float: left; text-align: left; }
  .carousel.mixed-media .carousel-control.right { float: right; text-align: right; }
  .carousel.mixed-media .carousel-control span { height: 60px; margin: 0; }
  .carousel.mixed-media .carousel-position { position: static; } }

.carousel.controls-inner.video-visible .carousel-control { display: none !important; }

a.close-video { position: absolute; width: 40px; height: 40px; background: #113c2b; z-index: 20; border-radius: 50%; right: 10px; top: 10px; font-size: 14px; line-height: 40px; color: white; text-align: center; text-decoration: none; z-index: 10; }
a.close-video i { font-size: 20px; top: 4px; }
a.close-video:hover { background: #009c3b; }

#countdown .landingpage ~ .navbar-placeholder { height: 150px; }
#countdown .footer-area-4 { margin-top: 60px; }
#countdown .footer-area-4 .container { border-top: 1px solid #B1B2B3; padding-bottom: 12px; padding-top: 30px; }
#countdown .footer-area-5 p { color: #fff; }
#countdown .language-switch { position: static; display: none; }
@media (max-width: 767px) { #countdown .language-switch { display: block; } }
#countdown .counter { overflow: hidden; margin: 0 12px; margin-bottom: 25px; padding: 20px; background-color: #113c2b; color: white; }
#countdown .counter > div { text-align: center; }
#countdown .counter > div:before { content: ""; display: block; width: 14px; height: 38px; background: url("/typo3conf/Resources/Public/Media/IMG/Icons/colon.png") no-repeat; position: absolute; top: 54px; margin-left: -19px; }
@media (max-width: 767px) { #countdown .counter > div:before { display: none; } }
#countdown .counter > div:first-child:before { display: none; }
@media (max-width: 767px) { #countdown .counter.tw > div:nth-child(3), #countdown .counter.tw > div:nth-child(4) { margin-top: 20px; }
  #countdown .counter.es-pt > div { padding: 0; }
  #countdown .counter.es-pt .value { font-size: 42px; margin-top: 10px; } }
#countdown .counter .value { display: inline-block; font-size: 80px; line-height: 1.1; font-weight: bold; color: #113c2b; background: #FFF; padding: 0 10px; border: 1px solid #113c2b; border-width: 0 1px; margin: 29px 0 10px; position: relative; background: #ffffff; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b6b6b6), color-stop(25%, #ffffff)); background: -webkit-linear-gradient(top, #b6b6b6 0%, #ffffff 25%); background: -moz-linear-gradient(top, #b6b6b6 0%, #ffffff 25%); background: -o-linear-gradient(top, #b6b6b6 0%, #ffffff 25%); background: linear-gradient(top, #b6b6b6 0%, #ffffff 25%); }
@media (max-width: 767px) { #countdown .counter .value { font-size: 62px; padding: 0 5px; } }
#countdown .counter .value:before { content: ""; position: absolute; width: 100%; height: 2px; background-color: #113c2b; top: 50%; left: 0; margin-top: -1px; opacity: 0.3; filter: alpha(opacity=30); }
#countdown .counter .value:first-child { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
#countdown .counter .value:nth-child(2) { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
#countdown .counter .unit { display: block; }
#countdown .counter .unit .tw { position: absolute; top: 0; width: 100%; left: 0; }

#wrapper-stage { margin-bottom: 80px; }
#wrapper-stage .carousel .carousel-inner .item { background-color: white; }
@media (max-width: 767px) { #wrapper-stage .carousel .carousel-inner .item { border-bottom: none; } }
@media (min-width: 768px) { #wrapper-stage .carousel .carousel-inner .item { border-bottom: 6px solid #009c3b; } }
#wrapper-stage .carousel .carousel-inner .item .media-comp { background-repeat: no-repeat; background-position: 0 0; width: 100%; height: auto; }
#wrapper-stage .carousel .carousel-inner .carousel-caption { background-color: #eae7e3; position: relative; left: 0; bottom: 0; color: #113c2b; text-shadow: none; text-align: left; padding: 0 20px 12px; }
#wrapper-stage .carousel .carousel-inner .carousel-caption h3 { margin-top: 0; padding-top: 23px; padding-left: 0; padding-right: 0; font-size: 30px; }
@media (max-width: 767px) { #wrapper-stage .carousel .carousel-inner .carousel-caption h3 { border-bottom: 6px solid #009c3b; padding-bottom: 10px; margin-bottom: 16px; } }
#wrapper-stage .carousel .carousel-inner .carousel-caption span.green { color: #009c3b; }
@media (max-width: 767px) { #wrapper-stage .carousel .carousel-inner .carousel-caption { padding-bottom: 20px; }
  #wrapper-stage .carousel .carousel-inner .carousel-caption h3 { width: auto; }
  #wrapper-stage .carousel .carousel-inner .carousel-caption .btn { position: relative; left: 0; right: 0; top: 0; display: block; padding-left: 0; padding-right: 0; width: 100%; } }
@media (min-width: 768px) { #wrapper-stage .carousel .carousel-inner .carousel-caption h3 { width: 75%; }
  #wrapper-stage .carousel .carousel-inner .carousel-caption .btn { position: absolute; right: 15px; top: 25px; } }
#wrapper-stage .carousel-content-wrap { width: 100%; position: relative; background: white; overflow: hidden; }
#wrapper-stage .carousel-content { width: 100%; height: 100%; left: 0; top: 0; }
#wrapper-stage .carousel-content > * { width: 100%; }
#wrapper-stage .carousel-control { height: 0%; padding-bottom: 41.66667%; }
#wrapper-stage .videoplayer .mejs-controls { right: 110px; left: 110px; }
@media (max-width: 767px) { #wrapper-stage .videoplayer { width: auto; margin: 0 40px; }
  #wrapper-stage .videoplayer .mejs-controls { right: 10px; left: 10px; } }
#wrapper-stage .carousel-one-page .videoplayer { margin: 0; }
#wrapper-stage .carousel-one-page .videoplayer .mejs-controls { right: 10px; left: 10px; }

.detail-stage-carousel:hover .carousel-control { opacity: 1; }
@media screen and (max-width: 991px) { .detail-stage-carousel .item { border-bottom: none !important; }
  .detail-stage-carousel .detail-stage { border-bottom: 6px solid #009c3b; } }
@media (max-width: 767px) { .detail-stage-carousel .detail-stage { border-bottom: none; } }
.detail-stage-carousel .carousel-indicators { bottom: -55px; }
.detail-stage-carousel .carousel-indicators li, .detail-stage-carousel .carousel-indicators .active { background-clip: padding-box; border: none; margin: 0 3px; }
.detail-stage-carousel .carousel-control { color: #b1b2b3; background-color: rgba(255, 255, 255, 0.4); height: 481px !important; width: 50px; position: absolute; opacity: 0; transition: all 0.1s ease-out; }
@media screen and (max-width: 991px) { .detail-stage-carousel .carousel-control { display: none; } }
.detail-stage-carousel .carousel-control:hover { color: #009c3b; background-color: rgba(255, 255, 255, 0.6); }
.detail-stage-carousel .carousel-control.left { left: 0; }
.detail-stage-carousel .carousel-control.left .navigation-arrow { left: 0; }
.detail-stage-carousel .carousel-control.right { right: 0; left: auto; }
.detail-stage-carousel .carousel-control.right .navigation-arrow { right: 0; }
.detail-stage-carousel .detail-stage h1, .detail-stage-carousel .detail-stage .h1 { margin-top: 0; }
.detail-stage-carousel .detail-stage h1 .green, .detail-stage-carousel .detail-stage .h1 .green { color: #009c3b; }
@media (max-width: 767px) { .detail-stage-carousel .detail-stage h1, .detail-stage-carousel .detail-stage .h1 { font-size: 22px; padding-bottom: 12px; } }
@media (min-width: 768px) and (max-width: 991px) { .detail-stage-carousel .detail-stage h1, .detail-stage-carousel .detail-stage .h1 { font-size: 28px; padding-bottom: 12px; } }
@media screen and (min-width: 992px) { .detail-stage-carousel .detail-stage h1, .detail-stage-carousel .detail-stage .h1 { font-size: 30px; padding-bottom: 12px; } }
.detail-stage-carousel .detail-stage .bigtext { display: block; }
.detail-stage-carousel .detail-stage .background { overflow: hidden; }
.detail-stage-carousel .detail-stage .background img { width: auto; height: 481px; }
@media (min-width: 992px) and (max-width: 1199px) { .detail-stage-carousel .detail-stage .background img { height: 410px; } }
@media screen and (min-width: 480px) and (max-width: 991px) { .detail-stage-carousel .detail-stage .background img { width: 100%; height: auto; } }
@media (max-width: 479px) { .detail-stage-carousel .detail-stage .background img { width: 100%; height: auto; } }
.detail-stage-carousel .detail-stage .text { position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 400px; padding: 24px; background-color: rgba(255, 255, 255, 0.7); }
.detail-stage-carousel .detail-stage .text .price-details { text-align: right; }
.detail-stage-carousel .detail-stage .text .price-details .price { font-size: 36px; line-height: 34px; font-weight: bold; }
.detail-stage-carousel .detail-stage .text .price-details a.btn { margin-top: 20px; }
.detail-stage-carousel .detail-stage .text ul { padding-left: 16px; }
.detail-stage-carousel .detail-stage .text .bigtext + .meta { margin-top: -15px; }
.detail-stage-carousel .detail-stage .text .btn-container { margin-top: 12px; }
@media (min-width: 992px) and (max-width: 1199px) { .detail-stage-carousel .detail-stage .text { top: 0; bottom: 0; } }
@media screen and (max-width: 991px) { .detail-stage-carousel .detail-stage .text { position: static; width: auto; background: #eae7e3; } }
@media (max-width: 767px) { .detail-stage-carousel .detail-stage .text { padding: 24px 12px; } }

#wrapper-content-area .detail-stage-carousel { margin-bottom: 60px; }
#wrapper-content-area .detail-stage-carousel .carousel-indicators { display: none; }

.accordion-wrapper { margin-bottom: 40px; }
.accordion-wrapper .panel { -webkit-box-shadow: none; box-shadow: none; background: none; }
.accordion-wrapper .panel-default { border: 1px solid #f0f1f1; border-width: 1px 0 0 0; margin-bottom: 5px; }
.accordion-wrapper .panel-default:last-child { border-bottom-width: 1px; }
.accordion-wrapper .panel-default + .panel { margin-top: 0; }
.accordion-wrapper .panel-form { border: none; margin-top: 20px; }
.accordion-wrapper .panel-form .panel-title { font-size: 14px; border-bottom: 1px solid #009c3b; }
.accordion-wrapper .panel-form .accordion-toggle { background-color: transparent; padding-left: 0; }
.accordion-wrapper .panel-form .panel-body { padding: 20px 0; }
.accordion-wrapper .accordion-toggle { padding: 14px 55px 12px 12px; display: block; text-decoration: none; color: #113c2b; background-color: transparent; position: relative; /* IE8 Optimiert */ }
.accordion-wrapper .accordion-toggle.ui-state-active { color: #009c3b; border-bottom-width: 0; }
.accordion-wrapper .accordion-toggle.ui-state-active:after { background-position: 0 -48px; }
.accordion-wrapper .accordion-toggle:after { background-image: url("/typo3conf/Resources/Public/Media/IMG/Icons/accordion.png"); /* Ersatzbild für IE8 - der kein Backgroundsize kann :) */ background-repeat: no-repeat; background-position: 0 0; background-size: 24px; content: ""; display: inline-block; width: 24px; height: 24px; right: 9px; top: 8px; line-height: inherit; position: absolute; }
.no-backgroundsize .accordion-wrapper .accordion-toggle:after { background-image: url("/typo3conf/Resources/Public/Media/IMG/Icons/accordionIE8.png"); }
.no-touch .accordion-wrapper .accordion-toggle:hover { color: #009c3b; }
.no-touch .accordion-wrapper .accordion-toggle:hover:after { background-position: 0 -24px; }
.no-touch .accordion-wrapper .accordion-toggle:hover.ui-state-active:after { background-position: 0 -48px; }
.accordion-wrapper .accordion-toggle:active { color: #009c3b; }
.accordion-wrapper .accordion-toggle:active:after { background-position: 0 -24px; }
.accordion-wrapper .accordion-toggle:active.ui-state-active:after { background-position: 0 -48px; }
.accordion-wrapper .panel-heading { margin: 0; padding: 0; background: transparent; border: none; }
.accordion-wrapper .panel-heading .panel-title { position: relative; }
.accordion-wrapper .panel-body { border-top: none !important; padding: 30px 20px 20px; }

.navbar-fixed-top { position: relative; border: none; margin: 0; z-index: 2000; /* Basis of Navbar */ }
.navbar-fixed-top.tiny .language-switch { position: static; float: right; margin-top: 15px; margin-left: 15px; }
.navbar-fixed-top.tiny #main-navigation { margin-top: 0; }
@media (min-width: 768px) and (max-width: 991px) { .navbar-fixed-top.tiny #main-navigation { margin-top: 5px; } }
.navbar-fixed-top.tiny .navbar-brand { overflow: hidden; top: 12px; }
@media (max-width: 767px) { .navbar-fixed-top.tiny .navbar-brand { top: 14px; } }
.navbar-fixed-top.tiny .navbar-brand img { margin-top: -82px; }
@media (min-width: 768px) and (max-width: 991px) { .navbar-fixed-top.tiny .navbar-brand img { margin-top: -65px; } }
@media (max-width: 767px) { .navbar-fixed-top.tiny .navbar-brand img { margin-top: -60px; } }
.navbar-fixed-top.tiny .navbar-header { float: right; margin-left: 40px; }
@media (max-width: 767px) { .navbar-fixed-top.tiny .navbar-header { float: none; margin-left: -12px; } }
.navbar-fixed-top.tiny .navbar-header .navbar-actions { position: static; float: left; margin-top: 8px; }
@media (max-width: 767px) { .navbar-fixed-top.tiny .navbar-header .navbar-toggle { margin-top: 0; } }
.navbar-fixed-top .glyphicon-shopping-cart { font-size: 16px; margin-top: -1px; }
.navbar-fixed-top .navbar-collapse { max-height: none; border-bottom: 1px solid #b1b2b3; }
.navbar-fixed-top .navbar-actions { position: absolute; z-index: 2; right: 0; top: 50px; padding-right: 12px; }
.navbar-fixed-top .navbar-actions > li { padding-left: 0; padding-right: 0; }
.navbar-fixed-top .navbar-brand { position: absolute; left: 12px; top: 25px; width: 180px; z-index: 1; padding: 0; }
.navbar-fixed-top .navbar-brand img { width: 100%; }
.navbar-fixed-top .navbar-header .btn-quiet { margin-right: 10px; }
@media (max-width: 767px) { .navbar-fixed-top .navbar-header { margin-left: -12px; margin-right: -12px; border-bottom: 1px solid #b1b2b3; }
  .navbar-fixed-top .navbar-header:before, .navbar-fixed-top .navbar-header:after { content: " "; /* 1 */ display: table; /* 2 */ }
  .navbar-fixed-top .navbar-header:after { clear: both; } }
.navbar-fixed-top .navbar-nav { font-size: 15px; }
.navbar-fixed-top .navbar-nav h2, .navbar-fixed-top .navbar-nav h3, .navbar-fixed-top .navbar-nav h4, .navbar-fixed-top .navbar-nav .h2, .navbar-fixed-top .navbar-nav .h3, .navbar-fixed-top .navbar-nav .h4 { margin-top: 0; height: 18px; }
.navbar-fixed-top .navbar-nav > li > a { font-family: "LinotypeUniversW02-Bold 726184", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: normal !important; text-decoration: none; text-transform: uppercase; }
.navbar-fixed-top .navbar-nav > li > a.active { color: #009c3b; }
.navbar-fixed-top .navbar-nav > .dropdown > a { border: none; }
.navbar-fixed-top .navbar-nav > .open > a { border: none; border-radius: 0px; background-clip: padding-box; z-index: 800; }
@media (min-width: 992px) { .navbar-fixed-top .navbar-nav > li + li { background: url("/typo3conf/Resources/Public/Media/IMG/dropdown-divider.png") 1px 20px no-repeat; margin-left: -3px; } }
@media (min-width: 768px) and (max-height: 780px) { .navbar-fixed-top.docked { position: absolute !important; } }
@media (min-width: 768px) { .navbar-fixed-top.docked { position: fixed; }
  .navbar-fixed-top #searchfield { display: none !important; }
  .navbar-fixed-top #main-navigation { float: right; margin-top: 99px; }
  .navbar-fixed-top #main-navigation #search-icon-item > .dropdown .dropdown-menu { width: auto; }
  .navbar-fixed-top #main-navigation #search-icon-item > .dropdown .teaser-form { padding-top: 0; }
  .navbar-fixed-top #main-navigation .teaser-overlay { margin: -53px -12px -25px 0; }
  .navbar-fixed-top #main-navigation .navbar-nav > .dropdown.open > a { -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); }
  .navbar-fixed-top #main-navigation .navbar-nav > .dropdown .dropdown-menu { -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); padding: 25px 12px 25px 25px; border: none; }
  .navbar-fixed-top #main-navigation .dropdown-menu .list-unstyled li a, .navbar-fixed-top #main-navigation .dropdown-menu .list-inline li a { color: #113c2b; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; text-transform: none; }
  .navbar-fixed-top #main-navigation .dropdown-menu .list-unstyled li a:hover, .navbar-fixed-top #main-navigation .dropdown-menu .list-inline li a:hover, .navbar-fixed-top #main-navigation .dropdown-menu .list-unstyled li a.active, .navbar-fixed-top #main-navigation .dropdown-menu .list-inline li a.active { color: #009c3b; text-decoration: none; }
  .navbar-fixed-top #main-navigation .dropdown-menu .list-unstyled li a:hover span, .navbar-fixed-top #main-navigation .dropdown-menu .list-inline li a:hover span, .navbar-fixed-top #main-navigation .dropdown-menu .list-unstyled li a.active span, .navbar-fixed-top #main-navigation .dropdown-menu .list-inline li a.active span { text-decoration: underline; }
  .navbar-fixed-top #main-navigation .dropdown-menu .list-unstyled li a:before, .navbar-fixed-top #main-navigation .dropdown-menu .list-inline li a:before { position: relative; display: inline-block; font-family: 'Icomoon'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; content: "\e603"; font-size: 9px; position: absolute; margin-left: -12px; margin-top: 1px; line-height: inherit; } }
@media (min-width: 768px) and (max-width: 991px) { .navbar-fixed-top .nav-teaser + .nav-teaser { display: none; }
  .navbar-fixed-top .navbar-brand { width: 140px; top: 27px; }
  .navbar-fixed-top #main-navigation .navbar-nav > li + li { background: url("/typo3conf/Resources/Public/Media/IMG/dropdown-divider.png") 1px 15px no-repeat; margin-left: -3px; }
  .navbar-fixed-top #main-navigation .navbar-nav > li > a { padding: 10px 11px; } }
@media (max-width: 767px) { .navbar-fixed-top .navbar-brand { width: 120px; top: 40px; }
  .navbar-fixed-top .navbar-collapse > .container { padding: 0; }
  .navbar-fixed-top .navbar-header .btn-quiet { margin-right: 0; }
  .navbar-fixed-top .navbar-header .navbar-toggle { margin: 85px 0 0 0; color: #113c2b; font-size: 20px; cursor: pointer; }
  .no-touch .navbar-fixed-top .navbar-header .navbar-toggle:hover { color: #009c3b; }
  .navbar-fixed-top .navbar-header .navbar-toggle:active { color: #009c3b; }
  .navbar-fixed-top .navbar-header .navbar-toggle .glyphicon-shopping-cart { font-size: 19px; margin-top: 1px; }
  .navbar-fixed-top #searchfield { padding: 0 20px; margin: 0 -12px; background-color: #ececec; }
  .navbar-fixed-top #searchfield form { padding: 15px 0; }
  .navbar-fixed-top #searchfield .teaser-form-field { width: 80%; }
  .navbar-fixed-top #searchfield .input-group { text-align: center; width: 100%; }
  .navbar-fixed-top #mainmenu { margin: 0 -12px; }
  .navbar-fixed-top #main-navigation { float: left !important; width: 100%; overflow: hidden; }
  .navbar-fixed-top #main-navigation #search-icon-item { display: none !important; }
  .navbar-fixed-top #main-navigation .navbar-nav { margin: 0 0 1px 0; }
  .navbar-fixed-top #main-navigation .navbar-nav:last-child { margin-bottom: 0; }
  .navbar-fixed-top #main-navigation .navbar-nav > li > a { border: none; border-bottom: 1px solid white; background-color: #e4e4e4; }
  .navbar-fixed-top #main-navigation .navbar-nav > li > a:after { position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; content: "\e114"; position: absolute; right: 15px; top: 10px; }
  .navbar-fixed-top #main-navigation .navbar-nav > li.open > a:after { content: "\e113"; }
  .navbar-fixed-top #main-navigation .navbar-nav > li .dropdown-menu { padding: 0 0; }
  .navbar-fixed-top #main-navigation .navbar-nav > li .dropdown-menu h3, .navbar-fixed-top #main-navigation .navbar-nav > li .dropdown-menu .col-teasers { display: none; }
  .navbar-fixed-top #main-navigation .navbar-nav > li .dropdown-menu .list-unstyled li, .navbar-fixed-top #main-navigation .navbar-nav > li .dropdown-menu .list-inline li { padding: 0; background-color: #d5d5d5; border-bottom: 1px solid white; }
  .navbar-fixed-top #main-navigation .navbar-nav > li .dropdown-menu .list-unstyled li a, .navbar-fixed-top #main-navigation .navbar-nav > li .dropdown-menu .list-inline li a { color: #113c2b; text-decoration: none; font-size: 15px; display: block; padding: 12px 27px; }
  .navbar-fixed-top #main-navigation .navbar-nav > li .dropdown-menu .list-unstyled li a:hover, .navbar-fixed-top #main-navigation .navbar-nav > li .dropdown-menu .list-inline li a:hover, .navbar-fixed-top #main-navigation .navbar-nav > li .dropdown-menu .list-unstyled li a:focus, .navbar-fixed-top #main-navigation .navbar-nav > li .dropdown-menu .list-inline li a:focus { color: #009c3b; }
  .navbar-fixed-top #main-navigation .navbar-nav .dropdown:last-child > a { border-bottom: none; } }

.yamm .yamm-content .teaser-wrapper .promoteaser, .yamm .yamm-content .teaser-wrapper .overlay-img-teaser, .yamm .yamm-content .teaser-wrapper .combined-img-teaser, .yamm .yamm-content .teaser-wrapper .combined-img-teaser-respond, .yamm .yamm-content .teaser-wrapper .text-ico-teaser { margin-bottom: 0; }

.navbar-placeholder { display: none; }
@media (min-width: 768px) { .navbar-placeholder.isVisible { display: block; } }

@media (min-width: 992px) { .nav-shop-link, .nav-ww-link { background: url("/typo3conf/Resources/Public/Media/IMG/dropdown-divider.png") 1px 20px no-repeat; } }

.teaser-wrapper { margin-bottom: 40px; }

.teaser-cta { margin-top: 20px; text-align: right; }

.teaser-promo { background: #eae7e3; }
.teaser-promo h2 { margin-top: 10px; }
@media (max-width: 767px) { .teaser-promo h2 { margin-top: 20px; } }
.teaser-promo .teaser-promo-text { padding: 10px 30px 20px 0; }
@media (max-width: 767px) { .teaser-promo .teaser-promo-text { padding-left: 30px; padding-bottom: 30px; } }
@media (max-width: 991px) { .teaser-promo .col-sm-12 > .teaser-promo-text { padding-left: 30px; padding-bottom: 30px; } }

.col-sm-4 > .teaser-promotion { opacity: 1; transform: scale(1); transition: all .4s ease; }
.col-sm-4 .hidden > .teaser-promotion { transform: scale(0); opacity: 0; transition: all .4s ease; }
.teaser-promotion { background: white; border: 2px solid whitesmoke; box-shadow: 0 0 0 transparent; transform: scale(1); transition: all .3s ease; }
.teaser-promotion:hover { transition: all .3s ease; transform: scale(1.05); box-shadow: 5px 5px 10px whitesmoke; }
.teaser-promotion .teaser-cta { margin-bottom: 24px; }
.teaser-promotion .teaser-promo-text { padding: 10px 15px 20px; }
@media (max-width: 767px) { .teaser-promotion .teaser-promo-text { padding-left: 30px; padding-bottom: 30px; } }
@media (max-width: 991px) { .teaser-promotion .col-sm-12 > .teaser-promo-text { padding-left: 30px; padding-bottom: 30px; } }
.teaser-promotion .h1 { border-bottom: 0; }
.teaser-overlay { position: relative; }
.teaser-overlay .teaser-overlay-link { background: rgba(17, 60, 43, 0.75); /* IE8 Hack, da kein rgba ;) */ padding: 10px 20px; position: absolute; bottom: 0; width: 100%; }
.no-rgba .teaser-overlay .teaser-overlay-link { background-color: #113c2b; filter: alpha(opacity=75); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; }

.teaser-combined { background: #eae7e3; }
.teaser-combined .col { margin: 30px 0; padding: 0 30px; }
@media (min-width: 480px) { .teaser-combined .col { border-right: 1px solid #b1b2b3; }
  .teaser-combined .col + .col { border-left: 1px solid #b1b2b3; border-right: 0; position: relative; left: -1px; } }
@media (max-width: 767px) { .teaser-combined .col .teaser-cta { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #b1b2b3; } }
.teaser-combined .col.col-sm-12 { border-right: none; border-left: none; margin-bottom: 20px; }
.teaser-combined .col.col-sm-12 + .col { border-right: none; border-left: none; margin-top: 20px; margin-bottom: 30px; }
.teaser-combined .col.col-sm-12 + .col .teaser-combined-text { border-top: 1px solid #b1b2b3; padding-top: 20px; }
.teaser-combined .col.col-sm-12 + .col .teaser-cta { margin-top: 0; padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.teaser-combined .teaser-combined-text { margin: 0 12px; min-height: 95px; }
.teaser-combined .teaser-combined-text h2, .teaser-combined .teaser-combined-text h3 { margin-top: 0; }
@media (max-width: 991px) { .teaser-combined .teaser-combined-text { min-height: 0; } }

.teaser-text { text-align: center; }
.teaser-text .teaser-text-cta { margin-top: 10px; }
.teaser-text .picto-teaser + h3, .teaser-text .picto + h3 { margin-top: 10px; }

.teaser-form { padding-top: 10px; }
.teaser-form .input-group { text-align: left; margin: 0 auto; white-space: nowrap; width: 220px; }
.teaser-form .teaser-form-button { margin-left: 10px; position: relative; padding-left: 11px; padding-right: 11px; }
.teaser-form .teaser-form-field { width: 170px; display: inline-block; }

#wrapper-footer .footer-area-1 .row div:last-child .thumbnail { border-right: none; padding-right: 0; }

.bs-footer { border-top: none; }

.footer-area-1 .col-md-3 { border-right: 1px solid #b1b2b3; margin-bottom: 40px; min-height: 250px; }
.footer-area-1 .col-md-3:nth-child(4) { border-right: none; }
.footer-area-1 .col-md-3 .teaser-wrapper { margin-bottom: 0; }
@media (max-width: 991px) { .footer-area-1 .col-md-3:nth-child(2) { border-right: none; } }
@media (max-width: 767px) { .footer-area-1 .col-md-3 { border-right: none; min-height: 0; }
  .footer-area-1 .col-md-3 .teaser-wrapper { padding-bottom: 40px; border-bottom: 1px solid #b1b2b3; }
  .footer-area-1 .col-md-3:last-child { margin-bottom: 0; }
  .footer-area-1 .col-md-3:last-child .teaser-wrapper { border-bottom: 0; } }

.footer-area-2 { border-bottom: 1px solid #b1b2b3; border-top: 1px solid #b1b2b3; }
.footer-area-2 > div { padding: 20px 0; }
.footer-area-2 a { font-family: "LinotypeUniversW02-Bold 726184", Arial, Tahoma, Verdana, Helvetica, sans-serif; text-transform: uppercase; background-color: transparent; border: none; }
.footer-area-2 a:hover, .footer-area-2 a:focus, .footer-area-2 a:active, .footer-area-2 a.active { color: #009c3b; background-color: transparent; }

.footer-area-3 .footer-media { border-bottom: 1px solid #b1b2b3; padding-bottom: 20px; padding-top: 20px; position: relative; }
.footer-area-3 .footer-media:before, .footer-area-3 .footer-media:after { content: " "; /* 1 */ display: table; /* 2 */ }
.footer-area-3 .footer-media:after { clear: both; }
.footer-area-3 .footer-media .picto { position: absolute; }
.footer-area-3 .footer-media .teaser-form { padding-top: 3px; }
@media (max-width: 767px) { .footer-area-3 .footer-media .teaser-form { margin: 0 0 0 50px; }
  .footer-area-3 .footer-media .teaser-form .input-group { margin-left: 0; margin-right: 0; } }
.footer-area-3 .footer-media.text-green > div { padding-left: 0 !important; }
.footer-area-3 .footer-media.text-green .picto.picto-alert { display: none; }
.footer-area-3 .footer-media.text-green .text-alert { color: #009c3b !important; }
.footer-area-3 .footer-media.text-green a { color: #009c3b; text-decoration: underline; }
.no-touch .footer-area-3 .footer-media.text-green a:hover { color: #113c2b; }
.footer-area-3 .footer-media.text-green a:active { color: #113c2b; }
.footer-area-3 .footer-media-text { padding: 8px 0px; }
.footer-area-3 .footer-media-text.with-picto { padding-left: 50px; }
.footer-area-3 .footer-media-text.with-picto.text-alert .btn-link { padding-top: 0; padding-bottom: 0; margin-top: -2px; }

.footer-area-4 { margin-bottom: 12px; margin-top: 30px; }
.footer-area-4 p .logo { clear: both; float: left; margin: 0 100% 20px 0; }
.footer-area-4 .product { float: left; margin: 0 0 0 24px; }

.logo_footer { height: 40px; background: url(/typo3conf/Resources/Public/Media/IMG/Icons/logo_triman.png) no-repeat; background-size: 35px; position: relative; display: block; margin-top: 20px; }
@media (max-width: 991px) { .logo_footer { display: none; } }

.footer-area-5 { background: #113c2b; padding: 20px 0 10px 0; overflow: hidden; }
@media (max-width: 767px) { .footer-area-5 { padding-bottom: 12px; } }
@media (max-width: 767px) { .footer-area-5 .list-inline > li { width: 49% !important; } }
@media (min-width: 768px) and (max-width: 991px) { .footer-area-5 .list-inline > li { width: 21.00840336134454% !important; } }
.footer-area-5 .social-media-buttons-footer { color: white; text-align: right; }
.footer-area-5 .social-media-buttons-footer .icon-facebook, .footer-area-5 .social-media-buttons-footer .icon-youtube, .footer-area-5 .social-media-buttons-footer .icon-twitter, .footer-area-5 .social-media-buttons-footer .icon-pinterest, .footer-area-5 .social-media-buttons-footer .icon-instagram, .footer-area-5 .social-media-buttons-footer .icon-rezeptwelt { margin-top: -9px; margin-left: 3px; position: relative; top: 5px; }

.footer-links a { color: white; }
.footer-links > li { padding-left: 10px; padding-right: 10px; }
@media (max-width: 767px) { .footer-links > li { padding-bottom: 10px; } }

@media (max-width: 767px) { footer .container { padding-bottom: 40px; } }
.btn-textleft { text-align: left; }
.btn-textleft .glyphicon { margin-right: 5px; }

.btn-textright { text-align: right; }
.btn-textright .glyphicon { margin-left: 5px; }

.btn { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: white; line-height: 20px; border: none; font-family: "LinotypeUniversW02-Bold 726184", Arial, Tahoma, Verdana, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; font-size: 14px; padding-bottom: 4px; }
.btn:focus, .btn:hover { color: white; }

p + .btn, ul + .btn { margin-top: 13px; }

p + .btn-link, ul + .btn-link { margin-top: 0; }

.btn, .btn.active, .btn:active { text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4) inset, 0px 1px 1px rgba(0, 0, 0, 0.3), 0px -1px 0px rgba(0, 0, 0, 0.4) inset; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4) inset, 0px 1px 1px rgba(0, 0, 0, 0.3), 0px -1px 0px rgba(0, 0, 0, 0.4) inset; }

.btn-lg, .btn-group-lg > .btn { padding-top: 9px; padding-bottom: 9px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; font-size: 15px; }

.btn-sm, .btn-group-sm > .btn { font-size: 11px; }

.btn-default, .btn-link { text-transform: uppercase; background: transparent; border: none; font-family: "LinotypeUniversW02-Bold 726184", Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #838383; }
.no-touch .btn-default:hover, .no-touch .btn-link:hover { color: #95c11c; background: transparent; }
.btn-default:active, .btn-link:active { color: #95c11c; background: transparent; }

.btn-default, .btn-link { -webkit-box-shadow: none; box-shadow: none; text-shadow: none; color: #009c3b; }
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .btn-link.active, .btn-link:active, .btn-link:focus, .btn-link:hover { -webkit-box-shadow: none; box-shadow: none; text-shadow: none; color: #95c11c; background: transparent; }

.btn-link { padding-left: 0; padding-right: 0; color: #009c3b; white-space: normal; text-align: left; -webkit-transition: color 100ms linear; transition: color 100ms linear; }
.no-touch .btn-link:hover { color: #95c11c; text-decoration: none; }
.btn-link:active { color: #95c11c; text-decoration: none; }

.btn-padding-link { padding-left: 16px; padding-right: 16px; }

.btn-quiet { text-transform: none; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #97989a; }

.btn-contrast { color: white; }
.no-touch .btn-contrast:hover { color: #95c11c; }
.btn-contrast:active { color: #95c11c; }

.btn-green { background-color: #009c3b; background: -webkit-linear-gradient(bottom, #068a36, #38ab3d 100%); /* For Chrome and Safari */ background: -moz-linear-gradient(bottom, #068a36, #38ab3d 100%); /* For old Fx (3.6 to 15) */ background: -ms-linear-gradient(bottom, #068a36, #38ab3d 100%); /* For pre-releases of IE 10*/ background: -o-linear-gradient(bottom, #068a36, #38ab3d 100%); /* For old Opera (11.1 to 12.0) */ background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #068a36), color-stop(100%, #38ab3d)); background: -webkit-linear-gradient(bottom, #068a36, #38ab3d 100%); background: -moz-linear-gradient(bottom, #068a36, #38ab3d 100%); background: -o-linear-gradient(bottom, #068a36, #38ab3d 100%); background: linear-gradient(bottom, #068a36, #38ab3d 100%); /* Standard syntax; must be last */ }
.no-touch .btn-green:hover { color: white; background: -webkit-linear-gradient(bottom, #05722c, #3ebe44 100%); /* For Chrome and Safari */ background: -moz-linear-gradient(bottom, #05722c, #3ebe44 100%); /* For old Fx (3.6 to 15) */ background: -ms-linear-gradient(bottom, #05722c, #3ebe44 100%); /* For pre-releases of IE 10*/ background: -o-linear-gradient(bottom, #05722c, #3ebe44 100%); /* For old Opera (11.1 to 12.0) */ background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #05722c), color-stop(100%, #3ebe44)); background: -webkit-linear-gradient(bottom, #05722c, #3ebe44 100%); background: -moz-linear-gradient(bottom, #05722c, #3ebe44 100%); background: -o-linear-gradient(bottom, #05722c, #3ebe44 100%); background: linear-gradient(bottom, #05722c, #3ebe44 100%); /* Standard syntax; must be last */ }
.btn-green:active { color: white; background: -webkit-linear-gradient(bottom, #05722c, #3ebe44 100%); /* For Chrome and Safari */ background: -moz-linear-gradient(bottom, #05722c, #3ebe44 100%); /* For old Fx (3.6 to 15) */ background: -ms-linear-gradient(bottom, #05722c, #3ebe44 100%); /* For pre-releases of IE 10*/ background: -o-linear-gradient(bottom, #05722c, #3ebe44 100%); /* For old Opera (11.1 to 12.0) */ background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #05722c), color-stop(100%, #3ebe44)); background: -webkit-linear-gradient(bottom, #05722c, #3ebe44 100%); background: -moz-linear-gradient(bottom, #05722c, #3ebe44 100%); background: -o-linear-gradient(bottom, #05722c, #3ebe44 100%); background: linear-gradient(bottom, #05722c, #3ebe44 100%); /* Standard syntax; must be last */ }
.btn-green.active { background: -webkit-linear-gradient(bottom, #068a36, #38ab3d 100%); /* For Chrome and Safari */ background: -moz-linear-gradient(bottom, #068a36, #38ab3d 100%); /* For old Fx (3.6 to 15) */ background: -ms-linear-gradient(bottom, #068a36, #38ab3d 100%); /* For pre-releases of IE 10*/ background: -o-linear-gradient(bottom, #068a36, #38ab3d 100%); /* For old Opera (11.1 to 12.0) */ background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #068a36), color-stop(100%, #38ab3d)); background: -webkit-linear-gradient(bottom, #068a36, #38ab3d 100%); background: -moz-linear-gradient(bottom, #068a36, #38ab3d 100%); background: -o-linear-gradient(bottom, #068a36, #38ab3d 100%); background: linear-gradient(bottom, #068a36, #38ab3d 100%); /* Standard syntax; must be last */ }

.btn-orange { background-color: #fa8b0a; background: -webkit-linear-gradient(bottom, #ea361e, #ea811f 100%); /* For Chrome and Safari */ background: -moz-linear-gradient(bottom, #ea361e, #ea811f 100%); /* For old Fx (3.6 to 15) */ background: -ms-linear-gradient(bottom, #ea361e, #ea811f 100%); /* For pre-releases of IE 10*/ background: -o-linear-gradient(bottom, #ea361e, #ea811f 100%); /* For old Opera (11.1 to 12.0) */ background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ea361e), color-stop(100%, #ea811f)); background: -webkit-linear-gradient(bottom, #ea361e, #ea811f 100%); background: -moz-linear-gradient(bottom, #ea361e, #ea811f 100%); background: -o-linear-gradient(bottom, #ea361e, #ea811f 100%); background: linear-gradient(bottom, #ea361e, #ea811f 100%); /* Standard syntax; must be last */ }
.no-touch .btn-orange:hover { color: white; background: -webkit-linear-gradient(bottom, #da2c14, #ec8e36 100%); /* For Chrome and Safari */ background: -moz-linear-gradient(bottom, #da2c14, #ec8e36 100%); /* For old Fx (3.6 to 15) */ background: -ms-linear-gradient(bottom, #da2c14, #ec8e36 100%); /* For pre-releases of IE 10*/ background: -o-linear-gradient(bottom, #da2c14, #ec8e36 100%); /* For old Opera (11.1 to 12.0) */ background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #da2c14), color-stop(100%, #ec8e36)); background: -webkit-linear-gradient(bottom, #da2c14, #ec8e36 100%); background: -moz-linear-gradient(bottom, #da2c14, #ec8e36 100%); background: -o-linear-gradient(bottom, #da2c14, #ec8e36 100%); background: linear-gradient(bottom, #da2c14, #ec8e36 100%); /* Standard syntax; must be last */ }
.btn-orange:active { color: white; background: -webkit-linear-gradient(bottom, #da2c14, #ec8e36 100%); /* For Chrome and Safari */ background: -moz-linear-gradient(bottom, #da2c14, #ec8e36 100%); /* For old Fx (3.6 to 15) */ background: -ms-linear-gradient(bottom, #da2c14, #ec8e36 100%); /* For pre-releases of IE 10*/ background: -o-linear-gradient(bottom, #da2c14, #ec8e36 100%); /* For old Opera (11.1 to 12.0) */ background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #da2c14), color-stop(100%, #ec8e36)); background: -webkit-linear-gradient(bottom, #da2c14, #ec8e36 100%); background: -moz-linear-gradient(bottom, #da2c14, #ec8e36 100%); background: -o-linear-gradient(bottom, #da2c14, #ec8e36 100%); background: linear-gradient(bottom, #da2c14, #ec8e36 100%); /* Standard syntax; must be last */ }
.btn-orange.active { background: -webkit-linear-gradient(bottom, #ea361e, #ea811f 100%); /* For Chrome and Safari */ background: -moz-linear-gradient(bottom, #ea361e, #ea811f 100%); /* For old Fx (3.6 to 15) */ background: -ms-linear-gradient(bottom, #ea361e, #ea811f 100%); /* For pre-releases of IE 10*/ background: -o-linear-gradient(bottom, #ea361e, #ea811f 100%); /* For old Opera (11.1 to 12.0) */ background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ea361e), color-stop(100%, #ea811f)); background: -webkit-linear-gradient(bottom, #ea361e, #ea811f 100%); background: -moz-linear-gradient(bottom, #ea361e, #ea811f 100%); background: -o-linear-gradient(bottom, #ea361e, #ea811f 100%); background: linear-gradient(bottom, #ea361e, #ea811f 100%); /* Standard syntax; must be last */ }

.btn-secondary.btn-green { background-color: #95c11c; background: -webkit-linear-gradient(bottom, #67a919, #9cc82d 100%); /* For Chrome and Safari */ background: -moz-linear-gradient(bottom, #67a919, #9cc82d 100%); /* For old Fx (3.6 to 15) */ background: -ms-linear-gradient(bottom, #67a919, #9cc82d 100%); /* For pre-releases of IE 10*/ background: -o-linear-gradient(bottom, #67a919, #9cc82d 100%); /* For old Opera (11.1 to 12.0) */ background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #67a919), color-stop(100%, #9cc82d)); background: -webkit-linear-gradient(bottom, #67a919, #9cc82d 100%); background: -moz-linear-gradient(bottom, #67a919, #9cc82d 100%); background: -o-linear-gradient(bottom, #67a919, #9cc82d 100%); background: linear-gradient(bottom, #67a919, #9cc82d 100%); /* Standard syntax; must be last */ }
.no-touch .btn-secondary.btn-green:hover { color: white; background: -webkit-linear-gradient(bottom, #599316, #a8d33b 100%); /* For Chrome and Safari */ background: -moz-linear-gradient(bottom, #599316, #a8d33b 100%); /* For old Fx (3.6 to 15) */ background: -ms-linear-gradient(bottom, #599316, #a8d33b 100%); /* For pre-releases of IE 10*/ background: -o-linear-gradient(bottom, #599316, #a8d33b 100%); /* For old Opera (11.1 to 12.0) */ background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #599316), color-stop(100%, #a8d33b)); background: -webkit-linear-gradient(bottom, #599316, #a8d33b 100%); background: -moz-linear-gradient(bottom, #599316, #a8d33b 100%); background: -o-linear-gradient(bottom, #599316, #a8d33b 100%); background: linear-gradient(bottom, #599316, #a8d33b 100%); /* Standard syntax; must be last */ }
.btn-secondary.btn-green:active { color: white; background: -webkit-linear-gradient(bottom, #599316, #a8d33b 100%); /* For Chrome and Safari */ background: -moz-linear-gradient(bottom, #599316, #a8d33b 100%); /* For old Fx (3.6 to 15) */ background: -ms-linear-gradient(bottom, #599316, #a8d33b 100%); /* For pre-releases of IE 10*/ background: -o-linear-gradient(bottom, #599316, #a8d33b 100%); /* For old Opera (11.1 to 12.0) */ background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #599316), color-stop(100%, #a8d33b)); background: -webkit-linear-gradient(bottom, #599316, #a8d33b 100%); background: -moz-linear-gradient(bottom, #599316, #a8d33b 100%); background: -o-linear-gradient(bottom, #599316, #a8d33b 100%); background: linear-gradient(bottom, #599316, #a8d33b 100%); /* Standard syntax; must be last */ }
.btn-secondary.btn-orange { background: -webkit-linear-gradient(bottom, #ea361e, #ea811f 100%); /* For Chrome and Safari */ background: -moz-linear-gradient(bottom, #ea361e, #ea811f 100%); /* For old Fx (3.6 to 15) */ background: -ms-linear-gradient(bottom, #ea361e, #ea811f 100%); /* For pre-releases of IE 10*/ background: -o-linear-gradient(bottom, #ea361e, #ea811f 100%); /* For old Opera (11.1 to 12.0) */ background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ea361e), color-stop(100%, #ea811f)); background: -webkit-linear-gradient(bottom, #ea361e, #ea811f 100%); background: -moz-linear-gradient(bottom, #ea361e, #ea811f 100%); background: -o-linear-gradient(bottom, #ea361e, #ea811f 100%); background: linear-gradient(bottom, #ea361e, #ea811f 100%); /* Standard syntax; must be last */ }
.no-touch .btn-secondary.btn-orange:hover { color: white; background: -webkit-linear-gradient(bottom, #da2c14, #ec8e36 100%); /* For Chrome and Safari */ background: -moz-linear-gradient(bottom, #da2c14, #ec8e36 100%); /* For old Fx (3.6 to 15) */ background: -ms-linear-gradient(bottom, #da2c14, #ec8e36 100%); /* For pre-releases of IE 10*/ background: -o-linear-gradient(bottom, #da2c14, #ec8e36 100%); /* For old Opera (11.1 to 12.0) */ background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #da2c14), color-stop(100%, #ec8e36)); background: -webkit-linear-gradient(bottom, #da2c14, #ec8e36 100%); background: -moz-linear-gradient(bottom, #da2c14, #ec8e36 100%); background: -o-linear-gradient(bottom, #da2c14, #ec8e36 100%); background: linear-gradient(bottom, #da2c14, #ec8e36 100%); /* Standard syntax; must be last */ }
.btn-secondary.btn-orange:active { color: white; background: -webkit-linear-gradient(bottom, #da2c14, #ec8e36 100%); /* For Chrome and Safari */ background: -moz-linear-gradient(bottom, #da2c14, #ec8e36 100%); /* For old Fx (3.6 to 15) */ background: -ms-linear-gradient(bottom, #da2c14, #ec8e36 100%); /* For pre-releases of IE 10*/ background: -o-linear-gradient(bottom, #da2c14, #ec8e36 100%); /* For old Opera (11.1 to 12.0) */ background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #da2c14), color-stop(100%, #ec8e36)); background: -webkit-linear-gradient(bottom, #da2c14, #ec8e36 100%); background: -moz-linear-gradient(bottom, #da2c14, #ec8e36 100%); background: -o-linear-gradient(bottom, #da2c14, #ec8e36 100%); background: linear-gradient(bottom, #da2c14, #ec8e36 100%); /* Standard syntax; must be last */ }

.no-cssgradients .btn-green:hover, .no-cssgradients .btn-green.active { background-color: #00cf4e; }
.no-cssgradients .btn-green.btn-secondary:hover, .no-cssgradients .btn-green.btn-secondary.active { background-color: #a6d71f; }
.no-cssgradients .btn-orange:hover, .no-cssgradients .btn-orange.active { background-color: #fba33c; }

.btn .glyphicon { position: relative; top: 7px; vertical-align: top; line-height: 1px; }

.btn-secondary .glyphicon { top: 7px; }

.btn.submitted { position: relative; padding-right: 29px; }
.btn.submitted span.glyphicon { position: absolute; display: block; top: 7px; right: 9px; width: 17px; height: 17px; background: url("/typo3conf/Resources/Public/Media/IMG/loader.png"); -webkit-animation: glyphrotate 4s infinite; animation: glyphrotate 4s infinite; }
.btn.submitted span.glyphicon:before { display: none; }

@-webkit-keyframes glyphrotate { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); } }

@keyframes glyphrotate { from { transform: rotate(0deg); }
  to { transform: rotate(359deg); } }

.subnav { margin-top: 20px; margin-bottom: 40px; }
.subnav:before, .subnav:after { content: " "; /* 1 */ display: table; /* 2 */ }
.subnav:after { clear: both; }
.subnav nav { background: #ececec; padding: 25px; }
@media (max-width: 767px) { .subnav nav { font-size: 15px; background: transparent; padding: 0 12px 12px 12px; margin: 30px -12px 0; } }
.subnav h1 { margin-top: 0; }

.subnav-menu-headline { margin: 0 0 15px 0; color: #113c2b; }
@media (max-width: 767px) { .subnav-menu-headline { border-top: 1px solid #b1b2b3; margin: 0 -12px 15px; padding: 12px 12px 0; } }

.subnav-menu { margin: 0; padding: 0; }
.subnav-menu > li { list-style: none; }
.subnav-menu a { display: block; padding: 5px 5px 5px 15px; color: #113c2b; }
.subnav-menu a:hover, .subnav-menu a.active { color: #009c3b; }
.subnav-menu a:before { position: relative; display: inline-block; font-family: 'Icomoon'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; content: "\e603"; display: inline-block; font-size: 9px; position: absolute; margin-left: -12px; margin-top: 4px; line-height: inherit; }
@media (max-width: 767px) { .subnav-menu a { background: #ececec; font-weight: bold; }
  .subnav-menu a:before { content: ""; } }
.subnav-menu.level-2 { padding-left: 24px; }
@media (max-width: 767px) { .subnav-menu.level-1 { margin: 0 -12px; }
  .subnav-menu.level-2 { border-top: 1px solid white; }
  .subnav-menu.level-2 a { background-color: #d5d5d5; }
  .subnav-menu a { text-transform: uppercase; text-decoration: none; padding: 12px 12px 12px 24px; }
  .subnav-menu .subnav-menu { padding-left: 0; }
  .subnav-menu .subnav-menu a { padding-left: 36px; }
  .subnav-menu li + li { border-top: 1px solid white; } }

@font-face { font-family: 'VorwerkRecipe'; src: url("../CSS/Font/icomoon/recipe.eot"); src: url("../CSS/Font/icomoon/recipe.eot?#iefix") format("embedded-opentype"), url("../CSS/Font/icomoon/recipe.woff") format("woff"), url("../CSS/Font/icomoon/recipe.ttf") format("truetype"), url("../CSS/Font/icomoon/recipe.svg#recipe") format("svg"); }

[class^="recipe-"], [class*=" recipe-"] { font-family: 'VorwerkRecipe'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.recipe-icon-1:before { content: "\e600"; }

.recipe-icon-3:before { content: "\e601"; }

.recipe-icon-4:before { content: "\e602"; }

.recipe-icon-5:before { content: "\e603"; }

.recipe-icon-6:before { content: "\e604"; }

.recipe-icon-7:before { content: "\e605"; }

.recipe-icon-8:before { content: "\e606"; }

#circle-nav { position: relative; clear: both; display: block; }
#circle-nav * { margin: 0; padding: 0; list-style: none; position: relative; }
#circle-nav .circle-nav { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; list-style: none; position: relative; }
#circle-nav .circle-nav .cn-button { /* fallback */ }
.csstransforms #circle-nav .circle-nav .cn-button { position: absolute; border: 10px solid white; background: url("/typo3conf/Resources/Public/Media/IMG/RecipePortal/img_circle.jpg") 100% 0 no-repeat; background-size: 100%; height: 15.6em; width: 15.6em; top: 50%; left: 50%; margin-left: -7.8em; margin-top: -7.8em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; z-index: 11; overflow: hidden; }
.no-csstransforms #circle-nav .circle-nav .cn-button { display: none; }
.csstransforms #circle-nav .circle-nav .cn-wrapper { width: 26em; height: 26em; overflow: hidden; z-index: 10; pointer-events: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
@media screen and (max-width: 480px) { .csstransforms #circle-nav .circle-nav .cn-wrapper { font-size: .8em; } }
@media screen and (min-width: 481px) { .csstransforms #circle-nav .circle-nav .cn-wrapper { font-size: 1.2em; } }
.csstransforms #circle-nav .circle-nav .cn-wrapper li { position: absolute; font-size: 1.5em; width: 10em; height: 10em; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; overflow: hidden; left: 50%; top: 50%; margin-top: -1.3em; margin-left: -10em; -webkit-transition: border 0.3s ease; transition: border 0.3s ease; /* for a central angle x, the list items must be skewed by 90-x degrees
in our case x=40deg so skew angle is 50deg
items should be rotated by x, minus (sum of angles - 180)2s (for this demo) */ /* hover style */ }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a { display: block; height: 18em; width: 18em; position: absolute; bottom: -7.25em; right: -7.25em; padding-top: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-decoration: none; color: #fff; text-align: center; -webkit-transform: skew(-45deg) rotate(-67.5deg) scale(0.92); -moz-transform: skew(-45deg) rotate(-67.5deg) scale(0.92); -ms-transform: skew(-45deg) rotate(-67.5deg) scale(0.92); -o-transform: skew(-45deg) rotate(-67.5deg) scale(0.92); transform: skew(-45deg) rotate(-67.5deg) scale(0.92); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, color 0.3s, background-color 0.3s; transition: opacity 0.3s, color 0.3s, background-color 0.3s; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a span.ricon { font-size: 1.7em; opacity: 1; line-height: normal; display: block; margin: -7px auto 0 auto; }
@media screen and (max-width: 480px) { .csstransforms #circle-nav .circle-nav .cn-wrapper li a span.ricon { top: 18%; } }
@media screen and (min-width: 481px) { .csstransforms #circle-nav .circle-nav .cn-wrapper li a span.ricon { top: 21%; } }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a span.ricon.recipe-icon-1 { -webkit-transform: rotate(90deg) skew(0deg); -moz-transform: rotate(90deg) skew(0deg); -ms-transform: rotate(90deg) skew(0deg); -o-transform: rotate(90deg) skew(0deg); transform: rotate(90deg) skew(0deg); margin-top: 0em; margin-left: -0.4em; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a span.ricon.recipe-icon-2 { -webkit-transform: rotate(45deg) skew(0deg); -moz-transform: rotate(45deg) skew(0deg); -ms-transform: rotate(45deg) skew(0deg); -o-transform: rotate(45deg) skew(0deg); transform: rotate(45deg) skew(0deg); margin-top: 0em; margin-left: 0em; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a span.ricon.recipe-icon-3 { -webkit-transform: rotate(0deg) skew(0deg); -moz-transform: rotate(0deg) skew(0deg); -ms-transform: rotate(0deg) skew(0deg); -o-transform: rotate(0deg) skew(0deg); transform: rotate(0deg) skew(0deg); margin-top: -0.1em; margin-left: 0em; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a span.ricon.recipe-icon-4 { -webkit-transform: rotate(-45deg) skew(0deg); -moz-transform: rotate(-45deg) skew(0deg); -ms-transform: rotate(-45deg) skew(0deg); -o-transform: rotate(-45deg) skew(0deg); transform: rotate(-45deg) skew(0deg); margin-top: -0.2em; margin-left: -0.3em; font-size: 2em; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a span.ricon.recipe-icon-5 { -webkit-transform: rotate(-90deg) skew(0deg); -moz-transform: rotate(-90deg) skew(0deg); -ms-transform: rotate(-90deg) skew(0deg); -o-transform: rotate(-90deg) skew(0deg); transform: rotate(-90deg) skew(0deg); margin-top: -0.15em; margin-left: -0.4em; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a span.ricon.recipe-icon-6 { -webkit-transform: rotate(-135deg) skew(0deg); -moz-transform: rotate(-135deg) skew(0deg); -ms-transform: rotate(-135deg) skew(0deg); -o-transform: rotate(-135deg) skew(0deg); transform: rotate(-135deg) skew(0deg); margin-top: 0em; margin-left: -0.5em; font-size: 2em; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a span.ricon.recipe-icon-7 { -webkit-transform: rotate(-180deg) skew(0deg); -moz-transform: rotate(-180deg) skew(0deg); -ms-transform: rotate(-180deg) skew(0deg); -o-transform: rotate(-180deg) skew(0deg); transform: rotate(-180deg) skew(0deg); margin-top: 0em; margin-left: -0.6em; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a span.ricon.recipe-icon-8 { -webkit-transform: rotate(-225deg) skew(0deg); -moz-transform: rotate(-225deg) skew(0deg); -ms-transform: rotate(-225deg) skew(0deg); -o-transform: rotate(-225deg) skew(0deg); transform: rotate(-225deg) skew(0deg); margin-top: 0em; margin-left: -0.2em; font-size: 2em; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a span.circle-icon-2 { visibility: hidden; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a #text-wrap { display: block; position: relative; font-size: 1.2em; margin-left: -0.4em; margin-top: -0.15em; font-family: "LinotypeUniversW02-Bold 726184", Arial, Tahoma, Verdana, Helvetica, sans-serif; }
@media screen and (max-width: 480px) { .csstransforms #circle-nav .circle-nav .cn-wrapper li a #text-wrap { top: 18%; } }
@media screen and (min-width: 481px) { .csstransforms #circle-nav .circle-nav .cn-wrapper li a #text-wrap { top: 21%; } }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a #text-wrap > span[class^=w]:nth-of-type(n+0) { display: block; position: absolute; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a #text-wrap span { white-space: pre; overflow: visible; padding: 0px; color: white; opacity: 1; font-weight: normal; -webkit-transition: color 0.3s; transition: color 0.3s; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a #text-wrap .w0 { -webkit-transform: rotate(-6.7rad); -moz-transform: rotate(-6.7rad); -ms-transform: rotate(-6.7rad); -o-transform: rotate(-6.7rad); transform: rotate(-6.7rad); left: 39%; top: 0em; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a #text-wrap .w1 { -webkit-transform: rotate(-6.4rad); -moz-transform: rotate(-6.4rad); -ms-transform: rotate(-6.4rad); -o-transform: rotate(-6.4rad); transform: rotate(-6.4rad); left: 42.75%; top: -0.1em; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a #text-wrap .w2 { -webkit-transform: rotate(-6.26rad); -moz-transform: rotate(-6.26rad); -ms-transform: rotate(-6.26rad); -o-transform: rotate(-6.26rad); transform: rotate(-6.26rad); left: 46.5%; top: -0.15em; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a #text-wrap .w3 { -webkit-transform: rotate(-6.18rad); -moz-transform: rotate(-6.18rad); -ms-transform: rotate(-6.18rad); -o-transform: rotate(-6.18rad); transform: rotate(-6.18rad); left: 51.5%; top: -0.1em; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a #text-wrap .w4 { -webkit-transform: rotate(-6rad); -moz-transform: rotate(-6rad); -ms-transform: rotate(-6rad); -o-transform: rotate(-6rad); transform: rotate(-6rad); left: 56.0%; top: 0em; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a:hover #text-wrap span { color: #009c3b; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li:nth-child(1) { -webkit-transform: rotate(-22.5deg) skew(45deg); -moz-transform: rotate(-22.5deg) skew(45deg); -ms-transform: rotate(-22.5deg) skew(45deg); -o-transform: rotate(-22.5deg) skew(45deg); transform: rotate(-22.5deg) skew(45deg); }
.csstransforms #circle-nav .circle-nav .cn-wrapper li:nth-child(1) a { background-color: #7f8a7c; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li:nth-child(2) { -webkit-transform: rotate(22.5deg) skew(45deg); -moz-transform: rotate(22.5deg) skew(45deg); -ms-transform: rotate(22.5deg) skew(45deg); -o-transform: rotate(22.5deg) skew(45deg); transform: rotate(22.5deg) skew(45deg); }
.csstransforms #circle-nav .circle-nav .cn-wrapper li:nth-child(2) a { background-color: #95be21; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li:nth-child(3) { -webkit-transform: rotate(67.5deg) skew(45deg); -moz-transform: rotate(67.5deg) skew(45deg); -ms-transform: rotate(67.5deg) skew(45deg); -o-transform: rotate(67.5deg) skew(45deg); transform: rotate(67.5deg) skew(45deg); }
.csstransforms #circle-nav .circle-nav .cn-wrapper li:nth-child(3) a { background-color: #cedf9c; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li:nth-child(4) { -webkit-transform: rotate(112.5deg) skew(45deg); -moz-transform: rotate(112.5deg) skew(45deg); -ms-transform: rotate(112.5deg) skew(45deg); -o-transform: rotate(112.5deg) skew(45deg); transform: rotate(112.5deg) skew(45deg); }
.csstransforms #circle-nav .circle-nav .cn-wrapper li:nth-child(4) a { background-color: #e8f0d0; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li:nth-child(5) { -webkit-transform: rotate(157.5deg) skew(45deg); -moz-transform: rotate(157.5deg) skew(45deg); -ms-transform: rotate(157.5deg) skew(45deg); -o-transform: rotate(157.5deg) skew(45deg); transform: rotate(157.5deg) skew(45deg); }
.csstransforms #circle-nav .circle-nav .cn-wrapper li:nth-child(5) a { background-color: #009a3d; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li:nth-child(6) { -webkit-transform: rotate(202.5deg) skew(45deg); -moz-transform: rotate(202.5deg) skew(45deg); -ms-transform: rotate(202.5deg) skew(45deg); -o-transform: rotate(202.5deg) skew(45deg); transform: rotate(202.5deg) skew(45deg); }
.csstransforms #circle-nav .circle-nav .cn-wrapper li:nth-child(6) a { background-color: #a7cc9c; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li:nth-child(7) { -webkit-transform: rotate(247.5deg) skew(45deg); -moz-transform: rotate(247.5deg) skew(45deg); -ms-transform: rotate(247.5deg) skew(45deg); -o-transform: rotate(247.5deg) skew(45deg); transform: rotate(247.5deg) skew(45deg); }
.csstransforms #circle-nav .circle-nav .cn-wrapper li:nth-child(7) a { background-color: #113e2b; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li:nth-child(8) { -webkit-transform: rotate(292.5deg) skew(45deg); -moz-transform: rotate(292.5deg) skew(45deg); -ms-transform: rotate(292.5deg) skew(45deg); -o-transform: rotate(292.5deg) skew(45deg); transform: rotate(292.5deg) skew(45deg); }
.csstransforms #circle-nav .circle-nav .cn-wrapper li:nth-child(8) a { background-color: #495e4d; }
.csstransforms #circle-nav .circle-nav .cn-wrapper li a:hover, .csstransforms #circle-nav .circle-nav .cn-wrapper li a:active, .csstransforms #circle-nav .circle-nav .cn-wrapper li a:focus { background-color: #fff; color: #009c3b; }
.csstransforms #circle-nav .circle-nav .cn-wrapper.opened-nav { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; pointer-events: auto; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); border: 1px solid #b1b2b3; margin: 0 auto; }
.no-csstransforms #circle-nav .circle-nav .cn-wrapper { font-size: 1em; /*height: 5em;
bottom: 0;*/ left: 50%; /*
overflow: hidden;
position: fixed;
*/ z-index: 10; border: 1px solid #ddd; /*.circle-nav-arrow {  display: none;
}                */ }
@media screen and (max-width: 480px) { .no-csstransforms #circle-nav .circle-nav .cn-wrapper { width: 15.15px; margin-left: -7.5em; } }
@media screen and (min-width: 481px) { .no-csstransforms #circle-nav .circle-nav .cn-wrapper { width: 40.15em; margin-left: -21.5em; } }
.no-csstransforms #circle-nav .circle-nav .cn-wrapper li { position: static; float: left; font-size: 1em; background-color: #eee; text-align: center; line-height: 5em; }
@media screen and (max-width: 480px) { .no-csstransforms #circle-nav .circle-nav .cn-wrapper li { height: 3em; width: 3em; } }
@media screen and (min-width: 481px) { .no-csstransforms #circle-nav .circle-nav .cn-wrapper li { height: 5em; width: 5em; } }
.no-csstransforms #circle-nav .circle-nav .cn-wrapper li a { display: block; width: 100%; height: 100%; text-decoration: none; color: inherit; font-size: 1.3em; border-right: 1px solid red; }
.no-csstransforms #circle-nav .circle-nav .cn-wrapper li a:last-child { border: none; }
.no-csstransforms #circle-nav .circle-nav .cn-wrapper li a:hover, .no-csstransforms #circle-nav .circle-nav .cn-wrapper li a:active, .no-csstransforms #circle-nav .circle-nav .cn-wrapper li a:focus { background-color: lime; }
.no-csstransforms #circle-nav .circle-nav .cn-wrapper li a span.circle-icon-2 { visibility: visible; }
.no-csstransforms #circle-nav .circle-nav .cn-wrapper li a #text-wrap { display: none; }
.no-csstransforms #circle-nav .circle-nav .cn-wrapper li.active a { background-color: blue; color: #fff; }

/* Handle active / inactive content-items */
@media (min-width: 768px) { .recipenav-inactive { opacity: 0.3; } }
.recipenav-active { opacity: 1; }
.recipenav-active h2 { color: #009c3b; }

.relnav { background: #ececec; margin: 30px 0; padding: 5px 0; }
@media (max-width: 767px) { .relnav { margin-left: -12px; margin-right: -12px; } }
.relnav .row { display: table-cell; vertical-align: middle; }
@media (max-width: 767px) { .relnav { background: #ececec url(/typo3conf/Resources/Public/Media/IMG/linedot.png) center 58% repeat-y; } }

.relnav-btn { white-space: normal; position: relative; }
.relnav-btn.btn-textleft { padding-left: 20px; float: left; }
.relnav-btn.btn-textleft .glyphicon { left: 0; }
.relnav-btn.btn-textright { padding-right: 20px; float: right; }
.relnav-btn.btn-textright .glyphicon { right: 0; }

.bigtext { font-size: 20px; font-family: "LinotypeUniversW02-Ligh 726118", Arial, Tahoma, Verdana, Helvetica, sans-serif; line-height: 30px; color: #113c2b; margin-bottom: 25px; -webkit-font-smoothing: antialiased; }
@media (max-width: 767px) { .bigtext { font-size: 18px; line-height: 27px; } }
.bigtext sub, .bigtext sup { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; }

#wrapper-breadcrumb .breadcrumb { background-color: transparent; padding: 4px 0; }
#wrapper-breadcrumb .breadcrumb > li { color: #6d6e71; font-size: 11px; font-weight: bold; line-height: 1em; margin: 0; }
#wrapper-breadcrumb .breadcrumb > li a, #wrapper-breadcrumb .breadcrumb > li a:link, #wrapper-breadcrumb .breadcrumb > li a:visited { color: #6d6e71; font-weight: normal; margin: 0; padding: 0 0.4em 0 0; text-decoration: none; }
#wrapper-breadcrumb .breadcrumb > li a:hover, #wrapper-breadcrumb .breadcrumb > li a:link:hover, #wrapper-breadcrumb .breadcrumb > li a:visited:hover { text-decoration: underline; }
#wrapper-breadcrumb .breadcrumb > li + li { font-weight: normal; }
#wrapper-breadcrumb .breadcrumb > li + li:before { position: relative; display: inline-block; font-family: 'Icomoon'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; content: "\e603"; color: #6d6e71; font-size: 8px; position: relative; top: -1px; }

h1 + .table, h2 + .table, h3 + .table, h4 + .table, h1 + .table-responsive, h2 + .table-responsive, h3 + .table-responsive, h4 + .table-responsive { margin-top: 20px; }

.table { border-bottom: 1px solid #95c11c; }
.table thead td { font-weight: bold; text-transform: uppercase; color: #113c2b; }

.table-bordered { border-left: none; border-right: none; }
.table-bordered > thead > tr > td { border-bottom-width: 1px; }

.table-features tbody td:first-child, .table-features thead td:first-child { padding-left: 0; }
.table-features tbody td:last-child, .table-features thead td:last-child { padding-right: 0; }

.table-striped > tbody > tr > td { border-top: none; border-bottom: none; }
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background: transparent; }
.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th { background: #ececec; }

.table-features-label { font-weight: bold; text-transform: uppercase; color: #113c2b; width: 25%; }
@media (max-width: 991px) { .table-features-label { width: 33%; } }
@media (max-width: 767px) { .table-features-label { width: 50%; } }

/*
 * Yamm!
 * Yet another megamenu for Bootstrap
 * http://geedmo.github.com/yamm
 *
 * https://github.com/geedmo
 */
.yamm .nav, .yamm .dropup, .yamm .dropdown, .yamm .collapse { position: static; }

.yamm .navbar-inner, .yamm .container { position: relative; }

.yamm .dropdown-menu { left: auto; }

.yamm .dropdown-menu > li { display: block; }

.yamm .nav.pull-right .dropdown-menu { right: 0; }

.yamm .yamm-content:before, .yamm .yamm-content:after { display: table; content: ""; line-height: 0; }

.yamm .yamm-content:after { clear: both; }

.yamm.navbar .nav > li > .dropdown-menu:after, .yamm.navbar .nav > li > .dropdown-menu:before { display: none; }

.yamm .dropdown.yamm-fullwidth .dropdown-menu { width: 80%; right: 12px; margin-top: -2px; }
@media (min-width: 768px) and (max-width: 991px) { .yamm .dropdown.yamm-fullwidth .dropdown-menu { width: 720px; } }
@media (max-width: 767px) { .yamm .dropdown.yamm-fullwidth .dropdown-menu { width: 100%; } }

.tx-indexedsearch legend { display: none; }
.tx-indexedsearch fieldset { overflow: hidden; }

.tx-indexedsearch-form { float: left; width: 40%; height: 45px; overflow: hidden; }
.tx-indexedsearch-form label { display: none; }
@media (max-width: 767px) { .tx-indexedsearch-form { width: 100%; float: none; } }

.tx-indexedsearch-search-submit { float: left; margin-left: 20px; position: relative; top: 2px; }
@media (max-width: 767px) { .tx-indexedsearch-search-submit { position: static; float: none; margin-left: 0; text-align: center; }
  .tx-indexedsearch-search-submit .btn { width: 100%; } }

.tx-indexedsearch-sw { font-weight: bold; font-style: italic; }

.tx-indexedsearch-browsebox { overflow: hidden; }
.tx-indexedsearch-browsebox > p { float: left; width: 50%; }
.tx-indexedsearch-browsebox .browsebox { width: 50%; float: right; text-align: right; margin: 0; padding: 0; }
.tx-indexedsearch-browsebox .browsebox > li { display: inline-block; }
.tx-indexedsearch-browsebox .browsebox > li + li { margin-left: 25px; }
.tx-indexedsearch-browsebox .browsebox > li a { color: #113c2b; text-decoration: none; }
.no-touch .tx-indexedsearch-browsebox .browsebox > li a:hover { text-decoration: underline; }
.tx-indexedsearch-browsebox .browsebox > li a:active { text-decoration: underline; }
.tx-indexedsearch-browsebox .browsebox > li strong a { font-weight: normal; color: #009c3b; }
@media (max-width: 767px) { .tx-indexedsearch-browsebox > p, .tx-indexedsearch-browsebox .browsebox { width: 100%; float: none; text-align: center; } }

.tx-indexedsearch-whatis { margin-top: 20px; }
@media (max-width: 767px) { .tx-indexedsearch-whatis { text-align: center; } }

.tx-indexedsearch-res { margin: 25px 0; width: 75%; }
.tx-indexedsearch-res > .res { margin: 0; padding: 20px; width: 100%; }
.tx-indexedsearch-res > .res:nth-child(odd) { background: #ececec; }
.tx-indexedsearch-res > .res > h3 { font-size: 15px; margin: 0 0 15px 0; }
@media (max-width: 767px) { .tx-indexedsearch-res { width: 100%; } }
.tx-indexedsearch-res + .tx-indexedsearch-browsebox { margin-bottom: 40px; }

.no-touch .tx-indexedsearch-title a:hover { text-decoration: none; color: #95c11c; }
.tx-indexedsearch-title a:active { text-decoration: none; color: #95c11c; }

.tx-indexedsearch-info { color: #6d6e71; overflow: hidden; margin: 15px 0 0 0; font-size: 12px; }
.tx-indexedsearch-info a { color: #6d6e71; }
.tx-indexedsearch-info .item-path { font-weight: normal; float: left; }
.tx-indexedsearch-info .item-path + .item-path { margin-left: 5px; }

.tx-indexedsearch-redMarkup { color: #013927; background-color: #cecece; font-weight: normal; }

.uc-link { font-family: "UniversBold", Arial, Tahoma, Verdana, Helvetica, sans-serif; }

.csc-sitemap { margin-bottom: 20px; }
.csc-sitemap ul { list-style: none; padding: 0; }
.csc-sitemap > ul > li > a { text-transform: uppercase; font-family: "LinotypeUniversW02-Bold 726184", Arial, Tahoma, Verdana, Helvetica, sans-serif; margin-bottom: 10px; display: block; position: relative; }
.csc-sitemap > ul > li > a:hover { color: #95c11c; text-decoration: none; }
.csc-sitemap > ul > li > a:after { position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; content: "\e080"; position: absolute; top: 2px; padding-left: 5px; font-size: 0.8em; }
.csc-sitemap > ul > li + li { margin-top: 20px; }
.csc-sitemap > ul > li ul { margin-left: 20px; }
.csc-sitemap > ul > li ul a { display: block; margin-bottom: 5px; color: #113c2b; position: relative; }
.csc-sitemap > ul > li ul a:before { position: relative; display: inline-block; font-family: 'Icomoon'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; content: "\e603"; position: absolute; font-size: 9px; top: 5px; left: -14px; }
.no-touch .csc-sitemap > ul > li ul a:hover { color: #009c3b; }
.csc-sitemap > ul > li ul a:active { color: #009c3b; }

.google-maps-search { margin: 24px 0; }
.google-maps-search .form-group { vertical-align: top; }
@media (min-width: 768px) { .google-maps-search .form-group { margin-right: 6px; } }
.google-maps-search .form-group .control-label { text-transform: uppercase; display: block; }
.google-maps-search .form-group .input-group { text-align: left; white-space: nowrap; }
@media (min-width: 768px) { .google-maps-search .form-group .service-center-form-button { margin-left: 16px; margin-right: 6px; position: relative; top: -1px; line-height: 19px; padding-bottom: 5px; } }
@media (max-width: 767px) { .google-maps-search .form-group .service-center-form-button { width: 100%; } }
@media (max-width: 767px) { .google-maps-search .form-group .service-center-form-radius { width: 100%; } }
.google-maps-search .form-group .service-center-form-geolocate { line-height: 19px; padding-top: 6px; }
@media (min-width: 768px) { .google-maps-search .form-group .service-center-form-geolocate { margin-left: 6px; position: relative; top: -1px; } }
@media (max-width: 767px) { .google-maps-search .form-group .service-center-form-geolocate { width: 100%; } }
@media (max-width: 767px) { .google-maps-search .form-group .label-form-button, .google-maps-search .form-group .label-geolocate { height: 0; } }
.google-maps-search .form-group #service-center-form-field { display: inline-block; }
.google-maps-search .form-group .scm-target { display: block; margin-top: 6px; }
.google-maps-search .form-group .strong { font-weight: bold; }
.google-maps-search .form-group .help-block { color: #113c2b; }

.service-center-txt-block { margin: 20px 0; }

.selected-address { padding-top: 10px; }

.service-center-map-wrapper .service-center-map, .service-center-map-wrapper .service-center-route { position: relative; overflow: hidden; padding-bottom: 56%; height: 0; }
.service-center-map-wrapper .service-center-map #map_canvas, .service-center-map-wrapper .service-center-map iframe, .service-center-map-wrapper .service-center-map object, .service-center-map-wrapper .service-center-map embed, .service-center-map-wrapper .service-center-route #map_canvas, .service-center-map-wrapper .service-center-route iframe, .service-center-map-wrapper .service-center-route object, .service-center-map-wrapper .service-center-route embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.service-center-map-wrapper #service-center-list .list-group-item { position: relative; padding: 16px 20px 14px 20px; border: 1px solid #b1b2b3; }
.service-center-map-wrapper #service-center-list .list-group-item:hover, .service-center-map-wrapper #service-center-list .list-group-item.active, .service-center-map-wrapper #service-center-list .list-group-item:focus { background-color: #ececec; border-color: #b1b2b3; color: #009c3b; cursor: pointer; }
.service-center-map-wrapper #service-center-list .list-group-item .distance { font-weight: bold; color: #113c2b; height: 50px; }
.service-center-map-wrapper #service-center-list .list-group-item .picto-scm { margin-left: -8px; }
.service-center-map-wrapper #service-center-list .list-group-item .list-title { font-weight: bold; height: 40px; overflow: hidden; text-transform: uppercase; }
.service-center-map-wrapper .service-center-legend { margin: 20px -12px; }
@media (max-width: 767px) { .service-center-map-wrapper .service-center-legend { float: right; } }
.service-center-map-wrapper .service-center-legend > div { min-height: 40px; line-height: 1.3em; overflow: hidden; }
@media (min-width: 768px) { .service-center-map-wrapper .service-center-legend > div { text-align: left; } }
.service-center-map-wrapper .service-center-legend > div .picto-scm { position: absolute; }
.service-center-map-wrapper .service-center-legend > div .service-center-legend-text.with-picto { padding-left: 45px; padding-top: 10px; }
.service-center-map-wrapper .service-center-legend.legend-route > div .service-center-legend-text.with-picto { padding-left: 50px; padding-top: 5px; }
.service-center-map-wrapper .service-center-details-container .scm-content-selector-target { width: 100%; background-color: #ececec; color: #113c2b; padding: 15px 24px 12px 24px; margin-bottom: 20px; border: 1px solid #b1b2b3; opacity: 0; visibility: hidden; z-index: 0; position: absolute; left: 0; top: 0; }
.service-center-map-wrapper .service-center-details-container .scm-content-selector-target.active { position: relative; opacity: 1; z-index: 1; visibility: visible; }
.service-center-map-wrapper .service-center-details-container .scm-content-selector-target .details-top-buttons { border-bottom: 1px solid #b1b2b3; }
@media (max-width: 767px) { .service-center-map-wrapper .service-center-details-container .scm-content-selector-target .details-top-buttons .btn { width: 49%; } }
.service-center-map-wrapper .service-center-details-container .scm-content-selector-target .details-top-buttons .scm-route { margin-bottom: 15px; }
@media (max-width: 767px) { .service-center-map-wrapper .service-center-details-container .scm-content-selector-target .details-top-buttons .picto-group { margin-bottom: 2px; margin-top: 10px; } }
.service-center-map-wrapper .service-center-details-container .scm-content-selector-target .details-top-buttons .picto-group span { margin-left: -10px; }
.service-center-map-wrapper .service-center-details-container .scm-content-selector-target .details-content { margin-top: 20px; }
.service-center-map-wrapper .service-center-details-container .scm-content-selector-target .details-content .details-header, .service-center-map-wrapper .service-center-details-container .scm-content-selector-target .details-content .office-hours { margin-bottom: 10px; font-size: 15px; font-weight: bold; text-transform: uppercase; }
@media (max-width: 767px) { .service-center-map-wrapper .service-center-details-container .scm-content-selector-target .details-content .office-hours { margin-top: 24px; } }
.service-center-map-wrapper .service-center-details-container .scm-content-selector-target .details-content img { margin-bottom: 12px; }
.service-center-map-wrapper .service-center-details-container .scm-content-selector-target .details-bottom-buttons { padding-top: 12px; padding-bottom: 12px; }
@media (max-width: 767px) { .service-center-map-wrapper .service-center-details-container .scm-content-selector-target .details-bottom-buttons { border-top: 1px solid #b1b2b3; } }
.service-center-map-wrapper .service-center-details-container .scm-content-selector-target .details-bottom-buttons .distance { font-weight: bold; margin-bottom: 20px; }
@media (max-width: 767px) { .service-center-map-wrapper .service-center-details-container .scm-content-selector-target .details-bottom-buttons .btn { width: 100%; } }
.service-center-map-wrapper #directions { margin-bottom: 24px; width: 100%; height: 100%; }
.service-center-map-wrapper #directions table { width: 100%; }
.service-center-map-wrapper #directions table.adp-placemark { background: white !important; cursor: default; }
.service-center-map-wrapper .routing-buttons { margin-bottom: 12px; }
@media (max-width: 767px) { .service-center-map-wrapper .routing-buttons .scm-view-map { width: 100%; } }

/* Google Map Manipulation*/
.adp-directions { cursor: default !important; }

.back-to-search-result.top, .back-to-sc-overview.top { margin-top: 24px; }
.back-to-search-result.bottom, .back-to-sc-overview.bottom { margin-bottom: 24px; }

/* Google Maps Oberlayer Mobile */
.overlayMapContainer { height: 100%; width: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 10000; background-color: white; }
.overlayMapContainer .overlayMapToolbar { padding: 10px; background: url("/typo3conf/Resources/Public/Media/IMG/bg-darkgreen-transparent.png") 0 0 repeat; height: 50px; opacity: 0.9; position: relative; width: 100%; z-index: 10001; }
.overlayMapContainer .overlayMapToolbar .mapToolbar .lightbox-close, .overlayMapContainer .overlayMapToolbar .mapToolbar .lightbox .close { background: url("/typo3conf/Resources/Public/Media/IMG/Icons/lightbox_close.png") 0 0 no-repeat; cursor: pointer; display: block; height: 20px; width: 20px; position: relative; top: 5px; right: 5px; z-index: 10002; }
.overlayMapContainer .overlayMapToolbar .mapToolbar .lightbox-close:hover, .overlayMapContainer .overlayMapToolbar .mapToolbar .lightbox .close:hover { background-position: -20px 0; }
.overlayMapContainer .overlayMapToolbar .mapToolbar .lightbox-close.white, .overlayMapContainer .overlayMapToolbar .mapToolbar .lightbox .close.white { background-position: -40px 0; }
.overlayMapContainer .overlayMapToolbar .mapToolbar .lightbox-close.white:hover, .overlayMapContainer .overlayMapToolbar .mapToolbar .lightbox .close.white:hover { background-position: -20px 0; }
.overlayMapContainer #mobile_map { position: relative; }

.mapLoader { position: absolute; top: 0; left: 0; text-align: center; width: 100%; height: 100%; }
.mapLoader .loaderimage { height: 100%; background: transparent url("/typo3conf/Resources/Public/Media/IMG/Gallery/loader.gif") no-repeat 50% 50%; }
.mapLoader .loaderimage * { display: none; }
.mapLoader .loadertext { display: none; }
.mapLoader .loadertext * { display: block; }

/* Style for classic Image Map in responsive */
#scm-imagemap-container { position: relative; margin-bottom: 40px; }
#scm-imagemap-container img.basemap { position: relative; z-index: 100; }
#scm-imagemap-container img.region { display: none; position: absolute; left: 0px; top: 0px; z-index: 20; }
#scm-imagemap-container img.regionBg { position: absolute; left: 0px; top: 0px; z-index: 19; }
#scm-imagemap-container img { border: none; border-style: none; }

.map-tooltip { position: absolute; z-index: 3000; border: 1px solid #CCCCCC; background-color: #EEEEEE; opacity: 0.9; -webkit-box-shadow: 3px 3px 5px #535353; box-shadow: 3px 3px 5px #535353; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px; border-radius: 3px 3px 3px 3px; }
.map-tooltip .map-tooltip-inner { background-color: #EEEEEE; opacity: 0.9; display: block; color: #6d6666; font-size: 12px; font-weight: bold; padding: 4px; vertical-align: middle; }

@media (min-width: 768px) { .service-center-overview-table { margin: 40px 0; } }
@media (max-width: 767px) { .service-center-overview-table { margin-bottom: 40px; } }
@media (max-width: 767px) { .service-center-overview-table .table-responsive > .table-bordered > thead > tr > th, .service-center-overview-table .table-responsive > .table-bordered > thead > tr > td { border-bottom: 1px solid #95c11c; }
  .service-center-overview-table .table-responsive > .table-bordered > thead > tr > th:first-child, .service-center-overview-table .table-responsive > .table-bordered > thead > tr > td:first-child { display: none; }
  .service-center-overview-table .table-responsive > .table-bordered > thead > tr > th:first-child + td, .service-center-overview-table .table-responsive > .table-bordered > thead > tr > td:first-child + td { border-left: none; } }
.service-center-overview-table .table-responsive > .table-bordered > tbody > tr > td:first-child { text-align: center; }
@media (max-width: 767px) { .service-center-overview-table .table-responsive > .table-bordered > tbody > tr > td:first-child { display: none; }
  .service-center-overview-table .table-responsive > .table-bordered > tbody > tr > td:first-child + td { border-left: none; } }
@media (min-width: 768px) { .service-center-overview-table .table-responsive > .table-bordered > tbody > tr > td:first-child .picto-scm:hover { cursor: pointer; } }
.service-center-overview-table .table-responsive > .table-bordered > tbody > tr > td.td-date { font-weight: bold; white-space: nowrap; }

.picto { background-color: transparent; background-repeat: no-repeat; width: 34px; height: 34px; display: inline-block; }
.svg .picto { background-image: url("/typo3conf/Resources/Public/Media/IMG/picto.svg"); }
.no-svg .picto { background-image: url("/typo3conf/Resources/Public/Media/IMG/picto.png"); }

.picto-alert { background-position: 0 0px; }

.picto-mail { background-position: 0 -40px; }

.picto-hint { background-position: 0 -83px; }
.picto-teaser { background-color: transparent; background-repeat: no-repeat; background-size: cover; background-image: url("/typo3conf/Resources/Public/Media/IMG/picto-teaser.png"); width: 60px; height: 60px; display: inline-block; }

.picto-teaser-phone { background-position: 0 0px; }

.picto-teaser-career { background-position: 0 -63px; }

.picto-teaser-message { background-position: 0 -126px; }

.picto-teaser-pin { background-position: 0 -189px; }

.picto-teaser-letter { background-position: 0 -252px; }

.picto-scm { background-color: transparent; background-repeat: no-repeat; width: 50px; height: 40px; display: inline-block; }

.svg .picto-legend { background-image: url("/typo3conf/Resources/Public/Media/IMG/Servicecenter/pins_legend.svg"); }
.no-svg .picto-legend { background-image: url("/typo3conf/Resources/Public/Media/IMG/Servicecenter/pins_legend.png"); }

.picto-legend-servicecenter { background-position: 0 0px; }

.picto-legend-invalidchair { background-position: 0 -40px; }

.picto-legend-start { background-position: 0 -80px; }

.picto-legend-store { background-position: 0 -120px; }

.picto-legend-shop { background-position: 0 -160px; }

.picto-legend-accessoriesseller { background-position: 0 -200px; }

.picto-legend-tradefair { background-position: 0 -240px; }

.picto-legend-regionaloffice { background-position: 0 -280px; }

.picto-legend-topcenter { background-position: 0 -320px; }

.svg .picto-start { background-image: url("/typo3conf/Resources/Public/Media/IMG/Servicecenter/pins_start.svg"); }
.no-svg .picto-start { background-image: url("/typo3conf/Resources/Public/Media/IMG/Servicecenter/pins_start.png"); }

.picto-start-a { background-position: 0 0px; }

.picto-start-b { background-position: 0 -40px; }

.picto-start-c { background-position: 0 -80px; }

.picto-start-d { background-position: 0 -120px; }

.picto-start-e { background-position: 0 -160px; }

.picto-start-f { background-position: 0 -200px; }

.picto-start-g { background-position: 0 -240px; }

.picto-start-h { background-position: 0 -280px; }

.picto-start-i { background-position: 0 -320px; }

.picto-start-j { background-position: 0 -360px; }

.picto-start-k { background-position: 0 -400px; }

.picto-start-l { background-position: 0 -440px; }

.picto-start-m { background-position: 0 -480px; }

.picto-start-n { background-position: 0 -520px; }

.picto-start-o { background-position: 0 -560px; }

.picto-start-p { background-position: 0 -600px; }

.picto-start-q { background-position: 0 -640px; }

.picto-start-r { background-position: 0 -680px; }

.picto-start-s { background-position: 0 -720px; }

.picto-start-t { background-position: 0 -760px; }

.picto-start-u { background-position: 0 -800px; }

.picto-start-v { background-position: 0 -840px; }

.picto-start-w { background-position: 0 -880px; }

.picto-start-x { background-position: 0 -920px; }

.picto-start-y { background-position: 0 -960px; }

.picto-start-z { background-position: 0 -1000px; }

.svg .picto-accessoriesseller { background-image: url("/typo3conf/Resources/Public/Media/IMG/Servicecenter/pins_accessoriesseller.svg"); }
.no-svg .picto-accessoriesseller { background-image: url("/typo3conf/Resources/Public/Media/IMG/Servicecenter/pins_accessoriesseller.png"); }

.picto-accessoriesseller-a { background-position: 0 0px; }

.picto-accessoriesseller-b { background-position: 0 -40px; }

.picto-accessoriesseller-c { background-position: 0 -80px; }

.picto-accessoriesseller-d { background-position: 0 -120px; }

.picto-accessoriesseller-e { background-position: 0 -160px; }

.picto-accessoriesseller-f { background-position: 0 -200px; }

.picto-accessoriesseller-g { background-position: 0 -240px; }

.picto-accessoriesseller-h { background-position: 0 -280px; }

.picto-accessoriesseller-i { background-position: 0 -320px; }

.picto-accessoriesseller-j { background-position: 0 -360px; }

.picto-accessoriesseller-k { background-position: 0 -400px; }

.picto-accessoriesseller-l { background-position: 0 -440px; }

.picto-accessoriesseller-m { background-position: 0 -480px; }

.picto-accessoriesseller-n { background-position: 0 -520px; }

.picto-accessoriesseller-o { background-position: 0 -560px; }

.picto-accessoriesseller-p { background-position: 0 -600px; }

.picto-accessoriesseller-q { background-position: 0 -640px; }

.picto-accessoriesseller-r { background-position: 0 -680px; }

.picto-accessoriesseller-s { background-position: 0 -720px; }

.picto-accessoriesseller-t { background-position: 0 -760px; }

.picto-accessoriesseller-u { background-position: 0 -800px; }

.picto-accessoriesseller-v { background-position: 0 -840px; }

.picto-accessoriesseller-w { background-position: 0 -880px; }

.picto-accessoriesseller-x { background-position: 0 -920px; }

.picto-accessoriesseller-y { background-position: 0 -960px; }

.picto-accessoriesseller-z { background-position: 0 -1000px; }

.svg .picto-shop { background-image: url("/typo3conf/Resources/Public/Media/IMG/Servicecenter/pins_shop.svg"); }
.no-svg .picto-shop { background-image: url("/typo3conf/Resources/Public/Media/IMG/Servicecenter/pins_shop.png"); }

.picto-shop-a { background-position: 0 0px; }

.picto-shop-b { background-position: 0 -40px; }

.picto-shop-c { background-position: 0 -80px; }

.picto-shop-d { background-position: 0 -120px; }

.picto-shop-e { background-position: 0 -160px; }

.picto-shop-f { background-position: 0 -200px; }

.picto-shop-g { background-position: 0 -240px; }

.picto-shop-h { background-position: 0 -280px; }

.picto-shop-i { background-position: 0 -320px; }

.picto-shop-j { background-position: 0 -360px; }

.picto-shop-k { background-position: 0 -400px; }

.picto-shop-l { background-position: 0 -440px; }

.picto-shop-m { background-position: 0 -480px; }

.picto-shop-n { background-position: 0 -520px; }

.picto-shop-o { background-position: 0 -560px; }

.picto-shop-p { background-position: 0 -600px; }

.picto-shop-q { background-position: 0 -640px; }

.picto-shop-r { background-position: 0 -680px; }

.picto-shop-s { background-position: 0 -720px; }

.picto-shop-t { background-position: 0 -760px; }

.picto-shop-u { background-position: 0 -800px; }

.picto-shop-v { background-position: 0 -840px; }

.picto-shop-w { background-position: 0 -880px; }

.picto-shop-x { background-position: 0 -920px; }

.picto-shop-y { background-position: 0 -960px; }

.picto-shop-z { background-position: 0 -1000px; }

.svg .picto-servicecenter { background-image: url("/typo3conf/Resources/Public/Media/IMG/Servicecenter/pins_servicecenter.svg"); }
.no-svg .picto-servicecenter { background-image: url("/typo3conf/Resources/Public/Media/IMG/Servicecenter/pins_servicecenter.png"); }

.picto-servicecenter-a { background-position: 0 0px; }

.picto-servicecenter-b { background-position: 0 -40px; }

.picto-servicecenter-c { background-position: 0 -80px; }

.picto-servicecenter-d { background-position: 0 -120px; }

.picto-servicecenter-e { background-position: 0 -160px; }

.picto-servicecenter-f { background-position: 0 -200px; }

.picto-servicecenter-g { background-position: 0 -240px; }

.picto-servicecenter-h { background-position: 0 -280px; }

.picto-servicecenter-i { background-position: 0 -320px; }

.picto-servicecenter-j { background-position: 0 -360px; }

.picto-servicecenter-k { background-position: 0 -400px; }

.picto-servicecenter-l { background-position: 0 -440px; }

.picto-servicecenter-m { background-position: 0 -480px; }

.picto-servicecenter-n { background-position: 0 -520px; }

.picto-servicecenter-o { background-position: 0 -560px; }

.picto-servicecenter-p { background-position: 0 -600px; }

.picto-servicecenter-q { background-position: 0 -640px; }

.picto-servicecenter-r { background-position: 0 -680px; }

.picto-servicecenter-s { background-position: 0 -720px; }

.picto-servicecenter-t { background-position: 0 -760px; }

.picto-servicecenter-u { background-position: 0 -800px; }

.picto-servicecenter-v { background-position: 0 -840px; }

.picto-servicecenter-w { background-position: 0 -880px; }

.picto-servicecenter-x { background-position: 0 -920px; }

.picto-servicecenter-y { background-position: 0 -960px; }

.picto-servicecenter-z { background-position: 0 -1000px; }

.svg .picto-store { background-image: url("/typo3conf/Resources/Public/Media/IMG/Servicecenter/pins_store.svg"); }
.no-svg .picto-store { background-image: url("/typo3conf/Resources/Public/Media/IMG/Servicecenter/pins_store.png"); }

.picto-store-a { background-position: 0 0px; }

.picto-store-b { background-position: 0 -40px; }

.picto-store-c { background-position: 0 -80px; }

.picto-store-d { background-position: 0 -120px; }

.picto-store-e { background-position: 0 -160px; }

.picto-store-f { background-position: 0 -200px; }

.picto-store-g { background-position: 0 -240px; }

.picto-store-h { background-position: 0 -280px; }

.picto-store-i { background-position: 0 -320px; }

.picto-store-j { background-position: 0 -360px; }

.picto-store-k { background-position: 0 -400px; }

.picto-store-l { background-position: 0 -440px; }

.picto-store-m { background-position: 0 -480px; }

.picto-store-n { background-position: 0 -520px; }

.picto-store-o { background-position: 0 -560px; }

.picto-store-p { background-position: 0 -600px; }

.picto-store-q { background-position: 0 -640px; }

.picto-store-r { background-position: 0 -680px; }

.picto-store-s { background-position: 0 -720px; }

.picto-store-t { background-position: 0 -760px; }

.picto-store-u { background-position: 0 -800px; }

.picto-store-v { background-position: 0 -840px; }

.picto-store-w { background-position: 0 -880px; }

.picto-store-x { background-position: 0 -920px; }

.picto-store-y { background-position: 0 -960px; }

.picto-store-z { background-position: 0 -1000px; }

.svg .picto-regionaloffice { background-image: url("/typo3conf/Resources/Public/Media/IMG/Servicecenter/pins_regionaloffice.svg"); }
.no-svg .picto-regionaloffice { background-image: url("/typo3conf/Resources/Public/Media/IMG/Servicecenter/pins_regionaloffice.png"); }

.picto-regionaloffice-a { background-position: 0 0px; }

.picto-regionaloffice-b { background-position: 0 -40px; }

.picto-regionaloffice-c { background-position: 0 -80px; }

.picto-regionaloffice-d { background-position: 0 -120px; }

.picto-regionaloffice-e { background-position: 0 -160px; }

.picto-regionaloffice-f { background-position: 0 -200px; }

.picto-regionaloffice-g { background-position: 0 -240px; }

.picto-regionaloffice-h { background-position: 0 -280px; }

.picto-regionaloffice-i { background-position: 0 -320px; }

.picto-regionaloffice-j { background-position: 0 -360px; }

.picto-regionaloffice-k { background-position: 0 -400px; }

.picto-regionaloffice-l { background-position: 0 -440px; }

.picto-regionaloffice-m { background-position: 0 -480px; }

.picto-regionaloffice-n { background-position: 0 -520px; }

.picto-regionaloffice-o { background-position: 0 -560px; }

.picto-regionaloffice-p { background-position: 0 -600px; }

.picto-regionaloffice-q { background-position: 0 -640px; }

.picto-regionaloffice-r { background-position: 0 -680px; }

.picto-regionaloffice-s { background-position: 0 -720px; }

.picto-regionaloffice-t { background-position: 0 -760px; }

.picto-regionaloffice-u { background-position: 0 -800px; }

.picto-regionaloffice-v { background-position: 0 -840px; }

.picto-regionaloffice-w { background-position: 0 -880px; }

.picto-regionaloffice-x { background-position: 0 -920px; }

.picto-regionaloffice-y { background-position: 0 -960px; }

.picto-regionaloffice-z { background-position: 0 -1000px; }

.svg .picto-tradefair { background-image: url("/typo3conf/Resources/Public/Media/IMG/Servicecenter/pins_tradefair.svg"); }
.no-svg .picto-tradefair { background-image: url("/typo3conf/Resources/Public/Media/IMG/Servicecenter/pins_tradefair.png"); }

.picto-tradefair-0 { background-position: 0 0px; }

.picto-tradefair-1 { background-position: 0 -40px; }

.picto-tradefair-2 { background-position: 0 -80px; }

.picto-tradefair-3 { background-position: 0 -120px; }

.picto-tradefair-4 { background-position: 0 -160px; }

.picto-tradefair-5 { background-position: 0 -200px; }

.picto-tradefair-6 { background-position: 0 -240px; }

.picto-tradefair-7 { background-position: 0 -280px; }

.picto-tradefair-8 { background-position: 0 -320px; }

.picto-tradefair-9 { background-position: 0 -360px; }

.picto-tradefair-10 { background-position: 0 -400px; }

.picto-tradefair-11 { background-position: 0 -440px; }

.picto-tradefair-12 { background-position: 0 -480px; }

.picto-tradefair-13 { background-position: 0 -520px; }

.picto-tradefair-14 { background-position: 0 -560px; }

.picto-tradefair-15 { background-position: 0 -600px; }

.picto-tradefair-16 { background-position: 0 -640px; }

.picto-tradefair-17 { background-position: 0 -680px; }

.picto-tradefair-18 { background-position: 0 -720px; }

.picto-tradefair-19 { background-position: 0 -760px; }

.picto-tradefair-20 { background-position: 0 -800px; }

.picto-tradefair-21 { background-position: 0 -840px; }

.picto-tradefair-22 { background-position: 0 -880px; }

.picto-tradefair-23 { background-position: 0 -920px; }

.picto-tradefair-24 { background-position: 0 -960px; }

.picto-tradefair-25 { background-position: 0 -1000px; }

.picto-tradefair-26 { background-position: 0 -1040px; }

.picto-tradefair-27 { background-position: 0 -1080px; }

.picto-tradefair-28 { background-position: 0 -1120px; }

.picto-tradefair-29 { background-position: 0 -1160px; }

.picto-tradefair-30 { background-position: 0 -1200px; }

.picto-tradefair-31 { background-position: 0 -1240px; }

.picto-tradefair-32 { background-position: 0 -1280px; }

.picto-tradefair-33 { background-position: 0 -1320px; }

.picto-tradefair-34 { background-position: 0 -1360px; }

.picto-tradefair-35 { background-position: 0 -1400px; }

.picto-tradefair-36 { background-position: 0 -1440px; }

.picto-tradefair-37 { background-position: 0 -1480px; }

.picto-tradefair-38 { background-position: 0 -1520px; }

.picto-tradefair-39 { background-position: 0 -1560px; }

.picto-tradefair-40 { background-position: 0 -1600px; }

.picto-tradefair-41 { background-position: 0 -1640px; }

.picto-tradefair-42 { background-position: 0 -1680px; }

.picto-tradefair-43 { background-position: 0 -1720px; }

.picto-tradefair-44 { background-position: 0 -1760px; }

.picto-tradefair-45 { background-position: 0 -1800px; }

.picto-tradefair-46 { background-position: 0 -1840px; }

.picto-tradefair-47 { background-position: 0 -1880px; }

.picto-tradefair-48 { background-position: 0 -1920px; }

.picto-tradefair-49 { background-position: 0 -1960px; }

.picto-tradefair-50 { background-position: 0 -2000px; }

.picto-tradefair-51 { background-position: 0 -2040px; }

.picto-tradefair-52 { background-position: 0 -2080px; }

.picto-tradefair-53 { background-position: 0 -2120px; }

.picto-tradefair-54 { background-position: 0 -2160px; }

.picto-tradefair-55 { background-position: 0 -2200px; }

.picto-tradefair-56 { background-position: 0 -2240px; }

.picto-tradefair-57 { background-position: 0 -2280px; }

.picto-tradefair-58 { background-position: 0 -2320px; }

.picto-tradefair-59 { background-position: 0 -2360px; }

.picto-tradefair-60 { background-position: 0 -2400px; }

.picto-tradefair-61 { background-position: 0 -2440px; }

.picto-tradefair-62 { background-position: 0 -2480px; }

.picto-tradefair-63 { background-position: 0 -2520px; }

.picto-tradefair-64 { background-position: 0 -2560px; }

.picto-tradefair-65 { background-position: 0 -2600px; }

.picto-tradefair-66 { background-position: 0 -2640px; }

.picto-tradefair-67 { background-position: 0 -2680px; }

.picto-tradefair-68 { background-position: 0 -2720px; }

.picto-tradefair-69 { background-position: 0 -2760px; }

.picto-tradefair-70 { background-position: 0 -2800px; }

.picto-tradefair-71 { background-position: 0 -2840px; }

.picto-tradefair-72 { background-position: 0 -2880px; }

.picto-tradefair-73 { background-position: 0 -2920px; }

.picto-tradefair-74 { background-position: 0 -2960px; }

.picto-tradefair-75 { background-position: 0 -3000px; }

.picto-tradefair-76 { background-position: 0 -3040px; }

.picto-tradefair-77 { background-position: 0 -3080px; }

.picto-tradefair-78 { background-position: 0 -3120px; }

.picto-tradefair-79 { background-position: 0 -3160px; }

.picto-tradefair-80 { background-position: 0 -3200px; }

.picto-tradefair-81 { background-position: 0 -3240px; }

.picto-tradefair-82 { background-position: 0 -3280px; }

.picto-tradefair-83 { background-position: 0 -3320px; }

.picto-tradefair-84 { background-position: 0 -3360px; }

.picto-tradefair-85 { background-position: 0 -3400px; }

.picto-tradefair-86 { background-position: 0 -3440px; }

.picto-tradefair-87 { background-position: 0 -3480px; }

.picto-tradefair-88 { background-position: 0 -3520px; }

.picto-tradefair-89 { background-position: 0 -3560px; }

.picto-tradefair-90 { background-position: 0 -3600px; }

.picto-tradefair-91 { background-position: 0 -3640px; }

.picto-tradefair-92 { background-position: 0 -3680px; }

.picto-tradefair-93 { background-position: 0 -3720px; }

.picto-tradefair-94 { background-position: 0 -3760px; }

.picto-tradefair-95 { background-position: 0 -3800px; }

.picto-tradefair-96 { background-position: 0 -3840px; }

.picto-tradefair-97 { background-position: 0 -3880px; }

.picto-tradefair-98 { background-position: 0 -3920px; }

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

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

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

.text-uppercase { font-family: "LinotypeUniversW02-Bold 726184", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; }

.text-alert { color: #cc0000; }
.text-alert a { color: #cc0000; text-decoration: underline; }
.no-touch .text-alert a:hover { color: #113c2b; }
.text-alert a:active { color: #113c2b; }

.text-quiet { color: #6d6e71; }
.text-quiet a { color: #6d6e71; text-decoration: underline; }
.no-touch .text-quiet a:hover { color: #113c2b; }
.text-quiet a:active { color: #113c2b; }

.responsive-carousel .carousel-inner { opacity: 0; border-bottom: 0; }
.responsive-carousel .carousel-indicators { margin: 20px auto 10px; position: static; }
@media (max-width: 767px) { .responsive-carousel .carousel-indicators { display: none; } }
.responsive-carousel .carousel-control.left { margin-left: -38px; }
.responsive-carousel .carousel-control.right { margin-left: -12px; }
.responsive-carousel.navigation-below .carousel-control { height: 60px; bottom: -10px; top: auto; margin-left: 0; }
.responsive-carousel.navigation-below .carousel-control.right { margin-left: -50px; }
.responsive-carousel.navigation-below .carousel-indicators { margin-top: 30px; }
.responsive-carousel .carousel-pagination { text-align: center; margin-top: 30px; margin-bottom: 10px; }
@media (min-width: 768px) { .responsive-carousel .carousel-pagination { display: none; } }

.responsive-carousel-singlepage .carousel-control, .responsive-carousel-singlepage .carousel-indicators { display: none; }

.content-selector { background: #ececec; text-align: center; color: #113c2b; display: block; padding-bottom: 5px; float: left; width: 100%; }
.no-touch .content-selector:hover { text-decoration: none; }
.no-touch .content-selector:hover .content-selector-headline { color: #009c3b; }
.no-touch .content-selector:hover .content-selector-image img { opacity: 1; }
.content-selector:active { text-decoration: none; }
.content-selector:active .content-selector-headline { color: #009c3b; }
.content-selector:active .content-selector-image img { opacity: 1; }
.content-selector.active .content-selector-headline { color: #009c3b; }
.content-selector.active .content-selector-image img { -webkit-transition: none; transition: none; opacity: 1; }

.content-selector-image { background: white; }
.content-selector-image img { -webkit-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); opacity: 0.5; }

.content-selector-headline, .content-selector-text { padding: 0 10px; }
@media (max-width: 767px) { .content-selector-headline, .content-selector-text { display: none; } }

.content-selector-headline { margin-top: 15px; margin-bottom: 0; height: 2em; overflow: hidden; }

.content-selector-text { height: 5.2em; overflow: hidden; padding-top: 10px; padding-bottom: 15px; }
.content-selector-text p { margin-bottom: 0; }

.content-selector-link { padding: 10px; }
.content-selector-link a.pull-right { margin-bottom: 10px; }

.content-selector-textline, .content-selector-rating { background-color: rgba(17, 60, 43, 0.75); height: 25px; margin-top: -25px; position: relative; line-height: 27px; color: white; }

.content-selector-rating { font-size: 12px; letter-spacing: 1px; }

.content-selector-textline { font-family: "LinotypeUniversW02-Bold 726184", Arial, Tahoma, Verdana, Helvetica, sans-serif; }

.content-selector-target-wrapper { position: relative; }

.content-selector-target { opacity: 0; visibility: hidden; z-index: 0; position: absolute; left: 0; top: 0; }
@media (min-width: 768px) { .content-selector-target { -webkit-transition: all 300ms linear; transition: all 300ms linear; } }
.content-selector-target.active { position: relative; opacity: 1; z-index: 1; visibility: visible; }
.content-selector-target .content-selector-link { padding-left: 0; }

.icon { background: transparent url("/typo3conf/Resources/Public/Media/IMG/Icons/icons.png") no-repeat 0 0; background-size: 50px; display: inline-block; overflow: hidden; text-indent: -1000px; white-space: nowrap; text-align: left; }

.icon-facebook, .icon-youtube, .icon-twitter, .icon-pinterest, .icon-instagram, .icon-rezeptwelt { width: 25px; height: 25px; cursor: pointer; }

.icon-facebook { background-position: 0 0; }
.no-touch .icon-facebook:hover { background-position: -25px 0; }
.icon-facebook:active { background-position: -25px 0; }

.icon-youtube { background-position: 0 -25px; }
.no-touch .icon-youtube:hover { background-position: -25px -25px; }
.icon-youtube:active { background-position: -25px -25px; }

.icon-twitter { background-position: 0 -50px; }
.no-touch .icon-twitter:hover { background-position: -25px -50px; }
.icon-twitter:active { background-position: -25px -50px; }

.icon-pinterest { background-position: 0 -75px; }
.no-touch .icon-pinterest:hover { background-position: -25px -75px; }
.icon-pinterest:active { background-position: -25px -75px; }

.icon-instagram { background-position: 0 -100px; }
.no-touch .icon-instagram:hover { background-position: -25px -100px; }
.icon-instagram:active { background-position: -25px -100px; }

.icon-rezeptwelt { background-position: 0 -125px; }
.no-touch .icon-rezeptwelt:hover { background-position: -25px -125px; }
.icon-rezeptwelt:active { background-position: -25px -125px; }
.social-media-fixed { position: fixed; right: 0; top: calc(50vh - 90px); }
.social-media-fixed ul { list-style: none; margin: 0; padding: 0; }
.social-media-fixed ul a.icon { position: relative; right: -5px; width: 32px; height: 32px; background-size: 64px; transform: translateZ(0); -webkit-transform: translateZ(0); transition: right 0.3s cubic-bezier(0.68, -0.55, 0.27, 2.25); -webkit-transition: right 0.3s cubic-bezier(0.68, -0.55, 0.27, 2.25); }
.social-media-fixed ul a.icon.icon-facebook { background-position: 0 0; }
.no-touch .social-media-fixed ul a.icon.icon-facebook:hover { background-position: -32px 0; }
.social-media-fixed ul a.icon.icon-facebook:active { background-position: -32px 0; }
.social-media-fixed ul a.icon.icon-youtube { background-position: 0 -32px; }
.no-touch .social-media-fixed ul a.icon.icon-youtube:hover { background-position: -32px -32px; }
.social-media-fixed ul a.icon.icon-youtube:active { background-position: -32px -32px; }
.social-media-fixed ul a.icon.icon-twitter { background-position: 0 -64px; }
.no-touch .social-media-fixed ul a.icon.icon-twitter:hover { background-position: -32px -64px; }
.social-media-fixed ul a.icon.icon-twitter:active { background-position: -32px -64px; }
.social-media-fixed ul a.icon.icon-pinterest { background-position: 0 -96px; }
.no-touch .social-media-fixed ul a.icon.icon-pinterest:hover { background-position: -32px -96px; }
.social-media-fixed ul a.icon.icon-pinterest:active { background-position: -32px -96px; }
.social-media-fixed ul a.icon.icon-instagram { background-position: 0 -128px; }
.no-touch .social-media-fixed ul a.icon.icon-instagram:hover { background-position: -32px -128px; }
.social-media-fixed ul a.icon.icon-instagram:active { background-position: -32px -128px; }
.social-media-fixed ul a.icon.icon-rezeptwelt { background-position: 0 -160px; }
.no-touch .social-media-fixed ul a.icon.icon-rezeptwelt:hover { background-position: -32px -160px; }
.social-media-fixed ul a.icon.icon-rezeptwelt:active { background-position: -32px -160px; }
.social-media-fixed ul a.icon:hover { right: 0; }

.glyphicon-chevron-right:before, .glyphicon-chevron-left:before, .glyphicon-chevron-up:before, .glyphicon-chevron-down:before, .glyphicon-remove:before, .glyphicon-screenshot:before, .customicon-arrowright-small:before { font-size: 0.8em; position: relative; top: -1px; }

@font-face { font-family: 'Icomoon'; src: url("../CSS/Font/icomoon/icomoon.eot"); src: url("../CSS/Font/icomoon/icomoon.eot?#iefix") format("embedded-opentype"), url("../CSS/Font/icomoon/icomoon.woff") format("woff"), url("../CSS/Font/icomoon/icomoon.ttf") format("truetype"), url("../CSS/Font/icomoon/icomoon.svg#icomoon") format("svg"); }

.customicon { position: relative; top: 1px; display: inline-block; font-family: 'Icomoon'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; }

.customicon-arrowright-small:before { content: "\e603"; }

.customicon-arrowup:before { content: "\e608"; }

.customicon-arrowdown-small:before { content: "\e605"; }

.customicon-video-text:before { content: "\e5fa"; }

.customicon-video:before { content: "\e5fb"; }

.customicon-picture-text:before { content: "\e5fc"; }

.customicon-picture:before { content: "\e5fd"; }

.customicon-pdf-text:before { content: "\e5fe"; }

.customicon-pdf:before { content: "\e5ff"; }

.customicon-video-text:before, .customicon-video:before, .customicon-picture-text:before, .customicon-picture:before, .customicon-pdf-text:before, .customicon-pdf:before { font-size: 1.3em; }

.flag:before, i.flag { width: 20px; height: 14px; }

.flag { position: relative; padding-left: 28px; }
.flag:before { content: ""; background: transparent url("/typo3conf/Resources/Public/Media/IMG/sprite-flag-links.png") no-repeat 0 0; position: absolute; top: 50%; margin-top: -7px; display: block; }
.flag.flag-germany:before { background-position: 0 0; }
.flag.flag-australia:before { background-position: 0 -169px; }
.flag.flag-czechia:before { background-position: 0 -338px; }
.flag.flag-france:before { background-position: 0 -507px; }
.flag.flag-italy:before { background-position: 0 -676px; }
.flag.flag-portugal:before { background-position: 0 -845px; }
.flag.flag-spain:before { background-position: 0 -1014px; }
.flag.flag-poland:before { background-position: 0 -1183px; }
.flag.flag-taiwan:before { background-position: 0 -1352px; }
.flag.flag-unitedkingdom:before { background-position: 0 -1521px; }
.flag.flag-mexico:before { background-position: 0 -1690px; }
.flag.flag-austria:before { background-position: 0 -1859px; }

i.flag { padding-left: 0; display: inline-block; }

@font-face { font-family: "tm-shop-categories"; src: url("../CSS/Font/icons/tm-shop-categories.eot"); src: url("../CSS/Font/icons/tm-shop-categories.eot?#iefix") format("embedded-opentype"), url("../CSS/Font/icons/tm-shop-categories.woff") format("woff"), url("../CSS/Font/icons/tm-shop-categories.ttf") format("truetype"), url("../CSS/Font/icons/tm-shop-categories.svg#tm-shop-categories") format("svg"); font-weight: normal; font-style: normal; }

[data-icon-shop]:before { font-family: "tm-shop-categories" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[class^="icon-tm-shop-"]:before, [class*=" icon-tm-shop-"]:before { font-family: "tm-shop-categories" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-tm-shop-all-in-one:before { content: "\61"; }

.icon-tm-shop-antipasta:before { content: "\62"; }

.icon-tm-shop-bakery:before { content: "\63"; }

.icon-tm-shop-bbq:before { content: "\64"; }

.icon-tm-shop-birthday-party:before { content: "\65"; }

.icon-tm-shop-breads-dough:before { content: "\66"; }

.icon-tm-shop-cakes-sweets:before { content: "\67"; }

.icon-tm-shop-children-food:before { content: "\68"; }

.icon-tm-shop-christmas:before { content: "\69"; }

.icon-tm-shop-cold-recipes:before { content: "\6a"; }

.icon-tm-shop-community-recipes:before { content: "\6b"; }

.icon-tm-shop-contact:before { content: "\6c"; }

.icon-tm-shop-cook-for-2:before { content: "\6d"; }

.icon-tm-shop-daily-cooking:before { content: "\6e"; }

.icon-tm-shop-drinks:before { content: "\6f"; }

.icon-tm-shop-easter:before { content: "\70"; }

.icon-tm-shop-easy:before { content: "\71"; }

.icon-tm-shop-eco-recipes:before { content: "\72"; }

.icon-tm-shop-eco-recipes-mx:before { content: "\73"; }

.icon-tm-shop-eco-recipes-pl:before { content: "\74"; }

.icon-tm-shop-family:before { content: "\75"; }

.icon-tm-shop-first-dish:before { content: "\76"; }

.icon-tm-shop-fish-recipes:before { content: "\77"; }

.icon-tm-shop-gift:before { content: "\78"; }

.icon-tm-shop-glutenfree:before { content: "\79"; }

.icon-tm-shop-healthy:before { content: "\7a"; }

.icon-tm-shop-ice-cream:before { content: "\41"; }

.icon-tm-shop-international:before { content: "\42"; }

.icon-tm-shop-lactose-free:before { content: "\43"; }

.icon-tm-shop-low-calories:before { content: "\44"; }

.icon-tm-shop-low-carb:before { content: "\45"; }

.icon-tm-shop-low-fat-cz:before { content: "\46"; }

.icon-tm-shop-low-fat-de:before { content: "\47"; }

.icon-tm-shop-low-fat-es:before { content: "\48"; }

.icon-tm-shop-low-fat-it:before { content: "\49"; }

.icon-tm-shop-low-fat-pl:before { content: "\4a"; }

.icon-tm-shop-low-fat-pt:before { content: "\4b"; }

.icon-tm-shop-low-fat-tw:before { content: "\4c"; }

.icon-tm-shop-orders:before { content: "\4d"; }

.icon-tm-shop-paperback:before { content: "\4e"; }

.icon-tm-shop-pasta-risotto:before { content: "\4f"; }

.icon-tm-shop-pocketbook:before { content: "\50"; }

.icon-tm-shop-premium-cookbook:before { content: "\51"; }

.icon-tm-shop-preservatives:before { content: "\52"; }

.icon-tm-shop-quick-recipes:before { content: "\53"; }

.icon-tm-shop-raw-recipes:before { content: "\54"; }

.icon-tm-shop-recipe-chip:before { content: "\55"; }

.icon-tm-shop-recipes:before { content: "\56"; }

.icon-tm-shop-returns:before { content: "\57"; }

.icon-tm-shop-salad-recipes:before { content: "\58"; }

.icon-tm-shop-salt-free:before { content: "\59"; }

.icon-tm-shop-sansibar:before { content: "\5a"; }

.icon-tm-shop-seasonal:before { content: "\30"; }

.icon-tm-shop-shipping:before { content: "\31"; }

.icon-tm-shop-soup-sauces:before { content: "\32"; }

.icon-tm-shop-special-occasion:before { content: "\33"; }

.icon-tm-shop-steam-recipes-v2:before { content: "\34"; }

.icon-tm-shop-sugar-free:before { content: "\35"; }

.icon-tm-shop-sugar-free-1:before { content: "\36"; }

.icon-tm-shop-summer:before { content: "\37"; }

.icon-tm-shop-time-saving:before { content: "\38"; }

.icon-tm-shop-tm5:before { content: "\39"; }

.icon-tm-shop-tm21:before { content: "\21"; }

.icon-tm-shop-tm31:before { content: "\22"; }

.icon-tm-shop-traditional-recipes:before { content: "\23"; }

.icon-tm-shop-vegan:before { content: "\24"; }

.icon-tm-shop-vegetarian:before { content: "\25"; }

.icon-tm-shop-faq:before { content: "\26"; }

.icon-tm-shop-data-security:before { content: "\27"; }

.icon-tm-shop-order-process:before { content: "\28"; }

.icon-tm-shop-payment-method:before { content: "\29"; }

.icon-tm-shop-general-terms:before { content: "\2a"; }

.icon-nav { margin: 40px 0; }
@media (max-width: 767px) { .icon-nav .col-xs-6:nth-child(3), .icon-nav .col-xs-6:nth-child(4) { margin-top: 10px; } }
.icon-nav span { font-size: 100px; margin-bottom: -24px; display: block; color: #009c3b; transition: all .5s; }
@media (max-width: 767px) { .icon-nav span { font-size: 70px; } }
.icon-nav a { color: #113c2b; text-transform: uppercase; font-weight: bold; font-size: 14px; transition: all .5s; }
.icon-nav a:focus { text-decoration: none; }
.icon-nav a:hover, .icon-nav a:hover span { text-decoration: none; color: #95c11c; }
.icon-nav a:hover [class^="icon-"], .icon-nav a:hover span [class^="icon-"] { transform: scale(1.2); }

.headline-icon { color: #009c3b; text-align: center; font-size: 40px; }

@media (min-width: 768px) { .cook-details h2 { margin-top: 0; margin-bottom: 15px; } }
@media (max-width: 767px) { .cook-details img { display: none; } }

.cook-details-container { margin: 50px 0; }
@media (max-width: 767px) { .cook-details-container { margin: 30px 0; } }

.cook-details-restaurant { margin-bottom: 10px; }
.cook-details-restaurant .name { font-weight: bold; }

.cook-details-stars { color: #8b1a9a; font-size: 22px; }

.cook-details-quote { margin-top: 25px; }

.navigation-arrow { display: inline-block; background: transparent url("/typo3conf/Resources/Public/Media/IMG/navigation-arrows.png") no-repeat 0 0; width: 40px; height: 60px; }

.navigation-arrow-left, .carousel-control:hover .navigation-arrow-left { background-position: 0 -80px; }
.navigation-arrow-left.disabled, .carousel-control .navigation-arrow-left { background-position: 0 0; }

.navigation-arrow-right, .carousel-control:hover .navigation-arrow-right { background-position: -50px -80px; }
.navigation-arrow-right.disabled, .carousel-control .navigation-arrow-right { background-position: -50px 0; }

.list-links > li > .btn-link { padding-top: 2px; padding-bottom: 2px; }

.list-stretched > li + li { margin-top: 10px; }

.list-ok > li { padding-left: 30px; position: relative; list-style-type: none; }
.list-ok > li:before { position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; content: '\e013'; color: #009c3b; position: absolute; top: -2px; left: 0; font-size: 16px; }

.list-green-checkmark { padding-left: 0; }
.list-green-checkmark > li { padding-left: 30px; position: relative; list-style-type: none; }
.list-green-checkmark > li:before { position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; content: '\e013'; color: #009c3b; position: absolute; top: -2px; left: 0; font-size: 16px; }
.list-green-checkmark > li + li { margin-top: 10px; }

.news h1 { margin-bottom: 60px; }
.news h3, .news h4 { margin-top: 14px; margin-bottom: 15px; color: #113c2b; }
.news ul { padding-left: 0; }
.news ul li { list-style-type: none; }
.news .teaser-text { text-align: left; }
.news .news-list-view { margin-bottom: 50px; }
.news .news-list-view .article:nth-child(2) { padding-top: 70px; }
.news .news-item-meta { color: #b2b2b2; font-family: "LinotypeUniversW02-Bold 726184", Arial, Tahoma, Verdana, Helvetica, sans-serif; }
.news .news-related.news-related-files { color: #B1B2B3; }
.news .container { margin-bottom: 15px; padding: 0; }
.news .news-img-wrap { margin-bottom: 15px; }
.news .news-img-wrap img { border: 1px solid #b1b2b3; }
.news .page-navigation { margin-bottom: 20px; float: right; }
.news .page-navigation .f3-widget-paginator { padding: 0; list-style-type: none; }
.news .page-navigation .f3-widget-paginator li { display: inline; margin-right: 15px; }
.news .page-navigation p { margin-bottom: 2px; }

.news-single { margin-bottom: 70px; }
.news-single .news-img-wrap .outer { margin-bottom: 20px; }
.news-single .ts-fancyboxWidget-applied .mediaelement-image { position: relative; }
.news-single .ts-fancyboxWidget-applied .mediaelement-image .glyphicon { position: absolute; bottom: 10px; right: 10px; top: initial; font-size: 15px; }
.news-single .ts-fancyboxWidget-applied .mediaelement-image a { color: white; }
.news-single .ts-fancyboxWidget-applied .mediaelement-image img { border: 1px solid #b1b2b3; }

@keyframes pulse_animation { 0% { box-shadow: 0 0 0 0 rgba(0, 156, 59, 0.4); transform: scale(0.4); }
  70% { box-shadow: 0 0 0 20px rgba(0, 156, 59, 0); transform: scale(1); }
  100% { box-shadow: 0 0 0 0 rgba(0, 156, 59, 0); transform: scale(0.4); } }
.mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top; text-indent: 0; }

.me-plugin { position: absolute; }

.mejs-controls { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
@media (max-width: 767px) { .mejs-controls { display: none; } }

.mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; }

.mejs-fullscreen { /* set it to not show scroll bars so 100% will work */ overflow: hidden !important; }

.mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }

.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; }

.mejs-clear { clear: both; }

/* Start: LAYERS */
.mejs-background { position: absolute; top: 0; left: 0; }

.mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mejs-poster { position: absolute; top: 0; left: 0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; background-color: #fff; }
.touch .videoplayer-youtube .mejs-poster { display: none; }

:root .mejs-poster img { display: none; }

.mejs-inner, .mejs-layers { height: 100%; width: 100%; }

.mejs-poster img { border: 0; padding: 0; border: 0; }

.mejs-overlay { position: absolute; top: 0; left: 0; }

.mejs-overlay-play { cursor: pointer; }

.mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px !important; background: url(../mediaelementjs/bigplay.svg) no-repeat; }

.videoplayer-big .mejs-overlay-button { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.no-svg .mejs-overlay-button { background-image: url(../mediaelementjs/bigplay.png); }

.mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px; }

.mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 76px; height: 76px; margin: -38px 0 0 -38px; background: #113c2b; -webkit-border-radius: 38px; -moz-border-radius: 38px; -ms-border-radius: 38px; -o-border-radius: 38px; border-radius: 38px; }

.mejs-overlay-loading span { display: block; width: 76px; height: 76px; background: transparent url(../mediaelementjs/loading.png) 50% 50% no-repeat; }

/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0 0 3px 0; height: 29px; overflow: hidden; bottom: 10px; background: white; background: rgba(255, 255, 255, 0.7); left: 11px; right: 11px; }

.mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; font-family: Helvetica, Arial; border: 0; }

.mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url(../mediaelementjs/controls.svg) no-repeat; }

.no-svg .mejs-controls .mejs-button button { background-image: url(../mediaelementjs/controls.png); }

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus { outline: none; }

/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0 3px; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

.mejs-container .mejs-controls .mejs-time span { color: #113c2b; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; }

/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs-controls .mejs-play button { background-position: 0 0; }

.mejs-controls .mejs-pause button { background-position: 0 -16px; }

.mejs-controls .mejs-stop button { background-position: -112px 0; }

/* Start: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-top: 5px; }

.mejs-controls .mejs-time-rail span { display: block; position: absolute; width: 180px; height: 10px; cursor: pointer; }

.mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px 4px; background: #333; background: rgba(50, 50, 50, 0.8); }

.mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; }

@-webkit-keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }

@-moz-keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }

@-ms-keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }

@-o-keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }

@keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }

.mejs-controls .mejs-time-rail .mejs-time-loaded { background: rgba(17, 60, 43, 0.5); width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-current { background: #009c3b; width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; }

.mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none !important; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; }

.mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; }

.mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; }

.mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; }

.mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; }

/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs-controls .mejs-mute button { background-position: -16px -16px; }

.mejs-controls .mejs-unmute button { background-position: -16px 0; }

.mejs-controls .mejs-volume-button { position: relative; }

.mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(../mediaelementjs/background.png); background: rgba(50, 50, 50, 0.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; }

.mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; }

/* horizontal version */
.mejs-controls div.mejs-horizontal-volume-slider { height: 26px; width: 60px; position: relative; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; background: #333; background: rgba(50, 50, 50, 0.8); }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; background: #009c3b; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; }

/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs-controls .mejs-captions-button { position: relative; }

.mejs-controls .mejs-captions-button button { background-position: -48px 0; }

.mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(../mediaelementjs/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

/*
.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
	visibility: visible;
}
*/
.mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; }

.mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; }

.mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; }

.mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000); overflow: hidden; border: 0; }

.mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; }

.mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; }

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102, 102, 102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6))); background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232); }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; }

.mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 22px; font-size: 12px; color: #fff; }

.mejs-captions-layer a { color: #fff; text-decoration: underline; }

.mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; }

.mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; }

.mejs-captions-position-hover { bottom: 45px; }

.mejs-captions-text { padding: 3px 5px; background: url(../mediaelementjs/background.png); background: rgba(20, 20, 20, 0.8); }

/* End: Track (Captions and Chapters) */
/* Start: Error */
.me-cannotplay a { color: #fff; font-weight: bold; }

.me-cannotplay span { padding: 15px; display: block; }

/* End: Error */
/* Start: Loop */
.mejs-controls .mejs-loop-off button { background-position: -64px -16px; }

.mejs-controls .mejs-loop-on button { background-position: -64px 0; }

/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off button { background-position: -80px -16px; }

.mejs-controls .mejs-backlight-on button { background-position: -80px 0; }

/* End: backlight */
/* Start: Picture Controls */
.mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; }

/* End: Picture Controls */
/* context menu */
.mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ }

.mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; }

.mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; }

.mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; }

/* Start: Source Chooser */
.mejs-controls .mejs-sourcechooser-button { position: relative; }

.mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(../mediaelementjs/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; }

/* End: Source Chooser */
/* Start: Postroll */
.mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../mediaelementjs/background.png); background: rgba(50, 50, 50, 0.7); z-index: 1000; overflow: hidden; }

.mejs-postroll-layer-content { width: 100%; height: 100%; }

.mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(../mediaelementjs/background.png); background: rgba(50, 50, 50, 0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; }

/* End: Postroll */
video { opacity: 0.01; }

.videoplayer { width: 100%; overflow: hidden; position: relative; background: #000; padding-bottom: 56.25%; }
.videoplayer > .mejs-video, .videoplayer .mejs-mediaelement video, .videoplayer .mejs-mediaelement object, .videoplayer .mejs-layer { opacity: 1; width: 100% !important; height: 100% !important; position: absolute; left: 0; top: 0; }
.videoplayer.youtubeplayer { padding-bottom: 0; margin: 0 !important; width: 100% !important; background-color: #000; }
.videoplayer.youtubeplayer iframe { border: 0; }
.videoplayer.youtubeplayer .video-player { text-align: center; }
.videoplayer.youtubeplayer.initialized .video-controls .player-fullsize-btn { display: block; }
.videoplayer.youtubeplayer .video-controls { position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%; }
.videoplayer.youtubeplayer .video-controls .player-fullsize-btn { position: absolute; bottom: 0; left: 0; display: none; cursor: pointer; text-align: center; background-color: transparent; background-position: center center; background-size: auto 100%; background-repeat: no-repeat; }
.videoplayer.youtubeplayer .video-controls .player-fullsize-btn .play-pause.large { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; border-radius: 50%; background-color: rgba(0, 156, 59, 0.6); color: white; text-decoration: none; cursor: pointer; }
.videoplayer.youtubeplayer .video-controls .player-fullsize-btn .play-pause.large::after { position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; display: block; line-height: 67px; font-size: 90px; text-align: center; content: "\e029"; }
.videoplayer.youtubeplayer .video-controls .player-fullsize-btn:hover .play-pause.large, .videoplayer.youtubeplayer .video-controls .player-fullsize-btn:focus .play-pause.large { text-decoration: none; background-color: rgba(0, 156, 59, 0.8); }
.videoplayer.youtubeplayer .video-controls .control-bar { position: relative; height: 30px; margin: 10px; background: rgba(255, 255, 255, 0.7); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.videoplayer.youtubeplayer .video-controls .control-bar .play-pause, .videoplayer.youtubeplayer .video-controls .control-bar .volume { width: 16px; height: 16px; margin: 7px; float: left; background: transparent url(../mediaelementjs/controls.svg) no-repeat; background-position: 0px -16px; display: block; overflow: hidden; }
.no-svg .videoplayer.youtubeplayer .video-controls .control-bar .play-pause, .no-svg .videoplayer.youtubeplayer .video-controls .control-bar .volume { background-image: url(../mediaelementjs/controls.png); }
.videoplayer.youtubeplayer .video-controls .control-bar .play-pause.paused { background-position: 0px 0px; }
.videoplayer.youtubeplayer .video-controls .control-bar .volume { background-position: -16px -16px; float: right; }
.videoplayer.youtubeplayer .video-controls .control-bar .volume.muted { background-position: -16px 0; }
.videoplayer.youtubeplayer .video-controls .timer { float: right; font-size: 12px; padding: 7px 0 6px 10px; width: 81px; height: 30px; color: #000; }
.videoplayer.youtubeplayer .video-controls .status { margin: 0 110px 10px 30px; padding: 10px 0; height: 30px; display: none; cursor: pointer; }
.videoplayer.youtubeplayer .video-controls .status .bar { height: 100%; display: block; background-color: silver; background-color: rgba(0, 0, 0, 0.2); position: relative; }
.videoplayer.youtubeplayer .video-controls .status .loaded, .videoplayer.youtubeplayer .video-controls .status .indicator { display: block; height: 100%; position: absolute; width: 0px; }
.videoplayer.youtubeplayer .video-controls .status .loaded { background-color: rgba(0, 0, 0, 0.05); }
.videoplayer.youtubeplayer .video-controls .status .indicator { background-color: #009c3b; }
.videoplayer.youtubeplayer .video-controls.playing .player-fullsize-btn { display: none !important; }
.videoplayer.youtubeplayer .video-controls.paused .player-fullsize-btn { background-image: none !important; }
.videoplayer.youtubeplayer:not(.initialized) .video-controls .player-fullsize-btn { display: none !important; }
.videoplayer.youtubeplayer.loading video { visibility: hidden; }
.videoplayer.youtubeplayer.initialized.loading { border-width: 0; }
.videoplayer.youtubeplayer.initialized.loading .video-controls .player-fullsize-btn .play-pause.large { animation: pulse_animation 2s infinite; }
.videoplayer.youtubeplayer.initialized.loading .video-controls .player-fullsize-btn .play-pause.large::after { content: ''; }
.videoplayer.youtubeplayer.ready .video-controls .player-fullsize-btn { display: block; }
.videoplayer.youtubeplayer .video-player.mouseover .playing .control-bar { opacity: 1; filter: alpha(opacity=100); }
.videoplayer.youtubeplayer .video-player.mouseover .playing .control-bar .status { display: block; }

.videoplayer-video { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.videoplayer-full { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: 0; }

.videoplayer-play { width: 110px; height: 110px; -webkit-border-radius: 110px; -moz-border-radius: 110px; -ms-border-radius: 110px; -o-border-radius: 110px; border-radius: 110px; background: #009c3b; position: absolute; z-index: 1; top: 50%; left: 50%; margin: -55px 0 0 -55px; overflow: hidden; text-decoration: none !important; }
.videoplayer-play:before { position: relative; display: inline-block; font-family: 'Icomoon'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; content: "\e603"; font-size: 60px; position: absolute; left: 28px; top: 0px; line-height: 110px; color: white; }
.videoplayer-play:hover { background: #113c2b; }
a.close-video { position: absolute; width: 40px; height: 40px; background: #113c2b; z-index: 20; border-radius: 50%; right: 10px; top: 10px; font-size: 14px; line-height: 40px; color: white; text-align: center; text-decoration: none; z-index: 10; }
a.close-video:hover { background: #009c3b; }

.videoplayer-placeholder { z-index: 1; }

.touch .videoplayer-youtube .mejs-overlay-play { display: none; }

.me-plugin { position: static !important; }

.fancybox-enabled { overflow: hidden; }

.fancybox-enabled body { overflow: visible; height: 100%; }

.fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; }

.fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); }

/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container { z-index: 99992; }

.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; }

.fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box; }

.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; visibility: visible; transition: opacity .25s, visibility 0s; }

.fancybox-infobar { top: 0; left: 50%; margin-left: -79px; }

.fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; }

.fancybox-toolbar { top: 0; right: 0; }

.fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translate3d(0, 0, 0); }

.fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; }

.fancybox-slide--image { overflow: visible; }

.fancybox-slide--image::before { display: none; }

.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; }

.fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #E5E3DF; }

.fancybox-slide--next { z-index: 99995; }

.fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; }

.fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in; }

.fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; }

.fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; }

.fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; }

.fancybox-spaceball { z-index: 1; }

.fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; }

.fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; }

.fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; cursor: default; }

.fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; }

.fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer; }

.fancybox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial, "Helvetica Neue", Helvetica, sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .25s; box-sizing: border-box; z-index: 2; }

.fancybox-close-small:focus:after { outline: 1px dotted #888; }

.fancybox-close-small:hover:after { color: #555; background: #eee; }

.fancybox-slide--iframe .fancybox-close-small { top: 0; right: -44px; }

.fancybox-slide--iframe .fancybox-close-small:after { background: transparent; font-size: 35px; color: #aaa; }

.fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff; }

/* Caption */
.fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 30px 0 30px; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none; }

.fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; }

.fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; }

.fancybox-caption a { color: #fff; text-decoration: underline; }

/* Buttons */
.fancybox-button { display: inline-block; position: relative; margin: 0; padding: 0; border: 0; width: 44px; height: 44px; line-height: 44px; text-align: center; background: transparent; color: #ddd; border-radius: 0; cursor: pointer; vertical-align: top; outline: none; }

.fancybox-button[disabled] { cursor: default; pointer-events: none; }

.fancybox-infobar__body, .fancybox-button { background: rgba(30, 30, 30, 0.6); }

.fancybox-button:hover:not([disabled]) { color: #fff; }

.fancybox-button::before, .fancybox-button::after { content: ''; pointer-events: none; position: absolute; background-color: currentColor; color: currentColor; opacity: 0.9; box-sizing: border-box; display: inline-block; }

.fancybox-button[disabled]::before, .fancybox-button[disabled]::after { opacity: 0.3; }

.fancybox-button--left::after, .fancybox-button--right::after { top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; }

.fancybox-button--left::after { left: 20px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

.fancybox-button--right::after { right: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.fancybox-button--left { border-bottom-left-radius: 5px; }

.fancybox-button--right { border-bottom-right-radius: 5px; }

/* Navigation arrows */
.fancybox-arrow { position: absolute; top: 50%; margin: -50px 0 0 0; height: 100px; width: 54px; padding: 0; border: 0; outline: none; background: none; cursor: pointer; z-index: 99995; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: opacity .25s; }

.fancybox-arrow--right { right: 0; }

.fancybox-show-nav .fancybox-arrow { opacity: 0.6; }

.fancybox-show-nav .fancybox-arrow[disabled] { opacity: 0.3; }

/* Loading indicator */
.fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; }

@-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

@keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

/* Transition effects */
.fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; }

.fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; }

.fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; }

.fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; }

.fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; }

.fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; }

.fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; }

.fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; }

.fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) { .fancybox-infobar { left: 0; margin-left: 0; }
  .fancybox-button--left, .fancybox-button--right { display: none !important; }
  .fancybox-caption { padding: 20px 0; margin: 0; } }
/* Fullscreen  */
.fancybox-button--fullscreen::before { width: 15px; height: 11px; left: calc(50% - 7px); top: calc(50% - 6px); border: 2px solid; background: none; }

/* Slideshow button */
.fancybox-button--play::before, .fancybox-button--pause::before { top: calc(50% - 6px); left: calc(50% - 4px); background: transparent; }

.fancybox-button--play::before { width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; }

.fancybox-button--pause::before { width: 7px; height: 11px; border-style: solid; border-width: 0 2px 0 2px; }

/* Thumbs */
.fancybox-thumbs { display: none; }

.fancybox-button--thumbs { display: none; }

@media all and (min-width: 800px) { .fancybox-button--thumbs { display: inline-block; }
  .fancybox-button--thumbs span { font-size: 23px; }
  .fancybox-button--thumbs::before { width: 3px; height: 3px; top: calc(50% - 2px); left: calc(50% - 2px); box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }
  .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; word-break: normal; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; }
  .fancybox-show-thumbs .fancybox-thumbs { display: block; }
  .fancybox-show-thumbs .fancybox-inner { right: 220px; }
  .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; }
  .fancybox-thumbs > ul > li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid transparent; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; }
  li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); }
  .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  .fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } }
.fancybox-next span { left: auto; right: 20px; }

.fancybox-prev span { left: 20px; }

.fancybox-title h3 { color: #113c2b; }

.fancybox-description { margin-top: 10px; }

.fancybox-button--close { background: url(/typo3conf/Resources/Public/Media/IMG/Icons/lightbox_close.png) no-repeat; width: 20px; height: 20px; top: 24px; right: 24px; }
.no-touch .fancybox-button--close:hover { background-position: -20px 0; }
.fancybox-button--close:active { background-position: -20px 0; }

.fancybox-arrow { background: url(/typo3conf/Resources/Public/Media/IMG/navigation-arrows.png) no-repeat; width: 40px; height: 60px; visibility: visible; cursor: pointer; margin-top: -30px; }
.fancybox-arrow.fancybox-arrow--right { right: 60px; background-position: -50px 0; }
.no-touch .fancybox-arrow.fancybox-arrow--right:hover:not([disabled]) { background-position: -50px -80px; }
.fancybox-arrow.fancybox-arrow--right:active:not([disabled]) { background-position: -50px -80px; }
.fancybox-arrow.fancybox-arrow--left { left: 60px; }
.no-touch .fancybox-arrow.fancybox-arrow--left:hover:not([disabled]) { background-position: 0 -80px; }
.fancybox-arrow.fancybox-arrow--left:active:not([disabled]) { background-position: 0 -80px; }
@media (max-width: 767px) { .fancybox-arrow.fancybox-arrow--left { left: 15px; }
  .fancybox-arrow.fancybox-arrow--right { right: 15px; } }

.fancybox-hidden-elements { display: none; }

.button-top { position: fixed; right: 30px; bottom: 30px; z-index: 9000; }
.button-top a { font-size: 30px; width: 0; height: 0; line-height: 0px; background: #009c3b; color: white; border-radius: 50%; display: block; text-align: center; transform: scale(0); will-change: transform; opacity: 0; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); }
@media (max-width: 767px) { .button-top a { width: 0; height: 0; line-height: 0px; font-size: 24px; } }
.button-top a:hover, .button-top a:focus { text-decoration: none; }
.no-touch .button-top a:hover { background-color: #95c11c; }
.button-top.visible a { transition: transform 0.5s cubic-bezier(1, 1, 0, 1.5); transform: scale(1); will-change: transform; opacity: 1; width: 80px; height: 80px; line-height: 80px; }
@media (max-width: 767px) { .button-top.visible a { width: 60px; height: 60px; line-height: 60px; } }
.touch .button-top { position: static; }
.touch .button-top a { transform: none; border-radius: 0; width: 100%; height: 60px; line-height: 60px; opacity: 1; }

.download-link, .article ul li .download-link { padding-left: 15px; }
.download-link:before, .article ul li .download-link:before { position: relative; display: inline-block; font-family: 'Icomoon'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; content: "\e5f9"; font-size: 24px; margin-left: -15px; margin-top: 3px; margin-right: 5px; top: 4px; }
.download-link[href$="mp4"]:before, .download-link[href$="ogv"]:before, .download-link[href$="flv"]:before, .download-link[href$="mpeg"]:before, .article ul li .download-link[href$="mp4"]:before, .article ul li .download-link[href$="ogv"]:before, .article ul li .download-link[href$="flv"]:before, .article ul li .download-link[href$="mpeg"]:before { content: "\e5fa"; }
.download-link[href$="jpg"]:before, .download-link[href$="gif"]:before, .download-link[href$="png"]:before, .article ul li .download-link[href$="jpg"]:before, .article ul li .download-link[href$="gif"]:before, .article ul li .download-link[href$="png"]:before { content: "\e5fc"; }
.download-link[href$="pdf"]:before, .article ul li .download-link[href$="pdf"]:before { content: "\e5fe"; }

.socialmedialinks { list-style: none; overflow: hidden; padding: 0; margin: 10px 0 40px; line-height: 20px; text-align: center; }
.socialmedialinks > li { text-align: left; vertical-align: bottom; display: inline-block; height: 20px; min-width: 130px; position: relative; left: 27px; }
@media (max-width: 768px) { .socialmedialinks > li { margin-bottom: 10px; } }

/* EVENT BOOKING SYSTEM */
.tx-ts-events .tx-srfreecap-pi1-image { margin: 0 10px 10px 0; vertical-align: baseline; }
.tx-ts-events .tx-srfreecap-pi1-cant-read { display: block; }
.tx-ts-events form .actions a { cursor: pointer; }
.tx-ts-events .pager li a.active { background-color: #eeeeee; color: #009c3b; cursor: default; }

.landingpage { margin-bottom: 40px; }
@media (min-width: 768px) { .landingpage .navbar-brand img { margin-left: -12px; } }
.landingpage ~ .navbar-placeholder { height: 195px; }
.landingpage #wrapper-header { border-bottom: 1px solid #b1b2b3; height: 150px; }
@media (min-width: 768px) { .landingpage #wrapper-header { max-width: 716px; } }
@media (min-width: 991px) { .landingpage #wrapper-header { max-width: 960px; } }
@media (min-width: 1200px) { .landingpage #wrapper-header { max-width: 1140px; } }
@media (max-width: 991px) { .landingpage #wrapper-header { height: 130px; } }

/* ========================================================================== $BASE-PICKER ========================================================================== */
/** Note: the root picker element should *NOT* be styled more than what’s here. */
.picker { font-size: 16px; text-align: left; line-height: 1.2; color: #113c2b; position: absolute; z-index: 1000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/** The picker input element. */
.picker__input { cursor: default; }

/** When the picker is opened, the input element is “activated”. */
.picker__input.picker__input--active { border-color: #0089ec; }

/** The holder is the only “scrollable” top-level container element. */
.picker__holder { width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }

/*
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/** Note: the root picker element should *NOT* be styled more than what’s here. */
.picker { width: 100%; }

/** The holder is the base of the picker. */
.picker__holder { position: absolute; background: #ffffff; border: 1px solid #aaaaaa; border-top-width: 0; border-bottom-width: 0; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 176px; max-width: 466px; max-height: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg); -moz-transform: translateY(-1em) perspective(600px) rotateX(10deg); transform: translateY(-1em) perspective(600px) rotateX(10deg); -webkit-transition: all 0.15s ease-out, max-height 0 0.15s, border-width 0 0.15s; -moz-transition: all 0.15s ease-out, max-height 0 0.15s, border-width 0 0.15s; transition: all 0.15s ease-out, max-height 0 0.15s, border-width 0 0.15s; }

/** The frame and wrap work together to ensure that clicks within the picker don’t reach the holder. */
.picker__frame { padding: 1px; }

.picker__wrap { margin: -1px; }

/** When the picker opens... */
.picker--opened .picker__holder { max-height: 25em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; border-top-width: 1px; border-bottom-width: 1px; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); -webkit-transition: all 0.15s ease-out, max-height 0, border-width 0; -moz-transition: all 0.15s ease-out, max-height 0, border-width 0; transition: all 0.15s ease-out, max-height 0, border-width 0; -webkit-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); }

/* ========================================================================== $BASE-DATE-PICKER ========================================================================== */
/** The picker box. */
.picker__box { padding: 15px; }

/** The header containing the month and year stuff. */
.picker__header { text-align: center; position: relative; background: #113c2b; color: #fff; padding: 15px; margin: -15px -15px 0 -15px; }

/** The month and year labels. */
.picker__month, .picker__year { font-weight: bold; display: inline-block; margin-right: 5px; text-transform: uppercase; }

/** The month and year selectors. */
.picker__select--month, .picker__select--year { border: 1px solid #b7b7b7; height: 2.5em; padding: .5em .25em; margin-left: .25em; margin-right: .25em; font-size: .6em; }

@media (min-width: 24.5em) { .picker__select--month, .picker__select--year { font-size: .8em; margin-top: -0.5em; } }
.picker__select--month { width: 35%; }

.picker__select--year { width: 22.5%; }

.picker__select--month:focus, .picker__select--year:focus { border-color: #0089ec; }

/** The month navigation buttons. */
.picker__nav--prev, .picker__nav--next { position: absolute; width: 49px; height: 49px; top: 0; left: 0; }

.picker__nav--next { left: auto; right: 0; }

.picker__nav--prev:before, .picker__nav--next:before { content: "\e079"; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; display: block; margin: 0 auto; top: 50%; left: 50%; position: absolute; margin: -13px 0 0 -10px; }

.picker__nav--next:before { content: "\e080"; }

.picker__nav--prev:hover, .picker__nav--next:hover { cursor: pointer; }

.picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover { color: #0b281d; cursor: default; }

/** The calendar table of dates */
.picker__table { text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: inherit; width: 100%; margin-top: .75em; margin-bottom: .5em; }

.picker__table tbody > tr:first-child td { padding-top: 10px; }

@media (min-height: 33.875em) { .picker__table { margin-bottom: .75em; } }
.picker__table td { margin: 0; padding: 0; }

/** The weekday labels */
.picker__weekday { width: 14.285714286%; font-size: 14px; padding: 5px 0 15px 0; color: #999999; font-weight: 500; text-align: center; font-weight: bold; color: #113c2b; border-bottom: 1px solid #CCC; text-transform: none; }

@media (min-height: 33.875em) { .picker__weekday { padding-bottom: .5em; font-size: 13px; } }
/** The days on the calendar */
.picker__day { padding: .3125em 0; font-weight: bold; border: 1px solid transparent; }

.picker__day--today { color: #0089ec; position: relative; }

.picker__day--today:before { content: " "; position: absolute; top: 2px; right: 2px; width: 0; height: 0; border-top: 0.5em solid white; border-left: .5em solid transparent; }

.picker__day--selected, .picker__day--selected:hover { border-color: #009c3b; }

.picker__day--highlighted { background: #009c3b; color: white; }

.picker__day--disabled:before { border-top-color: #aaaaaa; }

.picker__day--outfocus { color: #dddddd; }

.picker__day--infocus:hover, .picker__day--outfocus:hover { cursor: pointer; color: #009c3b; background: #e0e0e0; }

.picker__day--highlighted:hover { background: #009c3b; color: #ffffff; }

.picker__day--disabled, .picker__day--disabled:hover { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; }

.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover { background: #bbbbbb; }

/** The footer containing the "today" and "clear" buttons. */
.picker__footer { text-align: center; }

.picker__button--today, .picker__button--clear { border: 1px solid #ffffff; background: #ffffff; font-size: .8em; padding: .66em 0; font-weight: bold; width: 50%; display: inline-block; vertical-align: bottom; text-transform: uppercase; }

.picker__button--today:hover, .picker__button--clear:hover { cursor: pointer; color: #009C3B; background: #E0E0E0; }

.picker__button--today:before, .picker__button--clear:before { position: relative; display: inline-block; height: 0; }

.picker__button--today:before { content: " "; margin-right: .45em; top: -0.05em; width: 0; border-top: 0.66em solid #009c3b; border-left: .66em solid transparent; }

.language-switch { position: absolute; right: 12px; top: 12px; z-index: 10; font-size: 14px; }
.language-switch a { color: #6d6e71; text-decoration: none; }
.no-touch .language-switch a:hover { color: #009c3b; }
.language-switch a:active { color: #009c3b; }

.tx-ts-dailyrecipe .txt-comp h2 { margin-bottom: 20px; }
.tx-ts-dailyrecipe .txt-comp span.left { font-weight: bold; }
.tx-ts-dailyrecipe .txt-comp span.right .glyphicon-star { color: #8b1a9a; }

/* World Wide Module Styles */
.world-wide-module { position: relative; margin-bottom: 40px; }
.world-wide-module #world-wide-module-map { position: relative; height: 100%; width: 100%; margin: 0; z-index: 1; background-color: #ececec; }
.world-wide-module #world-wide-module-map #mapoverview { bottom: 16px; left: 16px; position: absolute; z-index: 30; display: none; }
.world-wide-module .world-wide-results #filter-form { display: none; margin-top: 20px; }
.world-wide-module .world-wide-results #filter-form .form-group.division { display: none; }
.world-wide-module .world-wide-results #ww-result-list { display: none; }
.world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .initFilters { display: none; }
@media (max-width: 767px) { .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .branch .bg-line { background: url("/typo3conf/Resources/Public/Media/IMG/linedot.png") repeat-x center center; margin: 0 30px; text-align: center; height: 1px; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .branch .panel-body { padding: 20px; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .branch .panel-body .panel-box-1 { display: none; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .branch .panel-body .panel-box-2 h4 { margin-top: 0 !important; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .branch .panel-body .panel-box-3, .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .branch .panel-body .panel-box-4 { margin-top: 18px; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .branch .panel-body .panel-box-3 .teaser-form-button, .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .branch .panel-body .panel-box-4 .teaser-form-button { width: 100%; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .branch .panel-body .glyphicon { display: inline; padding-right: 10px; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .close-panel-to-scroll { position: relative; display: block; background-color: #113c2b; height: 40px; opacity: 0.8; width: 100%; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .close-panel-to-scroll a { display: block; padding: 8px; text-align: center; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .close-panel-to-scroll a .close-up { background-image: url("/typo3conf/Resources/Public/Media/IMG/Icons/close-up.png"); /* Ersatzbild für IE8 - der kein Backgroundsize kann :) */ background-repeat: no-repeat; background-position: 0 0; background-size: 24px; content: ""; display: inline-block; width: 24px; height: 24px; }
  .no-backgroundsize .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .close-panel-to-scroll a .close-up { background-image: url("/typo3conf/Resources/Public/Media/IMG/Icons/close-upIE8.png"); }
  .no-touch .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .close-panel-to-scroll a:hover .close-up { background-position: 0 -24px; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .close-panel-to-scroll a:active .close-up { background-position: 0 -24px; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .bg-line { background: url("/typo3conf/Resources/Public/Media/IMG/linedot.png") repeat-x center 58%; padding: 0 10%; text-align: center; height: 1px; } }
@media (min-width: 768px) and (max-width: 991px) { .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .panel-body .panel-box-3 { margin-top: 0; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .panel-body .panel-box-2, .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .panel-body .panel-box-4 { margin-top: 18px; } }
@media (min-width: 768px) { .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .panel-default { border: none; margin-top: 20px; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .panel-default .branch.even { background-color: #ececec; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .panel-default .branch.odd { background-color: transparent; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .panel-default .branch .panel-body .glyphicon { display: none; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .panel-default .branch .panel-body img.shadow { border: 1px solid #b3b3b5; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .panel-default .panel-heading { border-top: 1px solid #b2b3b5; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .accordion-toggle { background-color: transparent; color: #113c2b; padding-left: 0; cursor: default; border: none; outline: none; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .accordion-toggle:after { background-image: none; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .accordion-toggle:hover { cursor: default; }
  .world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .close-panel-to-scroll { display: none; } }
.world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .panel-body .panel-box-1 p { color: #6d6e71; margin-top: 1em; text-align: center; }
.world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .panel-body .panel-box-2 { line-height: 1.5em; }
.world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .panel-body .panel-box-2 h4 { margin-bottom: 0; line-height: 1.3em; }
.world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .panel-body .panel-box-4 .btn { padding-bottom: 0 !important; display: inline; vertical-align: top; }
.world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .panel-body .panel-box-4 .btn.btn-link { text-transform: none; }
.world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .panel-title .to-top-btn { position: absolute; right: 0; top: 3px; color: #009c3b; text-transform: lowercase; display: none; }
.world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .panel-title .to-top-btn:hover { color: #95c11c; }
.world-wide-module .world-wide-results #ww-result-list .accordion-wrapper .panel-title .to-top-btn .glyphicon.glyphicon-chevron-up { top: 9px !important; }

/* Mouse Hover Tooltips to show Countries on Map */
.tooltip.weltweit { font-family: "LinotypeUniversW02-Bold 726184", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: normal !important; text-transform: uppercase; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background-color: white; border: 0 none; box-shadow: none; color: #113c2b; display: none; font-weight: bold; line-height: 20px; padding: 0 10px; text-align: center; width: auto; z-index: 999; behavior: url("PIE.htc"); }
.tooltip.weltweit em, .tooltip.weltweit span { font-family: "LinotypeUniversW02-Bold 726184", Arial, Tahoma, Verdana, Helvetica, sans-serif; }

#cookie-policy { display: none; position: relative; width: 100%; background-color: #113c2b; }
#cookie-policy .policy-box .policy-text { color: white; margin: 5px 0 5px -12px; width: 100%; padding-right: 10px; }
#cookie-policy .policy-box .policy-text a { color: white; text-decoration: underline; }
#cookie-policy .policy-box .policy-text a span.glyphicon { margin-left: 2px; }
#cookie-policy .policy-box .policy-text a:hover { color: #95c11c; text-decoration: none; }
#cookie-policy .policy-box a.policy-link { float: right; background: url("/typo3conf/Resources/Public/Media/IMG/Icons/lightbox_close.png") no-repeat 0 0; background-position: -40px 0; z-index: 203; cursor: pointer; width: 20px; height: 20px; position: relative; right: -12px; top: 5px; }
#cookie-policy .policy-box a.policy-link:hover { background-position: -20px 0; }

.simulator-wrapper { -moz-user-select: none; -webkit-user-select: none; user-select: none; }
@media (max-width: 767px) { .simulator-wrapper { display: none; } }

.simulator { margin: 0 auto; position: relative; }
.simulator.has-custom-cursor { cursor: none; }
.simulator .custom-cursor { width: 98px; height: 48px; position: absolute; background: url(/typo3conf/Resources/Public/Media/IMG/Simulators/rotate-cursor.png) no-repeat; z-index: 15; margin-top: -24px; margin-left: -48px; }
.simulator.dragging .custom-cursor { background-position: right center; }
.simulator .view-select { position: absolute; top: -40px; left: 0; z-index: 100; opacity: 0; -webkit-transition: opacity 1s; transition: opacity 1s; }
@media (min-width: 1200px) { .simulator .view-select { left: -120px; } }
@media (min-width: 992px) and (max-width: 1199px) { .simulator .view-select { left: -30px; } }
@media (min-width: 768px) and (max-width: 991px) { .simulator .view-select { left: 90px; } }
.simulator.ready .view-select { opacity: 1; }
.simulator .loading { background-color: white; background-color: rgba(255, 255, 255, 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
@media (min-width: 768px) and (max-width: 991px) { .simulator .loading { left: 45px; } }
.simulator .loading .status { width: 100%; position: absolute; top: 50%; left: 0; height: 76px; margin-top: -38px; padding-top: 40px; background: url(/typo3conf/Resources/Public/Media/IMG/Simulators/loader.gif) center top no-repeat; text-align: center; font-size: 25px; color: #113c2b; }
.simulator .stage-mask, .simulator .stage-container { height: 100%; width: 100%; }
.simulator .stage-mask { overflow: hidden; }
.simulator .stage-container { margin-top: 40px; }
.simulator .stage { position: relative; z-index: 10; }
.simulator .stage img { position: absolute; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.simulator.drag-enabled .stage img { cursor: -webkit-grab; }
.simulator.drag-enabled.dragging .stage img { cursor: -webkit-grabbing; }
.simulator .tooltip-container { z-index: 8; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.simulator .tooltip-container .tooltip-item { display: none; }
.simulator .tooltip-container .tt-recipechip { top: 338px; left: 303px; }
.simulator .tooltip-container .tt-ambientlight { top: 268px; left: 409px; }
.simulator .tooltip-container .tt-touchscreenfront { top: 368px; left: 503px; }
.simulator .tooltip-container .tt-selectorfront { top: 295px; left: 625px; }
.simulator .tooltip-container .tt-lockingfront { top: 90px; left: 350px; }
.simulator .tooltip-container .tt-scales { top: 350px; left: 725px; }
.simulator .tooltip-container .tt-overheating { top: 245px; left: 340px; }
.simulator .tooltip-container .tt-motor { top: 325px; left: 605px; }
.simulator .tooltip-container .tt-knife { top: 200px; left: 605px; }
.simulator .tooltip-container .tt-selector { top: 300px; left: 740px; }
.simulator .tooltip-container .tt-touchscreen { top: 300px; left: 170px; }
.simulator .tooltip-container .tt-locking { top: 170px; left: 405px; }
.simulator .tooltip-container .tt-bowl { top: 110px; left: 565px; }
.simulator .tooltip-container .tt-touchscreen-front { top: 330px; left: 400px; }
.simulator .tooltip-container .tt-selector-front { top: 360px; left: 575px; }
.simulator .tooltip-container .tt-bowl-front { top: 150px; left: 370px; }
.simulator.frame-start .tooltip-item.show-frame-start, .simulator.frame-end .tooltip-item.show-frame-end, .simulator.frame-4 .tooltip-item.show-frame-4 { display: block; }
@media (min-width: 768px) and (max-width: 991px) { .simulator.inside { margin-left: -90px; } }
.simulator.inside .stage-mask::after { content: ""; display: block; position: absolute; width: 4px; height: 100%; top: 0; left: 50%; border-right: 4px dotted #009c3b; margin-left: -2px; z-index: 20; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 1s; transition: opacity 1s; display: none; }
.simulator.inside .rotate-hint { background: url(/typo3conf/Resources/Public/Media/IMG/Simulators/rotate-arrow.png) left center no-repeat; width: 50px; height: 25px; position: absolute; z-index: 25; top: 11px; left: 50%; margin-left: -25px; cursor: pointer; -webkit-transition: opacity 1s; transition: opacity 1s; display: none; }
.simulator.inside.frame-end .rotate-hint { background-position: right center; }
.simulator.inside.frame-start .stage-mask::after, .simulator.inside.frame-end .tooltip-container, .simulator.inside.frame-4 .tooltip-container, .simulator.inside.frame-start .tooltip-container { opacity: 1; filter: alpha(opacity=100); }
.simulator.inside.frame-end .tooltip-container, .simulator.inside.frame-start .tooltip-container, .simulator.inside.frame-4 .tooltip-container { z-index: 20; }

.accessories { width: 100%; height: 540px; position: relative; background: url(/typo3conf/Resources/Public/Media/IMG/Simulators/tm_accessories_simulator_tm5.jpg) top center no-repeat white; }
@media (min-width: 992px) and (max-width: 1199px) { .accessories { height: 550px; } }
@media (min-width: 768px) and (max-width: 991px) { .accessories { height: 550px; } }
@media (max-width: 767px) { .accessories { display: none; } }
.accessories .tooltip-container .tm5-01 { top: 56px; left: 493px; }
@media (min-width: 992px) and (max-width: 1199px) { .accessories .tooltip-container .tm5-01 { left: 403px; } }
@media (min-width: 768px) and (max-width: 991px) { .accessories .tooltip-container .tm5-01 { left: 283px; } }
.accessories .tooltip-container .tm5-02 { top: 153px; left: 552px; }
@media (min-width: 992px) and (max-width: 1199px) { .accessories .tooltip-container .tm5-02 { left: 462px; } }
@media (min-width: 768px) and (max-width: 991px) { .accessories .tooltip-container .tm5-02 { left: 342px; } }
.accessories .tooltip-container .tm5-03 { top: 249px; left: 453px; }
@media (min-width: 992px) and (max-width: 1199px) { .accessories .tooltip-container .tm5-03 { left: 363px; } }
@media (min-width: 768px) and (max-width: 991px) { .accessories .tooltip-container .tm5-03 { left: 243px; } }
.accessories .tooltip-container .tm5-04 { top: 105px; left: 670px; display: none; }
@media (min-width: 992px) and (max-width: 1199px) { .accessories .tooltip-container .tm5-04 { left: 580px; } }
@media (min-width: 768px) and (max-width: 991px) { .accessories .tooltip-container .tm5-04 { left: 460px; } }
.accessories .tooltip-container .tm5-05 { top: 214px; left: 674px; display: none; }
@media (min-width: 992px) and (max-width: 1199px) { .accessories .tooltip-container .tm5-05 { left: 584px; } }
@media (min-width: 768px) and (max-width: 991px) { .accessories .tooltip-container .tm5-05 { left: 464px; } }
.accessories .tooltip-container .tm5-06 { top: 105px; left: 665px; }
@media (min-width: 992px) and (max-width: 1199px) { .accessories .tooltip-container .tm5-06 { left: 575px; } }
@media (min-width: 768px) and (max-width: 991px) { .accessories .tooltip-container .tm5-06 { left: 455px; } }
.accessories .tooltip-container .knife { width: 89px; height: 71px; background-image: url(/typo3conf/Resources/Public/Media/IMG/Simulators/tm_accessories_simulator_knife.jpg); top: 143px; left: 122px; }
@media (min-width: 992px) and (max-width: 1199px) { .accessories .tooltip-container .knife { left: 32px; } }
@media (min-width: 768px) and (max-width: 991px) { .accessories .tooltip-container .knife { left: 12px; } }
.accessories .tooltip-container .knife .sm-tooltip { right: -6px; top: 28px; }
.accessories .tooltip-container .basket { width: 128px; height: 105px; background-image: url(/typo3conf/Resources/Public/Media/IMG/Simulators/tm_accessories_simulator_basket.jpg); top: 345px; left: 150px; }
@media (min-width: 992px) and (max-width: 1199px) { .accessories .tooltip-container .basket { left: 60px; } }
@media (min-width: 768px) and (max-width: 991px) { .accessories .tooltip-container .basket { left: 10px; } }
.accessories .tooltip-container .basket .sm-tooltip { right: -4px; top: -10px; }
.accessories .tooltip-container .spatel { width: 181px; height: 88px; background-image: url(/typo3conf/Resources/Public/Media/IMG/Simulators/tm_accessories_simulator_spatel.jpg); top: 404px; left: 517px; }
@media (min-width: 992px) and (max-width: 1199px) { .accessories .tooltip-container .spatel { left: 427px; } }
@media (min-width: 768px) and (max-width: 991px) { .accessories .tooltip-container .spatel { left: 307px; } }
.accessories .tooltip-container .spatel .sm-tooltip { left: -15px; top: 37px; }
.accessories .tooltip-container .butterfly { width: 116px; height: 123px; background-image: url(/typo3conf/Resources/Public/Media/IMG/Simulators/tm_accessories_simulator_butterfly.jpg); top: 296px; left: 867px; }
@media (min-width: 992px) and (max-width: 1199px) { .accessories .tooltip-container .butterfly { left: 777px; } }
@media (min-width: 768px) and (max-width: 991px) { .accessories .tooltip-container .butterfly { left: 597px; } }
.accessories .tooltip-container .butterfly .sm-tooltip { left: -22px; top: 62px; }
.accessories .tooltip-container .cup { width: 71px; height: 57px; background-image: url(/typo3conf/Resources/Public/Media/IMG/Simulators/tm_accessories_simulator_cup.jpg); top: 129px; left: 937px; }
@media (min-width: 992px) and (max-width: 1199px) { .accessories .tooltip-container .cup { left: 847px; } }
@media (min-width: 768px) and (max-width: 991px) { .accessories .tooltip-container .cup { left: 647px; } }
.accessories .tooltip-container .cup .sm-tooltip { left: -7px; top: 12px; }
.accessories .simulator { margin: 0 auto; }

html:lang(pt) .accessories, html:lang(it) .accessories { background-image: url(/typo3conf/Resources/Public/Media/IMG/Simulators/tm_accessories_simulator_tm5_bimby.jpg); }

.tooltip-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.tooltip-container .tooltip-item { position: absolute; }
.tooltip-container .sm-tooltip { position: absolute; }
.tooltip-container .sm-tooltip a.trigger { width: 34px; height: 34px; display: block; border-radius: 17px; position: absolute; top: -17px; left: -17px; z-index: 22; }
.tooltip-container .sm-tooltip a.trigger:before { content: ""; width: 16px; height: 16px; display: block; position: absolute; background: url(/typo3conf/Resources/Public/Media/IMG/Simulators/tm_accessories_simulator_plusminus.png) top center no-repeat; top: 9px; left: 9px; }
.tooltip-container .sm-tooltip .sm-tooltip-content { background-color: #eae7e3; position: absolute; top: 0; left: 0; padding: 24px; width: 302px; display: none; z-index: 20; }
.tooltip-container .sm-tooltip .sm-tooltip-content.sm-tooltip-image { width: 477px; }
.tooltip-container .sm-tooltip .sm-tooltip-content.sm-tooltip-image img { float: right; width: 180px; }
.tooltip-container .sm-tooltip .sm-tooltip-content.sm-tooltip-image > div { margin-right: 208px; }
.tooltip-container .sm-tooltip .sm-tooltip-content .sm-tooltip-title { font-weight: bold; color: #113c2b; text-transform: uppercase; margin-bottom: 10px; font-size: 15px; }
.tooltip-container .sm-tooltip .sm-tooltip-content .sm-tooltip-text { margin-bottom: 8px; }
.tooltip-container .sm-tooltip.hover .sm-tooltip-content { display: block; z-index: 30; }
.tooltip-container .sm-tooltip.hover a.trigger { z-index: 32; }
.tooltip-container .sm-tooltip.hover a.trigger:before { background-position: center bottom; }
.tooltip-container .sm-tooltip.open-left a.trigger { left: auto; right: -17px; }
.tooltip-container .sm-tooltip.open-left .sm-tooltip-content { left: -302px; }
.tooltip-container .sm-tooltip.open-left .sm-tooltip-content.sm-tooltip-image { left: -476px; }
.tooltip-container .sm-tooltip.align-bottom a.trigger { top: auto; bottom: -17px; }
.tooltip-container .sm-tooltip.align-bottom .sm-tooltip-content { top: auto; bottom: 0; }

@media (min-width: 768px) { .tx-ts-slider.slidersimulator { display: none; } }
#badge { width: 340px; height: 410px; background: transparent url(/typo3conf/Resources/Public/Media/IMG/badge/tm5/thermomix.png) no-repeat; position: fixed; right: -340px; top: 200px; z-index: 99999; cursor: pointer; -webkit-transition: left 0.4s ease-in-out, right 0.4s ease-in-out; transition: left 0.4s ease-in-out, right 0.4s ease-in-out; }
#badge a { display: block; width: 100%; height: 100%; }
#badge .btn { position: absolute; z-index: 10; top: 55px; left: 170px; display: none; }
#badge:before { content: ""; background: transparent url(/typo3conf/Resources/Public/Media/IMG/badge/tm5/badges-right.png) no-repeat 0 -19px; width: 163px; height: 129px; position: absolute; left: -150px; bottom: 20px; -webkit-transition: left 0.4s ease-in-out, right 0.4s ease-in-out; transition: left 0.4s ease-in-out, right 0.4s ease-in-out; }
#badge.show { right: -160px; }
#badge.show:before { left: -115px; }
#badge.it, #badge.pt { background-image: url(/typo3conf/Resources/Public/Media/IMG/badge/tm5/bimby.png); }
#badge.de:before { background-position: left -19px; }
#badge.es:before { background-position: left -166px; }
#badge.fr:before { background-position: left -313px; }
#badge.en:before { background-position: left -460px; }
#badge.it:before { background-position: left -607px; }
#badge.cz:before { background-position: left -754px; }
#badge.pl:before { background-position: left -901px; }
#badge.pt:before { background-position: left -1048px; }
#badge.tw:before { background-position: left -1195px; }
#badge.left { right: auto; left: -340px; }
#badge.left:before { left: auto; right: -150px; background-image: url(/typo3conf/Resources/Public/Media/IMG/badge/tm5/badges-left.png); }
#badge.left.show { left: -160px; }
#badge.left.show:before { right: -100px; }
@media (min-width: 768px) and (max-width: 991px) { #badge { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); right: -306px; }
  #badge.left { left: -306px; } }
@media (min-width: 992px) and (max-width: 1199px) { #badge { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); right: -306px; }
  #badge.left { left: -306px; } }
@media (max-width: 767px) { #badge { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); right: -289px; }
  #badge.left { left: -289px; } }
#badge.shake:before { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: tada; animation-name: tada; }

@-webkit-keyframes tada { 0% { -webkit-transform: scale(1); }
  10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); } }

@keyframes tada { 0% { transform: scale(1); }
  10%, 20% { transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }
  100% { transform: scale(1) rotate(0); } }

/* Sonderfall Badge Polen */
.badge-pl { width: 165px; height: 165px; background: url(/typo3conf/Resources/Public/Media/IMG/badge/badge-pl.png) no-repeat; position: absolute; right: 20px; top: 210px; z-index: 150; }
@media (min-width: 768px) and (max-width: 991px) { .badge-pl { top: 280px; } }
@media (max-width: 767px) { .badge-pl { width: 100px; height: 100px; background-image: url(/typo3conf/Resources/Public/Media/IMG/badge/badge-pl-mobile.png); right: 0; top: 340px; } }

#adventcalendar2014 { position: relative; background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/room-background.jpg) no-repeat center bottom; overflow: hidden; padding-bottom: 250px; }
@media (min-width: 992px) and (max-width: 1199px) { #adventcalendar2014 { padding-bottom: 260px; } }
@media (min-width: 768px) and (max-width: 991px) { #adventcalendar2014 { background-position: -360px bottom; padding-bottom: 260px; } }
@media (max-width: 767px) { #adventcalendar2014 { background-position: -450px bottom; padding-bottom: 290px; } }
#adventcalendar2014 .landscape { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/landscape-background.jpg) no-repeat center bottom; position: absolute; width: 900px; height: 390px; left: 50%; margin-left: -450px; top: 60px; overflow: hidden; z-index: 5; }
@media (min-width: 768px) and (max-width: 991px) { #adventcalendar2014 .landscape { width: 600px; height: 550px; margin-left: -300px; } }
@media (max-width: 767px) { #adventcalendar2014 .landscape { width: 300px; height: 1045px; margin-left: -150px; background-position: -370px bottom; } }
#adventcalendar2014 .plate-lights > div { width: 349px; height: 73px; background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/plate-lights.png) no-repeat; position: absolute; bottom: 109px; }
#adventcalendar2014 .plate-lights > div.light1 { left: 170px; }
#adventcalendar2014 .plate-lights > div.light2 { left: 465px; }
#adventcalendar2014 .plate-lights > div.light3 { left: 765px; }
@media (min-width: 992px) and (max-width: 1199px) { #adventcalendar2014 .plate-lights > div { margin-left: -70px; } }
@media (min-width: 768px) and (max-width: 991px) { #adventcalendar2014 .plate-lights > div { margin-left: -70px; } }
@media (max-width: 767px) { #adventcalendar2014 .plate-lights > div.light1 { left: 50%; margin-left: -120px; } }
#adventcalendar2014 .room { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/frame-wide.png) no-repeat bottom center; width: 960px; height: 700px; margin: 0 auto; height: 430px; position: relative; z-index: 20; margin-top: 55px; }
@media (min-width: 768px) and (max-width: 991px) { #adventcalendar2014 .room { background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/frame-medium.png); width: 680px; height: 594px; } }
@media (max-width: 767px) { #adventcalendar2014 .room { background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/frame-small.png); width: 400px; height: 1082px; left: 50%; margin-left: -200px; position: relative; } }
#adventcalendar2014 .room .lights { position: absolute; width: 1080px; height: 122px; margin-left: -530px; left: 50%; top: -40px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/lights-wide.png); z-index: 10; }
@media (min-width: 768px) and (max-width: 991px) { #adventcalendar2014 .room .lights { background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/lights-medium.png); width: 800px; margin-left: -400px; } }
@media (max-width: 767px) { #adventcalendar2014 .room .lights { background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/lights-small.png); width: 480px; margin-left: -240px; } }
#adventcalendar2014 .room .room-top { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/frame-top-wide.png) no-repeat center bottom; width: 100%; height: 50px; position: absolute; top: 0; left: 0; }
@media (min-width: 768px) and (max-width: 991px) { #adventcalendar2014 .room .room-top { background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/frame-top-medium.png); } }
@media (max-width: 767px) { #adventcalendar2014 .room .room-top { background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/frame-top-small.png); } }
#adventcalendar2014 .tm5 { width: 234px; height: 251px; background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/tm5.png) no-repeat; position: absolute; bottom: 92px; left: 0; z-index: 30; }
#adventcalendar2014 .windows { position: relative; }
#adventcalendar2014 .windows > div { position: absolute; width: 200px; height: 100px; }
#adventcalendar2014 .windows > div .frame, #adventcalendar2014 .windows > div .snow { width: 100%; height: 100%; position: absolute; }
#adventcalendar2014 .windows > div .frame { z-index: 2; }
#adventcalendar2014 .windows > div.window1 { width: 250px; height: 163px; top: 50px; left: 74px; }
#adventcalendar2014 .windows > div.window1 .frame { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/window-top.png) no-repeat; }
#adventcalendar2014 .windows > div.window2 { width: 250px; height: 163px; top: 50px; left: 355px; }
#adventcalendar2014 .windows > div.window2 .frame { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/window-top.png) no-repeat; }
#adventcalendar2014 .windows > div.window3 { width: 250px; height: 163px; top: 50px; left: 640px; }
#adventcalendar2014 .windows > div.window3 .frame { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/window-top.png) no-repeat; }
@media (min-width: 768px) and (max-width: 991px) { #adventcalendar2014 .windows > div.window3 { left: 74px; top: 213px; } }
#adventcalendar2014 .windows > div.window4 { width: 265px; height: 182px; top: 213px; left: 65px; }
#adventcalendar2014 .windows > div.window4 .frame { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/window-bottom.png) no-repeat; }
@media (min-width: 768px) and (max-width: 991px) { #adventcalendar2014 .windows > div.window4 { width: 250px; height: 163px; top: 213px; left: 356px; }
  #adventcalendar2014 .windows > div.window4 .frame { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/window-top.png) no-repeat; } }
#adventcalendar2014 .windows > div.window5 { width: 265px; height: 182px; top: 213px; left: 348px; }
#adventcalendar2014 .windows > div.window5 .frame { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/window-bottom.png) no-repeat; }
@media (min-width: 768px) and (max-width: 991px) { #adventcalendar2014 .windows > div.window5 { top: 376px; left: 68px; } }
#adventcalendar2014 .windows > div.window6 { width: 265px; height: 182px; top: 213px; left: 633px; }
#adventcalendar2014 .windows > div.window6 .frame { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/window-bottom.png) no-repeat; }
@media (min-width: 768px) and (max-width: 991px) { #adventcalendar2014 .windows > div.window6 { top: 376px; left: 349px; } }
@media (max-width: 767px) { #adventcalendar2014 .windows > div.window1, #adventcalendar2014 .windows > div.window2, #adventcalendar2014 .windows > div.window3, #adventcalendar2014 .windows > div.window4, #adventcalendar2014 .windows > div.window5 { width: 250px; height: 163px; left: 74px; }
  #adventcalendar2014 .windows > div.window1 .frame, #adventcalendar2014 .windows > div.window2 .frame, #adventcalendar2014 .windows > div.window3 .frame, #adventcalendar2014 .windows > div.window4 .frame, #adventcalendar2014 .windows > div.window5 .frame { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/window-top.png) no-repeat; }
  #adventcalendar2014 .windows > div.window2 { top: 213px; }
  #adventcalendar2014 .windows > div.window3 { top: 376px; }
  #adventcalendar2014 .windows > div.window4 { top: 539px; }
  #adventcalendar2014 .windows > div.window5 { top: 702px; }
  #adventcalendar2014 .windows > div.window6 { top: 865px; left: 65px; } }
#adventcalendar2014 .windows > div .snow { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/window-snow.png) no-repeat; }
#adventcalendar2014 .windows > div .door { position: absolute; background-repeat: no-repeat; cursor: pointer; z-index: 4; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; }
#adventcalendar2014 .windows > div .door.door01 { -webkit-animation: doorAnimation1 8s infinite; animation: doorAnimation1 8s infinite; top: 51px; left: -6px; width: 64px; height: 73px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day01.png); }
#adventcalendar2014 .windows > div .door.door02 { -webkit-animation: doorAnimation2 5s infinite; animation: doorAnimation2 5s infinite; top: 34px; left: 62px; width: 69px; height: 83px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day02.png); }
#adventcalendar2014 .windows > div .door.door03 { -webkit-animation: doorAnimation1 7s infinite; animation: doorAnimation1 7s infinite; top: 51px; left: 207px; width: 49px; height: 90px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day03.png); }
#adventcalendar2014 .windows > div .door.door04 { -webkit-animation: doorAnimation2 8s infinite; animation: doorAnimation2 8s infinite; top: 40px; left: 62px; width: 64px; height: 74px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day04.png); }
#adventcalendar2014 .windows > div .door.door05 { -webkit-animation: doorAnimation1 9s infinite; animation: doorAnimation1 9s infinite; top: 52px; left: -16px; width: 73px; height: 86px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day05.png); }
#adventcalendar2014 .windows > div .door.door06 { -webkit-animation: doorAnimation2 8s infinite; animation: doorAnimation2 8s infinite; top: 49px; left: 17px; width: 52px; height: 88px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day06.png); }
#adventcalendar2014 .windows > div .door.door07 { -webkit-animation: doorAnimation1 7s infinite; animation: doorAnimation1 7s infinite; top: 56px; left: 114px; width: 62px; height: 64px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day07.png); }
#adventcalendar2014 .windows > div .door.door08 { -webkit-animation: doorAnimation2 6s infinite; animation: doorAnimation2 6s infinite; top: 34px; left: 182px; width: 67px; height: 83px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day08.png); }
#adventcalendar2014 .windows > div .door.door09 { -webkit-animation: doorAnimation1 8s infinite; animation: doorAnimation1 8s infinite; top: 54px; left: 54px; width: 50px; height: 80px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day09.png); }
#adventcalendar2014 .windows > div .door.door10 { -webkit-animation: doorAnimation2 8s infinite; animation: doorAnimation2 8s infinite; top: 33px; left: 190px; width: 64px; height: 73px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day10.png); }
#adventcalendar2014 .windows > div .door.door11 { -webkit-animation: doorAnimation1 7s infinite; animation: doorAnimation1 7s infinite; top: 42px; left: 126px; width: 64px; height: 83px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day11.png); }
#adventcalendar2014 .windows > div .door.door12 { -webkit-animation: doorAnimation2 8s infinite; animation: doorAnimation2 8s infinite; top: 40px; left: 191px; width: 40px; height: 83px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day12.png); }
#adventcalendar2014 .windows > div .door.door13 { -webkit-animation: doorAnimation1 5s infinite; animation: doorAnimation1 5s infinite; top: 36px; left: 116px; width: 65px; height: 75px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day13.png); }
#adventcalendar2014 .windows > div .door.door14 { -webkit-animation: doorAnimation2 6s infinite; animation: doorAnimation2 6s infinite; top: 53px; left: 53px; width: 72px; height: 86px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day14.png); }
#adventcalendar2014 .windows > div .door.door15 { -webkit-animation: doorAnimation1 8s infinite; animation: doorAnimation1 8s infinite; top: 52px; left: 116px; width: 53px; height: 98px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day15.png); }
#adventcalendar2014 .windows > div .door.door16 { -webkit-animation: doorAnimation2 7s infinite; animation: doorAnimation2 7s infinite; top: 51px; left: 73px; width: 65px; height: 75px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day16.png); }
#adventcalendar2014 .windows > div .door.door17 { -webkit-animation: doorAnimation1 7s infinite; animation: doorAnimation1 7s infinite; top: 39px; left: 3px; width: 70px; height: 75px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day17.png); }
#adventcalendar2014 .windows > div .door.door18 { -webkit-animation: doorAnimation2 8s infinite; animation: doorAnimation2 8s infinite; top: 37px; left: 125px; width: 56px; height: 95px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day18.png); }
#adventcalendar2014 .windows > div .door.door19 { -webkit-animation: doorAnimation1 6s infinite; animation: doorAnimation1 6s infinite; top: 35px; left: -5px; width: 70px; height: 70px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day19.png); }
#adventcalendar2014 .windows > div .door.door20 { -webkit-animation: doorAnimation2 8s infinite; animation: doorAnimation2 8s infinite; top: 53px; left: 185px; width: 72px; height: 83px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day20.png); }
#adventcalendar2014 .windows > div .door.door21 { -webkit-animation: doorAnimation1 8s infinite; animation: doorAnimation1 8s infinite; top: 38px; left: 58px; width: 55px; height: 95px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day21.png); }
#adventcalendar2014 .windows > div .door.door22 { -webkit-animation: doorAnimation2 7s infinite; animation: doorAnimation2 7s infinite; top: 52px; left: 181px; width: 70px; height: 81px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day22.png); }
#adventcalendar2014 .windows > div .door.door23 { -webkit-animation: doorAnimation1 9s infinite; animation: doorAnimation1 9s infinite; top: 52px; left: 132px; width: 75px; height: 94px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day23.png); }
#adventcalendar2014 .windows > div .door.door24 { -webkit-animation: doorAnimation2 6s infinite; animation: doorAnimation2 6s infinite; top: 36px; left: -2px; width: 58px; height: 96px; background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/day24.png); }
#adventcalendar2014 .windows > div .door.opened { cursor: default; }
#adventcalendar2014 .windows > div .door.active { z-index: 20; }
#adventcalendar2014 .windows > div .line { width: 282px; height: 67px; background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/lines.png) no-repeat; position: absolute; left: -22px; top: 6px; z-index: 3; }
#adventcalendar2014 .windows > div.window1 .line { background-position: left 0px; }
#adventcalendar2014 .windows > div.window1 .snow { background-position: left 0px; }
#adventcalendar2014 .windows > div.window2 .line { background-position: left -67px; }
#adventcalendar2014 .windows > div.window2 .snow { background-position: left -165px; }
#adventcalendar2014 .windows > div.window3 .line { background-position: left -134px; }
#adventcalendar2014 .windows > div.window3 .snow { background-position: left -330px; }
#adventcalendar2014 .windows > div.window4 .line { background-position: left -201px; }
#adventcalendar2014 .windows > div.window4 .snow { background-position: left -495px; }
#adventcalendar2014 .windows > div.window5 .line { background-position: left -268px; }
#adventcalendar2014 .windows > div.window5 .snow { background-position: left -660px; }
#adventcalendar2014 .windows > div.window6 .line { background-position: left -335px; }
#adventcalendar2014 .windows > div.window6 .snow { background-position: left -825px; }
#adventcalendar2014 .windows > div.window4 .line, #adventcalendar2014 .windows > div.window5 .line, #adventcalendar2014 .windows > div.window6 .line { left: -7px; top: 20px; }
@media (min-width: 768px) and (max-width: 991px) { #adventcalendar2014 .windows > div.window2 .line { left: -20px; }
  #adventcalendar2014 .windows > div.window4 .line { top: 6px; left: -11px; } }
@media (max-width: 767px) { #adventcalendar2014 .windows > div.window5 .line { left: -15px; } }
#adventcalendar2014 .windows > div.window4 .snow { background-position: 7px -488px; }
#adventcalendar2014 .windows > div.window5 .snow { background-position: 7px -650px; }
#adventcalendar2014 .windows > div.window6 .snow { background-position: 7px -815px; }

@-webkit-keyframes doorAnimation1 { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  35% { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); }
  70% { -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); }
  100% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } }

@keyframes doorAnimation1 { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  35% { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); }
  70% { -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); }
  100% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } }

@-webkit-keyframes doorAnimation2 { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  35% { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); }
  70% { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); }
  100% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } }

@keyframes doorAnimation2 { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  35% { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); }
  70% { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); }
  100% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } }

.snowflake { position: absolute; width: 25px; height: 25px; animation-timing-function: ease-out; z-index: 1000; pointer-events: none; background: transparent center center no-repeat; }
.snowflake.snowType1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/flake1.png); }
.snowflake.snowType2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/flake2.png); }
.snowflake.snowType3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2014/flake3.png); }
.snowflake.snowDuration1 { -webkit-animation-duration: 12s; animation-duration: 12s; }
.snowflake.snowDuration2 { -webkit-animation-duration: 11s; animation-duration: 11s; }
.snowflake.snowDuration3 { -webkit-animation-duration: 10s; animation-duration: 10s; }
.snowflake.snowDuration4 { -webkit-animation-duration: 9s; animation-duration: 9s; }
.snowflake.snowDuration5 { -webkit-animation-duration: 8s; animation-duration: 8s; }
.snowflake.snowDelay1 { -webkit-animation-delay: 5s; animation-delay: 5s; }
.snowflake.snowDelay2 { -webkit-animation-delay: 4s; animation-delay: 4s; }
.snowflake.snowDelay3 { -webkit-animation-delay: 3s; animation-delay: 3s; }
.snowflake.snowDelay4 { -webkit-animation-delay: 2s; animation-delay: 2s; }
.snowflake.snowDelay5 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.snowflake.snowAnimation1 { -webkit-animation-name: snowAnimation1, flakeFade; animation-name: snowAnimation1, flakeFade; }
.snowflake.snowAnimation2 { -webkit-animation-name: snowAnimation2, flakeFade; animation-name: snowAnimation2, flakeFade; }
.snowflake.snowAnimation3 { -webkit-animation-name: snowAnimation3, flakeFade; animation-name: snowAnimation3, flakeFade; }
.snowflake.snowAnimation4 { -webkit-animation-name: snowAnimation4, flakeFade; animation-name: snowAnimation4, flakeFade; }
.snowflake.snowAnimation5 { -webkit-animation-name: snowAnimation5, flakeFade; animation-name: snowAnimation5, flakeFade; }

@-webkit-keyframes flakeFade { 0% { opacity: 1; filter: alpha(opacity=100); }
  60% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0; filter: alpha(opacity=0); } }

@keyframes flakeFade { 0% { opacity: 1; filter: alpha(opacity=100); }
  60% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0; filter: alpha(opacity=0); } }

@-webkit-keyframes snowAnimation1 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(-70px, 630px) rotate(70deg); -moz-transform: translate(-70px, 630px) rotate(70deg); -ms-transform: translate(-70px, 630px) rotate(70deg); -o-transform: translate(-70px, 630px) rotate(70deg); transform: translate(-70px, 630px) rotate(70deg); } }

@keyframes snowAnimation1 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(-70px, 630px) rotate(70deg); -moz-transform: translate(-70px, 630px) rotate(70deg); -ms-transform: translate(-70px, 630px) rotate(70deg); -o-transform: translate(-70px, 630px) rotate(70deg); transform: translate(-70px, 630px) rotate(70deg); } }

@-webkit-keyframes snowAnimation2 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(70px, 640px) rotate(-70deg); -moz-transform: translate(70px, 640px) rotate(-70deg); -ms-transform: translate(70px, 640px) rotate(-70deg); -o-transform: translate(70px, 640px) rotate(-70deg); transform: translate(70px, 640px) rotate(-70deg); } }

@keyframes snowAnimation2 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(70px, 640px) rotate(-70deg); -moz-transform: translate(70px, 640px) rotate(-70deg); -ms-transform: translate(70px, 640px) rotate(-70deg); -o-transform: translate(70px, 640px) rotate(-70deg); transform: translate(70px, 640px) rotate(-70deg); } }

@-webkit-keyframes snowAnimation3 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(30px, 550px) rotate(45deg); -moz-transform: translate(30px, 550px) rotate(45deg); -ms-transform: translate(30px, 550px) rotate(45deg); -o-transform: translate(30px, 550px) rotate(45deg); transform: translate(30px, 550px) rotate(45deg); } }

@keyframes snowAnimation3 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(30px, 550px) rotate(45deg); -moz-transform: translate(30px, 550px) rotate(45deg); -ms-transform: translate(30px, 550px) rotate(45deg); -o-transform: translate(30px, 550px) rotate(45deg); transform: translate(30px, 550px) rotate(45deg); } }

@-webkit-keyframes snowAnimation4 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(-30px, 600px) rotate(-45deg); -moz-transform: translate(-30px, 600px) rotate(-45deg); -ms-transform: translate(-30px, 600px) rotate(-45deg); -o-transform: translate(-30px, 600px) rotate(-45deg); transform: translate(-30px, 600px) rotate(-45deg); } }

@keyframes snowAnimation4 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(-30px, 600px) rotate(-45deg); -moz-transform: translate(-30px, 600px) rotate(-45deg); -ms-transform: translate(-30px, 600px) rotate(-45deg); -o-transform: translate(-30px, 600px) rotate(-45deg); transform: translate(-30px, 600px) rotate(-45deg); } }

@-webkit-keyframes snowAnimation5 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(0px, 660px) rotate(50deg); -moz-transform: translate(0px, 660px) rotate(50deg); -ms-transform: translate(0px, 660px) rotate(50deg); -o-transform: translate(0px, 660px) rotate(50deg); transform: translate(0px, 660px) rotate(50deg); } }

@keyframes snowAnimation5 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(0px, 660px) rotate(50deg); -moz-transform: translate(0px, 660px) rotate(50deg); -ms-transform: translate(0px, 660px) rotate(50deg); -o-transform: translate(0px, 660px) rotate(50deg); transform: translate(0px, 660px) rotate(50deg); } }

#adventcalendar2015 { position: relative; overflow: hidden; margin-top: 55px; }
#adventcalendar2015 .background { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/room-background.png) no-repeat left top; height: 700px; position: relative; z-index: 3; }
@media (min-width: 992px) and (max-width: 1199px) { #adventcalendar2015 .background { height: 875px; } }
@media (min-width: 768px) and (max-width: 991px) { #adventcalendar2015 .background { height: 1010px; } }
@media (max-width: 767px) { #adventcalendar2015 .background { height: 1680px; } }
#adventcalendar2015.vignette { position: relative; }
#adventcalendar2015.vignette:after { height: 100%; z-index: 14; content: ''; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 120%; padding-bottom: 65%; box-shadow: inset 0px 0px 186px 128px rgba(0, 0, 0, 0.3); }
@media (max-width: 767px) { #adventcalendar2015.vignette:after { box-shadow: inset 0px 0px 186px 53px rgba(0, 0, 0, 0.3); } }
#adventcalendar2015 .landscape { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/landscape-background.jpg) no-repeat top left; position: absolute; width: 790px; height: 245px; overflow: hidden; z-index: 2; margin-left: 37px; }
@media (min-width: 768px) and (max-width: 991px) { #adventcalendar2015 .landscape { width: 683px; } }
@media (max-width: 767px) { #adventcalendar2015 .landscape { width: 100%; } }
#adventcalendar2015 .plate-lights > div { width: 349px; height: 73px; background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/lights-animation.png) no-repeat; -webkit-animation: lightsFade 2s ease-in-out infinite; animation: lightsFade 2s ease-in-out infinite; position: absolute; top: 284px; z-index: 5; }
#adventcalendar2015 .plate-lights > div.light1 { left: 127px; }
#adventcalendar2015 .plate-lights > div.light2 { left: 479px; }
@media (min-width: 992px) and (max-width: 1199px) { #adventcalendar2015 .plate-lights > div.light2 { width: 235px; } }
@media (max-width: 767px) { #adventcalendar2015 .plate-lights > div.light1 { left: 127px; } }
#adventcalendar2015 .tm { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/tm.png) no-repeat; width: 330px; height: 404px; position: absolute; top: 43px; right: -52px; z-index: 10; }
@media (max-width: 767px) { #adventcalendar2015 .tm { top: 93px; right: -120px; background-size: 85%; } }
#adventcalendar2015 .cooking-table { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/woodfloor.jpg) repeat-y; height: 100%; width: 100%; z-index: 1; position: absolute; bottom: 0; }
#adventcalendar2015 .door-section { position: absolute; width: 100%; bottom: 10px; z-index: 15; }
#adventcalendar2015 .door-section * { transition: margin .7s ease; }
@media (max-width: 767px) { #adventcalendar2015 .door-section { bottom: initial; top: 381px; } }
#adventcalendar2015 .door-section .door { position: relative; float: left; background-repeat: no-repeat; cursor: pointer; width: 95px; height: 160px; }
@media (min-width: 768px) and (max-width: 991px) { #adventcalendar2015 .door-section .door { margin: auto 12px; height: 167px; } }
@media (max-width: 767px) { #adventcalendar2015 .door-section .door { min-width: 78px; height: 160px; width: 33%; } }
#adventcalendar2015 .door-section .door.door01 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day01.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door02 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day02.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door03 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day03.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door04 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day04.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door05 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day05.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door06 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day06.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door07 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day07.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door08 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day08.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door09 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day09.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door10 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day10.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door11 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day11.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door12 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day12.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door13 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day13.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door14 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day14.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door15 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day15.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door16 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day16.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door17 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day17.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door18 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day18.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door19 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day19.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door20 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day20.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door21 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day21.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door22 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day22.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door23 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day23.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door24 { background: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/day24.png) no-repeat center center; }
#adventcalendar2015 .door-section .door.door01 { background-position: center 16px; }
#adventcalendar2015 .door-section .door.door02, #adventcalendar2015 .door-section .door.door03 { background-position: center 10px; }
#adventcalendar2015 .door-section .door.door04 { background-position: center 20px; }
#adventcalendar2015 .door-section .door.door06 { background-position: center 7px; }
#adventcalendar2015 .door-section .door.door09 { background-position: center 5px; }
#adventcalendar2015 .door-section .door.door10 { background-position: center 23px; }
#adventcalendar2015 .door-section .door.door14 { background-position: center 17px; }
#adventcalendar2015 .door-section .door.door08, #adventcalendar2015 .door-section .door.door15 { background-position: center 30px; }
#adventcalendar2015 .door-section .door.door21 { background-position: center 9px; }
#adventcalendar2015 .door-section .door.door22 { background-position: center 21px; }
#adventcalendar2015 .door-section .door.opened { cursor: default; }
#adventcalendar2015 .door-section .door.active { -webkit-animation-name: cakeShake; animation-name: cakeShake; animation-duration: 2s; animation-iteration-count: infinite; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; }

.snowflake { position: absolute; width: 25px; height: 25px; animation-timing-function: ease-out; z-index: -1; pointer-events: none; background: transparent center center no-repeat; }
.snowflake.snowType1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/flake1.png); }
.snowflake.snowType2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/flake2.png); }
.snowflake.snowType3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/adventcalendar2015/flake3.png); }
.snowflake.snowDuration1 { -webkit-animation-duration: 12s; animation-duration: 12s; }
.snowflake.snowDuration2 { -webkit-animation-duration: 11s; animation-duration: 11s; }
.snowflake.snowDuration3 { -webkit-animation-duration: 10s; animation-duration: 10s; }
.snowflake.snowDuration4 { -webkit-animation-duration: 9s; animation-duration: 9s; }
.snowflake.snowDuration5 { -webkit-animation-duration: 8s; animation-duration: 8s; }
.snowflake.snowDelay1 { -webkit-animation-delay: 5s; animation-delay: 5s; }
.snowflake.snowDelay2 { -webkit-animation-delay: 4s; animation-delay: 4s; }
.snowflake.snowDelay3 { -webkit-animation-delay: 3s; animation-delay: 3s; }
.snowflake.snowDelay4 { -webkit-animation-delay: 2s; animation-delay: 2s; }
.snowflake.snowDelay5 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.snowflake.snowAnimation1 { -webkit-animation-name: snowAnimation1, flakeFade; animation-name: snowAnimation1, flakeFade; }
.snowflake.snowAnimation2 { -webkit-animation-name: snowAnimation2, flakeFade; animation-name: snowAnimation2, flakeFade; }
.snowflake.snowAnimation3 { -webkit-animation-name: snowAnimation3, flakeFade; animation-name: snowAnimation3, flakeFade; }
.snowflake.snowAnimation4 { -webkit-animation-name: snowAnimation4, flakeFade; animation-name: snowAnimation4, flakeFade; }
.snowflake.snowAnimation5 { -webkit-animation-name: snowAnimation5, flakeFade; animation-name: snowAnimation5, flakeFade; }

@-webkit-keyframes flakeFade { 0% { opacity: 1; filter: alpha(opacity=100); }
  60% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0; filter: alpha(opacity=0); } }

@keyframes flakeFade { 0% { opacity: 1; filter: alpha(opacity=100); }
  60% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0; filter: alpha(opacity=0); } }

@-webkit-keyframes snowAnimation1 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(-70px, 630px) rotate(70deg); -moz-transform: translate(-70px, 630px) rotate(70deg); -ms-transform: translate(-70px, 630px) rotate(70deg); -o-transform: translate(-70px, 630px) rotate(70deg); transform: translate(-70px, 630px) rotate(70deg); } }

@keyframes snowAnimation1 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(-70px, 630px) rotate(70deg); -moz-transform: translate(-70px, 630px) rotate(70deg); -ms-transform: translate(-70px, 630px) rotate(70deg); -o-transform: translate(-70px, 630px) rotate(70deg); transform: translate(-70px, 630px) rotate(70deg); } }

@-webkit-keyframes snowAnimation2 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(70px, 640px) rotate(-70deg); -moz-transform: translate(70px, 640px) rotate(-70deg); -ms-transform: translate(70px, 640px) rotate(-70deg); -o-transform: translate(70px, 640px) rotate(-70deg); transform: translate(70px, 640px) rotate(-70deg); } }

@keyframes snowAnimation2 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(70px, 640px) rotate(-70deg); -moz-transform: translate(70px, 640px) rotate(-70deg); -ms-transform: translate(70px, 640px) rotate(-70deg); -o-transform: translate(70px, 640px) rotate(-70deg); transform: translate(70px, 640px) rotate(-70deg); } }

@-webkit-keyframes snowAnimation3 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(30px, 550px) rotate(45deg); -moz-transform: translate(30px, 550px) rotate(45deg); -ms-transform: translate(30px, 550px) rotate(45deg); -o-transform: translate(30px, 550px) rotate(45deg); transform: translate(30px, 550px) rotate(45deg); } }

@keyframes snowAnimation3 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(30px, 550px) rotate(45deg); -moz-transform: translate(30px, 550px) rotate(45deg); -ms-transform: translate(30px, 550px) rotate(45deg); -o-transform: translate(30px, 550px) rotate(45deg); transform: translate(30px, 550px) rotate(45deg); } }

@-webkit-keyframes snowAnimation4 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(-30px, 600px) rotate(-45deg); -moz-transform: translate(-30px, 600px) rotate(-45deg); -ms-transform: translate(-30px, 600px) rotate(-45deg); -o-transform: translate(-30px, 600px) rotate(-45deg); transform: translate(-30px, 600px) rotate(-45deg); } }

@keyframes snowAnimation4 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(-30px, 600px) rotate(-45deg); -moz-transform: translate(-30px, 600px) rotate(-45deg); -ms-transform: translate(-30px, 600px) rotate(-45deg); -o-transform: translate(-30px, 600px) rotate(-45deg); transform: translate(-30px, 600px) rotate(-45deg); } }

@-webkit-keyframes snowAnimation5 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(0px, 660px) rotate(50deg); -moz-transform: translate(0px, 660px) rotate(50deg); -ms-transform: translate(0px, 660px) rotate(50deg); -o-transform: translate(0px, 660px) rotate(50deg); transform: translate(0px, 660px) rotate(50deg); } }

@keyframes snowAnimation5 { 0% { -webkit-transform: translate(0, 0) rotate(0); -moz-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); -o-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); }
  100% { -webkit-transform: translate(0px, 660px) rotate(50deg); -moz-transform: translate(0px, 660px) rotate(50deg); -ms-transform: translate(0px, 660px) rotate(50deg); -o-transform: translate(0px, 660px) rotate(50deg); transform: translate(0px, 660px) rotate(50deg); } }

@-webkit-keyframes cakeShake { from { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  20% { -webkit-transform: scale3d(1.1, 0.9, 1); -moz-transform: scale3d(1.1, 0.9, 1); -ms-transform: scale3d(1.1, 0.9, 1); -o-transform: scale3d(1.1, 0.9, 1); transform: scale3d(1.1, 0.9, 1); }
  30% { -webkit-transform: scale3d(0.9, 1.1, 1); -moz-transform: scale3d(0.9, 1.1, 1); -ms-transform: scale3d(0.9, 1.1, 1); -o-transform: scale3d(0.9, 1.1, 1); transform: scale3d(0.9, 1.1, 1); }
  40% { -webkit-transform: scale3d(1.1, 0.9, 1); -moz-transform: scale3d(1.1, 0.9, 1); -ms-transform: scale3d(1.1, 0.9, 1); -o-transform: scale3d(1.1, 0.9, 1); transform: scale3d(1.1, 0.9, 1); }
  55% { -webkit-transform: scale3d(0.95, 1.05, 1); -moz-transform: scale3d(0.95, 1.05, 1); -ms-transform: scale3d(0.95, 1.05, 1); -o-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  65% { -webkit-transform: scale3d(1.05, 0.95, 1); -moz-transform: scale3d(1.05, 0.95, 1); -ms-transform: scale3d(1.05, 0.95, 1); -o-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  75% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  80% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  85% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  90% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  to { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

@keyframes cakeShake { from { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  20% { -webkit-transform: scale3d(1.1, 0.9, 1); -moz-transform: scale3d(1.1, 0.9, 1); -ms-transform: scale3d(1.1, 0.9, 1); -o-transform: scale3d(1.1, 0.9, 1); transform: scale3d(1.1, 0.9, 1); }
  30% { -webkit-transform: scale3d(0.9, 1.1, 1); -moz-transform: scale3d(0.9, 1.1, 1); -ms-transform: scale3d(0.9, 1.1, 1); -o-transform: scale3d(0.9, 1.1, 1); transform: scale3d(0.9, 1.1, 1); }
  40% { -webkit-transform: scale3d(1.1, 0.9, 1); -moz-transform: scale3d(1.1, 0.9, 1); -ms-transform: scale3d(1.1, 0.9, 1); -o-transform: scale3d(1.1, 0.9, 1); transform: scale3d(1.1, 0.9, 1); }
  55% { -webkit-transform: scale3d(0.95, 1.05, 1); -moz-transform: scale3d(0.95, 1.05, 1); -ms-transform: scale3d(0.95, 1.05, 1); -o-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  65% { -webkit-transform: scale3d(1.05, 0.95, 1); -moz-transform: scale3d(1.05, 0.95, 1); -ms-transform: scale3d(1.05, 0.95, 1); -o-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  75% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  80% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  85% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  90% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  to { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

@-webkit-keyframes lightsFade { 0% { opacity: 0.5; filter: alpha(opacity=50); }
  25% { opacity: 1; filter: alpha(opacity=100); }
  50% { opacity: 1; filter: alpha(opacity=100); }
  75% { opacity: 0.5; filter: alpha(opacity=50); }
  100% { opacity: 0; filter: alpha(opacity=0); } }

@keyframes lightsFade { 0% { opacity: 0.5; filter: alpha(opacity=50); }
  25% { opacity: 1; filter: alpha(opacity=100); }
  50% { opacity: 1; filter: alpha(opacity=100); }
  75% { opacity: 0.5; filter: alpha(opacity=50); }
  100% { opacity: 0; filter: alpha(opacity=0); } }

.sternekoeche-map { margin-bottom: 50px; position: relative; }
@media (min-width: 992px) and (max-width: 1199px) { .sternekoeche-map { margin-bottom: 100px; } }
@media (max-width: 767px) { .sternekoeche-map { margin-bottom: 120px; } }
.sternekoeche-map .legend { position: absolute; top: 0; }
.sternekoeche-map .legend:before, .sternekoeche-map .legend:after { content: " "; /* 1 */ display: table; /* 2 */ }
.sternekoeche-map .legend:after { clear: both; }
@media (min-width: 992px) and (max-width: 1199px) { .sternekoeche-map .legend { top: auto; bottom: -85px; width: 100%; } }
@media (max-width: 767px) { .sternekoeche-map .legend { top: auto; bottom: -85px; width: 100%; } }
.sternekoeche-map .legend ul { padding-left: 0; }
.sternekoeche-map .legend li { list-style-type: none; line-height: 22px; position: relative; padding-left: 42px; margin-bottom: 5px; }
@media (min-width: 992px) and (max-width: 1199px) { .sternekoeche-map .legend li { float: left; margin-right: 20px; margin-bottom: 0; } }
@media (max-width: 767px) { .sternekoeche-map .legend li { float: left; margin-right: 20px; margin-bottom: 0; } }
.sternekoeche-map .legend li:before { content: ""; position: absolute; left: 6px; top: 0; width: 22px; height: 22px; background: url(/typo3conf/Resources/Public/Media/IMG/sternekoeche/stars.png) no-repeat 0 -44px; }
.sternekoeche-map .legend li.tv-cook:before { background-position: 0 -88px; }
.sternekoeche-map .legend li.group { line-height: 34px; padding: 0 10px 0 42px; margin-bottom: 5px; }
@media (min-width: 992px) and (max-width: 1199px) { .sternekoeche-map .legend li.group { width: 100%; margin-right: 0; } }
@media (max-width: 767px) { .sternekoeche-map .legend li.group { width: 100%; margin-right: 0; } }
.sternekoeche-map .legend li.group:before { background: url(/typo3conf/Resources/Public/Media/IMG/sternekoeche/stars-group.png) no-repeat 0 0; width: 34px; height: 34px; left: 0; }
.sternekoeche-map .svg { position: relative; display: block; margin: 0 auto 0 20px; }
.sternekoeche-map .svg img { width: 100%; display: block; }
.sternekoeche-map .svg img.map.lu { position: absolute; top: 60.8%; width: 10.3%; left: -3.4%; }
.sternekoeche-map .stars > div { width: 22px; height: 22px; background: url(/typo3conf/Resources/Public/Media/IMG/sternekoeche/stars.png) no-repeat 0 -44px; cursor: pointer; position: absolute; z-index: 11; top: 0; left: 0; margin-left: -11px; margin-top: -11px; }
.sternekoeche-map .stars > div:hover, .sternekoeche-map .stars > div.hover, .sternekoeche-map .stars > div.active { background-position: 0 -66px; }
.sternekoeche-map .stars > div.tv-cook { background-position: 0 -88px; }
.sternekoeche-map .stars > div.tv-cook:hover, .sternekoeche-map .stars > div.tv-cook.hover, .sternekoeche-map .stars > div.tv-cook.active { background-position: 0 -110px; }
.sternekoeche-map .stars > div.group { width: 34px; height: 34px; margin-top: -17px; margin-left: -17px; background-image: url(/typo3conf/Resources/Public/Media/IMG/sternekoeche/stars-group.png); background-position: 0 0; }
.sternekoeche-map .stars > div.group:hover, .sternekoeche-map .stars > div.group.hover, .sternekoeche-map .stars > div.group.active { background-position: 0 -34px; }
.sternekoeche-map .cities > div { text-transform: uppercase; color: #6d6e71; font-weight: bold; position: absolute; font-size: 11px; z-index: 10; line-height: 11px; padding: 2px 5px; background: #eae7e3; }
.sternekoeche-map .cities > div.kiel { top: 11.1%; left: 42.8%; }
.sternekoeche-map .cities > div.hamburg { top: 16.4%; left: 38.8%; }
.sternekoeche-map .cities > div.schwerin { top: 17%; left: 60.4%; }
.sternekoeche-map .cities > div.bremen { top: 26.5%; left: 27%; }
.sternekoeche-map .cities > div.berlin { top: 29.7%; left: 75.8%; }
.sternekoeche-map .cities > div.hannover { top: 34.5%; left: 33%; }
.sternekoeche-map .cities > div.magdeburg { top: 38.7%; left: 55%; }
.sternekoeche-map .cities > div.wuppertal { top: 44.6%; left: 8.8%; }
.sternekoeche-map .cities > div.leipzig { top: 43.8%; left: 66.2%; }
.sternekoeche-map .cities > div.dresden { top: 49%; left: 80.5%; }
.sternekoeche-map .cities > div.koeln { top: 53%; left: 7%; }
.sternekoeche-map .cities > div.erfurt { top: 53.3%; left: 49%; }
.sternekoeche-map .cities > div.frankfurt { top: 61%; left: 21%; }
.sternekoeche-map .cities > div.mainz { top: 66.8%; left: 21.4%; }
.sternekoeche-map .cities > div.saarbruecken { top: 71%; left: 7.5%; }
.sternekoeche-map .cities > div.nuernberg { top: 71.2%; left: 52.2%; }
.sternekoeche-map .cities > div.stuttgart { top: 77.6%; left: 28.2%; }
.sternekoeche-map .cities > div.muenchen { top: 89.3%; left: 57.8%; }
.sternekoeche-map .cities > div.luxemburg { top: 67%; left: -1%; background-color: transparent; }
.sternekoeche-map .overlays { position: absolute; z-index: 20; margin: 22px 0 0 -37px; padding: 10px; background: rgba(255, 255, 255, 0.95); border: 1px solid #ececec; display: none; }
.sternekoeche-map .overlays.multiple { padding: 10px 50px 30px 50px; margin-left: -147px; }
.sternekoeche-map .overlays.multiple .carousel-control, .sternekoeche-map .overlays.multiple .carousel-indicators { display: block; }
.sternekoeche-map .overlays.multiple .cook-detail.inactive { opacity: 0.3; filter: alpha(opacity=30); }
.sternekoeche-map .overlays.multiple .cook-detail.inactive a.close-overlay { display: none; }
.sternekoeche-map .overlays.multiple .wrapper { width: 580px; }
.sternekoeche-map .overlays .carousel-control { width: 50px; height: 100%; position: absolute; top: 0; display: none; }
.sternekoeche-map .overlays .carousel-control span { position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -20px; }
.sternekoeche-map .overlays .carousel-control.left { left: 0; }
.sternekoeche-map .overlays .carousel-control.right { right: 0; }
.sternekoeche-map .overlays .carousel-indicators { bottom: -9px; display: none; }
.sternekoeche-map .overlays .carousel-indicators li { text-indent: -99999px; }
.sternekoeche-map .overlays .wrapper { *zoom: 1; overflow: hidden; width: 450px; }
.sternekoeche-map .overlays .wrapper:after { content: ""; display: table; clear: both; }
.sternekoeche-map .overlays .group { overflow: hidden; }
.sternekoeche-map .overlays .group .cook-detail { float: left; margin-right: 10px; }

.cook-detail { position: relative; background: #113c2b; *zoom: 1; }
.cook-detail:after { content: ""; display: table; clear: both; }
.cook-detail a.close-overlay { position: absolute; right: 10px; top: 10px; background: url(/typo3conf/Resources/Public/Media/IMG/sternekoeche/btn-close.png) no-repeat center #113c2b; width: 16px; height: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.cook-detail a.close-overlay:hover { background-color: #95c11c; }
.cook-detail-container .cook-detail a.close-overlay { display: none; }
.cook-detail .image { float: right; width: 205px; }
.cook-detail .image img { width: 100%; }
@media (max-width: 767px) { .cook-detail .image { width: 100%; float: none; } }
.cook-detail .meta { padding: 15px; color: #fff; margin-right: 193px; overflow: hidden; }
@media (max-width: 520px) { .cook-detail .meta { margin-right: 0; } }
.cook-detail .meta .star-indicator { font-size: 11px; margin-bottom: 5px; *zoom: 1; }
.cook-detail .meta .star-indicator:after { content: ""; display: table; clear: both; }
.cook-detail .meta .star-indicator > div { float: left; background: url(/typo3conf/Resources/Public/Media/IMG/sternekoeche/stars.png) repeat-x 0 -44px; height: 22px; width: 22px; margin-bottom: 8px; margin-right: 10px; }
.cook-detail .meta .star-indicator > div.stars-1 { width: 25px; }
.cook-detail .meta .star-indicator > div.stars-2 { width: 50px; }
.cook-detail .meta .star-indicator > div.stars-3 { width: 75px; }
.cook-detail .meta .star-indicator span { float: left; line-height: 22px; }
.cook-detail .meta .contact { margin-bottom: 15px; }
.cook-detail .meta .contact span:first-child { text-transform: uppercase; font-weight: bold; font-size: 15px; }
.cook-detail .meta .contact .restaurant-name, .cook-detail .meta .contact .cook-name, .cook-detail .meta .contact .street { display: block; }
.cook-detail .meta a.btn-link { padding: 0; color: white; font-size: 13px; }
.cook-detail .meta a.btn-link:hover { color: #95c11c; }

.cook-detail-container { cursor: pointer; }
.cook-detail-container:nth-child(odd) .cook-detail { background-color: #ececec; }
.cook-detail-container .cook-detail { background-color: transparent; padding: 10px 15px 10px 10px; }
.cook-detail-container .cook-detail .image, .cook-detail-container .cook-detail .star-indicator, .cook-detail-container .cook-detail a.btn-link { display: none; }
.cook-detail-container .cook-detail .meta { margin-right: 0; padding: 0; color: #113c2b; }
.cook-detail-container .cook-detail .meta .contact { margin-bottom: 0; }
.cook-detail-container .cook-detail .meta .contact > span { display: inline; font-size: 14px; }
.cook-detail-container .cook-detail .meta .contact > span:after { content: ","; }
.cook-detail-container .cook-detail .meta .contact > span:last-child:after { content: ""; }
.cook-detail-container .cook-detail .meta .contact .street, .cook-detail-container .cook-detail .meta .contact .zip { display: none; }
.cook-detail-container .cook-detail:hover .meta, .cook-detail-container .cook-detail.active .meta { color: #009c3b; }
.cook-detail-container .cook-detail.active { padding-right: 10px; border-right: 5px solid #009c3b; }

@media (max-width: 767px) { .overlay-mobile { width: 150%; height: 100%; top: 0; left: -15px; position: fixed; background: rgba(17, 60, 43, 0.8); z-index: 3000; display: none; }
  .sternekoeche-map .overlays { z-index: 3001; width: 100%; padding: 0; margin: 0; border: 0; }
  .sternekoeche-map .overlays.multiple { padding: 0; margin-left: 0; }
  .sternekoeche-map .overlays.multiple a.carousel-control { height: 60px; width: 40px; z-index: 10; }
  .sternekoeche-map .overlays.multiple a.carousel-control span { margin-top: -30px; }
  .sternekoeche-map .overlays.multiple .cook-detail { border-top: 60px solid white; }
  .sternekoeche-map .overlays .wrapper { width: 100% !important; }
  .sternekoeche-map .overlays .cook-detail { margin-right: 0 !important; }
  .sternekoeche-map .overlays .carousel-indicators { bottom: auto; top: 0; }
  .sternekoeche-map .overlays .carousel-indicators li { display: none; }
  .sternekoeche-map .overlays .carousel-indicators li.active { display: block; text-indent: 0; width: auto; margin: 0; background: none; line-height: 60px; }
  .sternekoeche-map .overlays a.close-overlay { display: block; position: absolute; height: 40px; width: 40px; top: 10px; right: 10px; }
  .sternekoeche-map .overlays a.close-overlay:hover { background-color: #113c2b; }
  .sternekoeche-map .overlays a.close-overlay:after { content: ""; background: url(/typo3conf/Resources/Public/Media/IMG//Icons/lightbox_close.png); width: 20px; height: 20px; right: 10px; top: 10px; display: block; position: absolute; }
  .sternekoeche-map .overlays .meta { padding: 15px; } }
.eyecatcher { position: absolute; top: -550px; left: 9%; z-index: 10000; width: 50px; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: falling 6s ease 2s, weavinginit 3s ease 8s, weaving 6s ease 11s infinite; animation: falling 6s ease 2s, weavinginit 3s ease 8s, weaving 6s ease 11s infinite; }
.eyecatcher, .eyecatcher .box { height: 337px; }
.eyecatcher .box { -webkit-animation: fallingrotate 6s ease 2s; animation: fallingrotate 6s ease 2s; }
.eyecatcher.remove { top: -650px !important; -webkit-animation: remove 1s; animation: remove 1s; }
.eyecatcher .line { height: 500px; width: 213px; top: 50px; margin-left: -89px; position: absolute; background: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/schleife_05.png") no-repeat; background-size: 100%; }
.eyecatcher .close-link { cursor: pointer; position: absolute; top: 70px; left: 31%; margin-left: -18px; }
.eyecatcher a, .eyecatcher .star { width: 150px; height: 150px; background-repeat: no-repeat; background-size: 100%; display: block; position: absolute; bottom: -180px; margin-left: -57px; }
.eyecatcher.gift .line { background: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/giveagift/kordel.png") repeat-y; }
.eyecatcher.gift a { height: 200px; bottom: -153px; margin-left: -96px; background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/giveagift/etikette.png"); }
.eyecatcher.gift a:after { background: none; }
.eyecatcher.gift.fr a { bottom: -173px; margin-left: -90px; height: 251px; background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/giveagift/etikette-fr.png"); }
.eyecatcher.day1 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_01.png"); }
.eyecatcher.day2 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_02.png"); }
.eyecatcher.day3 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_03.png"); }
.eyecatcher.day4 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_04.png"); }
.eyecatcher.day5 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_05.png"); }
.eyecatcher.day6 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_06.png"); }
.eyecatcher.day7 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_07.png"); }
.eyecatcher.day8 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_08.png"); }
.eyecatcher.day9 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_09.png"); }
.eyecatcher.day10 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_10.png"); }
.eyecatcher.day11 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_11.png"); }
.eyecatcher.day12 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_12.png"); }
.eyecatcher.day13 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_13.png"); }
.eyecatcher.day14 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_14.png"); }
.eyecatcher.day15 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_15.png"); }
.eyecatcher.day16 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_16.png"); }
.eyecatcher.day17 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_17.png"); }
.eyecatcher.day18 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_18.png"); }
.eyecatcher.day19 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_19.png"); }
.eyecatcher.day20 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_20.png"); }
.eyecatcher.day21 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_21.png"); }
.eyecatcher.day22 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_22.png"); }
.eyecatcher.day23 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_23.png"); }
.eyecatcher.day24 .star { background-image: url("/typo3conf/Resources/Public/Media/IMG/eyecatcher/christmas-2016/weihnachts-wackelstoerer_24.png"); }
@media (max-width: 767px) { .eyecatcher { display: none; } }

/* Falling animation */
@-webkit-keyframes falling { 0% { top: -550px; }
  20% { top: -380px; }
  30% { top: -300px; }
  50% { top: -120px; }
  100% { top: -50px; } }

@keyframes falling { 0% { top: -550px; }
  20% { top: -380px; }
  30% { top: -300px; }
  50% { top: -120px; }
  100% { top: -50px; } }

/* Falling rotation animation */
@-webkit-keyframes fallingrotate { 0% { -webkit-transform: rotate(0deg); }
  20% { -webkit-transform: rotate(3deg); }
  40% { -webkit-transform: rotate(-2deg); }
  70% { -webkit-transform: rotate(1deg); }
  90% { -webkit-transform: rotate(0deg); } }

@keyframes fallingrotate { 0% { transform: rotate(0deg); }
  20% { transform: rotate(3deg); }
  40% { transform: rotate(-2deg); }
  70% { transform: rotate(1deg); }
  90% { transform: rotate(0deg); } }

/* Weaving Init Animation */
@-webkit-keyframes weavinginit { 0% { top: -50px; -webkit-transform: rotate(0deg); }
  100% { top: -50px; -webkit-transform: rotate(1deg); } }

@keyframes weavinginit { 0% { top: -50px; transform: rotate(0deg); }
  100% { top: -50px; transform: rotate(1deg); } }

/* Weaving Animation */
@-webkit-keyframes weaving { from { top: -50px; -webkit-transform: rotate(1deg); }
  50% { top: -50px; -webkit-transform: rotate(-1deg); }
  to { top: -50px; -webkit-transform: rotate(1deg); } }

@keyframes weaving { from { top: -50px; transform: rotate(1deg); }
  50% { top: -50px; transform: rotate(-1deg); }
  to { top: -50px; transform: rotate(1deg); } }

/* Weaving Animation */
@-webkit-keyframes remove { from { top: -50px; }
  to { top: -550px; } }

@keyframes remove { from { top: -50px; }
  to { top: -550px; } }

.table-filter { margin-bottom: 15px; padding: 8px; background: #ececec; }
.table-filter .form-block:before, .table-filter .form-block:after { content: " "; /* 1 */ display: table; /* 2 */ }
.table-filter .form-block:after { clear: both; }
.table-filter input { float: left; width: 60px; margin-right: 10px; }
.table-filter .help-block { clear: both; margin: 15px 0 0 0; color: #cc0000; display: none; }
.table-filter a.btn { float: left; margin-top: 1px; }
.table-filter button { float: left; margin-left: 20px; }
.table-filter + .table-responsive { display: none; }

.table-responsive.filtered .table-striped > tbody > tr > td { background-color: transparent; }

@media (max-width: 767px) { .fancybox-content { width: 99% !important; margin: 0 auto; } }

.labelizer { margin-bottom: 100px; }
.labelizer:before, .labelizer:after { content: " "; /* 1 */ display: table; /* 2 */ }
.labelizer:after { clear: both; }
.labelizer .form-default { margin-bottom: 0; }
.labelizer .form-default .separator { margin-top: 20px; }
.labelizer .design { width: 100%; }
.labelizer .design .background { position: relative; width: 450px; height: 450px; margin: 0 auto; background-repeat: no-repeat; background-size: contain; -webkit-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer .design .background { width: 348px; height: 348px; } }
@media (max-width: 767px) { .labelizer .design .background { width: 296px; height: 296px; } }
.labelizer .color-picker { display: block; display: inline-block; width: 30px; height: 30px; margin-right: 5px; opacity: .5; background-color: #efefef; border-radius: 4px; }
.labelizer .color-picker.selected { opacity: 1; }
.labelizer #labelizer-upload-form .uploadPreview { background: #ececec; width: 100%; height: 300px; overflow: hidden; }
.labelizer #labelizer-upload-form .cropit-preview { background-size: cover; width: 200px; height: 200px; margin: 50px auto; }
.labelizer #labelizer-upload-form .cropit-preview-image-container { cursor: move; border-radius: 50%; z-index: 10; border: 4px solid #009c3b; }
.labelizer #labelizer-upload-form .image-size-label { margin-top: 10px; }
.labelizer #labelizer-upload-form .cropit-preview-background { opacity: .2; }
.labelizer #labelizer-upload-form .cropit-preview.cropit-image-loading .spinner { opacity: 1; }
.labelizer #labelizer-upload-form #result { margin-top: 10px; width: 900px; }
.labelizer #labelizer-upload-form #result-data { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: break-word; }
.labelizer #labelizer-upload-form .uploadSpinner { display: none; }
.labelizer #labelizer-upload-form .uploadSpinner span.glyphicon-refresh { position: fixed; top: 50vw; left: 50vw; font-size: 63px; color: #009c3b; margin-left: -35px; z-index: 1050; height: 75px; -webkit-animation: glyphrotate 2.5s infinite; animation: glyphrotate 2.5s infinite; }
.labelizer #labelizer-upload-form .range-slider-container { margin: 20px auto; width: 270px; /*hide the outline behind the border*/ }
.labelizer #labelizer-upload-form .range-slider-container .range-slider { display: inline-block; }
.labelizer #labelizer-upload-form .range-slider-container .glyphicon-picture.small { margin-right: 10px; }
.labelizer #labelizer-upload-form .range-slider-container .glyphicon-picture.big { margin-left: 10px; font-size: 23px; }
.labelizer #labelizer-upload-form .range-slider-container input[type=range] { /*removes default webkit styles*/ -webkit-appearance: none; /*fix for FF unable to apply focus style bug */ border: 1px solid white; /*required for proper track sizing in FF*/ width: 200px; }
.labelizer #labelizer-upload-form .range-slider-container input[type=range]::-webkit-slider-runnable-track { width: 200px; height: 5px; background: #ddd; border: none; border-radius: 3px; }
.labelizer #labelizer-upload-form .range-slider-container input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 20px; width: 20px; border-radius: 50%; background: #009c3b; margin-top: -8px; cursor: pointer; }
.labelizer #labelizer-upload-form .range-slider-container input[type=range]:focus { outline: none; }
.labelizer #labelizer-upload-form .range-slider-container input[type=range]:focus::-webkit-slider-runnable-track { background: #ccc; }
.labelizer #labelizer-upload-form .range-slider-container input[type=range]::-moz-range-track { width: 200px; height: 5px; background: #ddd; border: none; border-radius: 3px; }
.labelizer #labelizer-upload-form .range-slider-container input[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #009c3b; }
.labelizer #labelizer-upload-form .range-slider-container input[type=range]:-moz-focusring { outline: 1px solid white; outline-offset: -1px; }
.labelizer #labelizer-upload-form .range-slider-container input[type=range]::-ms-track { width: 200px; height: 5px; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ background: transparent; /*leave room for the larger thumb to overflow with a transparent border */ border-color: transparent; border-width: 6px 0; /*remove default tick marks*/ color: transparent; }
.labelizer #labelizer-upload-form .range-slider-container input[type=range]::-ms-fill-lower { background: #777; border-radius: 10px; }
.labelizer #labelizer-upload-form .range-slider-container input[type=range]::-ms-fill-upper { background: #ddd; border-radius: 10px; }
.labelizer #labelizer-upload-form .range-slider-container input[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #009c3b; }
.labelizer #labelizer-upload-form .range-slider-container input[type=range]:focus::-ms-fill-lower { background: #888; }
.labelizer #labelizer-upload-form .range-slider-container input[type=range]:focus::-ms-fill-upper { background: #ccc; }
.labelizer #labelizer-upload-form #labelizerCrop .modal-dialog { margin-top: 20vh; }
@media (max-width: 767px) { .labelizer #labelizer-upload-form #labelizerCrop .modal-dialog { margin-top: 5vh; }
  .labelizer #labelizer-upload-form #labelizerCrop .help-block { margin-top: 24px; } }
@media (min-width: 992px) and (max-width: 1199px) { .labelizer #labelizer-upload-form #labelizerCrop .modal-dialog { margin-top: 10vh; } }
.labelizer .design { position: relative; }
.labelizer .design .background > div { position: absolute; left: 50%; overflow: hidden; width: 80%; margin-left: -40%; text-align: center; opacity: 1; -webkit-transition: color 0.5s ease-in-out, opacity 0.5s ease-in-out; transition: color 0.5s ease-in-out, opacity 0.5s ease-in-out; }
.labelizer .design .background > div.align-center, .labelizer .design .background > div.align-bottom { position: relative; transform-style: preserve-3d; }
.labelizer .design .background > div.align-center span, .labelizer .design .background > div.align-bottom span { position: relative; display: block; }
.labelizer .design .background > div.align-center span { top: 50%; transform: translateY(-50%); }
.labelizer .design .background > div.align-bottom span { position: absolute; bottom: 0; width: 100%; }
.labelizer .design .background > div.curved .curved-container { position: absolute; width: 100% !important; height: 100% !important; }
.labelizer .design .made { font-family: 'Arial'; top: 80.2%; }
@media (max-width: 767px) { .labelizer .carousel { margin-top: 0; margin-bottom: 85px; } }
.labelizer .carousel .position { line-height: 60px; position: absolute; bottom: -70px; width: 100%; text-align: center; }
.labelizer .carousel .carousel-control { z-index: 10; top: auto; bottom: -70px; height: 60px; color: #b1b2b3; }
.labelizer .carousel .carousel-control:hover { color: #009c3b; }
.labelizer .carousel .carousel-inner { min-height: 296px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer .carousel .carousel-inner { min-height: 348px; } }
@media screen and (min-width: 992px) { .labelizer .carousel .carousel-inner { min-height: 450px; } }
.labelizer .carousel .carousel-inner.loading { background: url(/typo3conf/Resources/Public/Media/IMG/Icons/ajax-loader-green.gif) center no-repeat; }
.labelizer .help-block { display: none; color: #cc0000; }
.labelizer .has-error .help-block { display: block; }
.labelizer .multiline-info { font-size: 11px; display: none; margin-top: 3px; color: #6d6e71; }
.labelizer .multiline .multiline-info { display: block; }
.labelizer button.color-picker.selected { background: #fa8b0a; }
.labelizer #savePdf, .labelizer #addtoCart { margin-top: 23px; display: block; width: 100%; white-space: inherit; }
.labelizer #price-popover { float: right; font-size: 18px; margin-top: -4px; }
@media (max-width: 767px) { .labelizer #price-popover { margin-top: 35px; font-size: 20px; position: absolute; right: 12px; } }
.labelizer #minicart { position: fixed; right: -40px; top: 50%; z-index: 500; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); transition: right .5s ease; background: #068a36; background: -moz-linear-gradient(left, #068a36 0%, #38ab3d 100%); background: -webkit-linear-gradient(left, #068a36 0%, #38ab3d 100%); background: linear-gradient(to right, #068a36 0%, #38ab3d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#068a36', endColorstr='#38ab3d', GradientType=1); width: 30px; text-decoration: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 12px; font-weight: bold; color: white; font-family: "Open Sans", Verdana; display: block; padding-bottom: 20px; }
.labelizer #minicart .count { display: block; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid white; background-color: white; height: 22px; width: 22px; margin: 0 auto; color: #068a36; line-height: 19px; letter-spacing: 1px; }
.labelizer #minicart .rotate { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); line-height: 30px; padding: 5px 0 20px; }
.labelizer #minicart.viewport-animate-active { right: 0; transition: right .5s ease; }
.labelizer .fileUpload { position: relative; overflow: hidden; }
.labelizer .fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
.labelizer.sliding .background > div { opacity: 0; }

/** Labelizer DE */
.labelizer.de.color-1 .design-1 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-1-1.png); }
.labelizer.de.design-1 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-1-1.png); }
.labelizer.de.color-2 .design-1 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-1-2.png); }
.labelizer.de.design-1 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-1-2.png); }
.labelizer.de.color-3 .design-1 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-1-3.png); }
.labelizer.de.design-1 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-1-3.png); }
.labelizer.de.color-4 .design-1 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-1-4.png); }
.labelizer.de.design-1 .color-picker.color-4 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-1-4.png); }
.labelizer.de.color-1 .design-1 .date { color: #c30040; }
.labelizer.de.color-1 .design-1 .description { color: #009aa7; }
.labelizer.de.color-2 .design-1 .date { color: #ef7c00; }
.labelizer.de.color-2 .design-1 .description { color: #c3043f; }
.labelizer.de.color-3 .design-1 .date, .labelizer.de.color-3 .design-1 .made { color: #7a58a0; }
.labelizer.de.color-3 .design-1 .description { color: #c3043f; }
.labelizer.de.color-4 .design-1 .date { color: #fff; }
.labelizer.de .design.design-1 .name, .labelizer.de .design.design-1 .title { width: 76%; margin-left: -38%; color: white; }
.labelizer.de .design.design-1 .name { font-family: 'Georgia'; font-size: 40px; font-weight: bold; font-style: italic; top: 52.1%; height: 55px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-1 .name { font-size: 32px; height: 43px; } }
@media (max-width: 767px) { .labelizer.de .design.design-1 .name { font-size: 26px; height: 36px; } }
.labelizer.de .design.design-1 .title { font-family: 'Georgia'; font-size: 25px; font-weight: bold; font-style: italic; top: 63.5%; height: 35px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-1 .title { font-size: 19px; height: 28px; } }
@media (max-width: 767px) { .labelizer.de .design.design-1 .title { font-size: 16px; height: 22px; } }
.labelizer.de .design.design-1 .description, .labelizer.de .design.design-1 .date { width: 70%; margin-left: -35%; }
.labelizer.de .design.design-1 .description { font-family: 'Georgia'; font-size: 25px; font-weight: bold; line-height: 29px; top: 29.4%; height: 60px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-1 .description { font-size: 20px; line-height: 22px; height: 45px; } }
@media (max-width: 767px) { .labelizer.de .design.design-1 .description { font-size: 16px; line-height: 19px; height: 38px; } }
.labelizer.de .design.design-1 .date { font-family: 'Georgia'; font-size: 22px; font-weight: bold; top: 18.5%; height: 32px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-1 .date { font-size: 17px; height: 22px; } }
@media (max-width: 767px) { .labelizer.de .design.design-1 .date { font-size: 15px; height: 22px; } }
.labelizer.de .design.design-1 .made { letter-spacing: .08em; color: #c30040; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-1 .made { font-size: 11px; } }
@media (max-width: 767px) { .labelizer.de .design.design-1 .made { font-size: 10px; letter-spacing: .04em; } }
.labelizer.de.color-1 .design-2 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-2-1.png); }
.labelizer.de.design-2 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-2-1.png); }
.labelizer.de.color-2 .design-2 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-2-2.png); }
.labelizer.de.design-2 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-2-2.png); }
.labelizer.de.color-3 .design-2 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-2-3.png); }
.labelizer.de.design-2 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-2-3.png); }
.labelizer.de.color-4 .design-2 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-2-4.png); }
.labelizer.de.design-2 .color-picker.color-4 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-2-4.png); }
.labelizer.de.color-1 .design-2 { color: #c3043f; }
.labelizer.de.color-2 .design-2 { color: #cd7d00; }
.labelizer.de.color-3 .design-2 { color: #7a58a0; }
.labelizer.de.color-3 .design-2 .name, .labelizer.de.color-3 .design-2 .title { color: #432e56; }
.labelizer.de.color-4 .design-2 { color: #fff; }
.labelizer.de.color-4 .design-2 .name, .labelizer.de.color-4 .design-2 .title { color: #133c2b; }
.labelizer.de .design.design-2 .background > div { width: 74%; margin-left: -37%; }
.labelizer.de .design.design-2 .name { font-family: 'Georgia'; font-size: 47px; font-weight: bold; top: 36%; width: 66%; height: 62px; margin-left: -33%; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-2 .name { font-size: 36px; height: 50px; } }
@media (max-width: 767px) { .labelizer.de .design.design-2 .name { font-size: 30px; height: 38px; } }
.labelizer.de .design.design-2 .title { font-family: 'Georgia'; font-size: 25px; font-weight: bold; line-height: 27px; top: 49.4%; width: 74%; height: 54px; margin-left: -37%; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-2 .title { font-size: 20px; line-height: 20px; height: 41px; } }
@media (max-width: 767px) { .labelizer.de .design.design-2 .title { font-size: 16px; line-height: 17px; height: 35px; } }
.labelizer.de .design.design-2 .description { font-family: 'Georgia'; font-size: 19px; font-weight: bold; line-height: 23px; top: 19.8%; height: 46px; letter-spacing: .05em; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-2 .description { font-size: 16px; line-height: 17px; height: 36px; letter-spacing: 0; } }
@media (max-width: 767px) { .labelizer.de .design.design-2 .description { font-size: 13px; line-height: 15px; height: 30px; letter-spacing: 0; } }
.labelizer.de .design.design-2 .date { font-family: 'Georgia'; font-size: 19px; font-weight: bold; top: 76.6%; height: 28px; letter-spacing: .05em; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-2 .date { font-size: 15px; height: 18px; } }
@media (max-width: 767px) { .labelizer.de .design.design-2 .date { font-size: 14px; height: 18px; } }
.labelizer.de .design.design-2 .background .description, .labelizer.de .design.design-2 .background .date { width: 54%; margin-left: -27%; }
.labelizer.de .design.design-2 .made { font-size: 13px; top: 71.8%; letter-spacing: .08em; color: white; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-2 .made { font-size: 11px; letter-spacing: .02em; } }
@media (max-width: 767px) { .labelizer.de .design.design-2 .made { font-size: 10px; top: 71.4%; letter-spacing: 0; } }
.labelizer.de.color-1 .design-3 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-3-1.png); }
.labelizer.de.design-3 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-3-1.png); }
.labelizer.de.color-2 .design-3 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-3-2.png); }
.labelizer.de.design-3 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-3-2.png); }
.labelizer.de.color-3 .design-3 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-3-3.png); }
.labelizer.de.design-3 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-3-3.png); }
.labelizer.de.color-4 .design-3 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-3-4.png); }
.labelizer.de.design-3 .color-picker.color-4 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-3-4.png); }
.labelizer.de.color-1 .design-3 { color: #1c1c1b; }
.labelizer.de.color-1 .design-3 .date, .labelizer.de.color-1 .design-3 .made { color: #b4dac2; }
.labelizer.de.color-2 .design-3 { color: #1c1c1b; }
.labelizer.de.color-2 .design-3 .date, .labelizer.de.color-2 .design-3 .made { color: #ef7c00; }
.labelizer.de.color-3 .design-3 { color: #1c1c1b; }
.labelizer.de.color-3 .design-3 .date, .labelizer.de.color-3 .design-3 .made { color: #b4dac2; }
.labelizer.de.color-4 .design-3 { color: #86bc24; }
.labelizer.de.color-4 .design-3 .background .name, .labelizer.de.color-4 .design-3 .background .title { color: #fff; }
.labelizer.de .design.design-3 .background > div { width: 74%; margin-left: -37%; }
.labelizer.de .design.design-3 .background .name { font-family: 'Georgia'; font-size: 38px; line-height: 44px; top: 28.4%; height: 88px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-3 .background .name { font-size: 28px; line-height: 34px; top: 28.2%; height: 70px; letter-spacing: 0; } }
@media (max-width: 767px) { .labelizer.de .design.design-3 .background .name { font-size: 25px; line-height: 33px; top: 28.2%; height: 62px; } }
.labelizer.de .design.design-3 .title { font-family: 'Georgia'; font-size: 40px; font-weight: bold; line-height: 37px; top: 52.6%; height: 77px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-3 .title { font-size: 32px; line-height: 30px; height: 64px; } }
@media (max-width: 767px) { .labelizer.de .design.design-3 .title { font-size: 26px; line-height: 25px; height: 50px; } }
.labelizer.de .design.design-3 .description { display: none; }
.labelizer.de .design.design-3 .background .date { font-family: 'Arial'; font-size: 19px; top: 18.8%; width: 54%; height: 28px; margin-left: -27%; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-3 .background .date { font-size: 15px; height: 22px; } }
@media (max-width: 767px) { .labelizer.de .design.design-3 .background .date { font-size: 12px; top: 19.4%; height: 16px; } }
.labelizer.de .design.design-3 .background .made { line-height: 21px; top: 74.4%; width: 30%; margin-left: -15%; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-3 .background .made { font-size: 11px; line-height: 16px; } }
@media (max-width: 767px) { .labelizer.de .design.design-3 .background .made { font-size: 10px; line-height: 14px; } }
.labelizer.de.color-1 .design-4 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-4-1.png); }
.labelizer.de.design-4 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-4-1.png); }
.labelizer.de.color-2 .design-4 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-4-2.png); }
.labelizer.de.design-4 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-4-2.png); }
.labelizer.de.color-3 .design-4 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-4-3.png); }
.labelizer.de.design-4 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-4-3.png); }
.labelizer.de.color-4 .design-4 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-4-4.png); }
.labelizer.de.design-4 .color-picker.color-4 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-4-4.png); }
.labelizer.de.color-1 .design-4 { color: #d4003c; }
.labelizer.de.color-2 .design-4 { color: #f49a00; }
.labelizer.de.color-3 .design-4 { color: #9e5da1; }
.labelizer.de.color-4 .design-4 { color: #86bc24; }
.labelizer.de .design.design-4 .background > div { width: 74%; margin-left: -37%; }
.labelizer.de .design.design-4 .background .name { font-family: 'Georgia'; font-size: 38px; font-weight: bold; top: 5.4%; width: 90%; height: 142px; margin-left: -45%; letter-spacing: -0.06em; text-transform: uppercase; color: white; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-4 .background .name { font-size: 28px; height: 110px; } }
@media (max-width: 767px) { .labelizer.de .design.design-4 .background .name { font-size: 25px; height: 98px; } }
.labelizer.de .design.design-4 .background > .title { font-family: 'Georgia'; font-size: 36px; font-weight: bold; line-height: 34px; top: 41.6%; width: 86%; height: 77px; margin-left: -43%; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-4 .background > .title { font-size: 28px; line-height: 30px; height: 64px; } }
@media (max-width: 767px) { .labelizer.de .design.design-4 .background > .title { font-size: 24px; line-height: 25px; height: 50px; } }
.labelizer.de .design.design-4 .background .description { font-family: 'Arial'; font-size: 18px; top: 64.2%; width: 80%; height: 120px; margin-left: -40%; letter-spacing: -0.03em; text-transform: uppercase; color: white; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-4 .background .description { font-size: 14px; top: 64.4%; height: 92px; letter-spacing: -0.06em; } }
@media (max-width: 767px) { .labelizer.de .design.design-4 .background .description { font-size: 12px; height: 79px; letter-spacing: -0.08em; } }
.labelizer.de .design.design-4 .background .date { font-family: 'Arial'; font-size: 19px; top: 65.2%; width: 44%; height: 28px; margin-left: -22%; letter-spacing: .02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-4 .background .date { font-size: 15px; height: 22px; } }
@media (max-width: 767px) { .labelizer.de .design.design-4 .background .date { font-size: 13px; height: 16px; } }
.labelizer.de .design.design-4 .background .made { font-family: 'Arial'; font-weight: bold; top: 79.8%; width: 90%; height: 70px; margin-left: -45%; letter-spacing: -0.06em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-4 .background .made { font-size: 12px; height: 54px; letter-spacing: -0.12em; } }
@media (max-width: 767px) { .labelizer.de .design.design-4 .background .made { font-size: 11px; height: 46px; letter-spacing: -0.16em; } }
.labelizer.de .design.design-4 .background .made .curved-container > span:last-child { margin-bottom: 2px; margin-left: -6px; }
.labelizer.de.color-1 .design-5 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-5-1.png); }
.labelizer.de.design-5 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-5-1.png); }
.labelizer.de.color-2 .design-5 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-5-2.png); }
.labelizer.de.design-5 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-5-2.png); }
.labelizer.de.color-3 .design-5 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-5-3.png); }
.labelizer.de.design-5 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-5-3.png); }
.labelizer.de.color-4 .design-5 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-5-4.png); }
.labelizer.de.design-5 .color-picker.color-4 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-5-4.png); }
.labelizer.de.color-1 .design-5 { color: #d50f3b; }
.labelizer.de.color-1 .design-5 .background .name, .labelizer.de.color-1 .design-5 .background .date { color: #7b0e2d; }
.labelizer.de.color-1 .design-5 .made { color: #d4003c; }
.labelizer.de.color-2 .design-5 { color: #f28f00; }
.labelizer.de.color-2 .design-5 .background .name, .labelizer.de.color-2 .design-5 .background .date { color: #945b00; }
.labelizer.de.color-2 .design-5 .made { color: #f49a00; }
.labelizer.de.color-3 .design-5 { color: #9e5da1; }
.labelizer.de.color-3 .design-5 .background .name, .labelizer.de.color-3 .design-5 .background .date { color: #633964; }
.labelizer.de.color-4 .design-5 .description { color: #009847; }
.labelizer.de .design.design-5 .background > div { width: 74%; margin-left: -37%; }
.labelizer.de .design.design-5 .background .name { font-family: 'Georgia'; font-size: 31px; font-weight: bold; top: 41.4%; width: 52%; height: 40px; margin-left: -26%; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-5 .background .name { font-size: 25px; height: 32px; } }
@media (max-width: 767px) { .labelizer.de .design.design-5 .background .name { font-size: 21px; height: 25px; } }
.labelizer.de .design.design-5 .title { font-family: 'Georgia'; font-size: 28px; font-weight: bold; line-height: 29px; top: 54.2%; height: 60px; color: white; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-5 .title { font-size: 22px; line-height: 25px; height: 46px; } }
@media (max-width: 767px) { .labelizer.de .design.design-5 .title { font-size: 20px; line-height: 20px; height: 40px; letter-spacing: -0.05em; } }
.labelizer.de .design.design-5 .background .description { font-family: 'Arial'; font-size: 16px; font-weight: bold; top: 14.8%; width: 68%; height: 162px; margin-left: -34%; letter-spacing: -0.1em; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-5 .background .description { font-size: 12px; height: 122px; letter-spacing: -0.11em; } }
@media (max-width: 767px) { .labelizer.de .design.design-5 .background .description { font-size: 10px; height: 100px; letter-spacing: -0.11em; } }
.labelizer.de .design.design-5 .background .date { font-family: 'Arial'; font-size: 14px; font-weight: bold; top: 72%; width: 26%; height: 18px; margin-left: -13%; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-5 .background .date { font-size: 11px; height: 15px; } }
@media (max-width: 767px) { .labelizer.de .design.design-5 .background .date { font-size: 9px; height: 11px; } }
.labelizer.de .design.design-5 .background .made { font-family: 'Arial'; font-size: 11px; top: 67.4%; width: 68%; height: 69px; margin-left: -34%; letter-spacing: -0.03em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-5 .background .made { font-size: 8px; height: 52px; letter-spacing: 0; } }
@media (max-width: 767px) { .labelizer.de .design.design-5 .background .made { font-size: 7px; height: 45px; } }
.labelizer.de .design.design-5 .background .made .curved-container > span:last-child { margin-bottom: 1px; margin-left: -6px; }
.labelizer.de.color-1 .design-6 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-6-1.png); }
.labelizer.de.design-6 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-6-1.png); }
.labelizer.de.color-2 .design-6 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-6-2.png); }
.labelizer.de.design-6 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-6-2.png); }
.labelizer.de.color-3 .design-6 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-6-3.png); }
.labelizer.de.design-6 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-6-3.png); }
.labelizer.de.color-4 .design-6 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-6-4.png); }
.labelizer.de.design-6 .color-picker.color-4 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-6-4.png); }
.labelizer.de.color-1 .design-6 { color: #ee7f00; }
.labelizer.de.color-2 .design-6 { color: #f49c00; }
.labelizer.de.color-3 .design-6 { color: #79b8ac; }
.labelizer.de.color-4 .design-6 .date { color: #86bc24; }
.labelizer.de .design.design-6 .background > div { width: 74%; margin-left: -37%; }
.labelizer.de .design.design-6 .background .name { font-family: 'Georgia'; font-size: 40px; top: 38.9%; width: 74%; height: 44px; margin-left: -36.7%; color: white; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-6 .background .name { font-size: 31px; height: 32px; } }
@media (max-width: 767px) { .labelizer.de .design.design-6 .background .name { font-size: 26px; height: 36px; } }
.labelizer.de .design.design-6 .title { font-family: 'Georgia'; font-size: 43px; font-weight: bold; line-height: 40px; top: 51.2%; height: 85px; letter-spacing: -0.03em; color: white; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-6 .title { font-size: 32px; line-height: 30px; height: 66px; top: 51%; letter-spacing: 0.00em; } }
@media (max-width: 767px) { .labelizer.de .design.design-6 .title { font-size: 28px; line-height: 28px; height: 55px; letter-spacing: -0.02em; } }
.labelizer.de .design.design-6 .description { display: none; }
.labelizer.de .design.design-6 .background .date { font-family: 'Arial'; font-size: 20px; font-weight: bold; top: 13.8%; width: 40%; height: 26px; margin-left: -19.7%; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-6 .background .date { font-size: 15px; } }
@media (max-width: 767px) { .labelizer.de .design.design-6 .background .date { font-size: 13px; height: 17px; } }
.labelizer.de .design.design-6 .background .made { font-family: 'Arial'; font-size: 13px; top: 72.5%; width: 29%; height: 69px; margin-left: -14%; font-weight: normal; line-height: 21.9px; text-transform: uppercase; letter-spacing: 0.5px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-6 .background .made { font-size: 10px; height: 30px; line-height: 16px; } }
@media (max-width: 767px) { .labelizer.de .design.design-6 .background .made { font-size: 8px; height: 26px; line-height: 14px; } }
.labelizer.de .design.design-6 .background .made .curved-container > span:last-child { margin-bottom: 1px; margin-left: -6px; }
.labelizer.de.color-1 .design-7 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-7-1.png); }
.labelizer.de.design-7 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-7-1.png); }
.labelizer.de.color-2 .design-7 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-7-2.png); }
.labelizer.de.design-7 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-7-2.png); }
.labelizer.de.color-3 .design-7 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-7-3.png); }
.labelizer.de.design-7 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-7-3.png); }
.labelizer.de.color-1 .design-7 .background .made, .labelizer.de.color-1 .design-7 .background .title { color: #ee7f00; }
.labelizer.de.color-2 .design-7 .background .name { color: #1a171b; }
.labelizer.de.color-2 .design-7 .background .made { color: #402b55; }
.labelizer.de.color-3 .design-7 .background .title, .labelizer.de.color-3 .design-7 .background .made { color: #ee7f00; }
.labelizer.de .design.design-7 { color: white; }
.labelizer.de .design.design-7 .background > div { width: 65%; margin-left: -32%; }
.labelizer.de .design.design-7 .background .name { font-family: 'Georgia'; font-size: 32px; font-weight: bold; top: 39.4%; width: 64%; height: 44px; margin-left: -31.1%; letter-spacing: 0.01em; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-7 .background .name { font-size: 25px; height: 32px; } }
@media (max-width: 767px) { .labelizer.de .design.design-7 .background .name { font-size: 21px; height: 23px; } }
.labelizer.de .design.design-7 .title { font-family: 'Georgia'; font-size: 28px; font-weight: bold; line-height: 31px; top: 47.6%; height: 70px; letter-spacing: -0.01em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-7 .title { font-size: 21px; line-height: 24px; height: 59px; top: 47.0%; letter-spacing: 0.00em; } }
@media (max-width: 767px) { .labelizer.de .design.design-7 .title { font-size: 18px; line-height: 21px; height: 45px; letter-spacing: 0.00em; } }
.labelizer.de .design.design-7 .description { display: none; }
.labelizer.de .design.design-7 .background .date { font-family: 'Arial'; font-size: 16px; font-weight: bold; top: 80.9%; width: 37%; height: 20px; margin-left: -18.7%; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-7 .background .date { font-size: 12px; height: 16px; letter-spacing: 0.00em; } }
@media (max-width: 767px) { .labelizer.de .design.design-7 .background .date { font-size: 11px; height: 14px; letter-spacing: -0.05em; } }
.labelizer.de .design.design-7 .background .made { font-family: 'Arial'; font-size: 13px; top: 72.1%; width: 29%; height: 39px; margin-left: -14.3%; font-weight: normal; line-height: 20.1px; text-transform: uppercase; letter-spacing: 0.6px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-7 .background .made { font-size: 10px; height: 30px; line-height: 15px; letter-spacing: 0.5px; } }
@media (max-width: 767px) { .labelizer.de .design.design-7 .background .made { font-size: 8px; height: 26px; line-height: 14px; } }
.labelizer.de.color-1 .design-12 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-12-1.png); }
.labelizer.de.design-12 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-12-1.png); }
.labelizer.de.color-2 .design-12 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-12-2.png); }
.labelizer.de.design-12 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-12-2.png); }
.labelizer.de.color-3 .design-12 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-12-3.png); }
.labelizer.de.design-12 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-12-3.png); }
.labelizer.de.color-4 .design-12 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-12-4.png); }
.labelizer.de.design-12 .color-picker.color-4 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-12-4.png); }
.labelizer.de.color-1 .design-12 { color: #eaeff3; }
.labelizer.de.color-1 .design-12 .background .description { color: #B9D87F; }
.labelizer.de.color-2 .design-12 { color: #fff6d9; }
.labelizer.de.color-2 .design-12 .background .description { color: #F8B84D; }
.labelizer.de.color-2 .design-12 .background .date { color: #fff; }
.labelizer.de.color-3 .design-12 { color: #fff; }
.labelizer.de.color-3 .design-12 .background .description { color: #FAD5D4; }
.labelizer.de.color-4 .design-12 { color: #fff; }
.labelizer.de .design.design-12 .background > div { width: 61%; margin-left: -30.5%; }
.labelizer.de .design.design-12 .background .name { font-family: 'Arial'; font-weight: bold; font-size: 29px; top: 38.8%; width: 61%; height: 44px; margin-left: -30.5%; letter-spacing: -0.01em; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-12 .background .name { font-size: 22px; height: 27px; } }
@media (max-width: 767px) { .labelizer.de .design.design-12 .background .name { font-size: 19px; height: 24px; } }
.labelizer.de .design.design-12 .title { font-size: 30px; line-height: 31px; top: 47.2%; height: 70px; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-12 .title { font-size: 21px; line-height: 24px; height: 47px; top: 48.2%; letter-spacing: 0.04em; } }
@media (max-width: 767px) { .labelizer.de .design.design-12 .title { font-size: 18px; line-height: 21px; height: 45px; letter-spacing: 0.00em; } }
.labelizer.de .design.design-12 .description { font-family: 'Georgia'; font-weight: bold; top: 3.6%; height: 55px; line-height: 26px; font-size: 20px; letter-spacing: 0.08em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-12 .description { font-size: 17px; line-height: 17px; height: 36px; top: 6.6%; letter-spacing: 0.03em; } }
@media (max-width: 767px) { .labelizer.de .design.design-12 .description { font-size: 15px; line-height: 15px; height: 36px; letter-spacing: 0.01em; top: 4.2%; } }
.labelizer.de .design.design-12 .background .date { font-family: 'Arial'; font-weight: bold; font-size: 18px; top: 75.1%; width: 37%; height: 20px; margin-left: -18.5%; letter-spacing: 0.00em; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-12 .background .date { font-size: 12px; height: 16px; top: 75.6%; } }
@media (max-width: 767px) { .labelizer.de .design.design-12 .background .date { font-size: 11px; height: 14px; letter-spacing: -0.05em; } }
.labelizer.de .design.design-12 .background .made { display: none; }
.labelizer.de.color-1 .design-13 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-13-1.png); }
.labelizer.de.design-13 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-13-1.png); }
.labelizer.de.color-2 .design-13 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-13-2.png); }
.labelizer.de.design-13 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-13-2.png); }
.labelizer.de.color-3 .design-13 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-13-3.png); }
.labelizer.de.design-13 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-13-3.png); }
.labelizer.de.color-4 .design-13 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-13-4.png); }
.labelizer.de.design-13 .color-picker.color-4 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-13-4.png); }
.labelizer.de.color-1 .design-13 { color: #56b998; }
.labelizer.de.color-1 .design-13 .background .name, .labelizer.de.color-1 .design-13 .background .date, .labelizer.de.color-1 .design-13 .background .year { color: white; }
.labelizer.de.color-2 .design-13 { color: #ffdd10; }
.labelizer.de.color-2 .design-13 .background .name, .labelizer.de.color-2 .design-13 .background .date, .labelizer.de.color-2 .design-13 .background .year { color: white; }
.labelizer.de.color-3 .design-13 { color: #f59c22; }
.labelizer.de.color-3 .design-13 .background .name, .labelizer.de.color-3 .design-13 .background .date, .labelizer.de.color-3 .design-13 .background .year { color: white; }
.labelizer.de.color-4 .design-13 { color: #86bc25; }
.labelizer.de.color-4 .design-13 .name, .labelizer.de.color-4 .design-13 .date, .labelizer.de.color-4 .design-13 .year { color: white; }
.labelizer.de .design.design-13 #savePdf { margin-top: 56px; }
.labelizer.de .design.design-13 .fileUpload { position: absolute; top: -95px; }
.labelizer.de .design.design-13 .uploadedImage { width: 200px; height: 200px; background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/upload-dummy/dummy-design-13.png); position: absolute; background-size: 200px; top: 50%; left: 50%; margin-top: -100px; margin-left: -100px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-13 .uploadedImage { background-size: 154px; width: 154px; height: 154px; margin-top: -77px; margin-left: -77px; } }
@media (max-width: 767px) { .labelizer.de .design.design-13 .uploadedImage { background-size: 132px; width: 132px; height: 132px; margin-top: -66px; margin-left: -66px; } }
.labelizer.de .design.design-13 .background > div { width: 70%; margin-left: -35%; }
.labelizer.de .design.design-13 .background .name { font-family: 'Georgia'; font-size: 34px; top: 4%; width: 90%; height: 200px; margin-left: -45%; text-transform: uppercase; letter-spacing: -0.02em; font-weight: bold; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-13 .background .name { font-size: 28px; height: 171px; width: 89%; letter-spacing: -0.1em; margin-left: -44%; } }
@media (max-width: 767px) { .labelizer.de .design.design-13 .background .name { font-size: 24px; height: 145px; letter-spacing: -0.08em; } }
.labelizer.de .design.design-13 .title { font-family: 'Georgia'; letter-spacing: -0.06em; font-size: 28px; line-height: 31px; top: 15.2%; height: 160px; text-transform: uppercase; font-weight: bold; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-13 .title { font-size: 20px; letter-spacing: -0.07em; top: 14%; } }
@media (max-width: 767px) { .labelizer.de .design.design-13 .title { font-size: 17px; top: 13.6%; height: 113px; letter-spacing: -0.1em; } }
.labelizer.de .design.design-13 .description { font-family: "Georgia"; top: 44.8%; height: 179px; font-size: 18px; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-13 .description { font-size: 13px; height: 131px; letter-spacing: -0.03em; top: 47%; } }
@media (max-width: 767px) { .labelizer.de .design.design-13 .description { font-size: 11px; top: 50%; height: 103px; } }
.labelizer.de .design.design-13 .background .date { font-family: 'Arial'; font-size: 12px; top: 55.5%; width: 68%; height: 156px; margin-left: -33.5%; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-13 .background .date { font-size: 9px; top: 45%; } }
@media (max-width: 767px) { .labelizer.de .design.design-13 .background .date { font-size: 8px; top: 37%; } }
.labelizer.de .design.design-13 .background .made { display: none; }
.labelizer.de .design.design-13 .background .year { font-family: "Georgia"; font-weight: bold; font-size: 32px; top: 65.4%; width: 20%; margin-left: -9.5%; text-transform: uppercase; z-index: 3; border-radius: 50%; line-height: 60px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-13 .background .year { font-size: 24px; top: 63.4%; } }
@media (max-width: 767px) { .labelizer.de .design.design-13 .background .year { font-size: 22px; top: 62.4%; } }
.labelizer.de.color-1 .design-20 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-20-1.png); }
.labelizer.de.design-20 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-20-1.png); }
.labelizer.de.color-2 .design-20 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-20-2.png); }
.labelizer.de.design-20 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-20-2.png); }
.labelizer.de.color-3 .design-20 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-20-3.png); }
.labelizer.de.design-20 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-20-3.png); }
.labelizer.de.color-4 .design-20 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-20-4.png); }
.labelizer.de.design-20 .color-picker.color-4 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-20-4.png); }
.labelizer.de.color-1 .design-20 .background .description, .labelizer.de.color-1 .design-20 .background .title { color: #843a5a; }
.labelizer.de.color-1 .design-20 .background .name, .labelizer.de.color-1 .design-20 .background .date { color: #cf4a72; }
.labelizer.de.color-2 .design-20 .background .description, .labelizer.de.color-2 .design-20 .background .title { color: #e7364f; }
.labelizer.de.color-2 .design-20 .background .name, .labelizer.de.color-2 .design-20 .background .date { color: #9f205e; }
.labelizer.de.color-3 .design-20 .background .description, .labelizer.de.color-3 .design-20 .background .title { color: #9e5da1; }
.labelizer.de.color-3 .design-20 .background .name, .labelizer.de.color-3 .design-20 .background .date { color: #cf4a72; }
.labelizer.de.color-4 .design-20 .background .description, .labelizer.de.color-4 .design-20 .background .title { color: #86bc24; }
.labelizer.de .design.design-20 .background > div { width: 59%; margin-left: -29.5%; }
.labelizer.de .design.design-20 .background .name { font-family: 'Georgia'; font-size: 28px; font-style: italic; top: 31%; height: 80px; margin-left: -30.5%; letter-spacing: 0.00em; text-transform: uppercase; line-height: 34px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-20 .background .name { font-size: 22px; height: 64px; line-height: 25px; } }
@media (max-width: 767px) { .labelizer.de .design.design-20 .background .name { font-size: 19px; height: 56px; line-height: 22px; } }
.labelizer.de .design.design-20 .title { font-family: 'Georgia'; font-style: italic; font-size: 28px; line-height: 34px; top: 35.2%; height: 72px; letter-spacing: 0.04em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-20 .title { font-size: 22px; line-height: 26px; height: 54px; letter-spacing: 0.03em; } }
@media (max-width: 767px) { .labelizer.de .design.design-20 .title { font-size: 19px; line-height: 23px; height: 46px; top: 34%; letter-spacing: 0.03em; } }
.labelizer.de .design.design-20 .description { font-family: 'Arial'; font-weight: bold; top: 10.4%; height: 95px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.03em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-20 .description { font-size: 10px; } }
@media (max-width: 767px) { .labelizer.de .design.design-20 .description { font-size: 9px; } }
.labelizer.de .design.design-20 .background .date { font-family: 'Arial'; font-weight: bold; font-size: 14px; top: 74.1%; height: 40px; text-transform: uppercase; letter-spacing: 0.04em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de .design.design-20 .background .date { font-size: 11px; } }
@media (max-width: 767px) { .labelizer.de .design.design-20 .background .date { font-size: 9px; } }
.labelizer.de .design.design-20 .background .made { display: none; }

/** Labelizer DE (Card Designer) */
.labelizer.de-cards #savePdf { margin-top: 50px; }
.labelizer.de-cards .image-editor { position: absolute; right: 0; top: 25px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de-cards .image-editor { top: 46px; } }
@media (max-width: 767px) { .labelizer.de-cards .image-editor { top: 75px; } }
.labelizer.de-cards .slider-buttons { padding-bottom: 24px; }
.labelizer.de-cards .slider-buttons a.btn { margin: 0 10px 10px 0; }
.labelizer.de-cards .design .background { width: 960px; height: 459px; border: 1px solid #b1b2b3; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de-cards .design .background { width: 720px; height: 344px; } }
@media (max-width: 767px) { .labelizer.de-cards .design .background { width: 296px; height: 141px; } }
.labelizer.de-cards .design .firstname1, .labelizer.de-cards .design .firstname2 { color: #f5f5ee; font-weight: bold; font-size: 16px; font-style: italic; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de-cards .design .firstname1, .labelizer.de-cards .design .firstname2 { font-size: 12px; } }
@media (max-width: 767px) { .labelizer.de-cards .design .firstname1, .labelizer.de-cards .design .firstname2 { font-size: 4px; } }
.labelizer.de-cards .design .salutation { font-family: 'Georgia'; font-weight: bold; font-size: 13px; line-height: 19px; height: 15%; top: 44%; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de-cards .design .salutation { font-size: 10px; line-height: 14px; } }
@media (max-width: 767px) { .labelizer.de-cards .design .salutation { font-size: 4px; line-height: 6px; } }
.labelizer.de-cards .design.design-1 .firstname1, .labelizer.de-cards .design.design-1 .firstname2 { top: 44.4%; width: 19%; }
.labelizer.de-cards .design.design-1 .firstname1 { left: 49.8%; }
.labelizer.de-cards .design.design-1 .firstname2 { left: 111.5%; }
.labelizer.de-cards .design.design-1 .salutation { width: 31.8%; left: 74%; }
.labelizer.de-cards .design.design-2 .firstname1, .labelizer.de-cards .design.design-2 .firstname2 { width: 19.4%; }
.labelizer.de-cards .design.design-2 .firstname1 { top: 16%; left: 74.8%; }
.labelizer.de-cards .design.design-2 .firstname2 { left: 86%; top: 78.2%; }
.labelizer.de-cards .design.design-2 .salutation { left: 75.6%; width: 28.6%; top: 52%; }
.labelizer.de-cards .design.design-3 .firstname1, .labelizer.de-cards .design.design-3 .firstname2 { left: 75.8%; width: 28.4%; }
.labelizer.de-cards .design.design-3 .firstname1 { top: 22.3%; }
.labelizer.de-cards .design.design-3 .firstname2 { top: 77.5%; }
.labelizer.de-cards .design.design-3 .salutation { top: 58%; left: 75.6%; width: 28.6%; }
.labelizer.de-cards .design.design-4 .firstname1, .labelizer.de-cards .design.design-4 .firstname2 { text-transform: uppercase; left: 77.8%; width: 24.4%; font-style: normal; }
.labelizer.de-cards .design.design-4 .firstname1 { top: 43.1%; }
.labelizer.de-cards .design.design-4 .firstname2 { top: 77.5%; }
.labelizer.de-cards .design.design-4 .salutation { color: #293971; top: 55%; left: 77.8%; width: 24.4%; font-weight: inherit; font-size: 15px; font-style: italic; }
.labelizer.de-cards .design.design-5 .uploadedImage, .labelizer.de-cards .design.design-6 .uploadedImage, .labelizer.de-cards .design.design-7 .uploadedImage, .labelizer.de-cards .design.design-8 .uploadedImage, .labelizer.de-cards .design.design-9 .uploadedImage, .labelizer.de-cards .design.design-10 .uploadedImage { width: 351px; height: 292px; position: absolute; top: 11%; left: 55.5%; transform: rotate(5.8deg); border: 1px dotted #b1b2b3; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de-cards .design.design-5 .uploadedImage, .labelizer.de-cards .design.design-6 .uploadedImage, .labelizer.de-cards .design.design-7 .uploadedImage, .labelizer.de-cards .design.design-8 .uploadedImage, .labelizer.de-cards .design.design-9 .uploadedImage, .labelizer.de-cards .design.design-10 .uploadedImage { background-size: cover; left: 57%; width: 260px; height: 210px; } }
@media (max-width: 767px) { .labelizer.de-cards .design.design-5 .uploadedImage, .labelizer.de-cards .design.design-6 .uploadedImage, .labelizer.de-cards .design.design-7 .uploadedImage, .labelizer.de-cards .design.design-8 .uploadedImage, .labelizer.de-cards .design.design-9 .uploadedImage, .labelizer.de-cards .design.design-10 .uploadedImage { background-size: cover; margin-top: 0; margin-left: 0; width: 105px; height: 87px; } }
.labelizer.de-cards .design.design-5 .salutation, .labelizer.de-cards .design.design-6 .salutation, .labelizer.de-cards .design.design-7 .salutation, .labelizer.de-cards .design.design-8 .salutation, .labelizer.de-cards .design.design-9 .salutation, .labelizer.de-cards .design.design-10 .salutation { font-family: "Georgia"; top: 76%; left: 95.5%; height: 64px; width: 343px; font-size: 17px; transform: rotate(5.8deg); color: #113c2b; font-weight: normal; font-style: italic; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.de-cards .design.design-5 .salutation, .labelizer.de-cards .design.design-6 .salutation, .labelizer.de-cards .design.design-7 .salutation, .labelizer.de-cards .design.design-8 .salutation, .labelizer.de-cards .design.design-9 .salutation, .labelizer.de-cards .design.design-10 .salutation { font-size: 14px; height: 44px; width: 259px; top: 74%; } }
@media (max-width: 767px) { .labelizer.de-cards .design.design-5 .salutation, .labelizer.de-cards .design.design-6 .salutation, .labelizer.de-cards .design.design-7 .salutation, .labelizer.de-cards .design.design-8 .salutation, .labelizer.de-cards .design.design-9 .salutation, .labelizer.de-cards .design.design-10 .salutation { font-size: 6px; top: 75%; height: 18px; width: 100px; } }
@media (min-width: 1200px) { .labelizer.de-cards .labelizer-control-wrapper { position: relative; margin: 0 90px; } }
.labelizer.de-cards .label-form { margin: 40px 12px 0 12px; }
@media (max-width: 767px) { .labelizer.de-cards .label-form { margin-top: -40px; }
  .labelizer.de-cards .label-form .control-label { width: 100%; } }
.labelizer.de-cards.design-5 #labelizerCrop .uploadPreview, .labelizer.de-cards.design-6 #labelizerCrop .uploadPreview, .labelizer.de-cards.design-7 #labelizerCrop .uploadPreview, .labelizer.de-cards.design-8 #labelizerCrop .uploadPreview, .labelizer.de-cards.design-9 #labelizerCrop .uploadPreview, .labelizer.de-cards.design-10 #labelizerCrop .uploadPreview { background: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/upload-dummy/polaroid.png) no-repeat; margin: 0 auto; background-color: #ececec; background-position: 50% 0; height: 440px; }
@media (max-width: 767px) { .labelizer.de-cards.design-5 #labelizerCrop .uploadPreview, .labelizer.de-cards.design-6 #labelizerCrop .uploadPreview, .labelizer.de-cards.design-7 #labelizerCrop .uploadPreview, .labelizer.de-cards.design-8 #labelizerCrop .uploadPreview, .labelizer.de-cards.design-9 #labelizerCrop .uploadPreview, .labelizer.de-cards.design-10 #labelizerCrop .uploadPreview { height: 230px; background: none; } }
.labelizer.de-cards.design-5 #labelizerCrop .cropit-preview-image-container, .labelizer.de-cards.design-6 #labelizerCrop .cropit-preview-image-container, .labelizer.de-cards.design-7 #labelizerCrop .cropit-preview-image-container, .labelizer.de-cards.design-8 #labelizerCrop .cropit-preview-image-container, .labelizer.de-cards.design-9 #labelizerCrop .cropit-preview-image-container, .labelizer.de-cards.design-10 #labelizerCrop .cropit-preview-image-container { border: none; border-radius: 0; }
.labelizer.de-cards.design-5 #labelizerCrop .cropit-preview, .labelizer.de-cards.design-6 #labelizerCrop .cropit-preview, .labelizer.de-cards.design-7 #labelizerCrop .cropit-preview, .labelizer.de-cards.design-8 #labelizerCrop .cropit-preview, .labelizer.de-cards.design-9 #labelizerCrop .cropit-preview, .labelizer.de-cards.design-10 #labelizerCrop .cropit-preview { transform: rotate(5.8deg); top: -4px; left: 0; border: 4px solid #009c3b; width: 351px; height: 292px; }
@media (max-width: 767px) { .labelizer.de-cards.design-5 #labelizerCrop .cropit-preview, .labelizer.de-cards.design-6 #labelizerCrop .cropit-preview, .labelizer.de-cards.design-7 #labelizerCrop .cropit-preview, .labelizer.de-cards.design-8 #labelizerCrop .cropit-preview, .labelizer.de-cards.design-9 #labelizerCrop .cropit-preview, .labelizer.de-cards.design-10 #labelizerCrop .cropit-preview { width: 100% !important; height: 227px !important; transform: none; top: -48px; } }
@media (max-width: 767px) { .labelizer.de-cards .fileUpload { margin-top: 24px; } }
.labelizer.de-cards.color-1 .design-5 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/cards/design-5-1.png); }
.labelizer.de-cards .design-5 .uploadedImage { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/upload-dummy/dummy-design-5.jpg); }
.labelizer.de-cards.color-1 .design-6 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/cards/design-6-1.png); }
.labelizer.de-cards .design-6 .uploadedImage { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/upload-dummy/dummy-design-6.jpg); }
.labelizer.de-cards.color-1 .design-7 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/cards/design-7-1.png); }
.labelizer.de-cards .design-7 .uploadedImage { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/upload-dummy/dummy-design-7.jpg); }
.labelizer.de-cards.color-1 .design-8 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/cards/design-8-1.png); }
.labelizer.de-cards .design-8 .uploadedImage { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/upload-dummy/dummy-design-8.jpg); }
.labelizer.de-cards.color-1 .design-9 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/cards/design-9-1.png); }
.labelizer.de-cards .design-9 .uploadedImage { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/upload-dummy/dummy-design-9.jpg); }
.labelizer.de-cards.color-1 .design-10 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/cards/design-10-1.png); }
.labelizer.de-cards .design-10 .uploadedImage { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/upload-dummy/dummy-design-10.jpg); }

/** Labelizer FR */
.labelizer.fr.color-1 .design-14 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-14-1.png); }
.labelizer.fr.design-14 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-14-1.png); }
.labelizer.fr.color-2 .design-14 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-14-2.png); }
.labelizer.fr.design-14 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-14-2.png); }
.labelizer.fr.color-3 .design-14 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-14-3.png); }
.labelizer.fr.design-14 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-14-3.png); }
.labelizer.fr.color-1 .design-14 { color: #141411; }
.labelizer.fr.color-1 .design-14 .background .name { color: #C8BA75; }
.labelizer.fr.color-2 .design-14 { color: #677741; }
.labelizer.fr.color-2 .design-14 .background .name { color: #B8B8B3; }
.labelizer.fr.color-3 .design-14 { color: #53402D; }
.labelizer.fr.color-3 .design-14 .background .name { color: #CAAF8A; }
.labelizer.fr .design.design-14 .uploadedImage { width: 200px; height: 200px; background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/upload-dummy/dummy-design-13.png); position: absolute; background-size: 200px; top: 50%; left: 50%; margin-top: -100px; margin-left: -100px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-14 .uploadedImage { background-size: 154px; width: 154px; height: 154px; margin-top: -77px; margin-left: -77px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-14 .uploadedImage { background-size: 132px; width: 132px; height: 132px; margin-top: -66px; margin-left: -66px; } }
.labelizer.fr .design.design-14 .background > div { width: 70%; margin-left: -35%; }
.labelizer.fr .design.design-14 .background .name { font-family: 'Georgia'; font-size: 34px; top: 6%; width: 90%; height: 200px; margin-left: -45%; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-14 .background .name { font-size: 28px; height: 171px; width: 89%; margin-left: -44%; } }
@media (max-width: 767px) { .labelizer.fr .design.design-14 .background .name { font-size: 23px; height: 145px; } }
.labelizer.fr .design.design-14 .title { font-family: 'Georgia'; font-size: 28px; line-height: 31px; top: 16.5%; height: 160px; text-transform: uppercase; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-14 .title { font-size: 20px; top: 15.2%; letter-spacing: 0.04em; } }
@media (max-width: 767px) { .labelizer.fr .design.design-14 .title { font-size: 17px; top: 14.6%; height: 113px; } }
.labelizer.fr .design.design-14 .description { font-family: "Georgia"; top: 43.8%; height: 179px; font-size: 18px; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-14 .description { font-size: 14px; height: 131px; top: 46%; } }
@media (max-width: 767px) { .labelizer.fr .design.design-14 .description { font-size: 12px; top: 49%; height: 103px; letter-spacing: 0.04em; } }
.labelizer.fr .design.design-14 .background .date { font-family: 'Arial'; font-size: 12px; top: 54.5%; width: 68%; height: 156px; margin-left: -33.5%; text-transform: uppercase; font-weight: bold; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-14 .background .date { font-size: 9px; top: 44%; } }
@media (max-width: 767px) { .labelizer.fr .design.design-14 .background .date { font-size: 8px; top: 36%; } }
.labelizer.fr .design.design-14 .background .made { display: none; }
.labelizer.fr .design.design-14 .background .year { font-family: "Georgia"; font-weight: bold; font-size: 32px; top: 65.4%; width: 20%; margin-left: -9.5%; text-transform: uppercase; z-index: 3; border-radius: 50%; line-height: 60px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-14 .background .year { font-size: 24px; top: 63.4%; } }
@media (max-width: 767px) { .labelizer.fr .design.design-14 .background .year { font-size: 22px; top: 62.4%; } }
.labelizer.fr.color-1 .design-15 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-15-1.png); }
.labelizer.fr.design-15 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-15-1.png); }
.labelizer.fr.color-2 .design-15 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-15-2.png); }
.labelizer.fr.design-15 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-15-2.png); }
.labelizer.fr.color-3 .design-15 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-15-3.png); }
.labelizer.fr.design-15 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-15-3.png); }
.labelizer.fr.color-1 .design-15 { color: #131413; }
.labelizer.fr.color-1 .design-15 .background .title { color: #FFFFFF; }
.labelizer.fr.color-2 .design-15 { color: #667741; }
.labelizer.fr.color-2 .design-15 .background .title { color: #FFFFFF; }
.labelizer.fr.color-3 .design-15 { color: #53402D; }
.labelizer.fr.color-3 .design-15 .background .title { color: #FFFFFF; }
.labelizer.fr .design.design-15 .background > div { width: 74%; margin-left: -37%; }
.labelizer.fr .design.design-15 .background .name { font-family: 'Arial'; font-size: 32px; top: 41.4%; width: 52%; height: 40px; margin-left: -26%; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-15 .background .name { font-size: 25px; height: 32px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-15 .background .name { font-size: 21px; height: 25px; } }
.labelizer.fr .design.design-15 .title { font-family: 'Georgia'; font-size: 28px; font-weight: bold; line-height: 29px; top: 54.2%; height: 60px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-15 .title { font-size: 22px; line-height: 25px; height: 46px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-15 .title { font-size: 21px; line-height: 20px; height: 40px; letter-spacing: -0.05em; } }
.labelizer.fr .design.design-15 .background .description { font-family: 'Arial'; font-size: 15px; top: 15.3%; width: 68%; height: 162px; margin-left: -34%; letter-spacing: -0.08em; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-15 .background .description { font-size: 12px; height: 122px; letter-spacing: -0.09em; } }
@media (max-width: 767px) { .labelizer.fr .design.design-15 .background .description { font-size: 10px; height: 100px; } }
.labelizer.fr .design.design-15 .background .date { font-family: 'Arial'; font-size: 16px; top: 72.2%; width: 26%; height: 18px; margin-left: -13%; text-transform: uppercase; letter-spacing: -0.03em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-15 .background .date { font-size: 12px; height: 15px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-15 .background .date { font-size: 10px; height: 11px; } }
.labelizer.fr .design.design-15 .background .made { display: none; }
.labelizer.fr.color-1 .design-16 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-16-1.png); }
.labelizer.fr.design-16 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-16-1.png); }
.labelizer.fr.color-2 .design-16 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-16-2.png); }
.labelizer.fr.design-16 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-16-2.png); }
.labelizer.fr.color-3 .design-16 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-16-3.png); }
.labelizer.fr.design-16 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-16-3.png); }
.labelizer.fr.color-1 .design-16 { color: #131413; }
.labelizer.fr.color-1 .design-16 .background .title { color: #FFFFFF; }
.labelizer.fr.color-2 .design-16 { color: #67773F; }
.labelizer.fr.color-2 .design-16 .background .title { color: #FFFFFF; }
.labelizer.fr.color-3 .design-16 { color: #53402D; }
.labelizer.fr.color-3 .design-16 .background .title { color: #FFFFFF; }
.labelizer.fr .design.design-16 .background > div { width: 74%; margin-left: -37%; }
.labelizer.fr .design.design-16 .background .name { font-family: 'Arial'; font-size: 34px; line-height: 44px; top: 39.5%; height: 40px; letter-spacing: -0.03em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-16 .background .name { font-size: 27px; line-height: 34px; top: 28.2%; height: 70px; letter-spacing: 0; } }
@media (max-width: 767px) { .labelizer.fr .design.design-16 .background .name { font-size: 23px; line-height: 33px; top: 28.2%; height: 62px; } }
.labelizer.fr .design.design-16 .title { font-family: 'Georgia'; font-size: 36px; line-height: 42px; top: 52.7%; height: 77px; letter-spacing: 0.07em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-16 .title { font-size: 28px; line-height: 32px; height: 64px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-16 .title { font-size: 24px; line-height: 28px; height: 50px; } }
.labelizer.fr .design.design-16 .description { display: none; }
.labelizer.fr .design.design-16 .background .date { font-family: 'Arial'; font-size: 14px; font-weight: bold; top: 19.8%; width: 54%; height: 28px; margin-left: -27%; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-16 .background .date { font-size: 11px; height: 22px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-16 .background .date { font-size: 10px; top: 19.4%; height: 16px; } }
.labelizer.fr .design.design-16 .background .made { display: none; }
.labelizer.fr.color-1 .design-17 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-17-1.png); }
.labelizer.fr.design-17 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-17-1.png); }
.labelizer.fr.color-2 .design-17 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-17-2.png); }
.labelizer.fr.design-17 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-17-2.png); }
.labelizer.fr.color-3 .design-17 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-17-3.png); }
.labelizer.fr.design-17 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-17-3.png); }
.labelizer.fr.color-1 .design-17 { color: #131413; }
.labelizer.fr.color-1 .design-17 .background .name { color: #C8BA75; }
.labelizer.fr.color-2 .design-17 { color: #667741; }
.labelizer.fr.color-2 .design-17 .background .name { color: #B7B7B3; }
.labelizer.fr.color-3 .design-17 { color: #54402E; }
.labelizer.fr.color-3 .design-17 .background .name { color: #CAAF8A; }
.labelizer.fr .design.design-17 .background > div { width: 70%; margin-left: -35%; }
.labelizer.fr .design.design-17 .name { font-family: 'Georgia'; font-size: 33px; top: 17%; height: 62px; letter-spacing: -0.05em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-17 .name { font-size: 25px; height: 50px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-17 .name { font-size: 22px; height: 38px; } }
.labelizer.fr .design.design-17 .title { font-family: 'Georgia'; font-size: 35px; text-transform: uppercase; line-height: 38px; top: 41.4%; height: 78px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-17 .title { font-size: 27px; line-height: 29px; height: 41px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-17 .title { font-size: 23px; line-height: 25px; height: 35px; } }
.labelizer.fr .design.design-17 .description { font-family: 'Georgia'; font-size: 11px; line-height: 23px; top: 68.5%; height: 41px; letter-spacing: .06em; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-17 .description { font-size: 10px; top: 67.5%; height: 36px; letter-spacing: -0.03em; } }
@media (max-width: 767px) { .labelizer.fr .design.design-17 .description { font-size: 8px; line-height: 8px; height: 30px; letter-spacing: 0; } }
.labelizer.fr .design.design-17 .date { font-family: 'Georgia'; font-size: 12px; font-weight: bold; text-transform: uppercase; top: 61.6%; letter-spacing: .05em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-17 .date { font-size: 10px; height: 18px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-17 .date { font-size: 9px; height: 18px; } }
.labelizer.fr .design.design-17 .background .description, .labelizer.fr .design.design-17 .background .date { width: 54%; margin-left: -27%; }
.labelizer.fr .design.design-17 .background .made { display: none; }
.labelizer.fr.color-1 .design-18 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-18-1.png); }
.labelizer.fr.design-18 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-18-1.png); }
.labelizer.fr.color-2 .design-18 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-18-2.png); }
.labelizer.fr.design-18 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-18-2.png); }
.labelizer.fr.color-3 .design-18 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-18-3.png); }
.labelizer.fr.design-18 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-18-3.png); }
.labelizer.fr.color-1 .design-18 { color: #0088c2; }
.labelizer.fr.color-1 .design-18 .background .name { color: #e5004b; }
.labelizer.fr.color-2 .design-18 { color: #008237; }
.labelizer.fr.color-2 .design-18 .background .name { color: #f59c00; }
.labelizer.fr.color-3 .design-18 { color: #502583; }
.labelizer.fr.color-3 .design-18 .background .name { color: #e8308a; }
.labelizer.fr .design.design-18 .uploadedImage { width: 200px; height: 200px; background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/upload-dummy/dummy-design-18.png); position: absolute; background-size: 200px; top: 50%; left: 50%; margin-top: -100px; margin-left: -100px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-18 .uploadedImage { background-size: 154px; width: 154px; height: 154px; margin-top: -77px; margin-left: -77px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-18 .uploadedImage { background-size: 132px; width: 132px; height: 132px; margin-top: -66px; margin-left: -66px; } }
.labelizer.fr .design.design-18 .background > div { width: 70%; margin-left: -35%; }
.labelizer.fr .design.design-18 .background .name { font-family: 'Georgia'; font-size: 38px; top: 4.8%; width: 90%; height: 200px; margin-left: -45%; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-18 .background .name { font-size: 29px; height: 120px; width: 89%; margin-left: -44%; } }
@media (max-width: 767px) { .labelizer.fr .design.design-18 .background .name { font-size: 24px; height: 95px; } }
.labelizer.fr .design.design-18 .title { font-size: 28px; line-height: 31px; top: 17.5%; height: 160px; text-transform: uppercase; letter-spacing: -0.08em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-18 .title { font-size: 20px; top: 16%; letter-spacing: -0.05em; } }
@media (max-width: 767px) { .labelizer.fr .design.design-18 .title { font-size: 18px; top: 15.4%; height: 85px; letter-spacing: -0.11em; } }
.labelizer.fr .design.design-18 .description { font-family: "Georgia"; top: 46.4%; height: 155px; font-size: 18px; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-18 .description { font-size: 14px; height: 91px; top: 55%; } }
@media (max-width: 767px) { .labelizer.fr .design.design-18 .description { font-size: 12px; top: 47%; height: 103px; letter-spacing: 0.01em; } }
.labelizer.fr .design.design-18 .background .date { font-family: 'Arial'; font-size: 12px; top: 82.7%; width: 50%; height: 16px; margin-left: -25%; text-transform: uppercase; font-weight: bold; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-18 .background .date { font-size: 10px; top: 82.7%; } }
@media (max-width: 767px) { .labelizer.fr .design.design-18 .background .date { font-size: 8px; top: 82.4%; } }
.labelizer.fr .design.design-18 .background .made { display: none; }
.labelizer.fr .design.design-18 .background .year { font-family: "Georgia"; font-weight: bold; font-size: 32px; top: 65.4%; width: 20%; margin-left: -9.5%; text-transform: uppercase; z-index: 3; border-radius: 50%; line-height: 60px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-18 .background .year { font-size: 24px; top: 63.4%; } }
@media (max-width: 767px) { .labelizer.fr .design.design-18 .background .year { font-size: 22px; top: 62.4%; } }
.labelizer.fr.color-1 .design-19 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-19-1.png); }
.labelizer.fr.design-19 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-19-1.png); }
.labelizer.fr.color-2 .design-19 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-19-2.png); }
.labelizer.fr.design-19 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-19-2.png); }
.labelizer.fr.color-3 .design-19 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-19-3.png); }
.labelizer.fr.design-19 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-19-3.png); }
.labelizer.fr.color-1 .design-19, .labelizer.fr.color-2 .design-19 { color: #fff; }
.labelizer.fr.color-1 .design-19 .background .title, .labelizer.fr.color-2 .design-19 .background .title { color: #ffdf13; }
.labelizer.fr.color-1 .design-19 .background .date, .labelizer.fr.color-2 .design-19 .background .date { color: #000; }
.labelizer.fr.color-3 .design-19 { color: #00b2eb; }
.labelizer.fr.color-3 .design-19 .background .name, .labelizer.fr.color-3 .design-19 .background .title { color: #e83b49; }
.labelizer.fr.color-3 .design-19 .background .date { color: #000; }
.labelizer.fr .design.design-19 .background .name { font-size: 28px; top: 37.6%; width: 40%; height: 40px; margin-left: -20%; letter-spacing: 0.02em; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-19 .background .name { font-size: 22px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-19 .background .name { font-size: 19px; } }
.labelizer.fr .design.design-19 .background .title { width: 70%; margin-left: -35%; font-family: Georgia; text-transform: none; font-size: 36px; font-style: italic; top: 46%; height: 50px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-19 .background .title { font-size: 28px; height: 40px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-19 .background .title { font-size: 24px; height: 35px; } }
.labelizer.fr .design.design-19 .description { width: 44%; margin-left: -22%; font-size: 11px; letter-spacing: 0.04em; top: 24.4%; text-transform: uppercase; height: 15px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-19 .description { font-size: 9px; letter-spacing: 0; } }
@media (max-width: 767px) { .labelizer.fr .design.design-19 .description { font-size: 7px; letter-spacing: 0.04em; } }
.labelizer.fr .design.design-19 .background .date { font-family: 'Arial'; font-size: 12px; top: 63.6%; width: 32%; height: 16px; margin-left: -16%; text-transform: uppercase; font-weight: bold; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-19 .background .date { font-size: 10px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-19 .background .date { font-size: 8px; } }
.labelizer.fr .design.design-19 .background .made { display: none; }
.labelizer.fr .design.design-19 .background .year { font-family: "Georgia"; font-weight: bold; font-size: 32px; top: 65.4%; width: 20%; margin-left: -9.5%; text-transform: uppercase; z-index: 3; border-radius: 50%; line-height: 60px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-19 .background .year { font-size: 24px; top: 63.4%; } }
@media (max-width: 767px) { .labelizer.fr .design.design-19 .background .year { font-size: 22px; top: 62.4%; } }
.labelizer.fr.color-1 .design-20 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-20-1.png); }
.labelizer.fr.design-20 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-20-1.png); }
.labelizer.fr.color-2 .design-20 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-20-2.png); }
.labelizer.fr.design-20 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-20-2.png); }
.labelizer.fr.color-3 .design-20 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-20-3.png); }
.labelizer.fr.design-20 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-20-3.png); }
.labelizer.fr.color-1 .design-20 { color: #004b6b; }
.labelizer.fr.color-1 .design-20 .background .title { color: #0087c0; }
.labelizer.fr.color-2 .design-20 { color: #d75721; }
.labelizer.fr.color-2 .design-20 .background .title { color: #f6a036; }
.labelizer.fr.color-3 .design-20 { color: #b11c41; }
.labelizer.fr.color-3 .design-20 .background .title { color: #e94273; }
.labelizer.fr .design.design-20 .background > div { width: 70%; margin-left: -35%; }
.labelizer.fr .design.design-20 .background .name { font-size: 44px; top: 25.4%; height: 60px; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-20 .background .name { font-size: 34px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-20 .background .name { font-size: 30px; } }
.labelizer.fr .design.design-20 .background .title { font-family: Georgia; font-size: 62px; line-height: 72px; font-style: italic; top: 39.6%; height: 150px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-20 .background .title { font-size: 48px; line-height: 56px; height: 120px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-20 .background .title { font-size: 40px; line-height: 48px; height: 100px; } }
.labelizer.fr .design.design-20 .description { display: none; }
.labelizer.fr .design.design-20 .background .date { font-family: 'Arial'; font-size: 13px; top: 12.6%; height: 16px; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-20 .background .date { font-size: 10px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-20 .background .date { font-size: 8px; } }
.labelizer.fr .design.design-20 .background .made { display: none; }
.labelizer.fr .design.design-20 .background .year { font-family: "Georgia"; font-weight: bold; font-size: 32px; top: 65.4%; width: 20%; margin-left: -9.5%; text-transform: uppercase; z-index: 3; border-radius: 50%; line-height: 60px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-20 .background .year { font-size: 24px; top: 63.4%; } }
@media (max-width: 767px) { .labelizer.fr .design.design-20 .background .year { font-size: 22px; top: 62.4%; } }
.labelizer.fr.color-1 .design-21 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-21-1.png); }
.labelizer.fr.design-21 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-21-1.png); }
.labelizer.fr.color-2 .design-21 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-21-2.png); }
.labelizer.fr.design-21 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-21-2.png); }
.labelizer.fr.color-3 .design-21 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/designs/design-21-3.png); }
.labelizer.fr.design-21 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/buttons/btn-21-3.png); }
.labelizer.fr.color-1 .design-21 { color: #000; }
.labelizer.fr.color-1 .design-21 .background .name { color: #0084bc; }
.labelizer.fr.color-2 .design-21 { color: #000; }
.labelizer.fr.color-2 .design-21 .background .name { color: #007f4c; }
.labelizer.fr.color-3 .design-21 { color: #000; }
.labelizer.fr.color-3 .design-21 .background .name { color: #b80100; }
.labelizer.fr .design.design-21 .background > div { width: 66%; margin-left: -33%; }
.labelizer.fr .design.design-21 .background .name { font-size: 36px; top: 19.4%; height: 55px; letter-spacing: 0.02em; font-style: italic; font-family: Georgia; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-21 .background .name { font-size: 27px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-21 .background .name { font-size: 24px; } }
.labelizer.fr .design.design-21 .background .title { font-size: 40px; line-height: 40px; font-weight: bold; top: 34.4%; height: 82px; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-21 .background .title { font-size: 30px; line-height: 30px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-21 .background .title { font-size: 26px; line-height: 26px; } }
.labelizer.fr .design.design-21 .description { text-transform: uppercase; top: 64.4%; font-size: 12px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-21 .description { font-size: 10px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-21 .description { font-size: 8px; } }
.labelizer.fr .design.design-21 .background .date { font-size: 13px; top: 57.4%; height: 16px; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-21 .background .date { font-size: 10px; } }
@media (max-width: 767px) { .labelizer.fr .design.design-21 .background .date { font-size: 8px; } }
.labelizer.fr .design.design-21 .background .made { display: none; }
.labelizer.fr .design.design-21 .background .year { font-family: "Georgia"; font-weight: bold; font-size: 32px; top: 65.4%; width: 20%; margin-left: -9.5%; text-transform: uppercase; z-index: 3; border-radius: 50%; line-height: 60px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr .design.design-21 .background .year { font-size: 24px; top: 63.4%; } }
@media (max-width: 767px) { .labelizer.fr .design.design-21 .background .year { font-size: 22px; top: 62.4%; } }

/** Labelizer FR (Card Designer) */
.labelizer.fr-cards #savePdf { margin-top: 50px; }
.labelizer.fr-cards .image-editor { position: absolute; right: 0; top: 25px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr-cards .image-editor { top: 46px; } }
@media (max-width: 767px) { .labelizer.fr-cards .image-editor { top: 75px; } }
.labelizer.fr-cards .slider-buttons { padding-bottom: 24px; }
.labelizer.fr-cards .slider-buttons a.btn { margin: 0 10px 10px 0; }
.labelizer.fr-cards .design .background { width: 960px; height: 459px; border: 1px solid #b1b2b3; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr-cards .design .background { width: 720px; height: 344px; } }
@media (max-width: 767px) { .labelizer.fr-cards .design .background { width: 296px; height: 141px; } }
.labelizer.fr-cards .design .firstname1, .labelizer.fr-cards .design .firstname2 { color: #f5f5ee; font-weight: bold; font-size: 16px; font-style: italic; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr-cards .design .firstname1, .labelizer.fr-cards .design .firstname2 { font-size: 12px; } }
@media (max-width: 767px) { .labelizer.fr-cards .design .firstname1, .labelizer.fr-cards .design .firstname2 { font-size: 4px; } }
.labelizer.fr-cards .design .salutation { font-family: 'Georgia'; font-weight: bold; font-size: 13px; line-height: 19px; height: 15%; top: 44%; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr-cards .design .salutation { font-size: 10px; line-height: 14px; } }
@media (max-width: 767px) { .labelizer.fr-cards .design .salutation { font-size: 4px; line-height: 6px; } }
.labelizer.fr-cards .design.design-1 .firstname1, .labelizer.fr-cards .design.design-1 .firstname2 { top: 44.4%; width: 19%; }
.labelizer.fr-cards .design.design-1 .firstname1 { left: 49.8%; }
.labelizer.fr-cards .design.design-1 .firstname2 { left: 111.5%; }
.labelizer.fr-cards .design.design-1 .salutation { width: 31.8%; left: 74%; }
.labelizer.fr-cards .design.design-2 .firstname1, .labelizer.fr-cards .design.design-2 .firstname2 { width: 19.4%; }
.labelizer.fr-cards .design.design-2 .firstname1 { top: 16%; left: 74.8%; }
.labelizer.fr-cards .design.design-2 .firstname2 { left: 86%; top: 78.2%; }
.labelizer.fr-cards .design.design-2 .salutation { left: 75.6%; width: 28.6%; top: 52%; }
.labelizer.fr-cards .design.design-3 .firstname1, .labelizer.fr-cards .design.design-3 .firstname2 { left: 75.8%; width: 28.4%; }
.labelizer.fr-cards .design.design-3 .firstname1 { top: 22.3%; }
.labelizer.fr-cards .design.design-3 .firstname2 { top: 77.5%; }
.labelizer.fr-cards .design.design-3 .salutation { top: 58%; left: 75.6%; width: 28.6%; }
.labelizer.fr-cards .design.design-4 .firstname1, .labelizer.fr-cards .design.design-4 .firstname2 { text-transform: uppercase; left: 77.8%; width: 24.4%; font-style: normal; }
.labelizer.fr-cards .design.design-4 .firstname1 { top: 43.1%; }
.labelizer.fr-cards .design.design-4 .firstname2 { top: 77.5%; }
.labelizer.fr-cards .design.design-4 .salutation { color: #293971; top: 55%; left: 77.8%; width: 24.4%; font-weight: inherit; font-size: 15px; font-style: italic; }
.labelizer.fr-cards .design.design-5 .uploadedImage, .labelizer.fr-cards .design.design-6 .uploadedImage, .labelizer.fr-cards .design.design-7 .uploadedImage, .labelizer.fr-cards .design.design-8 .uploadedImage, .labelizer.fr-cards .design.design-9 .uploadedImage, .labelizer.fr-cards .design.design-10 .uploadedImage { width: 351px; height: 292px; position: absolute; top: 11%; left: 55.5%; transform: rotate(5.8deg); border: 1px dotted #b1b2b3; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr-cards .design.design-5 .uploadedImage, .labelizer.fr-cards .design.design-6 .uploadedImage, .labelizer.fr-cards .design.design-7 .uploadedImage, .labelizer.fr-cards .design.design-8 .uploadedImage, .labelizer.fr-cards .design.design-9 .uploadedImage, .labelizer.fr-cards .design.design-10 .uploadedImage { background-size: cover; left: 57%; width: 260px; height: 210px; } }
@media (max-width: 767px) { .labelizer.fr-cards .design.design-5 .uploadedImage, .labelizer.fr-cards .design.design-6 .uploadedImage, .labelizer.fr-cards .design.design-7 .uploadedImage, .labelizer.fr-cards .design.design-8 .uploadedImage, .labelizer.fr-cards .design.design-9 .uploadedImage, .labelizer.fr-cards .design.design-10 .uploadedImage { background-size: cover; margin-top: 0; margin-left: 0; width: 105px; height: 87px; } }
.labelizer.fr-cards .design.design-5 .salutation, .labelizer.fr-cards .design.design-6 .salutation, .labelizer.fr-cards .design.design-7 .salutation, .labelizer.fr-cards .design.design-8 .salutation, .labelizer.fr-cards .design.design-9 .salutation, .labelizer.fr-cards .design.design-10 .salutation { font-family: "Georgia"; top: 76%; left: 95.5%; height: 64px; width: 343px; font-size: 17px; transform: rotate(5.8deg); color: #113c2b; font-weight: normal; font-style: italic; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.fr-cards .design.design-5 .salutation, .labelizer.fr-cards .design.design-6 .salutation, .labelizer.fr-cards .design.design-7 .salutation, .labelizer.fr-cards .design.design-8 .salutation, .labelizer.fr-cards .design.design-9 .salutation, .labelizer.fr-cards .design.design-10 .salutation { font-size: 14px; height: 44px; width: 259px; top: 74%; } }
@media (max-width: 767px) { .labelizer.fr-cards .design.design-5 .salutation, .labelizer.fr-cards .design.design-6 .salutation, .labelizer.fr-cards .design.design-7 .salutation, .labelizer.fr-cards .design.design-8 .salutation, .labelizer.fr-cards .design.design-9 .salutation, .labelizer.fr-cards .design.design-10 .salutation { font-size: 6px; top: 75%; height: 18px; width: 100px; } }
@media (min-width: 1200px) { .labelizer.fr-cards .labelizer-control-wrapper { position: relative; margin: 0 90px; } }
.labelizer.fr-cards .label-form { margin: 40px 12px 0 12px; }
@media (max-width: 767px) { .labelizer.fr-cards .label-form { margin-top: -40px; }
  .labelizer.fr-cards .label-form .control-label { width: 100%; } }
.labelizer.fr-cards.design-5 #labelizerCrop .uploadPreview, .labelizer.fr-cards.design-6 #labelizerCrop .uploadPreview, .labelizer.fr-cards.design-7 #labelizerCrop .uploadPreview, .labelizer.fr-cards.design-8 #labelizerCrop .uploadPreview, .labelizer.fr-cards.design-9 #labelizerCrop .uploadPreview, .labelizer.fr-cards.design-10 #labelizerCrop .uploadPreview { background: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/upload-dummy/polaroid.png) no-repeat; margin: 0 auto; background-color: #ececec; background-position: 50% 0; height: 440px; }
@media (max-width: 767px) { .labelizer.fr-cards.design-5 #labelizerCrop .uploadPreview, .labelizer.fr-cards.design-6 #labelizerCrop .uploadPreview, .labelizer.fr-cards.design-7 #labelizerCrop .uploadPreview, .labelizer.fr-cards.design-8 #labelizerCrop .uploadPreview, .labelizer.fr-cards.design-9 #labelizerCrop .uploadPreview, .labelizer.fr-cards.design-10 #labelizerCrop .uploadPreview { height: 230px; background: none; } }
.labelizer.fr-cards.design-5 #labelizerCrop .cropit-preview-image-container, .labelizer.fr-cards.design-6 #labelizerCrop .cropit-preview-image-container, .labelizer.fr-cards.design-7 #labelizerCrop .cropit-preview-image-container, .labelizer.fr-cards.design-8 #labelizerCrop .cropit-preview-image-container, .labelizer.fr-cards.design-9 #labelizerCrop .cropit-preview-image-container, .labelizer.fr-cards.design-10 #labelizerCrop .cropit-preview-image-container { border: none; border-radius: 0; }
.labelizer.fr-cards.design-5 #labelizerCrop .cropit-preview, .labelizer.fr-cards.design-6 #labelizerCrop .cropit-preview, .labelizer.fr-cards.design-7 #labelizerCrop .cropit-preview, .labelizer.fr-cards.design-8 #labelizerCrop .cropit-preview, .labelizer.fr-cards.design-9 #labelizerCrop .cropit-preview, .labelizer.fr-cards.design-10 #labelizerCrop .cropit-preview { transform: rotate(5.8deg); top: -4px; left: 0; border: 4px solid #009c3b; width: 351px; height: 292px; }
@media (max-width: 767px) { .labelizer.fr-cards.design-5 #labelizerCrop .cropit-preview, .labelizer.fr-cards.design-6 #labelizerCrop .cropit-preview, .labelizer.fr-cards.design-7 #labelizerCrop .cropit-preview, .labelizer.fr-cards.design-8 #labelizerCrop .cropit-preview, .labelizer.fr-cards.design-9 #labelizerCrop .cropit-preview, .labelizer.fr-cards.design-10 #labelizerCrop .cropit-preview { width: 100% !important; height: 227px !important; transform: none; top: -48px; } }
@media (max-width: 767px) { .labelizer.fr-cards .fileUpload { margin-top: 24px; } }
.labelizer.fr-cards.color-1 .design-5 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/cards/design-5-1.png); }
.labelizer.fr-cards .design-5 .uploadedImage { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/upload-dummy/dummy-design-5.jpg); }
.labelizer.fr-cards.color-1 .design-6 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/cards/design-6-1.png); }
.labelizer.fr-cards .design-6 .uploadedImage { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/upload-dummy/dummy-design-6.jpg); }
.labelizer.fr-cards.color-1 .design-7 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/cards/design-7-1.png); }
.labelizer.fr-cards .design-7 .uploadedImage { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/upload-dummy/dummy-design-7.jpg); }
.labelizer.fr-cards.color-1 .design-8 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/cards/design-8-1.png); }
.labelizer.fr-cards .design-8 .uploadedImage { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/upload-dummy/dummy-design-8.jpg); }
.labelizer.fr-cards.color-1 .design-9 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/cards/design-9-1.png); }
.labelizer.fr-cards .design-9 .uploadedImage { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/upload-dummy/dummy-design-9.jpg); }
.labelizer.fr-cards.color-1 .design-10 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/cards/design-10-1.png); }
.labelizer.fr-cards .design-10 .uploadedImage { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/fr/upload-dummy/dummy-design-10.jpg); }

/** Labelizer PL */
.labelizer.pl.color-1 .design-1 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-1-1.png); }
.labelizer.pl.design-1 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-1-1.png); }
.labelizer.pl.color-2 .design-1 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-1-2.png); }
.labelizer.pl.design-1 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-1-2.png); }
.labelizer.pl.color-3 .design-1 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-1-3.png); }
.labelizer.pl.design-1 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-1-3.png); }
.labelizer.pl.color-4 .design-1 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-1-4.png); }
.labelizer.pl.design-1 .color-picker.color-4 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-1-4.png); }
.labelizer.pl.color-1 .design-1 .date { color: #c30040; }
.labelizer.pl.color-1 .design-1 .description { color: #009aa7; }
.labelizer.pl.color-2 .design-1 .date { color: #ef7c00; }
.labelizer.pl.color-2 .design-1 .description { color: #c3043f; }
.labelizer.pl.color-3 .design-1 .date, .labelizer.pl.color-3 .design-1 .made { color: #7a58a0; }
.labelizer.pl.color-3 .design-1 .description { color: #c3043f; }
.labelizer.pl.color-4 .design-1 .date { color: #fff; }
.labelizer.pl .design.design-1 .name, .labelizer.pl .design.design-1 .title { width: 76%; margin-left: -38%; color: white; }
.labelizer.pl .design.design-1 .name { font-family: 'Georgia'; font-size: 40px; font-weight: bold; font-style: italic; top: 52.1%; height: 55px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-1 .name { font-size: 32px; height: 43px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-1 .name { font-size: 26px; height: 36px; } }
.labelizer.pl .design.design-1 .title { font-family: 'Georgia'; font-size: 25px; font-weight: bold; font-style: italic; top: 63.5%; height: 35px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-1 .title { font-size: 19px; height: 28px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-1 .title { font-size: 16px; height: 22px; } }
.labelizer.pl .design.design-1 .description, .labelizer.pl .design.design-1 .date { width: 70%; margin-left: -35%; }
.labelizer.pl .design.design-1 .description { font-family: 'Georgia'; font-size: 25px; font-weight: bold; line-height: 29px; top: 29.4%; height: 60px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-1 .description { font-size: 20px; line-height: 22px; height: 45px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-1 .description { font-size: 16px; line-height: 19px; height: 38px; } }
.labelizer.pl .design.design-1 .date { font-family: 'Georgia'; font-size: 22px; font-weight: bold; top: 18.5%; height: 32px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-1 .date { font-size: 17px; height: 22px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-1 .date { font-size: 15px; height: 22px; } }
.labelizer.pl .design.design-1 .made { letter-spacing: .08em; color: #c30040; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-1 .made { font-size: 11px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-1 .made { font-size: 10px; letter-spacing: .04em; } }
.labelizer.pl.color-1 .design-2 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-2-1.png); }
.labelizer.pl.design-2 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-2-1.png); }
.labelizer.pl.color-2 .design-2 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-2-2.png); }
.labelizer.pl.design-2 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-2-2.png); }
.labelizer.pl.color-3 .design-2 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-2-3.png); }
.labelizer.pl.design-2 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-2-3.png); }
.labelizer.pl.color-4 .design-2 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-2-4.png); }
.labelizer.pl.design-2 .color-picker.color-4 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-2-4.png); }
.labelizer.pl.color-1 .design-2 { color: #c3043f; }
.labelizer.pl.color-2 .design-2 { color: #cd7d00; }
.labelizer.pl.color-3 .design-2 { color: #7a58a0; }
.labelizer.pl.color-3 .design-2 .name, .labelizer.pl.color-3 .design-2 .title { color: #432e56; }
.labelizer.pl.color-4 .design-2 { color: #fff; }
.labelizer.pl.color-4 .design-2 .name, .labelizer.pl.color-4 .design-2 .title { color: #133c2b; }
.labelizer.pl .design.design-2 .background > div { width: 74%; margin-left: -37%; }
.labelizer.pl .design.design-2 .name { font-family: 'Georgia'; font-size: 47px; font-weight: bold; top: 36%; width: 66%; height: 62px; margin-left: -33%; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-2 .name { font-size: 36px; height: 50px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-2 .name { font-size: 30px; height: 38px; } }
.labelizer.pl .design.design-2 .title { font-family: 'Georgia'; font-size: 25px; font-weight: bold; line-height: 27px; top: 49.4%; width: 74%; height: 54px; margin-left: -37%; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-2 .title { font-size: 20px; line-height: 20px; height: 41px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-2 .title { font-size: 16px; line-height: 17px; height: 35px; } }
.labelizer.pl .design.design-2 .description { font-family: 'Georgia'; font-size: 19px; font-weight: bold; line-height: 23px; top: 19.8%; height: 46px; letter-spacing: .05em; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-2 .description { font-size: 16px; line-height: 17px; height: 36px; letter-spacing: 0; } }
@media (max-width: 767px) { .labelizer.pl .design.design-2 .description { font-size: 13px; line-height: 15px; height: 30px; letter-spacing: 0; } }
.labelizer.pl .design.design-2 .date { font-family: 'Georgia'; font-size: 19px; font-weight: bold; top: 76.6%; height: 28px; letter-spacing: .05em; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-2 .date { font-size: 15px; height: 18px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-2 .date { font-size: 14px; height: 18px; } }
.labelizer.pl .design.design-2 .background .description, .labelizer.pl .design.design-2 .background .date { width: 54%; margin-left: -27%; }
.labelizer.pl .design.design-2 .made { font-size: 13px; top: 71.8%; letter-spacing: .08em; color: white; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-2 .made { font-size: 11px; letter-spacing: .02em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-2 .made { font-size: 10px; top: 71.4%; letter-spacing: 0; } }
.labelizer.pl.color-1 .design-3 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-3-1.png); }
.labelizer.pl.design-3 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-3-1.png); }
.labelizer.pl.color-2 .design-3 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-3-2.png); }
.labelizer.pl.design-3 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-3-2.png); }
.labelizer.pl.color-3 .design-3 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-3-3.png); }
.labelizer.pl.design-3 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-3-3.png); }
.labelizer.pl.color-4 .design-3 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-3-4.png); }
.labelizer.pl.design-3 .color-picker.color-4 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-3-4.png); }
.labelizer.pl.color-1 .design-3 { color: #1c1c1b; }
.labelizer.pl.color-1 .design-3 .date, .labelizer.pl.color-1 .design-3 .made { color: #b4dac2; }
.labelizer.pl.color-2 .design-3 { color: #1c1c1b; }
.labelizer.pl.color-2 .design-3 .date, .labelizer.pl.color-2 .design-3 .made { color: #ef7c00; }
.labelizer.pl.color-3 .design-3 { color: #1c1c1b; }
.labelizer.pl.color-3 .design-3 .date, .labelizer.pl.color-3 .design-3 .made { color: #b4dac2; }
.labelizer.pl.color-4 .design-3 { color: #86bc24; }
.labelizer.pl.color-4 .design-3 .background .name, .labelizer.pl.color-4 .design-3 .background .title { color: #fff; }
.labelizer.pl .design.design-3 .background > div { width: 74%; margin-left: -37%; }
.labelizer.pl .design.design-3 .background .name { font-family: 'Georgia'; font-size: 38px; line-height: 44px; top: 28.4%; height: 88px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-3 .background .name { font-size: 28px; line-height: 34px; top: 28.2%; height: 70px; letter-spacing: 0; } }
@media (max-width: 767px) { .labelizer.pl .design.design-3 .background .name { font-size: 25px; line-height: 33px; top: 28.2%; height: 62px; } }
.labelizer.pl .design.design-3 .title { font-family: 'Georgia'; font-size: 40px; font-weight: bold; line-height: 37px; top: 52.6%; height: 77px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-3 .title { font-size: 32px; line-height: 30px; height: 64px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-3 .title { font-size: 26px; line-height: 25px; height: 50px; } }
.labelizer.pl .design.design-3 .description { display: none; }
.labelizer.pl .design.design-3 .background .date { font-family: 'Arial'; font-size: 19px; top: 18.8%; width: 54%; height: 28px; margin-left: -27%; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-3 .background .date { font-size: 15px; height: 22px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-3 .background .date { font-size: 12px; top: 19.4%; height: 16px; } }
.labelizer.pl .design.design-3 .background .made { line-height: 21px; top: 74.4%; width: 30%; margin-left: -15%; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-3 .background .made { font-size: 11px; line-height: 16px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-3 .background .made { font-size: 10px; line-height: 14px; } }
.labelizer.pl.color-1 .design-4 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-4-1.png); }
.labelizer.pl.design-4 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-4-1.png); }
.labelizer.pl.color-2 .design-4 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-4-2.png); }
.labelizer.pl.design-4 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-4-2.png); }
.labelizer.pl.color-3 .design-4 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-4-3.png); }
.labelizer.pl.design-4 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-4-3.png); }
.labelizer.pl.color-4 .design-4 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-4-4.png); }
.labelizer.pl.design-4 .color-picker.color-4 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-4-4.png); }
.labelizer.pl.color-1 .design-4 { color: #d4003c; }
.labelizer.pl.color-2 .design-4 { color: #f49a00; }
.labelizer.pl.color-3 .design-4 { color: #9e5da1; }
.labelizer.pl.color-4 .design-4 { color: #86bc24; }
.labelizer.pl .design.design-4 .background > div { width: 74%; margin-left: -37%; }
.labelizer.pl .design.design-4 .background .name { font-family: 'Georgia'; font-size: 38px; font-weight: bold; top: 5.4%; width: 90%; height: 142px; margin-left: -45%; letter-spacing: -0.06em; text-transform: uppercase; color: white; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-4 .background .name { font-size: 28px; height: 110px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-4 .background .name { font-size: 25px; height: 98px; } }
.labelizer.pl .design.design-4 .background > .title { font-family: 'Georgia'; font-size: 36px; font-weight: bold; line-height: 34px; top: 41.6%; width: 86%; height: 77px; margin-left: -43%; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-4 .background > .title { font-size: 28px; line-height: 30px; height: 64px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-4 .background > .title { font-size: 24px; line-height: 25px; height: 50px; } }
.labelizer.pl .design.design-4 .background .description { font-family: 'Arial'; font-size: 18px; top: 64.2%; width: 80%; height: 120px; margin-left: -40%; letter-spacing: -0.03em; text-transform: uppercase; color: white; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-4 .background .description { font-size: 14px; top: 64.4%; height: 92px; letter-spacing: -0.06em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-4 .background .description { font-size: 12px; height: 79px; letter-spacing: -0.08em; } }
.labelizer.pl .design.design-4 .background .date { font-family: 'Arial'; font-size: 19px; top: 65.2%; width: 44%; height: 28px; margin-left: -22%; letter-spacing: .02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-4 .background .date { font-size: 15px; height: 22px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-4 .background .date { font-size: 13px; height: 16px; } }
.labelizer.pl .design.design-4 .background .made { font-family: 'Arial'; font-weight: bold; top: 79.8%; width: 90%; height: 70px; margin-left: -45%; letter-spacing: -0.06em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-4 .background .made { font-size: 12px; height: 54px; letter-spacing: -0.12em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-4 .background .made { font-size: 11px; height: 46px; letter-spacing: -0.16em; } }
.labelizer.pl .design.design-4 .background .made .curved-container > span:last-child { margin-bottom: 2px; margin-left: -6px; }
.labelizer.pl.color-1 .design-5 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-5-1.png); }
.labelizer.pl.design-5 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-5-1.png); }
.labelizer.pl.color-2 .design-5 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-5-2.png); }
.labelizer.pl.design-5 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-5-2.png); }
.labelizer.pl.color-3 .design-5 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-5-3.png); }
.labelizer.pl.design-5 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-5-3.png); }
.labelizer.pl.color-4 .design-5 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/designs/design-5-4.png); }
.labelizer.pl.design-5 .color-picker.color-4 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/de/buttons/btn-5-4.png); }
.labelizer.pl.color-1 .design-5 { color: #d50f3b; }
.labelizer.pl.color-1 .design-5 .background .name, .labelizer.pl.color-1 .design-5 .background .date { color: #7b0e2d; }
.labelizer.pl.color-1 .design-5 .made { color: #d4003c; }
.labelizer.pl.color-2 .design-5 { color: #f28f00; }
.labelizer.pl.color-2 .design-5 .background .name, .labelizer.pl.color-2 .design-5 .background .date { color: #945b00; }
.labelizer.pl.color-2 .design-5 .made { color: #f49a00; }
.labelizer.pl.color-3 .design-5 { color: #9e5da1; }
.labelizer.pl.color-3 .design-5 .background .name, .labelizer.pl.color-3 .design-5 .background .date { color: #633964; }
.labelizer.pl.color-4 .design-5 .description { color: #009847; }
.labelizer.pl .design.design-5 .background > div { width: 74%; margin-left: -37%; }
.labelizer.pl .design.design-5 .background .name { font-family: 'Georgia'; font-size: 31px; font-weight: bold; top: 41.4%; width: 52%; height: 40px; margin-left: -26%; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-5 .background .name { font-size: 25px; height: 32px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-5 .background .name { font-size: 21px; height: 25px; } }
.labelizer.pl .design.design-5 .title { font-family: 'Georgia'; font-size: 28px; font-weight: bold; line-height: 29px; top: 54.2%; height: 60px; color: white; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-5 .title { font-size: 22px; line-height: 25px; height: 46px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-5 .title { font-size: 20px; line-height: 20px; height: 40px; letter-spacing: -0.05em; } }
.labelizer.pl .design.design-5 .background .description { font-family: 'Arial'; font-size: 16px; font-weight: bold; top: 14.8%; width: 68%; height: 162px; margin-left: -34%; letter-spacing: -0.1em; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-5 .background .description { font-size: 12px; height: 122px; letter-spacing: -0.11em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-5 .background .description { font-size: 10px; height: 100px; letter-spacing: -0.11em; } }
.labelizer.pl .design.design-5 .background .date { font-family: 'Arial'; font-size: 14px; font-weight: bold; top: 72%; width: 26%; height: 18px; margin-left: -13%; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-5 .background .date { font-size: 11px; height: 15px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-5 .background .date { font-size: 9px; height: 11px; } }
.labelizer.pl .design.design-5 .background .made { font-family: 'Arial'; font-size: 11px; top: 67.4%; width: 68%; height: 69px; margin-left: -34%; letter-spacing: -0.03em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-5 .background .made { font-size: 8px; height: 52px; letter-spacing: 0; } }
@media (max-width: 767px) { .labelizer.pl .design.design-5 .background .made { font-size: 7px; height: 45px; } }
.labelizer.pl .design.design-5 .background .made .curved-container > span:last-child { margin-bottom: 1px; margin-left: -6px; }
.labelizer.pl.color-1 .design-6 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-6-1.png); }
.labelizer.pl.design-6 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-6-1.png); }
.labelizer.pl.color-2 .design-6 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-6-2.png); }
.labelizer.pl.design-6 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-6-2.png); }
.labelizer.pl.color-3 .design-6 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-6-3.png); }
.labelizer.pl.design-6 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-6-3.png); }
.labelizer.pl.color-1 .design-6 { color: #51bdc1; }
.labelizer.pl.color-1 .design-6 .background .title { color: #cb061d; }
.labelizer.pl.color-2 .design-6 { color: #169732; }
.labelizer.pl.color-3 .design-6 { color: #E96570; }
.labelizer.pl.color-3 .design-6 .background .title { color: #179e3d; }
.labelizer.pl .design.design-6 .background > div { width: 66%; margin-left: -33%; }
.labelizer.pl .design.design-6 .background .name { font-size: 25px; top: 30.4%; width: 62%; height: 32px; margin-left: -31%; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-6 .background .name { font-size: 19px; height: 26px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-6 .background .name { font-size: 17px; height: 22px; } }
.labelizer.pl .design.design-6 .background .title { font-family: 'Georgia'; font-size: 34px; font-weight: bold; font-style: italic; line-height: 39px; top: 38%; height: 84px; letter-spacing: -0.02em; width: 60%; margin-left: -30%; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-6 .background .title { font-size: 24px; line-height: 31px; height: 59px; top: 39%; letter-spacing: 0.03em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-6 .background .title { font-size: 21px; line-height: 27px; height: 56px; letter-spacing: 0.00em; } }
.labelizer.pl .design.design-6 .background .description { font-size: 19px; top: 58.4%; height: 28px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-6 .background .description { font-size: 15px; height: 25px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-6 .background .description { font-size: 13px; height: 20px; } }
.labelizer.pl .design.design-6 .background .date { font-size: 16px; top: 78.6%; width: 30%; margin-left: -15%; height: 20px; letter-spacing: 0.03em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-6 .background .date { font-size: 12px; height: 16px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-6 .background .date { font-size: 11px; height: 14px; } }
.labelizer.pl .design.design-6 .background .made { font-family: 'Georgia'; color: #fff; font-size: 14px; top: 68.8%; width: 92%; height: 50px; margin-left: -46%; font-weight: normal; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-6 .background .made { font-size: 10px; height: 30px; line-height: 15px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-6 .background .made { font-size: 8px; height: 26px; line-height: 14px; } }
.labelizer.pl.color-1 .design-7 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-7-1.png); }
.labelizer.pl.design-7 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-7-1.png); }
.labelizer.pl.color-2 .design-7 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-7-2.png); }
.labelizer.pl.design-7 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-7-2.png); }
.labelizer.pl.color-3 .design-7 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-7-3.png); }
.labelizer.pl.design-7 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-7-3.png); }
.labelizer.pl.color-1 .design-7 .background .description, .labelizer.pl.color-1 .design-7 .background .made { color: #169732; }
.labelizer.pl.color-1 .design-7 .background .date { color: #cb061d; }
.labelizer.pl.color-2 .design-7 .background .description, .labelizer.pl.color-2 .design-7 .background .made { color: #169732; }
.labelizer.pl.color-2 .design-7 .background .date { color: #cb061d; }
.labelizer.pl.color-3 .design-7 .background .description, .labelizer.pl.color-3 .design-7 .background .made { color: #179e3d; }
.labelizer.pl.color-3 .design-7 .background .date { color: #CA0813; }
.labelizer.pl .design.design-7 { color: #fff; }
.labelizer.pl .design.design-7 .background > div { width: 65%; margin-left: -32%; }
.labelizer.pl .design.design-7 .background .name { font-size: 35px; font-weight: bold; top: 7.4%; width: 90%; height: 104px; margin-left: -45%; letter-spacing: -0.04em; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-7 .background .name { font-size: 27px; height: 75px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-7 .background .name { font-size: 23px; height: 70px; } }
.labelizer.pl .design.design-7 .background .title { font-size: 35px; font-weight: bold; top: 49.5%; width: 84%; margin-left: -42%; height: 200px; text-transform: uppercase; letter-spacing: -0.18em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-7 .background .title { font-size: 25px; height: 153px; letter-spacing: -0.16em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-7 .background .title { font-size: 23px; height: 133px; } }
.labelizer.pl .design.design-7 .background .description { font-family: "Georgia"; font-size: 18px; top: 26.4%; width: 48%; height: 160px; margin-left: -24%; letter-spacing: -0.06em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-7 .background .description { font-size: 13px; height: 140px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-7 .background .description { font-size: 11px; height: 120px; } }
.labelizer.pl .design.design-7 .background .date { font-size: 17px; top: 61.5%; width: 38%; height: 22px; margin-left: -19%; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-7 .background .date { font-size: 12px; height: 16px; top: 61.7%; letter-spacing: 0.02em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-7 .background .date { font-size: 11px; height: 15px; } }
.labelizer.pl .design.design-7 .background .made { font-size: 11px; top: 68%; width: 30%; height: 30px; margin-left: -15%; font-weight: normal; line-height: 13px; letter-spacing: 0.08em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-7 .background .made { font-size: 9px; height: 25px; line-height: 10px; letter-spacing: 0.08em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-7 .background .made { font-size: 8px; height: 22px; line-height: 9px; } }
.labelizer.pl.color-1 .design-8 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-8-1.png); }
.labelizer.pl.design-8 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-8-1.png); }
.labelizer.pl.color-2 .design-8 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-8-2.png); }
.labelizer.pl.design-8 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-8-2.png); }
.labelizer.pl.color-3 .design-8 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-8-3.png); }
.labelizer.pl.design-8 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-8-3.png); }
.labelizer.pl.color-1 .design-8 .background .title, .labelizer.pl.color-1 .design-8 .background .date { color: #bf0b1d; }
.labelizer.pl.color-2 .design-8, .labelizer.pl.color-3 .design-8 { color: #009a3c; }
.labelizer.pl.color-2 .design-8 .background .title, .labelizer.pl.color-2 .design-8 .background .date, .labelizer.pl.color-3 .design-8 .background .title, .labelizer.pl.color-3 .design-8 .background .date { color: #c01818; }
.labelizer.pl .design.design-8 { color: #51bdc1; }
.labelizer.pl .design.design-8 .background > div { width: 56%; margin-left: -28%; }
.labelizer.pl .design.design-8 .background .name { font-size: 26px; top: 29.2%; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-8 .background .name { font-size: 20px; height: 30px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-8 .background .name { font-size: 18px; height: 23px; } }
.labelizer.pl .design.design-8 .background .title { font-family: 'Georgia'; font-size: 32px; font-weight: bold; font-style: italic; line-height: 35px; top: 44.2%; height: 70px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-8 .background .title { font-size: 25px; line-height: 28px; height: 59px; top: 43.2%; } }
@media (max-width: 767px) { .labelizer.pl .design.design-8 .background .title { font-size: 20px; line-height: 24px; height: 50px; letter-spacing: 0.00em; top: 43.6%; } }
.labelizer.pl .design.design-8 .background .description { top: 69%; height: 24px; font-size: 18px; line-height: 19px; font-family: "Georgia"; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-8 .background .description { top: 68.4%; font-size: 14px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-8 .background .description { top: 68%; font-size: 12px; height: 20px; } }
.labelizer.pl .design.design-8 .background .date { font-family: 'Arial'; font-weight: bold; font-size: 17px; top: 76.4%; width: 50%; height: 22px; margin-left: -25%; letter-spacing: -0.06em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-8 .background .date { font-size: 12px; height: 16px; letter-spacing: 0.00em; top: 76.4%; } }
@media (max-width: 767px) { .labelizer.pl .design.design-8 .background .date { font-size: 11px; height: 14px; letter-spacing: -0.05em; } }
.labelizer.pl .design.design-8 .background .made { font-family: 'Arial'; font-size: 10px; top: 83.4%; width: 20%; margin-left: -10%; height: 30px; font-weight: normal; line-height: 14px; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-8 .background .made { font-size: 7px; height: 24px; line-height: 11px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-8 .background .made { font-size: 6px; height: 22px; line-height: 9px; } }
.labelizer.pl.color-1 .design-9 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-9-1.png); }
.labelizer.pl.design-9 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-9-1.png); }
.labelizer.pl.color-2 .design-9 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-9-2.png); }
.labelizer.pl.design-9 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-9-2.png); }
.labelizer.pl.color-3 .design-9 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-9-3.png); }
.labelizer.pl.design-9 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-9-3.png); }
.labelizer.pl.color-1 .design-9 .background .name, .labelizer.pl.color-1 .design-9 .background .description { color: #169732; }
.labelizer.pl.color-2 .design-9 { color: #009A3C; }
.labelizer.pl.color-2 .design-9 .background .name, .labelizer.pl.color-2 .design-9 .background .description { color: #BE1823; }
.labelizer.pl.color-3 .design-9 { color: #BE1823; }
.labelizer.pl.color-3 .design-9 .background .name, .labelizer.pl.color-3 .design-9 .background .description { color: #51BDC5; }
.labelizer.pl .design.design-9 { color: #bd0a27; }
.labelizer.pl .design.design-9 .background .name { font-family: 'Georgia'; font-size: 25px; font-style: italic; top: 29.4%; width: 90%; margin-left: -45%; height: 38px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-9 .background .name { font-size: 20px; height: 28px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-9 .background .name { font-size: 17px; height: 24px; } }
.labelizer.pl .design.design-9 .background .title { font-size: 32px; line-height: 37px; top: 41.2%; height: 70px; width: 56%; margin-left: -28%; text-transform: uppercase; font-weight: bold; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-9 .background .title { font-size: 24px; line-height: 27px; height: 59px; top: 40.4%; } }
@media (max-width: 767px) { .labelizer.pl .design.design-9 .background .title { font-size: 20px; line-height: 24px; height: 45px; } }
.labelizer.pl .design.design-9 .background .description { top: 60.2%; height: 35px; font-family: "Georgia"; font-size: 24px; font-style: italic; letter-spacing: -0.02em; width: 90%; margin-left: -45%; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-9 .background .description { top: 60%; font-size: 18px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-9 .background .description { font-size: 16px; } }
.labelizer.pl .design.design-9 .background .date { font-family: 'Arial'; font-size: 20px; top: 74.4%; width: 34%; height: 28px; margin-left: -17%; letter-spacing: -0.02em; font-weight: bold; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-9 .background .date { font-size: 15px; height: 20px; letter-spacing: 0em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-9 .background .date { font-size: 13px; height: 18px; } }
.labelizer.pl .design.design-9 .background .made { font-family: 'Arial'; font-weight: bold; text-transform: uppercase; color: #fff; font-size: 13px; top: 92%; width: 60%; height: 20px; margin-left: -30%; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-9 .background .made { font-size: 10px; height: 15px; line-height: 14px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-9 .background .made { font-size: 9px; line-height: 13px; } }
.labelizer.pl.color-1 .design-10 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-10-1.png); }
.labelizer.pl.design-10 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-10-1.png); }
.labelizer.pl.color-2 .design-10 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-10-2.png); }
.labelizer.pl.design-10 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-10-2.png); }
.labelizer.pl.color-3 .design-10 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-10-3.png); }
.labelizer.pl.design-10 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-10-3.png); }
.labelizer.pl.color-1 .design-10 { color: #51BDC5; }
.labelizer.pl.color-1 .design-10 .background .date, .labelizer.pl.color-1 .design-10 .background .title { color: #C01818; }
.labelizer.pl.color-2 .design-10 { color: #009A3C; }
.labelizer.pl.color-2 .design-10 .background .date, .labelizer.pl.color-2 .design-10 .background .title { color: #C01818; }
.labelizer.pl.color-3 .design-10 { color: #C01818; }
.labelizer.pl.color-3 .design-10 .background .date, .labelizer.pl.color-3 .design-10 .background .title { color: #009A3C; }
.labelizer.pl .design.design-10 .background > div { width: 50%; margin-left: -25%; }
.labelizer.pl .design.design-10 .background .name { font-family: 'Georgia'; font-size: 25px; top: 23%; height: 38px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-10 .background .name { font-size: 20px; height: 28px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-10 .background .name { font-size: 17px; height: 23px; } }
.labelizer.pl .design.design-10 .title { font-family: 'Georgia'; font-style: italic; font-size: 31px; font-weight: bold; line-height: 37px; top: 40%; height: 75px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-10 .title { font-size: 23px; line-height: 29px; height: 60px; letter-spacing: 0.00em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-10 .title { font-size: 20px; line-height: 25px; height: 54px; top: 39.4%; } }
.labelizer.pl .design.design-10 .description { top: 70%; height: 38px; font-family: "Georgia"; font-size: 18px; letter-spacing: 0.04em; line-height: 19px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-10 .description { top: 69.4%; font-size: 14px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-10 .description { font-size: 12px; line-height: 14px; height: 18px; } }
.labelizer.pl .design.design-10 .background .date { font-weight: bold; font-size: 18px; top: 80.2%; height: 24px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-10 .background .date { font-size: 14px; height: 18px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-10 .background .date { font-size: 12px; height: 18px; } }
.labelizer.pl .design.design-10 .background .made { font-size: 13px; top: 88.8%; height: 18px; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-10 .background .made { font-size: 10px; height: 30px; line-height: 15px; letter-spacing: 0.5px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-10 .background .made { font-size: 8px; height: 15px; line-height: 11px; } }
.labelizer.pl.color-1 .design-11 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-11-1.png); }
.labelizer.pl.design-11 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-11-1.png); }
.labelizer.pl.color-2 .design-11 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-11-2.png); }
.labelizer.pl.design-11 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-11-2.png); }
.labelizer.pl.color-3 .design-11 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-11-3.png); }
.labelizer.pl.design-11 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-11-3.png); }
.labelizer.pl.color-1 .design-11, .labelizer.pl.color-2 .design-11 { color: #219638; }
.labelizer.pl.color-1 .design-11 .background .date, .labelizer.pl.color-1 .design-11 .background .title, .labelizer.pl.color-2 .design-11 .background .date, .labelizer.pl.color-2 .design-11 .background .title { color: #BD1124; }
.labelizer.pl.color-3 .design-11 { color: #2373B6; }
.labelizer.pl.color-3 .design-11 .background .date, .labelizer.pl.color-3 .design-11 .background .title { color: #BD1219; }
.labelizer.pl .design.design-11 .background > div { width: 50%; margin-left: -25%; }
.labelizer.pl .design.design-11 .background .name { font-family: 'Georgia'; font-size: 25px; top: 21.4%; height: 38px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-11 .background .name { font-size: 20px; height: 28px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-11 .background .name { font-size: 17px; height: 23px; } }
.labelizer.pl .design.design-11 .title { font-family: 'Georgia'; font-style: italic; font-size: 31px; font-weight: bold; line-height: 37px; top: 38%; height: 75px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-11 .title { font-size: 23px; line-height: 29px; height: 60px; letter-spacing: 0.00em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-11 .title { font-size: 20px; line-height: 25px; height: 54px; top: 39.4%; } }
.labelizer.pl .design.design-11 .description { top: 67.8%; height: 38px; font-family: "Georgia"; font-size: 18px; letter-spacing: 0.04em; line-height: 19px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-11 .description { top: 69.4%; font-size: 14px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-11 .description { font-size: 12px; line-height: 14px; height: 18px; } }
.labelizer.pl .design.design-11 .background .date { font-weight: bold; font-size: 18px; top: 78.6%; height: 24px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-11 .background .date { font-size: 14px; height: 18px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-11 .background .date { font-size: 12px; height: 18px; } }
.labelizer.pl .design.design-11 .background .made { font-size: 13px; top: 87.6%; height: 18px; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-11 .background .made { font-size: 10px; height: 30px; line-height: 15px; letter-spacing: 0.5px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-11 .background .made { font-size: 8px; height: 15px; line-height: 11px; } }
.labelizer.pl.color-1 .design-12 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-12-1.png); }
.labelizer.pl.design-12 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-12-1.png); }
.labelizer.pl.color-1 .design-12 { color: #f18705; }
.labelizer.pl .design.design-12 .background > div { width: 52%; margin-left: -26%; }
.labelizer.pl .design.design-12 .background .name { font-family: 'Georgia'; font-size: 25px; top: 18%; height: 38px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-12 .background .name { font-size: 20px; height: 28px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-12 .background .name { font-size: 17px; height: 23px; } }
.labelizer.pl .design.design-12 .title { font-family: 'Georgia'; font-style: italic; font-size: 31px; font-weight: bold; line-height: 38px; top: 37%; height: 95px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-12 .title { font-size: 22px; line-height: 28px; top: 39%; height: 60px; letter-spacing: 0.00em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-12 .title { font-size: 20px; line-height: 25px; height: 54px; top: 38.4%; } }
.labelizer.pl .design.design-12 .description { top: 67.8%; height: 38px; font-family: "Georgia"; font-size: 18px; letter-spacing: 0.04em; line-height: 19px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-12 .description { top: 69.4%; font-size: 14px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-12 .description { font-size: 12px; line-height: 14px; height: 18px; } }
.labelizer.pl .design.design-12 .background .date { font-weight: bold; font-size: 18px; top: 78.6%; height: 24px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-12 .background .date { font-size: 14px; height: 18px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-12 .background .date { font-size: 12px; height: 18px; } }
.labelizer.pl .design.design-12 .background .made { font-size: 13px; top: 87.6%; height: 18px; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-12 .background .made { font-size: 10px; height: 30px; line-height: 15px; letter-spacing: 0.5px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-12 .background .made { font-size: 8px; height: 15px; line-height: 11px; } }
.labelizer.pl.color-1 .design-13 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-13-1.png); }
.labelizer.pl.design-13 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-13-1.png); }
.labelizer.pl.color-1 .design-13 { color: #683d13; }
.labelizer.pl .design.design-13 .background > div { width: 52%; margin-left: -26%; }
.labelizer.pl .design.design-13 .background .name { font-family: 'Georgia'; font-size: 25px; top: 16%; height: 38px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-13 .background .name { font-size: 20px; height: 28px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-13 .background .name { font-size: 17px; height: 23px; } }
.labelizer.pl .design.design-13 .title { font-family: 'Georgia'; font-style: italic; font-size: 31px; font-weight: bold; line-height: 39px; top: 37%; height: 95px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-13 .title { font-size: 23px; line-height: 28px; top: 39%; height: 60px; letter-spacing: 0.00em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-13 .title { font-size: 20px; line-height: 25px; height: 54px; top: 39.4%; } }
.labelizer.pl .design.design-13 .description { top: 67.8%; height: 38px; font-family: "Georgia"; font-size: 18px; letter-spacing: 0.04em; line-height: 19px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-13 .description { top: 69.4%; font-size: 14px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-13 .description { font-size: 12px; line-height: 14px; height: 18px; } }
.labelizer.pl .design.design-13 .background .date { font-weight: bold; font-size: 18px; top: 78.6%; height: 24px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-13 .background .date { font-size: 14px; height: 18px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-13 .background .date { font-size: 12px; height: 18px; } }
.labelizer.pl .design.design-13 .background .made { font-size: 13px; top: 87.6%; height: 18px; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-13 .background .made { font-size: 10px; height: 30px; line-height: 15px; letter-spacing: 0.5px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-13 .background .made { font-size: 8px; height: 15px; line-height: 11px; } }
.labelizer.pl.color-1 .design-14 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-14-1.png); }
.labelizer.pl.design-14 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-14-1.png); }
.labelizer.pl.color-1 .design-14 { color: #0a72b4; }
.labelizer.pl .design.design-14 .background > div { width: 52%; margin-left: -26%; }
.labelizer.pl .design.design-14 .background .name { font-family: 'Georgia'; font-size: 25px; top: 18%; height: 38px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-14 .background .name { font-size: 20px; height: 28px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-14 .background .name { font-size: 17px; height: 23px; } }
.labelizer.pl .design.design-14 .title { font-family: 'Georgia'; font-style: italic; font-size: 31px; font-weight: bold; line-height: 37px; top: 37%; height: 95px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-14 .title { font-size: 23px; line-height: 30px; top: 39%; height: 60px; letter-spacing: 0.00em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-14 .title { font-size: 20px; line-height: 25px; height: 54px; top: 39%; } }
.labelizer.pl .design.design-14 .description { top: 67.8%; height: 38px; font-family: "Georgia"; font-size: 18px; letter-spacing: 0.04em; line-height: 19px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-14 .description { top: 69.4%; font-size: 14px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-14 .description { font-size: 12px; line-height: 14px; height: 18px; } }
.labelizer.pl .design.design-14 .background .date { font-weight: bold; font-size: 18px; top: 78.6%; height: 24px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-14 .background .date { font-size: 14px; height: 18px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-14 .background .date { font-size: 12px; height: 18px; } }
.labelizer.pl .design.design-14 .background .made { font-size: 13px; top: 87.6%; height: 18px; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-14 .background .made { font-size: 10px; height: 30px; line-height: 15px; letter-spacing: 0.5px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-14 .background .made { font-size: 8px; height: 15px; line-height: 11px; } }
.labelizer.pl.color-1 .design-15 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-15-1.png); }
.labelizer.pl.design-15 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-15-1.png); }
.labelizer.pl.color-1 .design-15 { color: #7e4f24; }
.labelizer.pl .design.design-15 .background > div { width: 52%; margin-left: -26%; }
.labelizer.pl .design.design-15 .background .name { font-family: 'Georgia'; font-size: 25px; top: 18%; height: 38px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-15 .background .name { font-size: 20px; height: 28px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-15 .background .name { font-size: 17px; height: 23px; } }
.labelizer.pl .design.design-15 .title { font-family: 'Georgia'; font-style: italic; font-size: 31px; font-weight: bold; line-height: 31px; top: 36%; height: 95px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-15 .title { font-size: 23px; line-height: 27px; height: 60px; top: 39%; letter-spacing: 0.00em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-15 .title { font-size: 20px; line-height: 25px; height: 54px; top: 39.4%; } }
.labelizer.pl .design.design-15 .description { top: 67.8%; height: 38px; font-family: "Georgia"; font-size: 18px; letter-spacing: 0.04em; line-height: 19px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-15 .description { top: 69.4%; font-size: 14px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-15 .description { font-size: 12px; line-height: 14px; height: 18px; } }
.labelizer.pl .design.design-15 .background .date { font-weight: bold; font-size: 18px; top: 78.6%; height: 24px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-15 .background .date { font-size: 14px; height: 18px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-15 .background .date { font-size: 12px; height: 18px; } }
.labelizer.pl .design.design-15 .background .made { font-size: 13px; top: 87.6%; height: 18px; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-15 .background .made { font-size: 10px; height: 30px; line-height: 15px; letter-spacing: 0.5px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-15 .background .made { font-size: 8px; height: 15px; line-height: 11px; } }
.labelizer.pl.color-1 .design-16 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-16-1.png); }
.labelizer.pl.design-16 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-16-1.png); }
.labelizer.pl.color-1 .design-16 { color: #c01818; }
.labelizer.pl .design.design-16 .background > div { width: 52%; margin-left: -26%; }
.labelizer.pl .design.design-16 .background .name { font-family: 'Georgia'; font-size: 25px; top: 18%; height: 38px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-16 .background .name { font-size: 20px; height: 28px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-16 .background .name { font-size: 17px; height: 23px; } }
.labelizer.pl .design.design-16 .title { font-family: 'Georgia'; font-style: italic; font-size: 27px; font-weight: bold; line-height: 35px; top: 37.5%; height: 95px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-16 .title { font-size: 20px; top: 40%; line-height: 28px; height: 60px; letter-spacing: 0.00em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-16 .title { font-size: 18px; line-height: 25px; height: 54px; top: 39%; } }
.labelizer.pl .design.design-16 .description { top: 67.8%; height: 38px; font-family: "Georgia"; font-size: 18px; letter-spacing: 0.04em; line-height: 19px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-16 .description { top: 69.4%; font-size: 14px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-16 .description { font-size: 12px; line-height: 14px; height: 18px; } }
.labelizer.pl .design.design-16 .background .date { font-weight: bold; font-size: 18px; top: 78.6%; height: 24px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-16 .background .date { font-size: 14px; height: 18px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-16 .background .date { font-size: 12px; height: 18px; } }
.labelizer.pl .design.design-16 .background .made { font-size: 13px; top: 87.6%; height: 18px; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-16 .background .made { font-size: 10px; height: 30px; line-height: 15px; letter-spacing: 0.5px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-16 .background .made { font-size: 8px; height: 15px; line-height: 11px; } }
.labelizer.pl.color-1 .design-17 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-17-1.png); }
.labelizer.pl.design-17 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-17-1.png); }
.labelizer.pl.color-1 .design-17 { color: #d96013; }
.labelizer.pl .design.design-17 .background > div { width: 52%; margin-left: -26%; }
.labelizer.pl .design.design-17 .background .name { font-family: 'Georgia'; font-size: 25px; top: 18%; height: 38px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-17 .background .name { font-size: 20px; height: 28px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-17 .background .name { font-size: 17px; height: 23px; } }
.labelizer.pl .design.design-17 .title { font-family: 'Georgia'; font-style: italic; font-size: 23px; font-weight: bold; line-height: 28px; top: 37%; height: 95px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-17 .title { font-size: 17px; line-height: 21px; top: 39%; height: 60px; letter-spacing: 0.00em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-17 .title { font-size: 16px; line-height: 18px; height: 54px; top: 39%; } }
.labelizer.pl .design.design-17 .description { top: 67.8%; height: 38px; font-family: "Georgia"; font-size: 18px; letter-spacing: 0.04em; line-height: 19px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-17 .description { top: 69.4%; font-size: 14px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-17 .description { font-size: 12px; line-height: 14px; height: 18px; } }
.labelizer.pl .design.design-17 .background .date { font-weight: bold; font-size: 18px; top: 78.6%; height: 24px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-17 .background .date { font-size: 14px; height: 18px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-17 .background .date { font-size: 12px; height: 18px; } }
.labelizer.pl .design.design-17 .background .made { font-size: 13px; top: 87.6%; height: 18px; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-17 .background .made { font-size: 10px; height: 30px; line-height: 15px; letter-spacing: 0.5px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-17 .background .made { font-size: 8px; height: 15px; line-height: 11px; } }
.labelizer.pl.color-1 .design-18 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-18-1.png); }
.labelizer.pl.design-18 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-18-1.png); }
.labelizer.pl.color-1 .design-18 { color: #512773; }
.labelizer.pl .design.design-18 .background > div { width: 52%; margin-left: -26%; }
.labelizer.pl .design.design-18 .background .name { font-family: 'Georgia'; font-size: 25px; top: 18%; height: 38px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-18 .background .name { font-size: 20px; height: 28px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-18 .background .name { font-size: 17px; height: 23px; } }
.labelizer.pl .design.design-18 .title { font-family: 'Georgia'; font-style: italic; font-size: 25px; font-weight: bold; line-height: 28px; top: 37%; height: 95px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-18 .title { font-size: 18px; line-height: 22px; height: 60px; top: 39%; letter-spacing: 0.00em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-18 .title { font-size: 16px; line-height: 18px; height: 54px; top: 39%; } }
.labelizer.pl .design.design-18 .description { top: 67.8%; height: 38px; font-family: "Georgia"; font-size: 18px; letter-spacing: 0.04em; line-height: 19px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-18 .description { top: 69.4%; font-size: 14px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-18 .description { font-size: 12px; line-height: 14px; height: 18px; } }
.labelizer.pl .design.design-18 .background .date { font-weight: bold; font-size: 18px; top: 78.6%; height: 24px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-18 .background .date { font-size: 14px; height: 18px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-18 .background .date { font-size: 12px; height: 18px; } }
.labelizer.pl .design.design-18 .background .made { font-size: 13px; top: 87.6%; height: 18px; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-18 .background .made { font-size: 10px; height: 30px; line-height: 15px; letter-spacing: 0.5px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-18 .background .made { font-size: 8px; height: 15px; line-height: 11px; } }
.labelizer.pl.color-1 .design-19 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-19-1.png); }
.labelizer.pl.design-19 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-19-1.png); }
.labelizer.pl.color-1 .design-19 { color: #312013; }
.labelizer.pl .design.design-19 .background > div { width: 52%; margin-left: -26%; }
.labelizer.pl .design.design-19 .background .name { font-family: 'Georgia'; font-size: 25px; top: 18%; height: 38px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-19 .background .name { font-size: 20px; height: 28px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-19 .background .name { font-size: 17px; height: 23px; } }
.labelizer.pl .design.design-19 .title { font-family: 'Georgia'; font-style: italic; font-size: 31px; font-weight: bold; line-height: 31px; top: 36%; height: 95px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-19 .title { font-size: 23px; line-height: 29px; top: 38%; height: 60px; letter-spacing: 0.00em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-19 .title { font-size: 20px; line-height: 25px; height: 54px; top: 38%; } }
.labelizer.pl .design.design-19 .description { top: 67.8%; height: 38px; font-family: "Georgia"; font-size: 18px; letter-spacing: 0.04em; line-height: 19px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-19 .description { top: 69.4%; font-size: 14px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-19 .description { font-size: 12px; line-height: 14px; height: 18px; } }
.labelizer.pl .design.design-19 .background .date { font-weight: bold; font-size: 18px; top: 78.6%; height: 24px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-19 .background .date { font-size: 14px; height: 18px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-19 .background .date { font-size: 12px; height: 18px; } }
.labelizer.pl .design.design-19 .background .made { font-size: 13px; top: 87.6%; height: 18px; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-19 .background .made { font-size: 10px; height: 30px; line-height: 15px; letter-spacing: 0.5px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-19 .background .made { font-size: 8px; height: 15px; line-height: 11px; } }
.labelizer.pl.color-1 .design-20 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-20-1.png); }
.labelizer.pl.design-20 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-20-1.png); }
.labelizer.pl.color-1 .design-20 { color: #824c13; }
.labelizer.pl .design.design-20 .background > div { width: 52%; margin-left: -26%; }
.labelizer.pl .design.design-20 .background .name { font-family: 'Georgia'; font-size: 25px; top: 18%; height: 38px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-20 .background .name { font-size: 20px; height: 28px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-20 .background .name { font-size: 17px; height: 23px; } }
.labelizer.pl .design.design-20 .title { font-family: 'Georgia'; font-style: italic; font-size: 31px; font-weight: bold; line-height: 31px; top: 36%; height: 95px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-20 .title { font-size: 23px; line-height: 29px; top: 39%; height: 60px; letter-spacing: 0.00em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-20 .title { font-size: 21px; line-height: 25px; height: 54px; top: 39%; } }
.labelizer.pl .design.design-20 .description { top: 67.8%; height: 38px; font-family: "Georgia"; font-size: 18px; letter-spacing: 0.04em; line-height: 19px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-20 .description { top: 69.4%; font-size: 14px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-20 .description { font-size: 12px; line-height: 14px; height: 18px; } }
.labelizer.pl .design.design-20 .background .date { font-weight: bold; font-size: 18px; top: 78.6%; height: 24px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-20 .background .date { font-size: 14px; height: 18px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-20 .background .date { font-size: 12px; height: 18px; } }
.labelizer.pl .design.design-20 .background .made { font-size: 13px; top: 87.6%; height: 18px; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-20 .background .made { font-size: 10px; height: 30px; line-height: 15px; letter-spacing: 0.5px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-20 .background .made { font-size: 8px; height: 15px; line-height: 11px; } }
.labelizer.pl.color-1 .design-21 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-21-1.png); }
.labelizer.pl.design-21 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-21-1.png); }
.labelizer.pl.color-1 .design-21 { color: #c01818; }
.labelizer.pl .design.design-21 .background > div { width: 52%; margin-left: -26%; }
.labelizer.pl .design.design-21 .background .name { font-family: 'Georgia'; font-size: 25px; top: 18%; height: 38px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-21 .background .name { font-size: 20px; height: 28px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-21 .background .name { font-size: 17px; height: 23px; } }
.labelizer.pl .design.design-21 .title { font-family: 'Georgia'; font-style: italic; font-size: 31px; font-weight: bold; line-height: 31px; top: 36%; height: 95px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-21 .title { font-size: 23px; line-height: 29px; top: 38%; height: 60px; letter-spacing: 0.00em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-21 .title { font-size: 20px; line-height: 25px; height: 54px; top: 37%; } }
.labelizer.pl .design.design-21 .description { top: 67.8%; height: 38px; font-family: "Georgia"; font-size: 18px; letter-spacing: 0.04em; line-height: 19px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-21 .description { top: 69.4%; font-size: 14px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-21 .description { font-size: 12px; line-height: 14px; height: 18px; } }
.labelizer.pl .design.design-21 .background .date { font-weight: bold; font-size: 18px; top: 78.6%; height: 24px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-21 .background .date { font-size: 14px; height: 18px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-21 .background .date { font-size: 12px; height: 18px; } }
.labelizer.pl .design.design-21 .background .made { font-size: 13px; top: 87.6%; height: 18px; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-21 .background .made { font-size: 10px; height: 30px; line-height: 15px; letter-spacing: 0.5px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-21 .background .made { font-size: 8px; height: 15px; line-height: 11px; } }
.labelizer.pl.color-1 .design-22 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-22-1.png); }
.labelizer.pl.design-22 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-22-1.png); }
.labelizer.pl.color-1 .design-22 { color: #113c2a; }
.labelizer.pl .design.design-22 .background > div { width: 52%; margin-left: -26%; }
.labelizer.pl .design.design-22 .background .name { font-family: 'Georgia'; font-size: 25px; top: 15%; height: 38px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-22 .background .name { font-size: 20px; height: 28px; top: 15%; } }
@media (max-width: 767px) { .labelizer.pl .design.design-22 .background .name { font-size: 17px; height: 23px; top: 15%; } }
.labelizer.pl .design.design-22 .title { font-family: 'Georgia'; font-style: italic; font-size: 31px; font-weight: bold; line-height: 38px; top: 38%; height: 95px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-22 .title { font-size: 23px; line-height: 29px; height: 60px; letter-spacing: 0.00em; top: 40%; } }
@media (max-width: 767px) { .labelizer.pl .design.design-22 .title { font-size: 20px; line-height: 25px; height: 54px; top: 39.4%; } }
.labelizer.pl .design.design-22 .description { top: 67.8%; height: 38px; font-family: "Georgia"; font-size: 18px; letter-spacing: 0.04em; line-height: 19px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-22 .description { top: 69.4%; font-size: 14px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-22 .description { font-size: 12px; line-height: 14px; height: 18px; } }
.labelizer.pl .design.design-22 .background .date { font-weight: bold; font-size: 18px; top: 78.6%; height: 24px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-22 .background .date { font-size: 14px; height: 18px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-22 .background .date { font-size: 12px; height: 18px; } }
.labelizer.pl .design.design-22 .background .made { font-size: 13px; top: 87.6%; height: 18px; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-22 .background .made { font-size: 10px; height: 30px; line-height: 15px; letter-spacing: 0.5px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-22 .background .made { font-size: 8px; height: 15px; line-height: 11px; } }
.labelizer.pl.color-1 .design-23 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-23-1.png); }
.labelizer.pl.design-23 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-23-1.png); }
.labelizer.pl.color-1 .design-23 { color: #113c2a; }
.labelizer.pl .design.design-23 .background > div { width: 52%; margin-left: -26%; }
.labelizer.pl .design.design-23 .background .name { font-family: 'Georgia'; font-size: 25px; top: 18%; height: 38px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-23 .background .name { font-size: 20px; height: 28px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-23 .background .name { font-size: 17px; height: 23px; } }
.labelizer.pl .design.design-23 .title { font-family: 'Georgia'; font-style: italic; font-size: 31px; font-weight: bold; line-height: 31px; top: 36%; height: 95px; letter-spacing: -0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-23 .title { font-size: 23px; line-height: 29px; height: 60px; top: 39%; letter-spacing: 0.00em; } }
@media (max-width: 767px) { .labelizer.pl .design.design-23 .title { font-size: 20px; line-height: 25px; height: 54px; top: 38%; } }
.labelizer.pl .design.design-23 .description { top: 67.8%; height: 38px; font-family: "Georgia"; font-size: 18px; letter-spacing: 0.04em; line-height: 19px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-23 .description { top: 69.4%; font-size: 14px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-23 .description { font-size: 12px; line-height: 14px; height: 18px; } }
.labelizer.pl .design.design-23 .background .date { font-weight: bold; font-size: 18px; top: 78.6%; height: 24px; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-23 .background .date { font-size: 14px; height: 18px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-23 .background .date { font-size: 12px; height: 18px; } }
.labelizer.pl .design.design-23 .background .made { font-size: 13px; top: 87.6%; height: 18px; letter-spacing: 0.02em; }
@media (min-width: 768px) and (max-width: 991px) { .labelizer.pl .design.design-23 .background .made { font-size: 10px; height: 30px; line-height: 15px; letter-spacing: 0.5px; } }
@media (max-width: 767px) { .labelizer.pl .design.design-23 .background .made { font-size: 8px; height: 15px; line-height: 11px; } }
.labelizer.pl.color-1 .design-1 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-1-1.png); }
.labelizer.pl.design-1 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-1-1.png); }
.labelizer.pl.color-2 .design-1 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-1-2.png); }
.labelizer.pl.design-1 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-1-2.png); }
.labelizer.pl.color-3 .design-1 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-1-3.png); }
.labelizer.pl.design-1 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-1-3.png); }
.labelizer.pl.color-1 .design-2 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-2-1.png); }
.labelizer.pl.design-2 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-2-1.png); }
.labelizer.pl.color-2 .design-2 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-2-2.png); }
.labelizer.pl.design-2 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-2-2.png); }
.labelizer.pl.color-3 .design-2 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-2-3.png); }
.labelizer.pl.design-2 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-2-3.png); }
.labelizer.pl.color-1 .design-3 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-3-1.png); }
.labelizer.pl.design-3 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-3-1.png); }
.labelizer.pl.color-2 .design-3 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-3-2.png); }
.labelizer.pl.design-3 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-3-2.png); }
.labelizer.pl.color-3 .design-3 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-3-3.png); }
.labelizer.pl.design-3 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-3-3.png); }
.labelizer.pl.color-1 .design-4 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-4-1.png); }
.labelizer.pl.design-4 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-4-1.png); }
.labelizer.pl.color-2 .design-4 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-4-2.png); }
.labelizer.pl.design-4 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-4-2.png); }
.labelizer.pl.color-3 .design-4 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-4-3.png); }
.labelizer.pl.design-4 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-4-3.png); }
.labelizer.pl.color-1 .design-5 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-5-1.png); }
.labelizer.pl.design-5 .color-picker.color-1 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-5-1.png); }
.labelizer.pl.color-2 .design-5 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-5-2.png); }
.labelizer.pl.design-5 .color-picker.color-2 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-5-2.png); }
.labelizer.pl.color-3 .design-5 .background { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/designs/design-5-3.png); }
.labelizer.pl.design-5 .color-picker.color-3 { background-image: url(/typo3conf/Resources/Public/Media/IMG/labelizer/pl/buttons/btn-5-3.png); }

@media (max-width: 767px) { .tabnav .nav-tabs > li.active > a, .tabnav .nav-tabs > li.active > a:hover, .tabnav .nav-tabs > li.active > a:focus { background-color: #ddd !important; }
  .tabnav .dropdown-menu { width: 99%; } }
@media (min-width: 768px) and (max-width: 991px) { .tabnav .nav-tabs > li.active > a, .tabnav .nav-tabs > li.active > a:hover, .tabnav .nav-tabs > li.active > a:focus { background-color: #ddd !important; }
  .tabnav .dropdown-menu { width: 99%; min-width: 150px; } }
@media (min-width: 992px) and (max-width: 1199px) { .tabnav .nav-tabs > li.active > a, .tabnav .nav-tabs > li.active > a:hover, .tabnav .nav-tabs > li.active > a:focus { background-color: #ddd !important; }
  .tabnav .dropdown-menu { width: 99%; } }
@media (min-width: 1200px) { .tabnav .col-lg-auto { width: auto; padding: 0; } }
.tabnav .nav-tabs { margin-bottom: 20px; }
.tabnav .nav-tabs li { padding: 0; text-align: center; }

/* Tab Nav */
.tabs { position: relative; overflow: hidden; width: 100%; margin: 0 auto; }
.tabs nav { text-align: center; }
.tabs nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; max-width: 1200px; margin: 0 auto; padding: 0; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: left; -moz-justify-content: left; -ms-justify-content: left; justify-content: left; }
.tabs nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }
.tabs nav a { line-height: 2.5; position: relative; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tabs nav a span { font-size: 1em; font-weight: 300; vertical-align: middle; }
.tabs nav li.tab-current a { color: #74777b; }
.tabs nav a:focus { outline: none; }

/*****************************/
/* Line Box */
/*****************************/
.tabs-style-linebox nav ul li { margin: 0 .5em; -webkit-flex: none; flex: none; }
.tabs-style-linebox nav a { font-weight: 700; padding: 0 1em; -webkit-transition: color .3s; transition: color .3s; color: #74777b; text-decoration: none; }
.tabs-style-linebox nav a:hover, .tabs-style-linebox nav a:focus { color: #009c3b; text-decoration: none; }
.tabs-style-linebox nav li.tab-current a { color: #fff; }
.tabs-style-linebox nav a::after { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transition: background-color .3s, -webkit-transform .3s; transition: background-color .3s, transform .3s; -webkit-transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0); transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0); background: #d2d8d6; }
.tabs-style-linebox nav li.tab-current a::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.tabs-style-linebox nav a:hover::after, .tabs-style-linebox nav a:focus::after { background: #009c3b; }
.tabs-style-linebox nav li.tab-current a::after { background: #009c3b; }

@media (max-width: 1199px) { .tabs-style-linebox nav ul { display: block; box-shadow: none; }
  .tabs-style-linebox nav ul li { display: block; -webkit-flex: none; flex: none; } }
/* Content */
.content-wrap { position: relative; }
.content-wrap section { display: none; max-width: 1200px; margin: 0 auto; padding: 1em; }
.content-wrap section.content-current { display: block; }
.content-wrap section p { margin: 0; padding: .75em 0; }

/* Fallback */
.no-js .content-wrap section { display: block; padding-bottom: 2em; border-bottom: 1px solid rgba(255, 255, 255, 0.6); }

.no-flexbox nav ul { display: block; }
.no-flexbox nav ul li { display: inline-block; min-width: 15%; }

.modal { overflow-y: initial; }

.modal-dialog { margin-top: 15%; }
.modal-dialog .close { position: absolute; top: 8px; right: 12px; }
.modal-dialog .modal-header { border: none; }
.modal-dialog .modal-body { padding: 20px; }
.modal-dialog .modal-body img.align-right { float: right; margin: 0 0 15px 15px; }

.modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { margin-right: 0; z-index: initial; }

#cookidooModal .modal-header { padding: 0; min-height: 0; }
#cookidooModal .modal-dialog { width: 750px; }
@media (min-width: 768px) and (max-width: 991px) { #cookidooModal .modal-dialog { width: 700px; } }
@media (max-width: 767px) { #cookidooModal .modal-dialog { width: 320px; } }
#cookidooModal button { top: 21px; right: 24px; opacity: 1; z-index: 10; text-shadow: none; color: white; }
#cookidooModal .media-comp, #cookidooModal .fullsize { margin-bottom: 20px; }
#cookidooModal .fullsize { display: block; background-color: #009c3b; color: white; padding: 115px 20px; text-transform: uppercase; font-family: "LinotypeUniversW02-Bold 726184", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 36px; text-align: center; height: 330px; position: relative; }
#cookidooModal .fullsize::before { content: ""; display: block; border: 14px solid transparent; border-right-color: #009c3b; width: 0; height: 0; position: absolute; top: 50%; left: -28px; margin-top: -14px; }
@media (max-width: 767px) { #cookidooModal .fullsize::before { margin-top: auto; margin-left: -14px; top: -28px; left: 50%; border-bottom-color: #009c3b; border-right-color: transparent; } }
@media (min-width: 768px) and (max-width: 991px) { #cookidooModal .fullsize { height: 305px; font-size: 28px; } }
@media (max-width: 767px) { #cookidooModal .fullsize { height: 257px; padding: 85px 20px; font-size: 32px; } }
#cookidooModal .fullsize:hover, #cookidooModal .fullsize:focus { text-decoration: none; }

#disneyModal .modal-dialog { margin-top: 20vh; width: 748px; }
@media (max-width: 767px) { #disneyModal .modal-dialog { margin-top: 0; width: 320px; } }
#disneyModal img { border: 1px solid #2fb8c0; }
@font-face { font-family: 'magazine'; src: url("Font/tm-magazin.eot?wdfl5v"); src: url("Font/tm-magazin.eot?wdfl5v#iefix") format("embedded-opentype"), url("Font/tm-magazin.ttf?wdfl5v") format("truetype"), url("Font/tm-magazin.woff?wdfl5v") format("woff"), url("Font/tm-magazin.svg?wdfl5v#magazine") format("svg"); font-weight: normal; font-style: normal; }

#main-navigation ul.list-links.magazine li a[class*="category-"]::before, .magazine[class*="category-"] #wrapper-content-area h1::before, .magazine[class*="category-"] #wrapper-content-area .h1::before, .magazine nav.categories a span::before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'magazine' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@media (min-width: 768px) { .navbar-fixed-top #main-navigation ul.list-links.magazine li + li { margin-top: 5px; } }
.navbar-fixed-top #main-navigation ul.list-links.magazine li a { line-height: 24px; padding-left: 28px; }
@media (max-width: 767px) { .navbar-fixed-top #main-navigation ul.list-links.magazine li a { line-height: inherit; } }
.navbar-fixed-top #main-navigation ul.list-links.magazine li a::before { font-size: 30px; margin: 0 0 0 0; left: 10px; width: 20px; text-align: center; }
@media (max-width: 767px) { .navbar-fixed-top #main-navigation ul.list-links.magazine li a::before { display: block; float: left; margin-right: 10px !important; font-size: 25px; } }
.navbar-fixed-top #main-navigation .magazine-teaser a { display: block; text-decoration: none; color: #113c2b; }
.navbar-fixed-top #main-navigation .magazine-teaser a:hover { color: #009c3b; }
.navbar-fixed-top #main-navigation .magazine-teaser img { max-width: 100%; }
.navbar-fixed-top #main-navigation .magazine-teaser .category { font-size: 12px; font-weight: bold; line-height: 14px; display: inline-block; margin: 10px 0 5px 0; padding: 1px 3px 0; text-transform: uppercase; color: white; }

.magazine #wrapper-content-area h1, .magazine #wrapper-content-area h2, .magazine #wrapper-content-area h3, .magazine #wrapper-content-area h4, .magazine #wrapper-content-area .h1 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.magazine #wrapper-content-area h1, .magazine #wrapper-content-area .h1 { margin-top: 60px; }
.magazine #wrapper-content-area h3, .magazine #wrapper-content-area .h3 { margin-bottom: 24px; font-size: 15px; }
.magazine section.intro { text-align: center; }
.magazine section.intro nav.categories { margin-bottom: 24px; position: relative; }
.magazine section.intro nav.categories:before, .magazine section.intro nav.categories:after { content: " "; /* 1 */ display: table; /* 2 */ }
.magazine section.intro nav.categories:after { clear: both; }
.magazine section.intro nav.categories ul { list-style-type: none; padding: 0; }
@media screen and (max-width: 991px) { .magazine section.intro nav.categories ul li + li { margin-top: 2px; } }
.magazine section.intro nav.categories a { font-family: "LinotypeUniversW02-Bold 726184", Arial, Tahoma, Verdana, Helvetica, sans-serif; text-transform: uppercase; display: block; color: #113c2b; transition: all .5s; font-size: 14px; position: relative; z-index: 2; text-align: left; }
@media screen and (min-width: 992px) { .magazine section.intro nav.categories a { border-bottom: 6px solid #ececec; } }
@media screen and (max-width: 991px) { .magazine section.intro nav.categories a { background-color: #ececec; padding: 3px 10px; } }
.magazine section.intro nav.categories a[data-toggle="collapse"] { background-color: white; border-bottom: 6px solid #ececec; margin-bottom: 2px; }
.magazine section.intro nav.categories a[data-toggle="collapse"] span::after { position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; content: "\e113"; margin: 4px 0 0 5px; font-size: 10px; float: right; }
.magazine section.intro nav.categories a[data-toggle="collapse"].collapsed span::after { content: "\e114"; }
.magazine section.intro nav.categories a span { padding: 8px 0 4px 37px; display: inline-block; word-break: break-word; }
.magazine section.intro nav.categories a span::before { font-size: 32px; line-height: 20px; float: left; margin: 0 5px 0 -37px; }
@media screen and (max-width: 991px) { .magazine section.intro nav.categories a span::before { width: 25px; } }
.magazine section.intro nav.categories a:hover, .magazine section.intro nav.categories a:focus { text-decoration: none; }
.magazine .magazine-title, .magazine h1.magazine-title { border-bottom-width: 0; text-align: center; margin-bottom: 0; }
.magazine .magazine-title::before, .magazine h1.magazine-title::before { display: none !important; }
.magazine .magazine-title span.italic, .magazine h1.magazine-title span.italic { font-family: "IngeborgBoldItalic", Georgia, serif; text-transform: none; font-size: 110%; }
.magazine .teaser img, .magazine .teaser-overlay-like img { max-width: 100%; }
.magazine.detail h1 { margin: 0 0 10px 0 !important; border-bottom-width: 0; padding: 0; font-size: 28px; }
.magazine.detail h1:before { display: none !important; }
.magazine.detail h2.bigtext { font-size: 20px !important; text-transform: none; margin-top: 0; }
.magazine.detail h2:not(.bigtext) { font-size: 15px !important; margin-bottom: 12px; }
.magazine.detail .teaser.hero { border-bottom-width: 0; }
.magazine .teaser-overlay-like { position: relative; margin-bottom: 24px; }
@media (min-width: 768px) and (max-width: 991px) { .magazine .teaser-overlay-like .image .respond-jquerypicture { margin-right: -12px; } }
.magazine .teaser-overlay-like .link { position: absolute; bottom: 0; left: 0; }
@media (min-width: 768px) and (max-width: 991px) { .magazine .teaser-overlay-like .link { position: static; } }
.magazine .teaser-overlay-like .link a { display: block; margin: 0 -12px; padding: 10px 20px; color: white; border-radius: 0; background: rgba(17, 60, 43, 0.75); }
@media (min-width: 768px) and (max-width: 991px) { .magazine .teaser-overlay-like .link a { height: 268px; margin: 0 0 0 -12px; } }
.magazine .teaser-overlay-like .link a span { margin-left: 3px; }
.magazine .teaser-overlay-like .link a:hover { color: #95c11c; }
.magazine .teaser { margin-bottom: 24px; }
.magazine .teaser.hero { padding-bottom: 10px; border-bottom: 1px solid #b2b3b5; }
.magazine .teaser.hero .respond-jquerypicture { margin-bottom: 24px; }
.magazine .teaser.hero .bigtext { margin-bottom: 15px; }
.magazine .teaser.hero .content h2, .magazine .teaser.hero .content h2 a { font-size: 28px; font-weight: normal; }
.magazine .teaser.tiny { background-color: #eae7e3; }
.magazine .teaser.tiny:before, .magazine .teaser.tiny:after { content: " "; /* 1 */ display: table; /* 2 */ }
.magazine .teaser.tiny:after { clear: both; }
@media (max-width: 767px) { .magazine .teaser.tiny { margin-bottom: 12px; } }
.magazine .teaser.tiny .respond-jquerypicture { float: left; width: 182px; margin-bottom: 0; }
@media (min-width: 992px) and (max-width: 1199px) { .magazine .teaser.tiny .respond-jquerypicture { width: 142px; } }
.magazine .teaser.tiny .date-category { margin-bottom: 2px; }
.magazine .teaser.tiny .content { margin: 10px 10px 10px 192px; }
@media (min-width: 992px) and (max-width: 1199px) { .magazine .teaser.tiny .content { margin-left: 152px; } }
.magazine .teaser.tiny .content a { font-size: 14px; }
.magazine .teaser .respond-jquerypicture { margin-bottom: 10px; }
.magazine .teaser .date-category { margin-bottom: 5px; }
.magazine .teaser .category { font-size: 12px; font-weight: bold; line-height: 14px; display: inline-block; padding: 1px 3px 0; text-transform: uppercase; color: white; background: #ececec; }
.magazine .teaser .date + .category { margin-left: 3px; }
.magazine .more-teaser { font-size: 16px; font-weight: bold; margin: 30px 0; text-align: center; text-transform: uppercase; }
.magazine .more-teaser a { color: #009c3b; -webkit-transition: color 100ms linear; transition: color 100ms linear; }
.magazine .more-teaser a:hover { text-decoration: none; color: #95c11c; }
.magazine .more-teaser.loading a { background: url(/typo3conf/Resources/Public/Media/IMG/Icons/ajax-loader-green.gif) no-repeat; padding-left: 22px; }
.magazine .more-teaser.loading a:hover { background-image: url(/typo3conf/Resources/Public/Media/IMG/Icons/ajax-loader-limegreen.gif); }
.magazine .hot-topics { padding-left: 0; list-style-type: none; margin-bottom: 40px; }
.magazine .hot-topics:before, .magazine .hot-topics:after { content: " "; /* 1 */ display: table; /* 2 */ }
.magazine .hot-topics:after { clear: both; }
.magazine .hot-topics.horizontal { margin: 40px 0; }
.magazine .hot-topics li { float: left; margin: 0 10px 10px 0; }
.magazine .hot-topics li.intro { font-weight: bold; text-transform: uppercase; float: none; }
.magazine .hot-topics a { display: block; color: #113c2b; background: #ececec; font-weight: bold; padding: 10px 12px; font-size: 13px; transition: all .5s; }
.magazine .hot-topics a:hover { text-decoration: none; background-color: #009c3b; color: white; }
.magazine .hot-topics a span { font-weight: normal; }
.magazine[class*='category-'] #wrapper-content-area h1::before, .magazine[class*='category-'] #wrapper-content-area .h1::before { display: inline-block; float: left; width: 60px; margin-right: 5px; height: 40px; font-size: 69px; line-height: 47px; }
.magazine[class*='category-'] #wrapper-content-area h1, .magazine[class*='category-'] #wrapper-content-area .h1:not(.magazine-title) { margin-top: 30px; }
.magazine.tags #wrapper-content-area h1 { border-bottom: 0; margin-bottom: 0; margin-top: 0; }
.magazine.tags h1, .magazine.tags h1 + p, .magazine.tags h1 + .bigtext, .magazine.tags .bigtext + p { text-align: center; }
.magazine article ul.socialmedialinks { margin-top: 40px; }

#main-navigation ul.list-links.magazine li a.category-home::before { content: "\e901"; color: #898a8c; }
#main-navigation .magazine-teaser.category-home .category { background-color: #898a8c; }

nav.categories .category-home a span::before { content: "\e901"; color: #898a8c; }
nav.categories .category-home a:hover:not(:focus), nav.categories .category-home a.active { border-bottom-color: #898a8c !important; }

.magazine .teaser.category-home .date, .magazine .teaser.category-home a:not(.btn) > span.glyphicon { color: #898a8c; }
.magazine .teaser.category-home .category { background-color: #898a8c; }

.magazine.detail .category-home h2:not(.bigtext) { color: #898a8c; }

.magazine.category-home #wrapper-content-area h1, .magazine.category-home #wrapper-content-area .h1 { border-bottom-color: #898a8c; }
.magazine.category-home #wrapper-content-area h1::before, .magazine.category-home #wrapper-content-area .h1::before { color: #898a8c; content: "\e901"; }
.magazine.category-home #wrapper-content-area h3, .magazine.category-home #wrapper-content-area .h3 { color: #898a8c; }

#main-navigation ul.list-links.magazine li a.category-health::before { content: "\e900"; color: #95c11f; }
#main-navigation .magazine-teaser.category-health .category { background-color: #95c11f; }

nav.categories .category-health a span::before { content: "\e900"; color: #95c11f; }
nav.categories .category-health a:hover:not(:focus), nav.categories .category-health a.active { border-bottom-color: #95c11f !important; }

.magazine .teaser.category-health .date, .magazine .teaser.category-health a:not(.btn) > span.glyphicon { color: #95c11f; }
.magazine .teaser.category-health .category { background-color: #95c11f; }

.magazine.detail .category-health h2:not(.bigtext) { color: #95c11f; }

.magazine.category-health #wrapper-content-area h1, .magazine.category-health #wrapper-content-area .h1 { border-bottom-color: #95c11f; }
.magazine.category-health #wrapper-content-area h1::before, .magazine.category-health #wrapper-content-area .h1::before { color: #95c11f; content: "\e900"; }
.magazine.category-health #wrapper-content-area h3, .magazine.category-health #wrapper-content-area .h3 { color: #95c11f; }

#main-navigation ul.list-links.magazine li a.category-nutrition::before { content: "\e904"; color: #0098a6; }
#main-navigation .magazine-teaser.category-nutrition .category { background-color: #0098a6; }

nav.categories .category-nutrition a span::before { content: "\e904"; color: #0098a6; }
nav.categories .category-nutrition a:hover:not(:focus), nav.categories .category-nutrition a.active { border-bottom-color: #0098a6 !important; }

.magazine .teaser.category-nutrition .date, .magazine .teaser.category-nutrition a:not(.btn) > span.glyphicon { color: #0098a6; }
.magazine .teaser.category-nutrition .category { background-color: #0098a6; }

.magazine.detail .category-nutrition h2:not(.bigtext) { color: #0098a6; }

.magazine.category-nutrition #wrapper-content-area h1, .magazine.category-nutrition #wrapper-content-area .h1 { border-bottom-color: #0098a6; }
.magazine.category-nutrition #wrapper-content-area h1::before, .magazine.category-nutrition #wrapper-content-area .h1::before { color: #0098a6; content: "\e904"; }
.magazine.category-nutrition #wrapper-content-area h3, .magazine.category-nutrition #wrapper-content-area .h3 { color: #0098a6; }

#main-navigation ul.list-links.magazine li a.category-recipes::before { content: "\e905"; color: #8b1a9a; }
#main-navigation .magazine-teaser.category-recipes .category { background-color: #8b1a9a; }

nav.categories .category-recipes a span::before { content: "\e905"; color: #8b1a9a; }
nav.categories .category-recipes a:hover:not(:focus), nav.categories .category-recipes a.active { border-bottom-color: #8b1a9a !important; }

.magazine .teaser.category-recipes .date, .magazine .teaser.category-recipes a:not(.btn) > span.glyphicon { color: #8b1a9a; }
.magazine .teaser.category-recipes .category { background-color: #8b1a9a; }

.magazine.detail .category-recipes h2:not(.bigtext) { color: #8b1a9a; }

.magazine.category-recipes #wrapper-content-area h1, .magazine.category-recipes #wrapper-content-area .h1 { border-bottom-color: #8b1a9a; }
.magazine.category-recipes #wrapper-content-area h1::before, .magazine.category-recipes #wrapper-content-area .h1::before { color: #8b1a9a; content: "\e905"; }
.magazine.category-recipes #wrapper-content-area h3, .magazine.category-recipes #wrapper-content-area .h3 { color: #8b1a9a; }

#main-navigation ul.list-links.magazine li a.category-ingredients::before { content: "\e902"; color: #ff3d2e; }
#main-navigation .magazine-teaser.category-ingredients .category { background-color: #ff3d2e; }

nav.categories .category-ingredients a span::before { content: "\e902"; color: #ff3d2e; }
nav.categories .category-ingredients a:hover:not(:focus), nav.categories .category-ingredients a.active { border-bottom-color: #ff3d2e !important; }

.magazine .teaser.category-ingredients .date, .magazine .teaser.category-ingredients a:not(.btn) > span.glyphicon { color: #ff3d2e; }
.magazine .teaser.category-ingredients .category { background-color: #ff3d2e; }

.magazine.detail .category-ingredients h2:not(.bigtext) { color: #ff3d2e; }

.magazine.category-ingredients #wrapper-content-area h1, .magazine.category-ingredients #wrapper-content-area .h1 { border-bottom-color: #ff3d2e; }
.magazine.category-ingredients #wrapper-content-area h1::before, .magazine.category-ingredients #wrapper-content-area .h1::before { color: #ff3d2e; content: "\e902"; }
.magazine.category-ingredients #wrapper-content-area h3, .magazine.category-ingredients #wrapper-content-area .h3 { color: #ff3d2e; }

#main-navigation ul.list-links.magazine li a.category-lifestyle::before { content: "\e903"; color: #437cb5; }
#main-navigation .magazine-teaser.category-lifestyle .category { background-color: #437cb5; }

nav.categories .category-lifestyle a span::before { content: "\e903"; color: #437cb5; }
nav.categories .category-lifestyle a:hover:not(:focus), nav.categories .category-lifestyle a.active { border-bottom-color: #437cb5 !important; }

.magazine .teaser.category-lifestyle .date, .magazine .teaser.category-lifestyle a:not(.btn) > span.glyphicon { color: #437cb5; }
.magazine .teaser.category-lifestyle .category { background-color: #437cb5; }

.magazine.detail .category-lifestyle h2:not(.bigtext) { color: #437cb5; }

.magazine.category-lifestyle #wrapper-content-area h1, .magazine.category-lifestyle #wrapper-content-area .h1 { border-bottom-color: #437cb5; }
.magazine.category-lifestyle #wrapper-content-area h1::before, .magazine.category-lifestyle #wrapper-content-area .h1::before { color: #437cb5; content: "\e903"; }
.magazine.category-lifestyle #wrapper-content-area h3, .magazine.category-lifestyle #wrapper-content-area .h3 { color: #437cb5; }

#main-navigation ul.list-links.magazine li a.category-inspiration::before { content: "\e906"; color: #24abb2; }
#main-navigation .magazine-teaser.category-inspiration .category { background-color: #24abb2; }

nav.categories .category-inspiration a span::before { content: "\e906"; color: #24abb2; }
nav.categories .category-inspiration a:hover:not(:focus), nav.categories .category-inspiration a.active { border-bottom-color: #24abb2 !important; }

.magazine .teaser.category-inspiration .date, .magazine .teaser.category-inspiration a:not(.btn) > span.glyphicon { color: #24abb2; }
.magazine .teaser.category-inspiration .category { background-color: #24abb2; }

.magazine.detail .category-inspiration h2:not(.bigtext) { color: #24abb2; }

.magazine.category-inspiration #wrapper-content-area h1, .magazine.category-inspiration #wrapper-content-area .h1 { border-bottom-color: #24abb2; }
.magazine.category-inspiration #wrapper-content-area h1::before, .magazine.category-inspiration #wrapper-content-area .h1::before { color: #24abb2; content: "\e906"; }
.magazine.category-inspiration #wrapper-content-area h3, .magazine.category-inspiration #wrapper-content-area .h3 { color: #24abb2; }

#main-navigation ul.list-links.magazine li a.category-tipps::before { content: "\e907"; color: #ff7b39; }
#main-navigation .magazine-teaser.category-tipps .category { background-color: #ff7b39; }

nav.categories .category-tipps a span::before { content: "\e907"; color: #ff7b39; }
nav.categories .category-tipps a:hover:not(:focus), nav.categories .category-tipps a.active { border-bottom-color: #ff7b39 !important; }

.magazine .teaser.category-tipps .date, .magazine .teaser.category-tipps a:not(.btn) > span.glyphicon { color: #ff7b39; }
.magazine .teaser.category-tipps .category { background-color: #ff7b39; }

.magazine.detail .category-tipps h2:not(.bigtext) { color: #ff7b39; }

.magazine.category-tipps #wrapper-content-area h1, .magazine.category-tipps #wrapper-content-area .h1 { border-bottom-color: #ff7b39; }
.magazine.category-tipps #wrapper-content-area h1::before, .magazine.category-tipps #wrapper-content-area .h1::before { color: #ff7b39; content: "\e907"; }
.magazine.category-tipps #wrapper-content-area h3, .magazine.category-tipps #wrapper-content-area .h3 { color: #ff7b39; }

#main-navigation ul.list-links.magazine li a.category-tm::before { content: "\e000"; color: #96c215; }
#main-navigation .magazine-teaser.category-tm .category { background-color: #96c215; }

nav.categories .category-tm a span::before { content: "\e000"; color: #96c215; }
nav.categories .category-tm a:hover:not(:focus), nav.categories .category-tm a.active { border-bottom-color: #96c215 !important; }

.magazine .teaser.category-tm .date, .magazine .teaser.category-tm a:not(.btn) > span.glyphicon { color: #96c215; }
.magazine .teaser.category-tm .category { background-color: #96c215; }

.magazine.detail .category-tm h2:not(.bigtext) { color: #96c215; }

.magazine.category-tm #wrapper-content-area h1, .magazine.category-tm #wrapper-content-area .h1 { border-bottom-color: #96c215; }
.magazine.category-tm #wrapper-content-area h1::before, .magazine.category-tm #wrapper-content-area .h1::before { color: #96c215; content: "\e000"; }
.magazine.category-tm #wrapper-content-area h3, .magazine.category-tm #wrapper-content-area .h3 { color: #96c215; }

#main-navigation ul.list-links.magazine li a.category-cooking::before { content: "\e001"; color: #1c9aa8; }
#main-navigation .magazine-teaser.category-cooking .category { background-color: #1c9aa8; }

nav.categories .category-cooking a span::before { content: "\e001"; color: #1c9aa8; }
nav.categories .category-cooking a:hover:not(:focus), nav.categories .category-cooking a.active { border-bottom-color: #1c9aa8 !important; }

.magazine .teaser.category-cooking .date, .magazine .teaser.category-cooking a:not(.btn) > span.glyphicon { color: #1c9aa8; }
.magazine .teaser.category-cooking .category { background-color: #1c9aa8; }

.magazine.detail .category-cooking h2:not(.bigtext) { color: #1c9aa8; }

.magazine.category-cooking #wrapper-content-area h1, .magazine.category-cooking #wrapper-content-area .h1 { border-bottom-color: #1c9aa8; }
.magazine.category-cooking #wrapper-content-area h1::before, .magazine.category-cooking #wrapper-content-area .h1::before { color: #1c9aa8; content: "\e001"; }
.magazine.category-cooking #wrapper-content-area h3, .magazine.category-cooking #wrapper-content-area .h3 { color: #1c9aa8; }

#main-navigation ul.list-links.magazine li a.category-quote::before { content: "\e002"; color: #ec7b3f; }
#main-navigation .magazine-teaser.category-quote .category { background-color: #ec7b3f; }

nav.categories .category-quote a span::before { content: "\e002"; color: #ec7b3f; }
nav.categories .category-quote a:hover:not(:focus), nav.categories .category-quote a.active { border-bottom-color: #ec7b3f !important; }

.magazine .teaser.category-quote .date, .magazine .teaser.category-quote a:not(.btn) > span.glyphicon { color: #ec7b3f; }
.magazine .teaser.category-quote .category { background-color: #ec7b3f; }

.magazine.detail .category-quote h2:not(.bigtext) { color: #ec7b3f; }

.magazine.category-quote #wrapper-content-area h1, .magazine.category-quote #wrapper-content-area .h1 { border-bottom-color: #ec7b3f; }
.magazine.category-quote #wrapper-content-area h1::before, .magazine.category-quote #wrapper-content-area .h1::before { color: #ec7b3f; content: "\e002"; }
.magazine.category-quote #wrapper-content-area h3, .magazine.category-quote #wrapper-content-area .h3 { color: #ec7b3f; }

#main-navigation ul.list-links.magazine li a.category-food::before { content: "\e900"; color: #f1ce3e; }
#main-navigation .magazine-teaser.category-food .category { background-color: #f1ce3e; }

nav.categories .category-food a span::before { content: "\e900"; color: #f1ce3e; }
nav.categories .category-food a:hover:not(:focus), nav.categories .category-food a.active { border-bottom-color: #f1ce3e !important; }

.magazine .teaser.category-food .date, .magazine .teaser.category-food a:not(.btn) > span.glyphicon { color: #f1ce3e; }
.magazine .teaser.category-food .category { background-color: #f1ce3e; }

.magazine.detail .category-food h2:not(.bigtext) { color: #f1ce3e; }

.magazine.category-food #wrapper-content-area h1, .magazine.category-food #wrapper-content-area .h1 { border-bottom-color: #f1ce3e; }
.magazine.category-food #wrapper-content-area h1::before, .magazine.category-food #wrapper-content-area .h1::before { color: #f1ce3e; content: "\e900"; }
.magazine.category-food #wrapper-content-area h3, .magazine.category-food #wrapper-content-area .h3 { color: #f1ce3e; }

#main-navigation ul.list-links.magazine li a.category-special::before { content: "\e907"; color: #e64239; }
#main-navigation .magazine-teaser.category-special .category { background-color: #e64239; }

nav.categories .category-special a span::before { content: "\e907"; color: #e64239; }
nav.categories .category-special a:hover:not(:focus), nav.categories .category-special a.active { border-bottom-color: #e64239 !important; }

.magazine .teaser.category-special .date, .magazine .teaser.category-special a:not(.btn) > span.glyphicon { color: #e64239; }
.magazine .teaser.category-special .category { background-color: #e64239; }

.magazine.detail .category-special h2:not(.bigtext) { color: #e64239; }

.magazine.category-special #wrapper-content-area h1, .magazine.category-special #wrapper-content-area .h1 { border-bottom-color: #e64239; }
.magazine.category-special #wrapper-content-area h1::before, .magazine.category-special #wrapper-content-area .h1::before { color: #e64239; content: "\e907"; }
.magazine.category-special #wrapper-content-area h3, .magazine.category-special #wrapper-content-area .h3 { color: #e64239; }

#main-navigation ul.list-links.magazine li a.category-lifestyle_it::before { content: "\e903"; color: #812e88; }
#main-navigation .magazine-teaser.category-lifestyle_it .category { background-color: #812e88; }

nav.categories .category-lifestyle_it a span::before { content: "\e903"; color: #812e88; }
nav.categories .category-lifestyle_it a:hover:not(:focus), nav.categories .category-lifestyle_it a.active { border-bottom-color: #812e88 !important; }

.magazine .teaser.category-lifestyle_it .date, .magazine .teaser.category-lifestyle_it a:not(.btn) > span.glyphicon { color: #812e88; }
.magazine .teaser.category-lifestyle_it .category { background-color: #812e88; }

.magazine.detail .category-lifestyle_it h2:not(.bigtext) { color: #812e88; }

.magazine.category-lifestyle_it #wrapper-content-area h1, .magazine.category-lifestyle_it #wrapper-content-area .h1 { border-bottom-color: #812e88; }
.magazine.category-lifestyle_it #wrapper-content-area h1::before, .magazine.category-lifestyle_it #wrapper-content-area .h1::before { color: #812e88; content: "\e903"; }
.magazine.category-lifestyle_it #wrapper-content-area h3, .magazine.category-lifestyle_it #wrapper-content-area .h3 { color: #812e88; }

#main-navigation ul.list-links.magazine li a.category-thermostars::before { content: "\e003"; color: #f57c20; }
#main-navigation .magazine-teaser.category-thermostars .category { background-color: #f57c20; }

nav.categories .category-thermostars a span::before { content: "\e003"; color: #f57c20; }
nav.categories .category-thermostars a:hover:not(:focus), nav.categories .category-thermostars a.active { border-bottom-color: #f57c20 !important; }

.magazine .teaser.category-thermostars .date, .magazine .teaser.category-thermostars a:not(.btn) > span.glyphicon { color: #f57c20; }
.magazine .teaser.category-thermostars .category { background-color: #f57c20; }

.magazine.detail .category-thermostars h2:not(.bigtext) { color: #f57c20; }

.magazine.category-thermostars #wrapper-content-area h1, .magazine.category-thermostars #wrapper-content-area .h1 { border-bottom-color: #f57c20; }
.magazine.category-thermostars #wrapper-content-area h1::before, .magazine.category-thermostars #wrapper-content-area .h1::before { color: #f57c20; content: "\e003"; }
.magazine.category-thermostars #wrapper-content-area h3, .magazine.category-thermostars #wrapper-content-area .h3 { color: #f57c20; }

#main-navigation ul.list-links.magazine li a.category-thermostars-epreuves::before { content: "\e003"; color: #f57c20; }
#main-navigation .magazine-teaser.category-thermostars-epreuves .category { background-color: #f57c20; }

nav.categories .category-thermostars-epreuves a span::before { content: "\e003"; color: #f57c20; }
nav.categories .category-thermostars-epreuves a:hover:not(:focus), nav.categories .category-thermostars-epreuves a.active { border-bottom-color: #f57c20 !important; }

.magazine .teaser.category-thermostars-epreuves .date, .magazine .teaser.category-thermostars-epreuves a:not(.btn) > span.glyphicon { color: #f57c20; }
.magazine .teaser.category-thermostars-epreuves .category { background-color: #f57c20; }

.magazine.detail .category-thermostars-epreuves h2:not(.bigtext) { color: #f57c20; }

.magazine.category-thermostars-epreuves #wrapper-content-area h1, .magazine.category-thermostars-epreuves #wrapper-content-area .h1 { border-bottom-color: #f57c20; }
.magazine.category-thermostars-epreuves #wrapper-content-area h1::before, .magazine.category-thermostars-epreuves #wrapper-content-area .h1::before { color: #f57c20; content: "\e003"; }
.magazine.category-thermostars-epreuves #wrapper-content-area h3, .magazine.category-thermostars-epreuves #wrapper-content-area .h3 { color: #f57c20; }

#main-navigation ul.list-links.magazine li a.category-thermostars-rencontre::before { content: "\e003"; color: #f57c20; }
#main-navigation .magazine-teaser.category-thermostars-rencontre .category { background-color: #f57c20; }

nav.categories .category-thermostars-rencontre a span::before { content: "\e003"; color: #f57c20; }
nav.categories .category-thermostars-rencontre a:hover:not(:focus), nav.categories .category-thermostars-rencontre a.active { border-bottom-color: #f57c20 !important; }

.magazine .teaser.category-thermostars-rencontre .date, .magazine .teaser.category-thermostars-rencontre a:not(.btn) > span.glyphicon { color: #f57c20; }
.magazine .teaser.category-thermostars-rencontre .category { background-color: #f57c20; }

.magazine.detail .category-thermostars-rencontre h2:not(.bigtext) { color: #f57c20; }

.magazine.category-thermostars-rencontre #wrapper-content-area h1, .magazine.category-thermostars-rencontre #wrapper-content-area .h1 { border-bottom-color: #f57c20; }
.magazine.category-thermostars-rencontre #wrapper-content-area h1::before, .magazine.category-thermostars-rencontre #wrapper-content-area .h1::before { color: #f57c20; content: "\e003"; }
.magazine.category-thermostars-rencontre #wrapper-content-area h3, .magazine.category-thermostars-rencontre #wrapper-content-area .h3 { color: #f57c20; }

#newsletter-layer { display: block; position: relative; width: 100%; background-color: #113c2b; }
#newsletter-layer .newsletter-box .newsletter-text { color: white; margin: 15px; width: 100%; padding-right: 10px; }
@media (max-width: 767px) { #newsletter-layer .newsletter-box .newsletter-text { margin: 15px 0 0 0; display: block; padding-left: 25px; } }
#newsletter-layer .newsletter-box .newsletter-text a:hover { color: #95c11c; text-decoration: none; }
#newsletter-layer .newsletter-box .teaser-form { padding: 15px 0; margin: 0 -12px; }
@media (max-width: 767px) { #newsletter-layer .newsletter-box .teaser-form { float: left !important; }
  #newsletter-layer .newsletter-box .teaser-form .teaser-form-button { float: left; margin-top: 15px; margin-left: 0; }
  #newsletter-layer .newsletter-box .teaser-form .input-group { width: 75%; } }
#newsletter-layer .newsletter-box .newsletter-badge { width: 80px; height: 40px; background: url("/typo3conf/Resources/Public/Media/IMG/Icons/lightbox_close.png") repeat 0 0; padding: 15px; margin: 15px; float: left; }
@media (max-width: 767px) { #newsletter-layer .newsletter-box .newsletter-badge { display: none; } }
#newsletter-layer .newsletter-box a.newsletter-link { float: left; background: url("/typo3conf/Resources/Public/Media/IMG/Icons/lightbox_close.png") no-repeat 0 0; background-position: -40px 0; z-index: 203; cursor: pointer; width: 20px; height: 20px; position: relative; left: -12px; top: 15px; height: 40px; padding: 15px 0; }
@media (max-width: 767px) { #newsletter-layer .newsletter-box a.newsletter-link { top: 0; } }
#newsletter-layer .newsletter-box a.newsletter-link:hover { background-position: -20px 0; }

.quote-slider { margin: 0 12px 40px 12px; }
@media (max-width: 767px) { .quote-slider .image { max-width: 200px; margin: 0 auto; } }
.quote-slider .txt-comp { margin-bottom: 0; }
.quote-slider .txt-comp h2[class*="-star"]::after { display: inline-block; content: ''; margin-left: 7px; margin-bottom: 5px; height: 13px; width: 43px; background: url(/typo3conf/Resources/Public/Media/IMG//sternekoeche/stars.png) 0px -27px no-repeat; background-size: 35%; }
.quote-slider .txt-comp h2.no-star::after { background: none; }
.quote-slider .txt-comp h2.two-star::after { background-repeat: repeat-x; background-size: 57%; width: 28px; background-position: -1px -29px; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .quote-slider .txt-comp h2.two-star::after { background-position: 0 -27px; } }
.quote-slider .txt-comp h2.three-star::after { background-repeat: repeat-x; }
.quote-slider .txt-comp h2.tv-cook span { content: ''; width: 22px; height: 22px; background: url(/typo3conf/Resources/Public/Media/IMG//sternekoeche/stars.png) no-repeat 0 -88px; display: inline-block; margin-left: 5px; }
.quote-slider hr { border-color: #b1b2b3; }
.quote-slider blockquote + p { margin-left: 30px; font-style: italic; }
.quote-slider .item.quote { height: auto; transition: 1s ease-in-out; }
.quote-slider .item.quote.active { height: auto; transition: 1s ease-in-out; }

#wrapper-stage.cwot { position: relative; }
#wrapper-stage.cwot .video-container { margin: 0 auto; text-align: center; overflow: hidden; position: relative; background-size: cover; }
#wrapper-stage.cwot .video-container::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: -webkit-gradient(linear, left 0%, left 40%, from(white), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, white, 0%, rgba(255, 255, 255, 0), 40%); background-image: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 40%); background-image: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 40%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF', GradientType=0); }
#wrapper-stage.cwot #bgvid { max-width: 1920px; width: 100%; opacity: 1; margin-bottom: -5px; }
#wrapper-stage.cwot .content { position: absolute; top: 140px; width: 100%; }
#wrapper-stage.cwot .content .txt-comp { background: rgba(255, 255, 255, 0.8); padding: 24px; }
#wrapper-stage.cwot .content .badge { background: url(/typo3conf/Resources/Public/Media/IMG/cwot/stage_discount-badge.png) no-repeat; height: 140px; width: 140px; position: absolute; top: -70px; right: -70px; display: block; background-size: contain; }
#wrapper-stage.cwot .content .badge.de-no-discount { background-image: url(/typo3conf/Resources/Public/Media/IMG/cwot/stage_badge_DE.png); }
#wrapper-stage.cwot .content .badge.fr { background-image: url(/typo3conf/Resources/Public/Media/IMG/cwot/stage_badge_FR.png); }
#wrapper-stage.cwot .content .badge.cz { background-image: url(/typo3conf/Resources/Public/Media/IMG/cwot/stage_discount-badge_CZ.png); }
#wrapper-stage.cwot .content .badge.cz-no-discount { background-image: url(/typo3conf/Resources/Public/Media/IMG/cwot/stage_badge_CZ.png); }
#wrapper-stage.cwot .content .badge.pl { background-image: url(/typo3conf/Resources/Public/Media/IMG/cwot/stage_discount-badge_PL.png); }
#wrapper-stage.cwot .content .badge.pl-no-discount { background-image: url(/typo3conf/Resources/Public/Media/IMG/cwot/stage_badge_PL.png); }
#wrapper-stage.cwot .content .badge.es-no-discount { background-image: url(/typo3conf/Resources/Public/Media/IMG/cwot/stage-badge_ES.png); }
@media screen and (max-width: 991px) { #wrapper-stage.cwot .content .badge { right: 12px; top: -130px; } }
#wrapper-stage.cwot .price { font-size: 12px; }
#wrapper-stage.cwot .price del { font-weight: bold; display: block; font-size: 14px; }
#wrapper-stage.cwot .price .offer { font-size: 24px; font-weight: bold; color: #95c11c; margin-right: 10px; }
#wrapper-stage.cwot.no-video, #wrapper-stage.cwot.no-video .video-container { height: 600px; }
#wrapper-stage.cwot.no-video .content { top: 90px; }
.container #wrapper-stage.cwot, .container #wrapper-stage.cwot .video-container, #wrapper-stage.cwot.small, #wrapper-stage.cwot.small .video-container { height: 500px; }
.container #wrapper-stage.cwot .content, #wrapper-stage.cwot.small .content { top: 90px; }
.container #wrapper-stage.cwot #bgvid, #wrapper-stage.cwot.small #bgvid { margin-top: -70px; }
@media (min-width: 992px) and (max-width: 1199px) { .container #wrapper-stage.cwot #bgvid, #wrapper-stage.cwot.small #bgvid { margin-top: 0; } }

.viewport-animate { overflow: hidden; }
.viewport-animate img { transition: all 1s ease-in-out; transform: scale(0.9); }
.viewport-animate.viewport-animate-active img { transform: scale(1); }

.viewport-animate > .background-container.visual { height: 0; transition: height 2s ease-in-out; margin-bottom: 0; }

.viewport-animate-active > .background-container.visual { height: 480px; }
@media (max-width: 767px) { .viewport-animate-active > .background-container.visual { height: 230px; } }

.viewport-animate-slide { opacity: 0; }
.viewport-animate-slide.first-slide { left: -100%; }
.viewport-animate-slide.second-slide { left: -80%; }
.viewport-animate-slide.third-slide { left: -30%; }
.viewport-animate-slide.viewport-animate-active { transition: all 1s ease-in-out; left: 0; opacity: 1; }
@media (max-width: 767px) { .viewport-animate-slide.viewport-animate-active { transition: opacity 1s ease-in-out; } }

@media (min-width: 1200px) { .content-vertical-center { position: absolute; top: 6.5em; } }

.cwot.container h2, .content-vertical-center h2 { font-size: 25px; }

.cwot.steps { text-align: center; }
.cwot.steps .txt-comp { display: block; }
@media (max-width: 767px) { .cwot.steps .txt-comp { text-align: right; padding-right: 60px; } }
.cwot.steps .media-comp { margin-bottom: 10px; position: relative; }
.cwot.steps [class^="col-"] + [class^="col-"] .media-comp::before { content: ''; display: block; width: 90px; height: 30px; position: absolute; background: red; top: 50%; margin-left: -57px; margin-top: -15px; background: url(/typo3conf/Resources/Public/Media/IMG/cwot/arrow-horizontal.png) no-repeat; background-size: contain; }
@media (max-width: 767px) { .cwot.steps [class^="col-"] + [class^="col-"] .media-comp::before { background-image: url(/typo3conf/Resources/Public/Media/IMG/cwot/arrow-vertical.png); right: 12px; top: 0; width: 30px; height: 90px; margin-left: 0; margin-top: -80px; } }
.cwot.steps span.subtitle { font-family: "IngeborgBoldItalic", Georgia, serif; font-size: 16px; }

.background-container { margin-bottom: 40px; }
.background-container:not(.visual) { padding-top: 40px; }
.background-container + .background-container { margin-top: -40px; }
.background-container.colored.lightgrey { background-color: #e9e8e8; }
.background-container.visual { height: 480px; background-size: auto 480px; background-position: center; background-repeat: no-repeat; -webkit-box-shadow: inset 0 8px 10px rgba(0, 0, 0, 0.075); box-shadow: inset 0 8px 10px rgba(0, 0, 0, 0.075); }
@media (max-width: 767px) { .background-container.visual { height: 230px; background-size: auto 230px; } }
.background-container.cwot h3 { font-family: "IngeborgBoldItalic", Georgia, serif; text-transform: none; font-size: 20px; margin-bottom: 20px; }
.background-container.cwot .txt-comp { display: block; text-align: center; padding: 0 24px; }
.background-container.cwot.darkgreen { background-color: #113c2b; color: white; padding-top: 100px; padding-bottom: 70px; }
.background-container.cwot + .container + .viewport-animate + .lightgrey .media-comp { margin-bottom: 0; }

.service { font-size: 16px; }
.service .background-container.centered { text-align: center; }
.service .background-container.colored.white { background-color: white; }
.service .background-container.colored.lightgrey { background-color: whitesmoke; }
.service .background-container.colored.grey { background-color: #ececec; }
.service .background-container.colored.lightgreen { background-color: rgba(17, 60, 43, 0.15); }
.service .background-container.gradient.lightgrey { background: linear-gradient(to bottom, #ffffff 50%, #f5f5f5 100%); }
.service #wrapper-content-area > .container, .service #wrapper-content-area > .background-container > .container { padding-top: 40px; padding-bottom: 40px; }
.service #wrapper-content-area > .container:first-of-type { padding-top: 0; }
.service .background-container > section { padding: 40px; padding-bottom: 0; }
.service p + .background-container { margin-top: 40px; }
.service .hotline { padding-bottom: 40px; }
.service .hotline .picto-teaser.picto-teaser-phone { float: left; color: #009c3b; margin-top: -20px; margin-right: 20px; }
.service .hotline .h2 { display: block; margin: 0; }
.service .image-text-group picture { float: left; }
.service .image-text-group .txt-comp { margin-left: 100px; }
.service .form-default h3 { margin-bottom: 24px; }

.background-container.watermark { overflow: hidden; position: relative; }
.background-container.watermark .container { position: relative; z-index: 2; }
.background-container.watermark::before { font-family: "tm-shop-categories" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; font-size: 600px; opacity: 0.03; position: absolute; margin-top: -120px; }
@media (max-width: 767px) { .background-container.watermark::before { display: none; } }
.background-container.watermark.orders::before { content: "\4d"; }
.background-container.watermark.shipping::before { content: "\31"; }
.background-container.watermark.returns::before { content: "\57"; }
.background-container.watermark.contact::before { content: "\6c"; }
.background-container.watermark.faq::before { content: "\26"; }
.background-container.watermark.data-security:before { content: "\27"; }
.background-container.watermark.order-process:before { content: "\28"; }
.background-container.watermark.payment-method:before { content: "\29"; }
.background-container.watermark.general-terms:before { content: "\2a"; }

.cwot.collections { text-align: center; margin-bottom: 16px; }
.cwot.collections.viewport-animate { overflow: visible; }
.cwot.collections .images { position: relative; height: 234px; margin-right: -24px; }
@media (min-width: 992px) and (max-width: 1199px) { .cwot.collections .images { height: 198px; } }
@media (min-width: 768px) and (max-width: 991px) { .cwot.collections .images { height: 500px; margin-right: -48px; } }
@media (max-width: 767px) { .cwot.collections .images { height: 510px; margin-right: 0; } }
.cwot.collections img { width: 210px; opacity: 0; transition: opacity .5s, left 1s ease-out; position: absolute; left: -100%; }
@media (min-width: 768px) and (max-width: 991px) { .cwot.collections img:nth-child(n+4) { top: 250px; } }
@media (max-width: 767px) { .cwot.collections img:nth-child(n+3) { top: 170px; }
  .cwot.collections img:nth-child(n+5) { top: 340px; } }
.cwot.collections img:nth-child(5) { transition-delay: 0.2s; }
.cwot.collections img:nth-child(4) { transition-delay: 0.7s; }
.cwot.collections img:nth-child(3) { transition-delay: 1.2s; }
.cwot.collections img:nth-child(2) { transition-delay: 1.7s; }
.cwot.collections img:nth-child(1) { transition-delay: 2.2s; }
@media (min-width: 992px) and (max-width: 1199px) { .cwot.collections img { width: 172px; } }
@media (min-width: 768px) and (max-width: 991px) { .cwot.collections img { width: 224px; } }
@media (max-width: 767px) { .cwot.collections img { width: 156px; } }
.cwot.collections.viewport-animate-active .images img { opacity: 1; }
.cwot.collections.viewport-animate-active .images img:nth-child(1) { left: 0%; }
@media (min-width: 768px) and (max-width: 991px) { .cwot.collections.viewport-animate-active .images img:nth-child(1) { left: 0%; } }
@media (max-width: 767px) { .cwot.collections.viewport-animate-active .images img:nth-child(1) { left: 0%; } }
.cwot.collections.viewport-animate-active .images img:nth-child(2) { left: 20%; }
@media (min-width: 768px) and (max-width: 991px) { .cwot.collections.viewport-animate-active .images img:nth-child(2) { left: 33%; } }
@media (max-width: 767px) { .cwot.collections.viewport-animate-active .images img:nth-child(2) { left: 50%; } }
.cwot.collections.viewport-animate-active .images img:nth-child(3) { left: 40%; }
@media (min-width: 768px) and (max-width: 991px) { .cwot.collections.viewport-animate-active .images img:nth-child(3) { left: 66%; } }
@media (max-width: 767px) { .cwot.collections.viewport-animate-active .images img:nth-child(3) { left: 0%; } }
.cwot.collections.viewport-animate-active .images img:nth-child(4) { left: 60%; }
@media (min-width: 768px) and (max-width: 991px) { .cwot.collections.viewport-animate-active .images img:nth-child(4) { left: 17%; } }
@media (max-width: 767px) { .cwot.collections.viewport-animate-active .images img:nth-child(4) { left: 50%; } }
.cwot.collections.viewport-animate-active .images img:nth-child(5) { left: 80%; }
@media (min-width: 768px) and (max-width: 991px) { .cwot.collections.viewport-animate-active .images img:nth-child(5) { left: 51%; } }
@media (max-width: 767px) { .cwot.collections.viewport-animate-active .images img:nth-child(5) { left: 25%; } }

.shariff-share-container { margin-bottom: 24px; text-align: center; border-bottom: 1px solid whitesmoke; padding-bottom: 10px; }
.shariff-share-container ul { margin: 0; padding: 0; }
.shariff-share-container ul li { list-style-type: none; display: inline-block; margin: 0; }
.shariff-share-container ul li + li { margin-top: 0 !important; margin-left: 12px; }
.shariff-share-container li a { padding: 5px; display: block; font-size: 12px; color: white; transition: background-color .5s; position: relative; }
.shariff-share-container li a .share_text { margin-right: 5px; }
.shariff-share-container li a .share_count { font-weight: bold; background: rgba(255, 255, 255, 0.2); border-radius: 3px; padding: 2px 4px; margin-left: 5px; }
.shariff-share-container li a .fa { float: left; font-size: 16px; margin-right: 5px; font-family: 'magazine' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; }
.shariff-share-container li a:hover { text-decoration: none; }
.shariff-share-container .facebook a { background-color: #3b5998; }
.shariff-share-container .facebook a .fa::before { content: "\e008"; }
.shariff-share-container .facebook a:hover { background-color: #4c70ba; }
.shariff-share-container .twitter a { background-color: #55acee; }
.shariff-share-container .twitter a .fa::before { content: "\e006"; }
.shariff-share-container .twitter a:hover { background-color: #83c3f3; }

#tiy-animation { margin: 24px 0 48px; position: relative; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; height: 535px; }
#tiy-animation img { position: absolute; }
@media screen and (max-width: 991px) { #tiy-animation { display: none; } }
#tiy-animation .bottle-1 { bottom: 5%; left: -8%; }
#tiy-animation .bottle-2 { right: -14%; bottom: 19%; }
#tiy-animation .cookie-1 { top: 20%; left: 26%; }
#tiy-animation .cookie-2 { bottom: -8%; left: 38.5%; }
#tiy-animation .curry-1 { top: 32%; right: 25%; }
#tiy-animation .curry-2 { top: 63%; right: 13%; }
#tiy-animation .jam-1 { bottom: -18%; left: 14%; }
#tiy-animation .jam-2 { right: 25%; bottom: -2%; }

#scissors-animation .scissors-down { position: absolute; top: 15%; left: 12px; }
@media screen and (max-width: 991px) { #scissors-animation .scissors-down { width: 80%; height: auto; } }
@media (min-width: 768px) and (max-width: 991px) { #scissors-animation .scissors-down { width: 90%; } }
#scissors-animation .scissors-up { position: absolute; top: -4.5%; left: 16%; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 50% 39% 0px; }
@media screen and (max-width: 991px) { #scissors-animation .scissors-up { width: auto; height: 80%; left: 14%; } }
@media (min-width: 992px) and (max-width: 1199px) { #scissors-animation .scissors-up { height: 89%; top: -6.5%; } }

.tx-idcardupload .file-upload { position: relative; overflow: hidden; }
.tx-idcardupload .file-upload .file-upload-field { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }

.voucher-status { margin: 40px 0; }
.voucher-status .page-header-italic { margin-bottom: 20px; }
.voucher-status .page-header-italic + p { margin-bottom: 20px; text-align: center; }
.voucher-status .number-circle { background-color: #b1b2b3; color: white; border-radius: 50%; padding: 4px 8px; font-size: 14px; line-height: 1; transition: background-color .3s; }
.voucher-status .input-group { margin-bottom: 10px; }
@media (max-width: 767px) { .voucher-status .input-group.cardno { margin-right: 29px; } }
.voucher-status .input-group.has-error .number-circle { background-color: #cc0000; }
.voucher-status .input-group.valid { position: relative; }
.voucher-status .input-group.valid::after { content: ""; display: block; color: #009c3b; background: white; width: 20px; height: 20px; position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; position: absolute; content: "\e013"; right: 0; right: 34px; z-index: 10; top: 7px; text-align: center; }
.voucher-status .input-group.valid.cardno::after { right: 6px; }
.voucher-status .input-group.valid .no { background-color: #009c3b; }
.voucher-status .input-group-addon { border: 0; background: transparent; padding: 0; }
.voucher-status .input-group-addon .help-link { padding: 4px 8px; font-size: 20px; font-weight: bold; }
.voucher-status .input-group-addon .help-link:hover, .voucher-status .input-group-addon .help-link:focus { text-decoration: none; }
.voucher-status .input-group-addon + input { margin-left: 5px; width: calc(100% - 5px); }
.voucher-status .voucher-card-preview { margin: 20px 0 40px; text-align: center; }
.voucher-status .voucher-card-preview .media-comp { display: inline-block; position: relative; margin: 0 auto; }
.voucher-status .voucher-card-preview .n1, .voucher-status .voucher-card-preview .n2 { background-color: #009c3b; position: absolute; padding: 5px 8px; border: 2px solid #F7F7F7; }
.voucher-status .voucher-card-preview .n1 { top: 65%; left: 4%; }
.voucher-status .voucher-card-preview .n2 { top: 61%; right: 8%; }
.voucher-status .more-voucher { margin-left: 29px; }
.voucher-status .error-messages { padding: 0; margin: 0; color: #cc0000; margin-bottom: 20px; }
.voucher-status .error-messages li { display: none; list-style-type: none; }
.voucher-status .form-default { margin-bottom: 20px; }
.voucher-status ul.result-block { padding-left: 0; margin-left: 0; }
.voucher-status ul.result-block li { list-style-type: none; }
.voucher-status ul.result-block li span.value { float: right; }
.voucher-status ul.result-block li strong { display: inline-block; width: 180px; }

/**  Styles from Flipbook */
.flipbook-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: url("../images/overlay_lightbox.png") repeat; z-index: 2147483646 !important; }

.flipbook-wrapper { position: absolute; width: 100%; height: 100%; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); text-shadow: none; border-radius: 4px; background: #ffffff; }

.flipbook-lightbox-thumb-overlay { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.2); transition: all .2s ease-out; }

.flipbook-lightbox-thumb-overlay:hover { opacity: 1; }

.flipbook-lightbox-thumb-icon { position: relative; margin-left: -50%; margin-top: -50%; color: #555; display: none; }

.flipbook-lightbox-thumb-icon-holder { position: absolute; left: 50%; top: 50%; }

.flipbook-wrapper-transparent { width: 100%; height: 100%; background: none; }

.flipbook-main-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; direction: ltr !important; }

.flipbook-bookLayer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }

.flipbook-zoomLayer { position: absolute; top: 0; left: 0; right: 0; bottom: 40px; overflow: hidden; opacity: .5; }

.flipbook-center-container { transform: translateZ(0px); -backface-visibility: hidden; transform-style: preserve-3d; }

.flipbook-book { display: block; position: relative; }

.flipbook-page { position: absolute; width: 100%; height: 100%; transform: translateZ(0px); will-change: transform; }

.flipbook-page3 { position: absolute; overflow: hidden; transform: translateZ(0px); will-change: transform; background: #eee; }

.flipbook-page3-html { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transform-origin: 0 0; -webkit-transform-origin: 0 0; transform: translateZ(0); -webkit-transform: translateZ(0); }

.flipbook-page3 img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transform-origin: 0 0; -webkit-transform-origin: 0 0; transform: translateZ(0); -webkit-transform: translateZ(0); }

.flipbook-page3 canvas { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transform-origin: 0 0; -webkit-transform-origin: 0 0; transform: translateZ(0); -webkit-transform: translateZ(0); }

.flipbook-page3-front { transform-origin: 0 50%; -webkit-transform-origin: 0 50%; transform: translateZ(0); -webkit-transform: translateZ(0); }

.flipbook-page3-back { transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; transform: translateZ(0); -webkit-transform: translateZ(0); }

.flipbook-book3 { display: block; position: relative; }

.flipbook-center-container3 { position: relative; height: 100%; perspective: 4000px; -webkit-perspective: 4000px; transform: translateZ(0px); /*-webkit-transform:translateZ(0px);*/ will-change: transform; }

.flipbook-page-face { position: absolute; background-color: #DDD; transform: translateZ(0px); -webkit-transform: translateZ(0px); -backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }

.flipbook-page-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.9); pointer-events: none !important; z-index: 10; }

.flipbook-page-htmlContent { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; transform: translateZ(0px); -webkit-transform: translateZ(0px); -backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }

.flipbook-book canvas { position: absolute; left: 0; top: 0; z-index: 50; width: 100%; height: 100%; transform: translateZ(0px); -webkit-transform: translateZ(0px); -backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }

.flipbook-page img { width: 100%; height: 100%; transform: translateZ(0px); -webkit-transform: translateZ(0px); -backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }

.flipbook-opacity0 { opacity: 0; }

.flipbook-opacity1 { opacity: 1; }

.flipbook-arrow-wrapper { opacity: .85; transition: opacity .3s; }

.flipbook-arrow-wrapper:hover { opacity: 1; }

.flipbook-left-arrow { display: block !important; position: absolute !important; top: 50%; margin-top: -20px; speak: none; font-style: normal; font-weight: normal; /* font-size: 32px !important; */ /* line-height: 40px !important; */ -webkit-font-smoothing: antialiased; text-align: center; cursor: pointer; width: 40px; /* height: 40px; */ -webkit-border-radius: 0; border-radius: 0; }

.flipbook-right-arrow { display: block !important; position: absolute !important; top: 50%; /* margin-top: -20px; */ speak: none; right: 0; font-style: normal; font-weight: normal; /* font-size: 32px !important; */ /* line-height: 40px !important; */ -webkit-font-smoothing: antialiased; text-align: center; cursor: pointer; /* width: 40px; */ /* height: 40px; */ /* -webkit-border-radius: 0; */ /* border-radius: 0; */ }

.flipbook-currentPageHolder { position: absolute !important; z-index: 3; }

.flipbook-currentPageNumber { font-weight: bold !important; border-radius: 15px !important; color: rgba(255, 255, 255, 0.72); padding: 9px 12px !important; background-color: rgba(0, 0, 0, 0.4); font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif !important; font-size: 14px; }

.flipbook-currentPageInput { position: absolute !important; line-height: 32px !important; background: none !important; border: none !important; font-size: 14px !important; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif !important; font-weight: bold !important; text-align: center !important; color: rgba(255, 255, 255, 0.72) !important; height: 32px !important; top: 0 !important; left: 0 !important; }

.flipbook-currentPageInput:focus { outline: 0 !important; }

.flipbook-color-transparent { color: transparent!important; }

.flipbook-browser-fullscreen { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 999999 !important; margin: 0 !important; padding: 0 !important; }

/*
.flipbook-totalPages { background: none;  box-shadow: none; position: absolute !important; padding-left: 3em !important; border: none !important; width: 3em !important;  font-size: 1.2em !important; font-family: 'Open Sans','Helvetica Neue', Arial, sans-serif;  text-align: left !important; line-height: 30px !important;  z-index: 9999; height: 35px;
}*/
.flipbook-totalPages { box-shadow: none; padding-left: 3em !important; padding-right: 1em !important; padding-top: 6px !important; padding-bottom: 6px !important; border: none !important; width: 3em !important; font-size: 1em !important; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; text-align: left !important; line-height: 30px !important; /*z-index: 9999;*/ height: 35px; /* opacity: .7 !important; */ pointer-events: none; }

.flipbook-currentPage:focus { outline: none; }

.flipbook-menuWrapper { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; padding: 0; z-index: 2; pointer-events: none; /* opacity: .1; */ /* box-shadow: 0 0 15px rgba(0,0,0,.3); */ }

.flipbook-menuWrapper:hover { opacity: 1; }

.flipbook-menu { position: relative; text-align: center; margin: 0; /* padding-left: 100px; */ /* padding-right: 100px; */ /* padding: 5px; */ /* z-index: 99999; */ /* height: 40px; */ -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }

.flipbook-menu-btn { display: inline; cursor: pointer; background: none; }

.flipbook-thumbHolder { transition: all .3s ease-out; bottom: 0; position: absolute; left: 0; top: 0; z-index: 9; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 0 6px rgba(0, 0, 0, 0.23); }

.flipbook-thumbContainer { margin: 0; padding: 0; position: relative; margin-left: 20px; padding-right: 5px; padding-left: 5px; }

.flipbook-thumb { display: inline-block; position: relative; margin-top: 15px; /* margin-left: 5px; */ cursor: pointer; }

.flipbook-thumb-num { display: block; text-align: center; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size: .8em; font-weight: bold; }

.flipbook-thumb img { border: 1px solid rgba(134, 134, 134, 0.33); display: inline-block; /* margin: 0 2px 7px 0; */ -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); }

.flipbook-toc { position: relative; margin: 0; padding: 0; }

.flipbook-tocHolder { position: absolute; top: 0; width: 250px; bottom: 0; transition: all .3s ease-out; z-index: 9; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 0 6px rgba(0, 0, 0, 0.23); }

.flipbook-tocItem { display: block; padding: 10px 20px; text-align: justify; cursor: pointer; font-size: .9em; font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; border-top: solid 1px rgba(135, 135, 135, 0.22); }

.flipbook-tocItem:hover { background: rgba(128, 128, 128, 0.2); }

.flipbook-tocItem .right { float: right; }

.flipbook-tocTitle { display: block; padding: 20px 0; text-align: right; text-transform: uppercase; }

.invisible { opacity: 0; pointer-events: none; display: none; }

.transition { -webkit-transition: all .3s ease-out; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all .3s ease-out; /* Firefox 4-15 */ -o-transition: all .3s ease-out; /* Opera 10.50*/ transition: all .3s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */ }

.flipbook-shareButtons { width: 41px; position: absolute; /*right: 0;*/ /*top: 0;*/ bottom: 40px; /*-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .5);*/ /*box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .5);*/ max-width: 100%; max-height: 100%; overflow: hidden; /* Aligns Vertically - Remove for Horizontal Only */ /* Aligns Horizontally - Remove for Vertical Only  */ /* padding: 10px 0; */ /*margin-right: 10px;*/ text-align: center; }

.flipbook-shareBtn { display: inline-block; cursor: pointer; /* margin-top: 10px; */ /* margin-bottom: 10px; */ }

/* img{ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);
} */
.flipbook-icon-general { speak: none; font-style: normal; font-weight: normal; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; padding-bottom: 12px; padding-top: 12px; width: 36px; bottom: 0; text-align: center; pointer-events: auto; box-sizing: initial; }

.flipbook-btn-close { height: 20px; position: absolute; top: .0; right: 0; cursor: pointer; font-size: .8em; }

/* ui */
.flipbook-skin-color { /*     -webkit-transition: all .3s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .3s ease-out; */ }

/*dark*/
.flipbook-bg-dark { background: rgba(49, 53, 56, 0.95); /* border-top: 1px solid #333; */ /* border-top: 1px solid rgba(58, 58, 58, 1); */ /* border-bottom: 1px solid rgba(0, 0, 0, 0.9); */ /* box-shadow: 0px 0px 5px rgba(0,0,0,1) */ }

.flipbook-color-dark { color: rgba(255, 255, 255, 0.85); }

.flipbook-color-dark:hover { color: #FFF; }

/*light*/
.flipbook-bg-light { background: rgba(255, 255, 255, 0.85); }

.flipbook-color-light { color: rgba(50, 50, 50, 0.9); }

.flipbook-color-light:hover { color: #000; }

/*twilight*/
.flipbook-bg-twilight { background: #141414; }

.flipbook-color-twilight { color: #FEFFD3; }

.flipbook-color-twilight:hover { color: #FEFFD3; }

/*darkgrey*/
.flipbook-bg-darkgrey { background: #212121; }

.flipbook-color-darkgrey { color: #9E9E9E; }

.flipbook-color-darkgrey:hover { color: #BDBDBD; }

/*lightgrey*/
.flipbook-bg-lightgrey { background: #E0E0E0; }

.flipbook-color-lightgrey { color: #757575; }

.flipbook-color-lightgrey:hover { color: #616161; }

.flipbook-lightbox-toolbar { /* opacity:.6; */ }

.flipbook-lightbox-close { position: absolute !important; z-index: 85 !important; right: 0px !important; top: 0 !important; text-align: center !important; text-decoration: none !important; cursor: pointer; opacity: .85; transition: opacity .3s; }

.flipbook-lightbox-close:hover { opacity: 1; }

.flipbook-loading-bar { position: relative; width: 100%; height: 6px; background-color: #333; border-bottom: 1px solid #333; }

.flipbook-progress-bar { position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #ddd; overflow: hidden; -webkit-transition: width 200ms; transition: width 200ms; }

.flipbook-carousel-scroller { /* height:100%; */ /* float:left; */ /* padding:0; */ /*position: absolute;*/ /* top:0; */ }

.flipbook-carousel-slide { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: inline-block; /* float:left; */ text-align: center; }

.flipbook-carousel-page { height: 100%; position: relative; margin: 0 auto; display: inline-block !important; /* opacity: .05; */ }

.flipbook-carousel-page-inner { position: absolute; top: 0; left: 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; }

.flipbook-carousel-zoom-page { height: 100%; position: relative; }

.flipbook-carousel-zoom-page img { top: 0; bottom: 0; right: 0; left: 0; margin: auto; position: absolute; }

.flipbook-carousel-page img { top: 0; bottom: 0; right: 0; left: 0; margin: auto; position: absolute; height: 100%; }

.flipbook-carousel-image-wrapper { position: absolute; width: 100%; height: 100%; }

.flipbook-carousel-zoom-wrapper { position: absolute; width: 100%; height: 100%; }

.flipbook-carousel-zoom { position: relative; width: 100%; height: 100%; }

.flipbook-overflow-hidden { overflow: hidden !important; }

/*share*/
.flipbook-share .social.bottom, .flipbook-share .social.top { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; }

.flipbook-share { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.flipbook-share [class*=entypo-]:before { font-family: entypo, sans-serif; }

.flipbook-share label { font-size: 16px; cursor: pointer; margin: 0; padding: 5px 10px; border-radius: 5px; background: #a29baa; color: #333; transition: all 0.3s ease; }

.flipbook-share label:hover { opacity: 0.8; }

.flipbook-share label span { text-transform: uppercase; font-size: .9em; font-family: Lato, sans-serif; font-weight: 700; -webkit-font-smoothing: antialiased; padding-left: 6px; }

.flipbook-share .social { opacity: 0; transition: all .4s ease; margin-left: -15px; visibility: hidden; }

.flipbook-share .social.top { -ms-transform-origin: 0 0; transform-origin: 0 0;  /* margin-top:-80px
*/ bottom: 34px; position: absolute; left: 10px; }

.flipbook-share .social.bottom { -ms-transform-origin: 0 0; transform-origin: 0 0; margin-top: 5px; }

.flipbook-share .social.middle.left, .flipbook-share .social.middle.right { -ms-transform-origin: 5% 50%; transform-origin: 5% 50%; -webkit-transform-origin: 5% 50%; -moz-transform-origin: 5% 50%; -o-transform-origin: 5% 50%; }

.flipbook-share .social.middle { margin-top: -34px; }

.flipbook-share .social.middle.right { margin-left: 105px; }

.flipbook-share .social.networks-1.center, .flipbook-share .social.networks-1.left, .flipbook-share .social.right { margin-left: 14px; }

.flipbook-share .social.load { transition: none !important; }

.flipbook-share .social.networks-1 { width: 60px; }

.flipbook-share .social.networks-1.middle.left { margin-left: -70px; }

.flipbook-share .social.networks-1 ul { width: 60px; }

.flipbook-share .social.networks-2, .flipbook-share .social.networks-2 ul { width: 120px; }

.flipbook-share .social.networks-2.center { margin-left: -13px; }

.flipbook-share .social.networks-2.left { margin-left: -44px; }

.flipbook-share .social.networks-2.middle.left { margin-left: -130px; }

.flipbook-share .social.networks-3, .flipbook-share .social.networks-3 ul { width: 180px; }

.flipbook-share .social.networks-3.center { margin-left: -45px; }

.flipbook-share .social.networks-3.left { margin-left: -102px; }

.flipbook-share .social.networks-3.middle.left { margin-left: -190px; }

.flipbook-share .social.networks-4, .flipbook-share .social.networks-4 ul { width: 240px; }

.flipbook-share .social.networks-4.center { margin-left: -75px; }

.flipbook-share .social.networks-4.left { margin-left: 162px; }

.flipbook-share .social.networks-4.middle.left { margin-left: -250px; }

.flipbook-share .social.networks-5, .flipbook-share .social.networks-5 ul { width: 40px; }

.flipbook-share .social.networks-5.center {  /* margin-left:-105px
*/ }

.flipbook-share .social.networks-5.left { margin-left: -225px; }

.flipbook-share .social.networks-5.middle.left { margin-left: -320px; }

.flipbook-share .social.active { opacity: 1; transition: all .4s ease; visibility: visible; }

.flipbook-share .social.active.top { -webkit-transform: scale(1) translateY(-10px); -moz-transform: scale(1) translateY(-10px); -o-transform: scale(1) translateY(-10px); -ms-transform: scale(1) translateY(-10px); transform: scale(1) translateY(-10px); }

.flipbook-share .social.active.bottom { -webkit-transform: scale(1) translateY(15px); -moz-transform: scale(1) translateY(15px); -o-transform: scale(1) translateY(15px); -ms-transform: scale(1) translateY(15px); transform: scale(1) translateY(15px); }

.flipbook-share .social.active.middle.right { -webkit-transform: scale(1) translateX(10px); -moz-transform: scale(1) translateX(10px); -o-transform: scale(1) translateX(10px); -ms-transform: scale(1) translateX(10px); transform: scale(1) translateX(10px); }

.flipbook-share .social.active.middle.left { -webkit-transform: scale(1) translateX(-10px); -moz-transform: scale(1) translateX(-10px); -o-transform: scale(1) translateX(-10px); -ms-transform: scale(1) translateX(-10px); transform: scale(1) translateX(-10px); }

.flipbook-share .social ul { position: relative; left: 0; right: 0; height: 46px; color: #fff; margin: auto; padding: 0; list-style: none; }

.flipbook-share .social ul li { font-size: 16px; cursor: pointer; width: 40px; margin: 0; padding: 9px 0; text-align: center; float: left; display: none; height: 22px; position: relative; z-index: 2; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; transition: all 0.3s ease; }

.flipbook-share .social ul li:hover { /* color:rgba(0,0,0,.5) */ }

.flipbook-share .social li[class*=facebook] { /* background:#3b5998; */ }

.flipbook-share .social li[class*=twitter] { /* background:#6cdfea; */ }

.flipbook-share .social li[class*=google_plus] { /* background:#e34429; */ }

.flipbook-share .social li[class*=pinterest] { /* background:#c5282f; */ }

.flipbook-share .social li[class*=send-o] { /* background:#42c5b0; */ }

/** preloader*/
.cssload-container { width: 100%; height: 100%; top: 0; left: 0; text-align: center; position: absolute; z-index: 2147483647 !important; pointer-events: none; }

.cssload-speeding-wheel { width: 32px; height: 32px; /* margin: 0 auto; */ border: 3px solid rgba(0, 0, 0, 0.4); border-radius: 50%; border-left-color: rgba(60, 60, 60, 0.1); border-right-color: rgba(60, 60, 60, 0.1); animation: cssload-spin 575ms infinite linear; -o-animation: cssload-spin 575ms infinite linear; -ms-animation: cssload-spin 575ms infinite linear; -webkit-animation: cssload-spin 575ms infinite linear; -moz-animation: cssload-spin 575ms infinite linear; top: 45%; position: absolute; left: 50%; margin-left: -16px; margin-top: -16px; }

@keyframes cssload-spin { 100% { transform: rotate(360deg); transform: rotate(360deg); } }

@-o-keyframes cssload-spin { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } }

@-ms-keyframes cssload-spin { 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } }

@-webkit-keyframes cssload-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@-moz-keyframes cssload-spin { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } }

/**new preloader end*/
/* Copyright 2014 Mozilla Foundation  Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at  http://www.apache.org/licenses/LICENSE-2.0  Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */
a[data-widget="flipbook"] { display: block; position: relative; }
a[data-widget="flipbook"]:before { content: ""; display: block; width: 120px; height: 120px; position: absolute; top: 0; right: 0; background: url(/typo3conf/Resources/Public/Media/IMG/badge/badge-look-inside.png) no-repeat; background-size: 100%; }
@media (min-width: 768px) and (max-width: 991px) { a[data-widget="flipbook"]:before { width: 90px; height: 90px; } }

.flipbook-textLayer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; opacity: 0.2; line-height: 1.0; color: #000; opacity: 1; }

.flipbook-textLayer > div { color: transparent; color: #f00; position: absolute; white-space: pre; cursor: text; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; }

.flipbook-textLayer .highlight { margin: -1px; padding: 1px; background-color: #b400aa; border-radius: 4px; }

.flipbook-textLayer .highlight.begin { border-radius: 4px 0px 0px 4px; }

.flipbook-textLayer .highlight.end { border-radius: 0px 4px 4px 0px; }

.flipbook-textLayer .highlight.middle { border-radius: 0px; }

.flipbook-textLayer .highlight.selected { background-color: darkgreen; }

.flipbook-textLayer ::selection { background: blue; }

.flipbook-textLayer ::-moz-selection { background: blue; }

.flipbook-textLayer .endOfContent { display: block; position: absolute; left: 0px; top: 100%; right: 0px; bottom: 0px; z-index: -1; cursor: default; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; }

.flipbook-textLayer .endOfContent.active { top: 0px; }

.flipbook-annotationLayer section { position: absolute; }

.flipbook-annotationLayer .linkAnnotation > a { position: absolute; font-size: 1em; top: 0; left: 0; width: 100%; height: 100%; }

.flipbook-annotationLayer .linkAnnotation > a { background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat; /* background: rgba(0, 255, 0, 0.29); */ }

.flipbook-annotationLayer .linkAnnotation > a:hover { opacity: 0.2; background: #ff0; box-shadow: 0px 2px 10px #ff0; }

.flipbook-annotationLayer .textAnnotation img { position: absolute; cursor: pointer; }

.flipbook-annotationLayer .popupWrapper { position: absolute; width: 20em; }

.flipbook-annotationLayer .popup { position: absolute; z-index: 200; max-width: 20em; background-color: #FFFF99; box-shadow: 0px 2px 5px #333; border-radius: 2px; padding: 0.6em; margin-left: 5px; cursor: pointer; word-wrap: break-word; }

.flipbook-annotationLayer .popup h1 { font-size: 1em; border-bottom: 1px solid #000000; padding-bottom: 0.2em; }

.flipbook-annotationLayer .popup p { padding-top: 0.2em; }

.flipbook-annotationLayer .highlightAnnotation, .flipbook-annotationLayer .underlineAnnotation, .flipbook-annotationLayer .squigglyAnnotation, .flipbook-annotationLayer .strikeoutAnnotation { cursor: pointer; }

/**  Custom Styles */
.flipbook-container { height: 740px; position: relative; }

.flipbook-arrow-wrapper { opacity: 1; }

.flipbook-right-arrow, .flipbook-left-arrow { color: #113c2b; transition: all .3s; width: 54px !important; height: 54px !important; }
.flipbook-right-arrow:after, .flipbook-left-arrow:after { position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; }
.flipbook-right-arrow:hover, .flipbook-left-arrow:hover { color: #009c3b !important; }

.flipbook-overlay .flipbook-right-arrow, .flipbook-overlay .flipbook-left-arrow { color: white; background-color: #009c3b; }
.flipbook-overlay .flipbook-right-arrow:after, .flipbook-overlay .flipbook-left-arrow:after { line-height: 48px; display: block; }
.flipbook-overlay .flipbook-right-arrow:hover, .flipbook-overlay .flipbook-left-arrow:hover { color: white !important; background-color: #95c11c !important; }

.flipbook-left-arrow:after { content: "\e079"; margin-right: 2px; }

.flipbook-right-arrow:after { content: "\e080"; margin-right: 2px; }

.flipbook-lightbox-toolbar .flipbook-lightbox-close { height: 36px; width: 36px; background-color: #009c3b; transition: background-color .3s; color: white; }
.flipbook-lightbox-toolbar .flipbook-lightbox-close:after { position: relative; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; content: "\e014"; line-height: 36px; }
.flipbook-lightbox-toolbar .flipbook-lightbox-close:hover { background-color: #95c11c; }

.cssload-container { height: 200%; background: rgba(0, 0, 0, 0.5); }

#promotion-list { background-color: whitesmoke; min-height: 106px; margin-bottom: 24px; padding: 24px 0; }
#promotion-list a { text-align: center; font-family: "IngeborgItalic", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; color: #113c2b; display: block; font-size: 20px; text-decoration: none; padding: 0 12px; }
#promotion-list a.active { color: #009c3b; }
#promotion-list a small { font-weight: normal; font-size: 16px; }
#promotion-list .col-sm-4:not(:last-child) { border-right: 1px solid #b1b2b3; }
@media (max-width: 767px) { #promotion-list .col-sm-4:not(:last-child) a { margin-bottom: 24px; }
  #promotion-list .col-sm-4:not(:last-child) small { border-bottom: 1px solid #b1b2b3; padding-bottom: 15px; } }

.ecard-invitations form { margin-bottom: 0; }
.ecard-invitations hr.arrow { position: relative; height: 20px; margin: 20px 0; border-color: #b1b2b3; overflow: visible; }
.ecard-invitations hr.arrow:before, .ecard-invitations hr.arrow:after { display: block; content: ""; height: 0; width: 0; border: 1px solid transparent; border-width: 20px 20px 0 20px; border-top-color: #b1b2b3; margin-left: 30px; position: absolute; }
.ecard-invitations hr.arrow:after { border-top-color: white; margin-top: -1px; }
.ecard-invitations .select-group select.form-control { width: auto; display: inline-block; }
.ecard-invitations .select-group .unit { display: inline-block; }
.ecard-invitations .btn { margin: 0 15px 0 0; }
.ecard-invitations .btn.btn-whatsapp { background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #26b33d), color-stop(100%, #61d36b)); background: -webkit-linear-gradient(bottom, #26b33d, #61d36b 100%); background: -moz-linear-gradient(bottom, #26b33d, #61d36b 100%); background: -o-linear-gradient(bottom, #26b33d, #61d36b 100%); background: linear-gradient(bottom, #26b33d, #61d36b 100%); }
.no-touch .ecard-invitations .btn.btn-whatsapp:hover { background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #229e36), color-stop(100%, #75d97e)); background: -webkit-linear-gradient(bottom, #229e36, #75d97e 100%); background: -moz-linear-gradient(bottom, #229e36, #75d97e 100%); background: -o-linear-gradient(bottom, #229e36, #75d97e 100%); background: linear-gradient(bottom, #229e36, #75d97e 100%); }
.ecard-invitations .btn.btn-whatsapp:active { background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #229e36), color-stop(100%, #75d97e)); background: -webkit-linear-gradient(bottom, #229e36, #75d97e 100%); background: -moz-linear-gradient(bottom, #229e36, #75d97e 100%); background: -o-linear-gradient(bottom, #229e36, #75d97e 100%); background: linear-gradient(bottom, #229e36, #75d97e 100%); }
.ecard-invitations .btn.btn-facebook { background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #29487d), color-stop(100%, #4267b2)); background: -webkit-linear-gradient(bottom, #29487d, #4267b2 100%); background: -moz-linear-gradient(bottom, #29487d, #4267b2 100%); background: -o-linear-gradient(bottom, #29487d, #4267b2 100%); background: linear-gradient(bottom, #29487d, #4267b2 100%); }
.no-touch .ecard-invitations .btn.btn-facebook:hover { background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #233d6a), color-stop(100%, #5074be)); background: -webkit-linear-gradient(bottom, #233d6a, #5074be 100%); background: -moz-linear-gradient(bottom, #233d6a, #5074be 100%); background: -o-linear-gradient(bottom, #233d6a, #5074be 100%); background: linear-gradient(bottom, #233d6a, #5074be 100%); }
.ecard-invitations .btn.btn-facebook:active { background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #233d6a), color-stop(100%, #5074be)); background: -webkit-linear-gradient(bottom, #233d6a, #5074be 100%); background: -moz-linear-gradient(bottom, #233d6a, #5074be 100%); background: -o-linear-gradient(bottom, #233d6a, #5074be 100%); background: linear-gradient(bottom, #233d6a, #5074be 100%); }
@media screen and (max-width: 991px) { .ecard-invitations .hidden-small { display: none; } }
.ecard-invitations .select-group select + select, .ecard-invitations .select-group .unit + select { margin-left: 5px; }
.ecard-invitations #ecardModal .media-comp img { border: 1px solid rgba(0, 0, 0, 0.2); }
.ecard-invitations .carousel { margin-bottom: 40px; padding: 0 70px; }
.ecard-invitations .carousel .carousel-indicators { bottom: -40px; }
.ecard-invitations .carousel .carousel-indicators li { background: #b1b2b3; border-width: 0; width: 12px; height: 12px; transition: background .3s; margin: 0 2px; }
.ecard-invitations .carousel .carousel-indicators li.active { background: #009c3b; }
.ecard-invitations .carousel .media-comp { margin-bottom: 0; }
.ecard-invitations .carousel .media-comp img { width: 100%; max-width: auto; }
.ecard-invitations #ecard-preview { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2); width: calc(100% - 140px); height: 100%; position: absolute; top: 0; left: 70px; z-index: 10; font-size: 16px; }
@media (min-width: 992px) and (max-width: 1199px) { .ecard-invitations #ecard-preview { font-size: 13px; } }
@media (min-width: 768px) and (max-width: 991px) { .ecard-invitations #ecard-preview { font-size: 11px; } }
.ecard-invitations #ecard-preview .txt { position: absolute; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; font-size: 1em; color: #009c3b; }
@media (max-width: 767px) { .ecard-invitations #ecard-preview .txt { display: none; } }
.ecard-invitations #ecard-preview .txt.date, .ecard-invitations #ecard-preview .txt.hours, .ecard-invitations #ecard-preview .txt.minutes { top: 56.2%; }
.ecard-invitations #ecard-preview .txt.date { left: 22.5%; width: 40%; }
.ecard-invitations #ecard-preview .txt.hours, .ecard-invitations #ecard-preview .txt.minutes { width: 5%; text-align: center; }
.ecard-invitations #ecard-preview .txt.hours { left: 67%; }
.ecard-invitations #ecard-preview .txt.minutes { left: 75%; }
.ecard-invitations #ecard-preview .txt.location { top: 62.0%; left: 31%; width: 54.5%; }
.ecard-invitations #ecard-preview .txt.animate { top: 67.8%; left: 42%; width: 42.5%; }
.ecard-invitations #ecard-preview .txt.email, .ecard-invitations #ecard-preview .txt.telephone { font-size: .8em; }
.ecard-invitations #ecard-preview .txt.telephone { top: 79.4%; left: 64.8%; width: 33.4%; }
.ecard-invitations #ecard-preview .txt.email { top: 83.8%; left: 64%; width: 34.2%; }
.ecard-invitations #ecard-preview .txt.name { top: 93.4%; right: 1.8%; width: 46%; }