/* kalam-700 - latin */
@font-face {
    font-family: "Kalam";
    font-style: normal;
    font-weight: 700;
    src: local(""), url(../fonts/kalam-v11-latin-700.woff2) format("woff2"), /* Chrome 26+, Opera 23+, Firefox 39+ */ url(../fonts/kalam-v11-latin-700.woff) format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }
/* fira-sans-extra-condensed-regular - latin */
@font-face {
    font-family: "Fira Sans Extra Condensed";
    font-style: normal;
    font-weight: 400;
    src: local(""), url(../fonts/fira-sans-extra-condensed-v5-latin-regular.woff2) format("woff2"), /* Chrome 26+, Opera 23+, Firefox 39+ */ url(../fonts/fira-sans-extra-condensed-v5-latin-regular.woff) format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }
/* fira-sans-extra-condensed-500 - latin */
@font-face {
    font-family: "Fira Sans Extra Condensed";
    font-style: normal;
    font-weight: 500;
    src: local(""), url(../fonts/fira-sans-extra-condensed-v5-latin-500.woff2) format("woff2"), /* Chrome 26+, Opera 23+, Firefox 39+ */ url(../fonts/fira-sans-extra-condensed-v5-latin-500.woff) format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }
/* fira-sans-extra-condensed-700 - latin */
@font-face {
    font-family: "Fira Sans Extra Condensed";
    font-style: normal;
    font-weight: 700;
    src: local(""), url(../fonts/fira-sans-extra-condensed-v5-latin-700.woff2) format("woff2"), /* Chrome 26+, Opera 23+, Firefox 39+ */ url(../fonts/fira-sans-extra-condensed-v5-latin-700.woff) format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }
a {
    text-decoration: none;
    color: #e95d0f
    }
a:hover {
    color: #3f3f3f
    }
.grey {
    color: #b1b3b4
    }
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%;
    font-size: 100%
    }
body {
    margin: 0
    }
a:focus {
    outline: thin dotted
    }
a:active, a:hover {
    outline: 0
    }
p, pre {
    margin: 1em 0
    }
blockquote {
    margin: 1em 40px
    }
h1 {
    font-size: 2em;
    margin: 0.67em 0
    }
h2 {
    font-size: 1.5em;
    margin: 0.83em 0
    }
h3 {
    font-size: 1.17em;
    margin: 1em 0
    }
h4 {
    font-size: 1em;
    margin: 1.33em 0
    }
h5 {
    font-size: 0.83em;
    margin: 1.67em 0
    }
h6 {
    font-size: 0.67em;
    margin: 2.33em 0
    }
abbr[title] {
    border-bottom: 1px dotted
    }
b, strong {
    font-weight: bold
    }
dfn {
    font-style: italic
    }
hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
    }
mark {
    background: #ff0;
    color: #000
    }
code, kbd, pre, samp {
    font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace, serif;
    font-size: 1em
    }
pre {
    white-space: pre-wrap
    }
q {
    quotes: "“" "”" "‘" "’"
    }
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
    }
dl, menu, ol, ul {
    margin: 1em 0;
    padding: 0 0 0 40px
    }
dl {
    padding: 0
    }
dd {
    margin: 0 0 0 40px
    }
img {
    border: 0
    }
svg:not(:root) {
    overflow: hidden
    }
figure {
    margin: 0
    }
fieldset {
    border-color: #c0c0c0;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
    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"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
    }
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-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
    }
html, body {
    font-size: 16px;
    font-size: 100%
    }
body {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
    color: #555;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size-adjust: auto
    }
html {
    overflow-x: hidden
    }
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
/* Body */
body {
    font-family: "Fira Sans Extra Condensed", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #3f3f3f;
    background-color: #fff
    }
@media only screen and (max-width: 524px) {
    body {
        font-size: 18px
        }
    }
/* Typo */
h1 {
    font-size: 35px;
    font-weight: 500;
    margin: 0
    }
@media only screen and (max-width: 700px) {
    h1 {
        font-size: 30px;
        line-height: 35px
        }
    }
h2 {
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 15px
    }
.dist-left {
    margin: 0;
    margin-left: 30px
    }
@media only screen and (max-width: 1130px) {
    .dist-left {
        margin-left: 31px
        }
    }
.sub-headline {
    margin: 0
    }
/* Diverses */
.no-border {
    border: 0
    }
.break-mq-small {
    display: none
    }
@media only screen and (max-width: 555px) {
    .break-mq-small {
        display: block
        }
    }
.break-mq-big {
    display: block
    }
@media only screen and (max-width: 555px) {
    .break-mq-big {
        display: none
        }
    }
.dist-updown {
    margin: 45px 0
    }
.splitter {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
    height: 5px;
    border-top: 2px dotted #c4c4c4;
    margin: 40px 0
    }
.splitter:before, .splitter:after {
    content: "";
    display: table
    }
.splitter:after {
    clear: both
    }
.splitter:last-child {
    margin-right: 0%
    }
@media only screen and (max-width: 524px) {
    .splitter {
        margin: 20px 0 30px 0
        }
    }
.border-bottom {
    border-bottom: 1px solid #ebebeb
    }
video {
    width: 100%;
    height: auto
    }
/* Container */
#container {
    width: auto;
    max-width: 6000px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0
    }
#container:before, #container:after {
    content: "";
    display: table
    }
#container:after {
    clear: both
    }
#container-inner {
    width: auto;
    max-width: 1150px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    position: relative
    }
#container-inner:before, #container-inner:after {
    content: "";
    display: table
    }
#container-inner:after {
    clear: both
    }
#container-inner #girl {
    position: absolute;
    top: 25px;
    left: 30px;
    z-index: 1
    }
@media only screen and (max-width: 1130px) {
    #container-inner #girl {
        display: none
        }
    }
/* Header */
#header, #header-bg {
    height: 169px;
    color: #fff
    }
#header #header-inner, #header-bg #header-inner {
    z-index: 2;
    width: auto;
    max-width: 960px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    height: 100%
    }
#header #header-inner:before, #header-bg #header-inner:before, #header #header-inner:after, #header-bg #header-inner:after {
    content: "";
    display: table
    }
#header #header-inner:after, #header-bg #header-inner:after {
    clear: both
    }
@media only screen and (max-width: 1130px) {
    #header #header-inner, #header-bg #header-inner {
        margin: 0 auto
        }
    }
#header #header-inner img, #header-bg #header-inner img {
    z-index: 2;
    width: 327px;
    margin: 48px 0 0 20px;
    float: left
    }
@media only screen and (max-width: 365px) {
    #header #header-inner img, #header-bg #header-inner img {
        width: 287px
        }
    }
#header #header-inner p, #header-bg #header-inner p {
    z-index: 10;
    text-align: right;
    margin: 106px 44px 0 20px
    }
#header #header-inner p a, #header-bg #header-inner p a {
    color: #b0b0b0
    }
#header #header-inner p a:hover, #header #header-inner p a#active, #header-bg #header-inner p a:hover {
    color: #3f3f3f
    }
@media only screen and (max-width: 710px) {
    #header #header-inner p, #header-bg #header-inner p {
        display: none
        }
    }
#header-bg {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
    position: absolute;
    top: 0
    }
#header-bg:before, #header-bg:after {
    content: "";
    display: table
    }
#header-bg:after {
    clear: both
    }
#header-bg:last-child {
    margin-right: 0%
    }
.sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    margin-top: 0 !important;
    z-index: 1001;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5)
    }
.mainnav-container {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
    background-color: #ebebeb;
    position: relative;
    margin-top: 2px;
    margin-bottom: 20px
    }
.mainnav-container:before, .mainnav-container:after {
    content: "";
    display: table
    }
.mainnav-container:after {
    clear: both
    }
.mainnav-container:last-child {
    margin-right: 0%
    }
#mainnavbox {
    width: auto;
    max-width: 960px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0
    }
#mainnavbox:before, #mainnavbox:after {
    content: "";
    display: table
    }
@media only screen and (max-width: 865px) {
    #mainnavbox::before {
        background-color: #ebebeb;
        width: 100%;
        height: 40px
        }
    }
@media only screen and (max-width: 1130px) {
    #mainnavbox {
        margin: 0 auto;
        background-color: #ebebeb
        }
    }
#mainnav {
    position: relative;
    z-index: 1000
    }
@media only screen and (min-width: 866px) {
    #mainnav {
        display: block !important
        }
    }
#mainnav, #mainnav-bg {
    background-color: #ebebeb;
    margin: 0;
    padding: 0;
    margin-left: 30px
    }
@media only screen and (max-width: 865px) {
    #mainnav, #mainnav-bg {
        margin-left: 0;
        position: relative;
        z-index: 2;
        overflow: hidden
        }
    #mainnav {
        /* transition: height 1s; */
        /* height: 0px; */
        display: none
        }
    }
#mainnav-bg {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
    position: absolute;
    top: 171px;
    font-size: 25px;
    line-height: 40px;
    margin: 0;
    z-index: 1000
    }
#mainnav-bg:before, #mainnav-bg:after {
    content: "";
    display: table
    }
#mainnav-bg:after {
    clear: both
    }
#mainnav-bg:last-child {
    margin-right: 0%
    }
#mainnav.openNav {
    /* transition: height 1s;
      height: auto; */
    /* box-shadow: 0px 0px 5px rgba(0,0,0,.5);   */
    }
#mainnav li {
    position: relative;
    display: block;
    float: left;
    margin-right: 25px;
    font-size: 20px;
    line-height: 40px
    }
#mainnav li:last-child {
    margin-right: 0
    }
@media only screen and (max-width: 865px) {
    #mainnav li {
        display: block;
        clear: both;
        float: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        border-top: 1px dotted #fff
        }
    #mainnav li:first-child {
        margin-left: auto
        }
    #mainnav li:last-child {
        margin-right: auto
        }
    }
#mainnav li a {
    color: #3f3f3f;
    display: block;
    -webkit-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out
    }
#mainnav li a:hover, #mainnav li a.active {
    color: #e95d0f
    }
@media only screen and (max-width: 865px) {
    #mainnav li a {
        margin-left: 31px;
        color: #e95d0f
        }
    }
#mainnav li .mainnav-small {
    color: #3f3f3f
    }
#mainnav li .mainnav-small:hover {
    color: #e95d0f
    }
@media only screen and (min-width: 865px) {
    #mainnav li .mainnav-small {
        display: none
        }
    }
.open-panel {
    font-size: 20px;
    line-height: 20px;
    color: #727272;
    position: absolute;
    top: 10px;
    left: 20px;
    right: 0;
    width: calc(100% - 20px);
    display: block;
    z-index: 1000
    }
.open-panel:hover {
    color: #3f3f3f
    }
@media only screen and (min-width: 866px) {
    .open-panel {
        display: none
        }
    }
#facebook-btn {
    padding: 10px 13px 3px 13px;
    margin-right: 10px;
    background-color: #eb5a0a;
    text-align: center;
    color: #fff;
    font-size: 21px;
    line-height: 1.5 !important;
    float: right;
    border-radius: 0 0 10px 10px;
    transition: 0.3s
    }
#facebook-btn:hover {
    background-color: #ededed;
    color: #3f3f3f
    }
@media only screen and (max-width: 420px) {
    #facebook-btn {
        position: absolute;
        top: 0;
        right: 0
        }
    }
/* Content */
#content {
    width: auto;
    max-width: 960px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    margin-top: 80px
    }
#content:before, #content:after {
    content: "";
    display: table
    }
#content:after {
    clear: both
    }
@media only screen and (max-width: 1130px) {
    #content {
        position: relative;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        margin: 80px auto 0 auto
        }
    }
.content-inner {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
    padding: 0 20px
    }
.content-inner:before, .content-inner:after {
    content: "";
    display: table
    }
.content-inner:after {
    clear: both
    }
.content-inner:last-child {
    margin-right: 0%
    }
.news-container {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
    float: right
    }
.news-container:before, .news-container:after {
    content: "";
    display: table
    }
.news-container:after {
    clear: both
    }
.news-container:last-child {
    margin-right: 0%
    }
@media only screen and (max-width: 1130px) {
    .news-container {
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
        }
    .news-container:before, .news-container:after {
        content: "";
        display: table
        }
    .news-container:after {
        clear: both
        }
    .news-container:last-child {
        margin-right: 0%
        }
    .news-container:before, .news-container:after {
        content: "";
        display: table
        }
    .news-container:after {
        clear: both
        }
    }
.news-1 {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%
    }
.news-1:before, .news-1:after {
    content: "";
    display: table
    }
.news-1:after {
    clear: both
    }
.news-1:last-child {
    margin-right: 0%
    }
.news-2 {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%
    }
.news-2:before, .news-2:after {
    content: "";
    display: table
    }
.news-2:after {
    clear: both
    }
.news-2:last-child {
    margin-right: 0%
    }
.news-3 {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 31.333333%;
    margin-left: 0%;
    margin-right: 3%
    }
.news-3:before, .news-3:after {
    content: "";
    display: table
    }
.news-3:after {
    clear: both
    }
.news-3:last-child {
    margin-right: 0%
    }
@media only screen and (max-width: 524px) {
    .news-1, .news-2, .news-3 {
        display: block;
        clear: both;
        float: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px
        }
    .news-1:first-child, .news-2:first-child, .news-3:first-child {
        margin-left: auto
        }
    .news-1:last-child, .news-2:last-child, .news-3:last-child {
        margin-right: auto
        }
    .news-1:last-child, .news-2:last-child, .news-3:last-child {
        margin-bottom: 0
        }
    }
.cineprog-plus-gfx {
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%
    }
.cineprog-plus-gfx:before, .cineprog-plus-gfx:after {
    content: "";
    display: table
    }
.cineprog-plus-gfx:after {
    clear: both
    }
.cineprog-plus-gfx:last-child {
    margin-right: 0%
    }
.cineprog-plus-gfx img {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-bottom: 30px
    }
.cineprog-plus-gfx img:before, .cineprog-plus-gfx img:after {
    content: "";
    display: table
    }
.cineprog-plus-gfx img:after {
    clear: both
    }
.cineprog-plus-gfx img:last-child {
    margin-right: 0%
    }
.cineprog-plus-gfx h1 {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
    text-align: center
    }
.cineprog-plus-gfx h1:before, .cineprog-plus-gfx h1:after {
    content: "";
    display: table
    }
.cineprog-plus-gfx h1:after {
    clear: both
    }
.cineprog-plus-gfx h1:last-child {
    margin-right: 0%
    }
.overview-gfx {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
    text-align: center;
    margin-top: 40px
    }
.overview-gfx:before, .overview-gfx:after {
    content: "";
    display: table
    }
.overview-gfx:after {
    clear: both
    }
.overview-gfx:last-child {
    margin-right: 0%
    }
.overview-gfx img {
    width: 70%
    }
@media only screen and (max-width: 740px) {
    .overview-gfx img {
        width: 90%
        }
    }
@media only screen and (max-width: 524px) {
    .overview-gfx img {
        width: 100%
        }
    }
.userchart-gfx {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
    text-align: center
    }
.userchart-gfx:before, .userchart-gfx:after {
    content: "";
    display: table
    }
.userchart-gfx:after {
    clear: both
    }
.userchart-gfx:last-child {
    margin-right: 0%
    }
.userchart-gfx img {
    width: 60%;
    margin-top: 30px
    }
@media only screen and (max-width: 524px) {
    .userchart-gfx img {
        width: 100%;
        padding: 0 20px;
        margin-top: 0
        }
    }
.userchart-gfx p {
    color: #808080;
    padding: 0 20px
    }
.cineprog-classic-gfx {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
    text-align: center
    }
.cineprog-classic-gfx:before, .cineprog-classic-gfx:after {
    content: "";
    display: table
    }
.cineprog-classic-gfx:after {
    clear: both
    }
.cineprog-classic-gfx:last-child {
    margin-right: 0%
    }
.cineprog-classic-gfx img {
    width: 60%
    }
@media only screen and (max-width: 524px) {
    .cineprog-classic-gfx img {
        width: 100%;
        padding: 0 20px
        }
    }
.cineprog-flyer, .cineprog-print, .cineprog-cimis {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%
    }
.cineprog-flyer:before, .cineprog-print:before, .cineprog-cimis:before, .cineprog-flyer:after, .cineprog-print:after, .cineprog-cimis:after {
    content: "";
    display: table
    }
.cineprog-flyer:after, .cineprog-print:after, .cineprog-cimis:after {
    clear: both
    }
.cineprog-flyer:last-child, .cineprog-print:last-child, .cineprog-cimis:last-child {
    margin-right: 0%
    }
.cineprog-flyer img, .cineprog-print img, .cineprog-cimis img {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
    margin-top: 20px;
    margin-bottom: 30px;
    border-radius: 15px
    }
.cineprog-flyer img:before, .cineprog-print img:before, .cineprog-cimis img:before, .cineprog-flyer img:after, .cineprog-print img:after, .cineprog-cimis img:after {
    content: "";
    display: table
    }
.cineprog-flyer img:after, .cineprog-print img:after, .cineprog-cimis img:after {
    clear: both
    }
.cineprog-flyer img:last-child, .cineprog-print img:last-child, .cineprog-cimis img:last-child {
    margin-right: 0%
    }
.greybox, .whitebox, .bluebox {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
    background-color: #ebebeb;
    border-radius: 15px
    }
.greybox:before, .whitebox:before, .bluebox:before, .greybox:after, .whitebox:after, .bluebox:after {
    content: "";
    display: table
    }
.greybox:after, .whitebox:after, .bluebox:after {
    clear: both
    }
.greybox:last-child, .whitebox:last-child, .bluebox:last-child {
    margin-right: 0%
    }
.greybox div, .whitebox div, .bluebox div {
    padding: 30px
    }
@media only screen and (max-width: 524px) {
    .greybox div, .whitebox div, .bluebox div {
        padding: 20px
        }
    }
.greybox div div, .whitebox div div, .bluebox div div {
    padding: 0
    }
.greybox div h1, .whitebox div h1, .bluebox div h1 {
    margin: 0
    }
.whitebox {
    background-color: #fff
    }
.bluebox {
    background-color: #3b5a99;
    color: #fff;
    margin-top: 20px
    }
.bluebox div#fb-txt {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 65.666667%;
    margin-left: 0%;
    margin-right: 3%;
    padding: 30px
    }
.bluebox div#fb-txt:before, .bluebox div#fb-txt:after {
    content: "";
    display: table
    }
.bluebox div#fb-txt:after {
    clear: both
    }
.bluebox div#fb-txt:last-child {
    margin-right: 0%
    }
@media only screen and (max-width: 524px) {
    .bluebox div#fb-txt {
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%;
        padding: 20px
        }
    .bluebox div#fb-txt:before, .bluebox div#fb-txt:after {
        content: "";
        display: table
        }
    .bluebox div#fb-txt:after {
        clear: both
        }
    .bluebox div#fb-txt:last-child {
        margin-right: 0%
        }
    }
.bluebox div#fb-logo {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 31.333333%;
    margin-left: 0%;
    margin-right: 3%
    }
.bluebox div#fb-logo:before, .bluebox div#fb-logo:after {
    content: "";
    display: table
    }
.bluebox div#fb-logo:after {
    clear: both
    }
.bluebox div#fb-logo:last-child {
    margin-right: 0%
    }
.bluebox div#fb-logo img {
    width: 80%;
    margin-top: 5px;
    opacity: 0.8
    }
@media only screen and (max-width: 524px) {
    .bluebox div#fb-logo {
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%;
        width: 40%;
        text-align: center
        }
    .bluebox div#fb-logo:before, .bluebox div#fb-logo:after {
        content: "";
        display: table
        }
    .bluebox div#fb-logo:after {
        clear: both
        }
    .bluebox div#fb-logo:last-child {
        margin-right: 0%
        }
    }
#slideshow {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 26.428571%;
    margin-left: 0%;
    margin-right: 3%
    }
#slideshow:before, #slideshow:after {
    content: "";
    display: table
    }
#slideshow:after {
    clear: both
    }
#slideshow:last-child {
    margin-right: 0%
    }
@media only screen and (max-width: 865px) {
    #slideshow {
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 31.333333%;
        margin-left: 0%;
        margin-right: 3%
        }
    #slideshow:before, #slideshow:after {
        content: "";
        display: table
        }
    #slideshow:after {
        clear: both
        }
    #slideshow:last-child {
        margin-right: 0%
        }
    }
@media only screen and (max-width: 524px) {
    #slideshow {
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%
        }
    #slideshow:before, #slideshow:after {
        content: "";
        display: table
        }
    #slideshow:after {
        clear: both
        }
    #slideshow:last-child {
        margin-right: 0%
        }
    }
@media only screen and (max-width: 420px) {
    #slideshow {
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%;
        text-align: center
        }
    #slideshow:before, #slideshow:after {
        content: "";
        display: table
        }
    #slideshow:after {
        clear: both
        }
    #slideshow:last-child {
        margin-right: 0%
        }
    }
#slideshow img {
    width: 100%;
    display: none
    }
@media only screen and (max-width: 420px) {
    #slideshow img {
        width: 60%
        }
    }
#slideshow img.show {
    width: 100%;
    display: inline
    }
@media only screen and (max-width: 420px) {
    #slideshow img.show {
        width: 60%
        }
    }
.app-txt {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 70.571429%;
    margin-left: 0%;
    margin-right: 3%
    }
.app-txt:before, .app-txt:after {
    content: "";
    display: table
    }
.app-txt:after {
    clear: both
    }
.app-txt:last-child {
    margin-right: 0%
    }
@media only screen and (max-width: 865px) {
    .app-txt {
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 65.666667%;
        margin-left: 0%;
        margin-right: 3%
        }
    .app-txt:before, .app-txt:after {
        content: "";
        display: table
        }
    .app-txt:after {
        clear: both
        }
    .app-txt:last-child {
        margin-right: 0%
        }
    }
@media only screen and (max-width: 524px) {
    .app-txt {
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%
        }
    .app-txt:before, .app-txt:after {
        content: "";
        display: table
        }
    .app-txt:after {
        clear: both
        }
    .app-txt:last-child {
        margin-right: 0%
        }
    }
@media only screen and (max-width: 420px) {
    .app-txt {
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
        }
    .app-txt:before, .app-txt:after {
        content: "";
        display: table
        }
    .app-txt:after {
        clear: both
        }
    .app-txt:last-child {
        margin-right: 0%
        }
    }
#appstore-logos {
    width: 139px;
    height: 103px
    }
#cimis-screens {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
    text-align: center;
    margin-top: 30px
    }
#cimis-screens:before, #cimis-screens:after {
    content: "";
    display: table
    }
#cimis-screens:after {
    clear: both
    }
#cimis-screens:last-child {
    margin-right: 0%
    }
#cimis-screens img {
    max-width: 100%
    }
.col-1, .col-2 {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%
    }
.col-1:before, .col-2:before, .col-1:after, .col-2:after {
    content: "";
    display: table
    }
.col-1:after, .col-2:after {
    clear: both
    }
.col-1:last-child, .col-2:last-child {
    margin-right: 0%
    }
@media only screen and (max-width: 524px) {
    .col-1, .col-2 {
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
        }
    .col-1:before, .col-2:before, .col-1:after, .col-2:after {
        content: "";
        display: table
        }
    .col-1:after, .col-2:after {
        clear: both
        }
    .col-1:last-child, .col-2:last-child {
        margin-right: 0%
        }
    }
.photo {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 31.333333%;
    margin-left: 0%;
    margin-right: 3%;
    text-align: center
    }
.photo:before, .photo:after {
    content: "";
    display: table
    }
.photo:after {
    clear: both
    }
.photo:nth-child(3n) {
    margin-right: 0%;
    float: right
    }
.photo img {
    width: 161px;
    height: 171px
    }
@media only screen and (max-width: 560px) {
    .photo {
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 48.5%;
        margin-left: 0%;
        margin-right: 3%;
        text-align: center
        }
    .photo:before, .photo:after {
        content: "";
        display: table
        }
    .photo:after {
        clear: both
        }
    .photo:nth-child(3n) {
        margin-right: 3%;
        float: left
        }
    .photo:nth-child(2n) {
        margin-right: 0%;
        float: right
        }
    }
@media only screen and (max-width: 420px) {
    .photo {
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%;
        text-align: center
        }
    .photo:before, .photo:after {
        content: "";
        display: table
        }
    .photo:after {
        clear: both
        }
    .photo:nth-child(2n) {
        margin-right: 3%;
        float: left
        }
    .photo:last-child {
        margin-right: 0%
        }
    }
#address {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%
    }
#address:before, #address:after {
    content: "";
    display: table
    }
#address:after {
    clear: both
    }
#address:last-child {
    margin-right: 0%
    }
@media only screen and (max-width: 865px) {
    #address {
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
        }
    #address:before, #address:after {
        content: "";
        display: table
        }
    #address:after {
        clear: both
        }
    #address:last-child {
        margin-right: 0%
        }
    }
#c {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%
    }
#c:before, #c:after {
    content: "";
    display: table
    }
#c:after {
    clear: both
    }
#c:last-child {
    margin-right: 0%
    }
#c img {
    width: 372px;
    height: 406px
    }
@media only screen and (max-width: 865px) {
    #c {
        display: none
        }
    }
#imprint-address {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 31.333333%;
    margin-left: 0%;
    margin-right: 3%
    }
#imprint-address:before, #imprint-address:after {
    content: "";
    display: table
    }
#imprint-address:after {
    clear: both
    }
#imprint-address:last-child {
    margin-right: 0%
    }
@media only screen and (max-width: 865px) {
    #imprint-address {
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%
        }
    #imprint-address:before, #imprint-address:after {
        content: "";
        display: table
        }
    #imprint-address:after {
        clear: both
        }
    #imprint-address:last-child {
        margin-right: 0%
        }
    }
#imprint-comment {
    float: left;
    display: inline;
    clear: none;
    text-align: inherit;
    padding-left: 0;
    padding-right: 0;
    width: 65.666667%;
    margin-left: 0%;
    margin-right: 3%
    }
#imprint-comment:before, #imprint-comment:after {
    content: "";
    display: table
    }
#imprint-comment:after {
    clear: both
    }
#imprint-comment:last-child {
    margin-right: 0%
    }
@media only screen and (max-width: 865px) {
    #imprint-comment {
        float: left;
        display: inline;
        clear: none;
        text-align: inherit;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%;
        margin-top: 15px
        }
    #imprint-comment:before, #imprint-comment:after {
        content: "";
        display: table
        }
    #imprint-comment:after {
        clear: both
        }
    #imprint-comment:last-child {
        margin-right: 0%
        }
    }
/* Footer */
#footer {
    width: auto;
    max-width: 6000px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    height: 100px;
    margin-top: 30px;
    /* background-color: #3f3f3f; */
    }
#footer:before, #footer:after {
    content: "";
    display: table
    }
#footer:after {
    clear: both
    }
#footer-content {
    width: auto;
    max-width: 960px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    padding: 20px;
    margin-top: 20px;
    color: #b0b0b0;
    border-top: 1px dotted
    }
#footer-content:before, #footer-content:after {
    content: "";
    display: table
    }
#footer-content:after {
    clear: both
    }
@media only screen and (max-width: 1130px) {
    #footer-content {
        margin: 20px auto 0 auto
        }
    }
#footer-content a {
    color: #b0b0b0
    }
#footer-content a:hover {
    color: #3f3f3f
    }
#prices-pdf, #imprint {
    float: left;
    display: inline;
    clear: none;
    padding-left: 0;
    padding-right: 0;
    text-align: inherit;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%
    }
#prices-pdf:before, #imprint:before, #prices-pdf:after, #imprint:after {
    content: "";
    display: table
    }
#prices-pdf:after, #imprint:after {
    clear: both
    }
@media only screen and (max-width: 545px) {
    #prices-pdf, #imprint {
        float: left;
        display: inline;
        clear: none;
        padding-left: 0;
        padding-right: 0;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        text-align: center
        }
    #prices-pdf:before, #imprint:before, #prices-pdf:after, #imprint:after {
        content: "";
        display: table
        }
    #prices-pdf:after, #imprint:after {
        clear: both
        }
    }
#imprint {
    text-align: right
    }
@media only screen and (max-width: 545px) {
    #imprint {
        text-align: center
        }
    }
/* Zusatz website */
.website-absatz {
    margin-bottom: 10px
    }
.website-absatz:after {
    clear: both;
    content: "";
    display: table
    }
.screen-wide {
    border: 0;
    width: 100%;
    float: left;
    margin-right: 25px;
    margin-bottom: 10px;
    border-radius: 10px
    }
@media only screen and (min-width: 768px) {
    .screen-wide {
        max-width: 440px
        }
    }
.block {
    background-color: rgba(218, 218, 218, 0.4);
    border-radius: 15px;
    padding: 15px 30px;
    margin-top: 20px
    }
.websitePro {
    width: 100%;
    max-width: 270px;
    margin: 20px 0 0 20px
    }
.websiteProFree {
    width: 100%;
    max-width: 335px;
    margin: 20px 0 0 20px
    }
.new_product_btn-1 {
    max-width: 90px;
    position: absolute;
    top: -57px;
    right: 10px;
    z-index: 5
    }
ul.home-list {
    margin-top: 15px;
    list-style-type: none
    }
ul.home-list li {
    padding-left: 1.3
    }
ul.home-list li:before {
    font-family: FontAwesome, "Font Awesome 5 Free";
    content: "";
    /* FontAwesome Unicode */
    display: inline-block;
    margin-left: -1.3em;
    /* same as padding-left set on li */
    width: 1.3em;
    /* same as padding-left set on li */
    color: #e95d0f
    }
.handwriting {
    font-size: 1.8rem;
    font-family: "Kalam", cursive;
    font-weight: bold;
    text-transform: lowercase;
    line-height: 30px;
    color: #e95d0f;
    position: relative;
    left: 19px;
    /* -webkit-text-decoration-line: underline;
      text-decoration-line: underline;
      -webkit-text-decoration-style: double;
      text-decoration-style: double; */
    }
.handwriting-small {
    font-family: "Kalam", cursive;
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: lowercase;
    line-height: 0;
    color: #eb5a0a;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: double;
    text-decoration-style: double
    }
a:hover {
    color: #3f3f3f;
    text-decoration: none
    }
h4 {
    text-align: left
    }
#content {
    padding: 0 20px
    }
h3, .orange {
    color: #e95d0f
    }
.darkgrey {
    color: #3f3f3f
    }
.news-container h2 {
    color: #e95d0f
    }
/* Flyer-Galerie */
.my-gallery {
    width: 100%;
    float: left
    }
.my-gallery img {
    width: 100%;
    height: auto;
    border-radius: 10px
    }
.my-gallery figure {
    display: block;
    float: left;
    margin: 0 5px 10px 0;
    width: 100%
    }
@media only screen and (min-width: 600px) {
    .my-gallery figure {
        display: block;
        float: left;
        margin: 0 5px 10px 0;
        width: 49%
        }
    }
@media only screen and (min-width: 768px) {
    .my-gallery figure {
        display: block;
        float: left;
        margin: 0 5px 10px 0;
        width: 24%
        }
    }
.my-gallery figcaption {
    display: none
    }
.open-panel span {
    position: relative;
    top: -2px;
    left: -5px
    }
/* Hamburger Icon */
.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: -8px
    }
.hamRotate.active {
    transform: rotate(45deg)
    }
.hamRotate180.active {
    transform: rotate(180deg)
    }
.line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #727272;
    stroke-width: 5.5;
    stroke-linecap: round
    }
.ham4 .top {
    stroke-dasharray: 40 121
    }
.ham4 .bottom {
    stroke-dasharray: 40 121
    }
.ham4.active .top {
    stroke-dashoffset: -68px
    }
.ham4.active .bottom {
    stroke-dashoffset: -68px
    }