@charset "UTF-8";
        /*!
Theme Name: Henneberger Theme
Theme URI:
Description: Individulelles Theme für "Henneberger".
Author: Ralf Hoffmeister, design: Shuttle Design Studio
Author URI: http://ralfhoffmeister.de
Version: 1.1
Text Domain: hen-theme
*/
        /* CSS Document */
        /*
===============
= ADJUSTMENTS =
===============
*/
        /*RESET
   http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
   License: none (public domain)
**************************************************************/
        
        html,
        body,
        div,
        span,
        applet,
        object,
        iframe,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        blockquote,
        pre,
        a,
        abbr,
        acronym,
        address,
        big,
        cite,
        code,
        del,
        dfn,
        em,
        img,
        ins,
        kbd,
        q,
        s,
        samp,
        small,
        strike,
        strong,
        sub,
        sup,
        tt,
        var,
        b,
        u,
        i,
        center,
        dl,
        dt,
        dd,
        ol,
        ul,
        li,
        fieldset,
        form,
        label,
        legend,
        table,
        caption,
        tbody,
        tfoot,
        thead,
        tr,
        th,
        td,
        article,
        aside,
        canvas,
        details,
        embed,
        figure,
        figcaption,
        footer,
        header,
        hgroup,
        menu,
        nav,
        output,
        ruby,
        section,
        summary,
        time,
        mark,
        audio,
        video,
        button {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline
        }
        
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section {
            display: block
        }
        
        body {
            line-height: 1
        }
        
        ol,
        ul {
            list-style: none
        }
        
        blockquote,
        q {
            quotes: none
        }
        
        blockquote:before,
        blockquote:after,
        q:before,
        q:after {
            content: '';
            content: none
        }
        
        table {
            border-collapse: collapse;
            border-spacing: 0
        }
        /*SELF CLEAR FLOATING ELEMENTS
**************************************************************/
        
        .clear:after {
            content: ".";
            display: block;
            height: 0;
            font-size: 0;
            clear: both;
            visibility: hidden
        }
        
        * html .clear {
            height: 1%
        }
        
        *:first-child+html .clear {
            min-height: 1px
        }
        /*BORDER-BOX LAYOUT
**************************************************************/
        
        *,
        *:before,
        *:after {
            box-sizing: border-box;
        }
        /*
=============
= VARIABLES =
=============
*/
        
         :root {
            /* Colors */
            --white: #FAF9F7;
            --black: #1D1D1B;
            --primary-color: #C99D66;
            --body-font-color: #51514D;
            --bg-dark: #51514D;
            /* Fonts */
            --primary-hl-font: fino-sans, sans-serif;
            --main-nav-font: fino-sans, sans-serif;
        }
        /* Font-Face */
        /*
===========
= PLUGINS =
===========
 */
        /*
==========
= HELPER =
==========
*/
        /*MISC
**************************************************************/
        
        .circle {
            border-radius: 50%;
        }
        
        .mask-circle {
            border-radius: 50%;
            overflow: hidden;
            -webkit-mask-image: -webkit-radial-gradient(white, black);
        }
        /*Call to Action Button*/
        
        .cta {
            display: inline-block;
            outline: none;
            border: 1px solid var(--primary-color);
            color: var(--black);
            background-color: var(--primary-color);
            text-align: center;
            text-decoration: none;
            padding: 5px 20px;
            line-height: 1;
            transition: all 0.15s ease-in-out;
            font-size: 16px;
            text-align: center;
            line-height: 37px;
            text-transform: uppercase;
        }
        
        .cta:hover {
            background-color: #fff;
            color: #000;
        }
        
        .cta:active,
        .cta.active {
            background-color: #000;
            color: #fff;
            transition: none;
        }
        
        .warning-msg {
            border-left: 5px solid #f00;
            padding-left: 10px;
        }
        
        .info-msg {
            border-left: 5px solid #aaa;
            padding-left: 10px;
        }
        
        .okay-msg {
            border-left: 5px solid #0f0;
            padding-left: 10px;
        }
        /*TYPOGRAPHY & LAYOUT
**************************************************************/
        /*size*/
        
        .small {
            font-size: 0.75em;
        }
        
        .medium {
            font-size: 1.5em;
        }
        
        .large {
            font-size: 2em;
        }
        
        .x-large {
            font-size: 2.5em;
        }
        /*alignment*/
        
        .align-center {
            text-align: center;
        }
        
        .align-justify {
            text-align: justify;
        }
        
        .align-right {
            text-align: right;
        }
        
        .align-left {
            text-align: left;
        }
        
        .italic {
            font-style: italic;
        }
        
        .bold {
            font-weight: 700;
        }
        
        .uppercase {
            text-transform: uppercase;
        }
        
        .lowercase {
            text-transform: lowercase;
        }
        /*other*/
        
        .hide-text {
            border: 0;
            font: 0/0 a;
            text-shadow: none;
            color: transparent;
        }
        
        .smooth {
            -webkit-font-smoothing: antialiased;
        }
        
        .sub-smooth {
            -webkit-font-smoothing: subpixel-antialiased;
        }
        /*DISPLAY OPTIONS
**************************************************************/
        /*floats*/
        
        .left {
            float: left;
        }
        
        .right {
            float: right;
        }
        
        .slick-dots li:only-child {
            display: none;
        }
        
        .error404 .section-error {
            padding-top: 100px;
            padding-bottom: 100px;
        }
        /* CSS Debugger */
        /* *:not(path):not(g) {
  color:                    hsla(210, 100%, 100%, 0.9) !important;
  background:               hsla(210, 100%,  50%, 0.5) !important;
  outline:    solid 0.25rem hsla(210, 100%, 100%, 0.5) !important;
  box-shadow: none !important;
} */
        /*WP-CORE
**************************************************************/
        
        .alignnone {
            margin: 5px 20px 20px 0
        }
        
        .aligncenter,
        div.aligncenter {
            display: block;
            margin: 5px auto
        }
        
        .alignright {
            float: right;
            margin: 5px 0 20px 20px
        }
        
        .alignleft {
            float: left;
            margin: 5px 20px 20px 0
        }
        
        .aligncenter {
            display: block;
            margin: 5px auto
        }
        
        a img.alignright {
            float: right;
            margin: 5px 0 20px 20px
        }
        
        a img.alignnone {
            margin: 5px 20px 20px 0
        }
        
        a img.alignleft {
            float: left;
            margin: 5px 20px 20px 0
        }
        
        a img.aligncenter {
            display: block;
            margin-left: auto;
            margin-right: auto
        }
        
        .wp-caption {
            background: #fff;
            border: 1px solid #f0f0f0;
            max-width: 96%;
            padding: 5px 3px 10px;
            text-align: center
        }
        
        .wp-caption.alignnone {
            margin: 5px 20px 20px 0
        }
        
        .wp-caption.alignleft {
            margin: 5px 20px 20px 0
        }
        
        .wp-caption.alignright {
            margin: 5px 0 20px 20px
        }
        
        .wp-caption img {
            border: 0 none;
            height: auto;
            margin: 0;
            max-width: 98.5%;
            padding: 0;
            width: auto
        }
        
        .wp-caption p.wp-caption-text {
            font-size: 11px;
            line-height: 17px;
            margin: 0;
            padding: 0 4px 5px
        }
        
        .wp-video,
        video.wp-video-shortcode,
        .mejs-container,
        .mejs-overlay.load {
            width: 100% !important;
            height: 100% !important;
        }
        
        .mejs-container {
            padding-top: 56.25%;
        }
        
        .wp-video,
        video.wp-video-shortcode {
            max-width: 100% !important;
        }
        
        video.wp-video-shortcode {
            position: relative;
        }
        
        .mejs-mediaelement {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }
        
        .mejs-controls {
            display: none;
        }
        
        .mejs-overlay-play {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: auto !important;
            height: auto !important;
        }
        /*
=========================================================
= ===================== BASE STYLES =================== =
=========================================================
*/
        /*Basic Styling for Headlines, Forms, links etc. */
        
        html {
            min-height: 100vh;
            font-size: 100%;
            background-color: var(--white);
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -webkit-text-size-adjust: none;
            -moz-text-size-adjust: none;
            -ms-text-size-adjust: none;
            text-size-adjust: none;
            overflow-x: hidden;
        }
        
        body {
            position: relative;
            min-height: 100%;
            font-family: soleil, Helvetica, sans-serif;
            font-weight: 300;
            font-style: normal;
            color: var(--black);
            font-size: 14px;
            line-height: 2;
            overflow: hidden;
        }
        
        @media screen and (min-width: 768px) {
            body {
                font-size: 16px;
                line-height: 2.3125;
            }
        }
        
        a {
            border: 0;
            outline: 0;
            color: inherit;
        }
        
        @media (hover: hover) {
            a:hover {
                color: var(--primary-color);
            }
        }
        
        a:focus {}
        
        a:active {}
        
        button,
        .cta {
            cursor: pointer;
        }
        
        button:hover {
            background-color: #aaa;
        }
        
        button:focus {
            background-color: #aaa;
        }
        
        button:active {
            background-color: #000;
            color: #fff;
        }
        
        textarea,
        input.text,
        input[type="text"],
        input[type="button"],
        input[type="submit"],
        input[type="email"],
        .input-checkbox {
            -webkit-appearance: none;
            border-radius: 0;
            font-family: soleil, Helvetica, sans-serif !important;
            font-weight: 300;
            font-style: normal;
            color: var(--black);
        }
        
        em {
            font-style: italic;
        }
        
        strong,
        b {
            font-weight: 700;
        }
        
        code {
            font-family: courier, monospace;
            background-color: #eee;
            padding: 0 5px;
        }
        
        address {
            font-style: italic;
        }
        
        pre {
            font-family: courier, monospace;
            white-space: pre-wrap;
        }
        
        ul,
        ol {
            padding: 0;
            list-style: none;
        }
        
        sup {
            vertical-align: super;
            font-size: smaller;
        }
        
        img {
            position: relative;
            max-width: 100%;
            width: auto;
            /* ie8 */
            height: auto !important;
            -ms-interpolation-mode: bicubic;
            border: 0;
        }
        
        video {
            max-width: 100%;
            height: auto !important;
        }
        
        blockquote {
            font-size: 20px;
            line-height: 1.3;
        }
        /*  ::-webkit-selection { background-color: #aaa; color: #fff; }
     ::-moz-selection { background-color: #aaa; color: #fff; }
          ::selection { background-color: #aaa; color: #fff; }

         h1::-webkit-selection { color: #222; }
            h1::-moz-selection { color: #222; }
                 h1::selection { color: #222; }

         h2::-webkit-selection { color: #222; }
            h2::-moz-selection { color: #222; }
                 h2::selection { color: #222; }

         h3::-webkit-selection { color: #222; }
            h3::-moz-selection { color: #222; }
                 h3::selection { color: #222; }

         h4::-webkit-selection { color: #222; }
            h4::-moz-selection { color: #222; }
                 h4::selection { color: #222; }

         h5::-webkit-selection { color: #222; }
            h5::-moz-selection { color: #222; }
                 h5::selection { color: #222; }

         h6::-webkit-selection { color: #222; }
            h6::-moz-selection { color: #222; }
                 h6::selection { color: #222; }

          a::-webkit-selection { color: #222; }
             a::-moz-selection { color: #222; }
                  a::selection { color: #222; }

 blockquote::-webkit-selection { color: #222; }
    blockquote::-moz-selection { color: #222; }
         blockquote::selection { color: #222; } */
        /*FONT AND COLOR CLASSES
**************************************************************/
        
        .sans {
            font-family: Verdana, sans-serif;
        }
        
        .serif {
            font-family: Georgia, Times, serif;
        }
        
        .mono {
            font-family: courier, monospace;
        }
        
        .fancy {
            font-family: "Didot", "Times New Roman", Georgia, Times, serif;
            font-feature-settings: "liga"1;
        }
        /* Styled text  */
        
        .styled-txt p {
            margin-bottom: 15px;
            -epub-word-break: hyphenate;
            -ms-word-break: hyphenate;
            word-break: normal;
            word-wrap: normal;
            -webkit-hyphens: manual;
            -ms-hyphens: manual;
            hyphens: manual;
            color: var(--body-font-color);
        }
        
        .styled-txt p strong,
        .styled-txt p b {
            color: var(--black);
        }
        
        .styled-txt .bg-dark p strong,
        .styled-txt .bg-dark p b,
        .styled-txt.bg-dark p strong,
        .styled-txt.bg-dark p b {
            color: var(--white);
        }
        
        .styled-txt h1,
        .styled-txt h2,
        .styled-txt h3,
        .styled-txt h5,
        .styled-txt h6,
        blockquote>p {
            font-family: var(--primary-hl-font);
            font-weight: 400;
            font-style: normal;
        }
        
        .styled-txt h1 {
            font-size: 40px;
            letter-spacing: -0.4px;
            line-height: 42px;
            margin-bottom: 20px;
        }
        
        @media screen and (min-width: 768px) {
            .styled-txt h1 {
                font-size: 62px;
                letter-spacing: -0.62px;
                line-height: 58px;
                margin-bottom: 32px;
            }
        }
        
        .styled-txt h2 {
            font-size: 40px;
            letter-spacing: -0.4px;
            line-height: 42px;
            margin-bottom: 20px;
        }
        
        @media screen and (min-width: 768px) {
            .styled-txt h2 {
                font-size: 60px;
                letter-spacing: -0.6px;
                line-height: 58px;
                margin-bottom: 28px;
            }
        }
        
        .styled-txt h3 {
            font-size: 40px;
            letter-spacing: -0.4px;
            line-height: 42px;
            margin-bottom: 20px;
        }
        
        @media screen and (min-width: 768px) {
            .styled-txt h3 {
                font-size: 48px;
                letter-spacing: -0.48px;
                line-height: 48px;
            }
        }
        
        .styled-txt h4 {
            position: relative;
            font-size: 14px;
            color: var(--primary-color);
            text-transform: uppercase;
            letter-spacing: 0.74px;
            text-align: center;
            line-height: 30px;
            margin-bottom: 30px;
        }
        
        @media screen and (min-width: 768px) {
            .styled-txt h4 {
                margin-bottom: 80px;
            }
        }
        
        .styled-txt h4>span {
            position: relative;
            background-color: var(--white);
            padding-left: 1em;
            padding-right: 1em;
        }
        
        .styled-txt h4:before {
            content: "";
            display: block;
            width: 100%;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 50%;
            height: 1px;
            background-color: #7C7B74;
        }
        
        .styled-txt h5 {
            font-size: 18px;
            line-height: 1.3;
        }
        
        .styled-txt h6 {
            font-size: 18px;
            line-height: 1.3;
        }
        
        .styled-txt ol {
            list-style: decimal;
            list-style-type: none;
            counter-reset: item;
            margin: 0;
            padding: 0;
        }
        
        .styled-txt ol>li {
            display: table;
            counter-increment: item;
            margin-bottom: 0.6em;
        }
        
        .styled-txt ol>li:before {
            content: counters(item, ".") ". ";
            display: table-cell;
            padding-right: 0.6em;
        }
        
        .styled-txt li ol>li {
            margin: 0;
        }
        
        .styled-txt li ol>li:before {
            content: counters(item, ".") " ";
        }
        
        .styled-txt ul {
            list-style: disc;
            margin-left: 20px;
        }
        
        .styled-txt li {
            position: relative;
            margin-bottom: 8px;
        }
        
        nav ul {
            list-style: none;
            margin-left: 0;
            padding-left: 0;
        }
        
        nav a {
            text-decoration: none;
        }
        
        .styled-txt blockquote {
            position: relative;
            font-size: 40px;
            letter-spacing: -0.4px;
            line-height: 42px;
            margin-bottom: 10px;
        }
        
        .styled-txt blockquote p {
            -webkit-hyphens: none;
            -ms-hyphens: none;
            hyphens: none;
        }
        
        @media screen and (min-width: 768px) {
            .styled-txt blockquote {
                font-size: 62px;
                letter-spacing: -0.62px;
                line-height: 58px;
                margin-bottom: 10px;
            }
        }
        /*
==================
= PAGE STRUCTURE =
==================
*/
        /* Basic Page Structure (Container and Frame Sizes, standard-Padding etc...)

/*PAGE-SEGMENTS
**************************************************************/
        
        .container {
            /*contains the whole Page */
            position: relative;
            min-height: 100%;
            width: 100%;
        }
        
        .content {
            position: relative;
        }
        
        .frame,
        [class*=frame-] {
            /*frame, contains Content-Modules, no padding!*/
            position: relative;
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .frame-wide {
            max-width: 1455px;
        }
        
        .frame-narrow {
            max-width: 800px;
        }
        
        .frame-1000 {
            max-width: 1000px;
        }
        
        .frame-1600 {
            max-width: 1600px;
        }
        
        .module,
        [class*=module-] {
            /*module, lives inside .frame, contains  */
            padding-left: 10px;
            padding-right: 10px;
        }
        
        .page-pad,
        .page-padding {
            /* adds l/r padding to element */
            padding-left: 10px;
            padding-right: 10px;
        }
        /* =
MODULES
= */
        /*
specific Layout-Modules and Components. keep it light, specifics and variations will be defined in content.css
(Class-Name System: .moduleName-componentName-state)
*/
        /* @import "assets/css/css-dev/modules/form.css"; */
        /* Slider */
        
        .slick-slider {
            position: relative;
            display: block;
            box-sizing: border-box;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-touch-callout: none;
            -khtml-user-select: none;
            touch-action: pan-y;
            -webkit-tap-highlight-color: transparent;
        }
        
        .slick-list {
            position: relative;
            display: block;
            overflow: hidden;
            margin: 0;
            padding: 0;
        }
        
        .slick-list:focus {
            outline: none;
        }
        
        .slick-list.dragging {
            cursor: pointer;
            cursor: hand;
        }
        
        .slick-slider .slick-track,
        .slick-slider .slick-list {
            transform: translate3d(0, 0, 0);
        }
        
        .slick-track {
            position: relative;
            top: 0;
            left: 0;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
        
        .slick-track:before,
        .slick-track:after {
            display: table;
            content: '';
        }
        
        .slick-track:after {
            clear: both;
        }
        
        .slick-loading .slick-track {
            visibility: hidden;
        }
        
        .slick-slide {
            display: none;
            float: left;
            height: 100%;
            min-height: 1px;
        }
        
        [dir='rtl'] .slick-slide {
            float: right;
        }
        
        .slick-slide img {
            display: block;
        }
        
        .slick-slide.slick-loading img {
            display: none;
        }
        
        .slick-slide.dragging img {
            pointer-events: none;
        }
        
        .slick-initialized .slick-slide {
            display: block;
        }
        
        .slick-loading .slick-slide {
            visibility: hidden;
        }
        
        .slick-vertical .slick-slide {
            display: block;
            height: auto;
            border: 1px solid transparent;
        }
        
        .slick-arrow.slick-hidden {
            display: none;
        }
        /* Slider Styles */
        
        .slick-loading .slick-list {
            background: #fff url('assets/images/ui/ajax-loader.gif') center center no-repeat;
        }
        /* Arrows */
        
        .slider-nav {
            position: absolute;
            width: 100%;
            height: 0;
            padding-left: 20px;
            padding-right: 20px;
            top: calc(50% - 54px);
            transform: translateY(-50%);
        }
        
        .slick-prev,
        .slick-next {
            position: relative;
            display: block;
            width: 30px;
            height: 54px;
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            padding: 0;
            cursor: pointer;
            color: transparent;
            border: none;
            outline: none;
            transition: opacity .2s ease-in-out;
        }
        
        .slick-prev:focus,
        .slick-next:focus {
            color: #fff !important;
            outline: none;
        }
        
        .slick-prev:focus:before,
        .slick-next:focus:before {
            opacity: 1;
        }
        
        .slick-prev,
        .slick-next {
            transition: all .45s ease-in-out;
        }
        
        .slick-prev line,
        .slick-next line,
        .slick-prev polyline,
        .slick-next polyline {
            transition: all .45s ease-in-out;
        }
        
        @media (hover: hover) {
            .slick-prev:hover,
            .slick-next:hover {
                color: #fff !important;
                outline: none;
                transition: all .08s ease-in-out;
            }
            .slick-prev:hover line,
            .slick-next:hover line,
            .slick-prev:hover polyline,
            .slick-next:hover polyline {
                stroke: var(--primary-color);
                transition: all .08s ease-in-out;
            }
            .slick-prev:hover:before,
            .slick-next:hover:before {
                opacity: 1;
            }
        }
        
        .slick-prev.slick-disabled:before,
        .slick-next.slick-disabled:before {
            opacity: .25;
        }
        
        .slick-prev:before,
        .slick-next:before {
            font-size: 20px;
            line-height: 1;
            opacity: .75;
            color: white;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        
        .slick-prev {
            background-image: url(assets/images/ui/left-arrow-black.svg);
            left: 0;
            float: left;
        }
        
        [dir='rtl'] .slick-prev {
            right: 0;
            left: auto;
        }
        
        .slick-prev:before {
            content: '';
        }
        
        [dir='rtl'] .slick-prev:before {
            content: '';
        }
        
        .slick-next {
            background-image: url(assets/images/ui/right-arrow-black.svg);
            right: 0;
            float: right;
        }
        
        [dir='rtl'] .slick-next {
            right: auto;
            left: 0;
        }
        
        .slick-next:before {
            content: '';
        }
        
        [dir='rtl'] .slick-next:before {
            content: '';
        }
        /* Dots */
        
        .slick-dotted.slick-slider {
            margin-bottom: 30px;
        }
        
        .slick-dots {
            position: relative;
            bottom: 0;
            display: block;
            width: auto;
            padding: 0;
            margin: 0;
            list-style: none;
            text-align: center;
            width: auto;
            text-align: center;
        }
        
        @media screen and (min-width: 1280px) {
            .slick-dots {
                text-align: left;
                right: auto;
                padding-left: 10px;
            }
        }
        
        .slick-dots li {
            position: relative;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin: 0 0;
            padding: 0;
            cursor: pointer;
        }
        
        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 20px;
            height: 20px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
            text-indent: 0;
        }
        
        .slick-dots li button:hover,
        .slick-dots li button:focus {
            outline: none;
        }
        
        .slick-dots li button:hover:before,
        .slick-dots li button:focus:before {
            color: #fff;
        }
        
        .slick-dots li button:before {
            position: relative;
            display: block;
            width: 8px;
            height: 8px;
            content: '';
            border: none;
            border-radius: 50%;
            color: #fff;
            background-color: #fff;
        }
        
        .slick-dots li.slick-active button:before {
            background-color: var(--primary-color);
        }
        /*
HERO
*/
        
        .section-hero {
            position: relative;
            margin-bottom: 105px;
        }
        
        @media screen and (min-width: 768px) {
            .section-hero {
                position: relative;
                margin-bottom: 295px;
            }
        }
        
        @media screen and (min-width: 768px) {
            .hero-slider {
                padding-left: 30px;
                padding-right: 30px;
            }
        }
        
        @media screen and (min-width: 1280px) {
            .hero-slider {
                padding-left: 40px;
                padding-right: 40px;
            }
        }
        
        .hero-slider-container {
            position: relative;
            max-width: 1900px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .section-hero .hero-item {
            height: 320px;
        }
        
        @media screen and (min-width: 768px) {
            .section-hero .hero-item {
                height: 740px;
            }
        }
        
        .section-hero img {
            max-width: none;
            display: block;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center;
            width: 100%;
            height: 100% !important;
        }
        
        .hero-img-dt {
            display: none !important;
        }
        
        @media screen and (min-width: 1280px) {
            .hero-img-m {
                display: none !important;
            }
            .hero-img-dt {
                display: block !important;
            }
        }
        
        .section-hero .slider-caption {
            position: absolute;
            bottom: 50px;
            left: 50px;
            max-width: 50%;
        }
        
        .hero-overlay {
            overflow: hidden;
            box-shadow: 0 20px 39px 0 rgb(0 0 0 / 30%);
        }
        
        .hero-overlay:before {
            content: "";
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            display: block;
            position: absolute;
            background: #2D2D2A;
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 50%);
            box-shadow: 0 20px 39px 0 rgba(0, 0, 0, 0.30);
        }
        
        .hero-overlay:after {
            content: "";
            position: absolute;
            display: block;
            bottom: 0;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            width: 300px;
            height: 150px;
            pointer-events: none;
            background-image: url(assets/images/content/bg-hero-overlay.png);
            background-position: center bottom;
            background-size: contain;
            background-repeat: no-repeat;
            bottom: -48px;
        }
        
        @media screen and (min-width: 768px) {
            .hero-overlay:after {
                width: 553px;
                height: 174px;
                background-position: center top;
                background-size: 553px;
                bottom: 0;
            }
        }
        
        @media screen and (min-width: 1280px) {
            .hero-overlay:after {
                width: 400px;
                height: 200px;
                bottom: -55px;
            }
        }
        
        .hero-overlay {
            transform: translateY(-30px);
            position: relative;
            text-align: center;
            max-width: 350px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            padding-top: 35px;
            padding-bottom: 20px;
            padding-left: 30px;
            padding-right: 30px;
        }
        
        @media screen and (min-width: 768px) {
            .hero-overlay {
                max-width: 668px;
                transform: translateY(-78px);
                margin-bottom: -58px;
            }
        }
        
        @media screen and (min-width: 1280px) {
            .hero-overlay {
                transform: translateY(0);
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                max-width: 500px;
                margin-left: 0;
                margin-right: 0;
                margin-bottom: 0;
                position: absolute;
                top: -20px;
                bottom: -20px;
                left: 70px;
                padding-top: 30px;
                padding-bottom: 30px;
                padding-left: 30px;
                padding-right: 30px;
            }
        }
        
        @media screen and (min-width: 1680px) {
            .hero-overlay {
                left: 140px;
            }
        }
        
        .hero-overlay p {
            position: relative;
            color: var(--primary-color) !important;
        }
        
        @media screen and (min-width: 768px) {
            .hero-overlay p {
                margin-bottom: 12px;
            }
        }
        
        @media screen and (min-width: 1280px) {
            .hero-overlay p {
                margin-bottom: 15px;
            }
        }
        
        .hero-overlay-roof {
            font-size: 14px;
            letter-spacing: 0.93px;
            line-height: 15px;
        }
        
        @media screen and (min-width: 768px) {
            .hero-overlay-roof {
                font-size: 15px;
                letter-spacing: 1px;
                line-height: 65px;
                margin-bottom: 4px !important;
            }
        }
        
        @media screen and (min-width: 1280px) {
            @media screen and (min-width: 768px) {
                .hero-overlay-roof {
                    margin-bottom: 58px !important;
                }
            }
        }
        
        .hero-overlay-sub {
            font-size: 22px;
            letter-spacing: -0.22px;
            line-height: 32px;
            font-family: ivypresto-display, Georgia, serif;
            font-weight: 400;
            font-style: normal;
        }
        
        @media screen and (min-width: 768px) {
            .hero-overlay-sub {
                font-size: 28px;
                letter-spacing: -0.28px;
                line-height: 43px;
            }
        }
        
        .hero-overlay h2 {
            position: relative;
            color: #fff;
        }
        
        .hero-overlay h2 {
            margin-bottom: 25px !important;
            margin-top: 30px;
        }
        
        @media screen and (min-width: 768px) {
            .hero-overlay h2 {
                margin-top: 0;
                margin-bottom: 30px !important;
            }
        }
        
        @media screen and (min-width: 1280px) {
            .hero-overlay h2 {
                margin-bottom: 70px !important;
            }
        }
        
        .animate-me {
            opacity: 0;
            transform: translateY(-28px);
            transition: transform .74s cubic-bezier(0, 0, 0.2, 1) .1s, opacity .5s ease-in-out .3s;
        }
        
        .animate-me.is_visible {
            opacity: 1;
            transform: translateY(0);
        }
        /*
==========
= HEADER =
==========
 */
        /*Header stuff (Navigation, Logo etc.)*/
        
        header {
            position: relative;
            z-index: 10;
            padding-top: 32px;
            padding-bottom: 32px;
        }
        
        @media screen and (min-width: 768px) {
            header {
                padding-top: 60px;
                padding-bottom: 60px;
            }
        }
        
        .logo {
            display: block;
            text-decoration: none;
            width: 180px;
            height: 46px;
            margin-left: auto;
            margin-right: auto;
        }
        
        @media screen and (min-width: 768px) {
            .logo {
                width: 236px;
                height: 60px;
            }
        }
        /*Main-Nav*/
        
        .main-nav-container {
            position: fixed;
            top: 0;
            max-height: 0;
            z-index: 9;
            visibility: hidden;
            opacity: 0;
            overflow: hidden;
            background-color: #fff;
            transition: opacity .25s ease-in-out;
        }
        
        .nav_is_open .main-nav-container {
            background: #C99D66;
            box-shadow: 0 20px 39px 0 rgba(0, 0, 0, 0.50);
            visibility: visible;
            max-height: 100vh;
            opacity: 1;
            top: 0;
            right: 0;
            left: 0;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
            padding-top: 32px;
        }
        
        body .content:after {
            content: "";
            opacity: 0;
            transition: opacity .2s ease-in-out;
        }
        
        .nav_is_open .content:after {
            content: "";
            position: absolute;
            display: block;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            min-height: 100vh;
            opacity: 1;
            background-color: rgba(0, 0, 0, .5);
        }
        
        @media screen and (min-width: 768px) {
            .nav_is_open .main-nav-container {
                padding-top: 60px;
            }
        }
        
        .main-nav {
            font-family: var(--main-nav-font);
            font-size: 40px;
            letter-spacing: -0.4px;
            text-align: center;
            line-height: inherit;
            min-height: 465px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-top: 35px;
        }
        
        @media screen and (min-width: 768px) {
            .main-nav {
                font-size: 60px;
                letter-spacing: -0.6px;
                line-height: 58px;
                min-height: 290px;
                padding-top: 20px;
            }
        }
        
        @media screen and (min-width: 768px) {
            .main-nav-ul {
                display: flex;
                text-align: center;
                align-items: center;
            }
        }
        
        .main-nav li {
            position: relative;
            list-style: none;
        }
        
        @media screen and (min-width: 768px) {
            .main-nav li:after {
                content: "/";
                position: absolute;
                right: -5px;
                top: 0;
                padding: 26px 0;
            }
            .main-nav li:last-child:after {
                display: none;
            }
        }
        
        @media screen and (min-width: 960px) {
            .main-nav li {
                padding-left: 74px;
                padding-right: 74px;
            }
        }
        
        .main-nav a {
            position: relative;
            display: block;
            text-align: center;
            padding: 14px 26px;
            text-decoration: none;
        }
        
        @media screen and (min-width: 768px) {
            .main-nav a {
                padding: 26px 26px;
            }
        }
        
        .main-nav a:after {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            width: 36px;
            height: 1px;
            background-color: var(--black);
            margin-left: auto;
            margin-right: auto;
        }
        
        .main-nav li:last-child a:after {
            display: none;
        }
        
        @media screen and (min-width: 768px) {
            .main-nav li a:after {
                display: none;
            }
        }
        
        .main-nav .current-menu-ancestor>a,
        .main-nav .current-menu-item>a {
            color: #fff;
        }
        
        @media (hover: hover) {
            .main-nav-container a {
                transition: all .45s ease-in-out;
            }
            .main-nav-container a:hover {
                color: #fff;
                transition: all .08s ease-in-out;
            }
        }
        
        .meta-nav {
            font-size: 14px;
            letter-spacing: 0;
            text-align: center;
            line-height: 30px;
            font-weight: 400;
            padding-top: 30px;
            padding-bottom: 30px;
        }
        
        @media screen and (min-width: 768px) {
            .meta-nav {
                font-size: 15px;
                text-align: center;
                padding-top: 10px;
                padding-bottom: 50px;
            }
            .meta-nav-ul {
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }
        
        .meta-nav li {
            position: relative;
        }
        
        @media screen and (min-width: 768px) {
            .meta-nav li:after {
                content: "/";
                position: relative;
                right: auto;
                top: auto;
                padding: 0 10px;
            }
            .meta-nav li:last-child:after {
                display: none;
            }
        }
        
        .menu-button {
            z-index: 10;
            display: block;
            position: fixed;
            top: 30px;
            right: 20px;
            width: 50px;
            height: 50px;
            border: none;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 24px 16px;
            outline: none;
            background-color: rgba(255, 255, 255, .0) !important;
        }
        
        .scrolled_a_bit .menu-button {
            background-color: rgba(255, 255, 255, .8) !important;
        }
        
        @media screen and (min-width: 768px) {
            .menu-button {
                right: auto;
                top: 65px;
                left: 85px;
                width: 70px;
                height: 50px;
            }
            .scrolled_a_bit .menu-button {
                background-color: rgba(255, 255, 255, 0) !important;
            }
        }
        
        .menu-button:focus {
            background-color: transparent;
        }
        
        @-webkit-keyframes menutop {
            0% {
                transform: rotate(0deg);
            }
            50% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(45deg);
            }
        }
        
        @keyframes menutop {
            0% {
                transform: rotate(0deg);
            }
            50% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(45deg);
            }
        }
        
        @-webkit-keyframes menubottom {
            0% {
                transform: rotate(0deg);
            }
            50% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(-45deg);
            }
        }
        
        @keyframes menubottom {
            0% {
                transform: rotate(0deg);
            }
            50% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(-45deg);
            }
        }
        
        @-webkit-keyframes menutopstart {
            0% {
                transform: rotate(45deg);
            }
            50% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(0deg);
            }
        }
        
        @keyframes menutopstart {
            0% {
                transform: rotate(45deg);
            }
            50% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(0deg);
            }
        }
        
        @-webkit-keyframes menubottomstart {
            0% {
                transform: rotate(-45deg);
            }
            50% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(0deg);
            }
        }
        
        @keyframes menubottomstart {
            0% {
                transform: rotate(-45deg);
            }
            50% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(0deg);
            }
        }
        
        .nav-line {
            width: 35px;
            height: 1px;
            background-color: var(--primary-color);
            left: 0;
            right: 0;
            margin: 0 auto;
            transform-origin: center center;
            transition: all 0.5s ease-in-out;
        }
        
        @media screen and (min-width: 768px) {
            .nav-line {
                width: 49px;
            }
        }
        
        .nav_is_open .nav-line {
            background-color: var(--black);
        }
        
        .line-top {
            position: absolute;
            top: 15px;
            -webkit-animation: menutopstart 0.5s forwards;
            animation: menutopstart 0.5s forwards;
        }
        
        @media screen and (min-width: 768px) {
            .line-top {
                top: 10px;
            }
        }
        
        .nav_is_open .line-top {
            top: 50%;
            -webkit-animation: menutop 0.5s forwards;
            animation: menutop 0.5s forwards;
        }
        
        .line-center {
            position: absolute;
            top: 50%;
            transition: opacity 0.2s ease-in-out 0.2s;
        }
        
        .nav_is_open .line-center {
            opacity: 0;
        }
        
        .line-bottom {
            position: absolute;
            bottom: 15px;
            -webkit-animation: menubottomstart 0.5s forwards;
            animation: menubottomstart 0.5s forwards;
        }
        
        @media screen and (min-width: 768px) {
            .line-bottom {
                bottom: 9px;
            }
        }
        
        .nav_is_open .line-bottom {
            bottom: calc(50% - 1px);
            -webkit-animation: menubottom 0.5s forwards;
            animation: menubottom 0.5s forwards;
        }
        /*
===========
= CONTENT =
===========
 */
        
        .section-overlap-signet {
            position: relative;
            z-index: 1;
        }
        
        .section-overlap-signet+section,
        .section-overlap-signet+footer,
        .section-map+section {
            padding-top: 87px;
            margin-top: -56px;
        }
        
        @media screen and (min-width: 768px) {
            .section-overlap-signet+section,
            .section-overlap-signet+footer,
            .section-map+section {
                padding-top: 238px;
                margin-top: -158px;
            }
        }
        
        .overlap-signet {
            background-image: url(assets/images/content/gb-overlap-with-signet.svg);
            background-position: center bottom;
            background-size: 1104px;
            background-repeat: no-repeat;
            padding-bottom: 110px;
        }
        
        @media screen and (min-width: 768px) {
            .overlap-signet {
                background-size: 1680px;
                padding-bottom: 280px;
                min-height: 1000px;
            }
        }
        
        .roof {
            font-size: 14px;
            color: var(--primary-color);
            letter-spacing: 0.93px;
            line-height: 14px;
            margin-bottom: 20px;
            text-transform: uppercase;
        }
        
        @media screen and (min-width: 768px) {
            .roof {
                font-size: 15px;
                letter-spacing: 1px;
                line-height: 20px;
                margin-bottom: 20px;
            }
        }
        
        .arrow-link {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
            gap: 10px;
            font-weight: 700;
            text-decoration: none;
            color: var(--primary-color);
            transition: all .2s ease-in-out;
            text-transform: uppercase;
        }
        
        @media screen and (min-width: 768px) {
            .arrow-link {
                font-size: 15px;
                letter-spacing: 1px;
                line-height: 20px;
            }
        }
        
        @media (hover: hover) {
            .arrow-link:hover {
                color: var(--body-font-color);
            }
        }
        
        .signature {
            padding-top: 20px;
            display: flex;
            justify-content: flex-end;
        }
        
        .signature img {
            display: block;
            width: 244px;
            max-width: 50%;
        }
        
        .section-fullwidth {
            padding-bottom: 50px;
        }
        
        @media screen and (min-width: 768px) {
            .section-fullwidth {
                padding-bottom: 65px;
            }
        }
        
        .bg-dark {
            background-color: var(--bg-dark);
            color: var(--white);
        }
        
        .bg-dark p {
            color: #fff;
        }
        
        .bg-dark h4 {
            text-align: center;
        }
        
        .bg-dark h4>span {
            position: relative;
            background-color: var(--bg-dark);
            padding-left: 1em;
            padding-right: 1em;
        }
        
        .section-moreteaser {
            padding-top: 60px;
        }
        
        .bg-dark+.section-moreteaser {
            padding-top: 0;
        }
        
        @media screen and (min-width: 768px) {
            .section-moreteaser {
                padding-top: 160px;
                padding-bottom: 75px;
            }
            .bg-dark+.section-moreteaser {
                padding-top: 0;
            }
        }
        
        .moreteaser {
            display: flex;
            justify-content: space-around;
            align-items: flex-start;
            flex-wrap: wrap;
        }
        
        .moreteaser-item {
            max-width: 500px;
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 20px;
            margin-bottom: 75px;
        }
        
        .moreteaser-item .arrow-link-container {
            display: flex;
            justify-content: center;
        }
        
        .bg-dark .arrow-link line,
        .bg-dark .arrow-link polyline {
            stroke: #fff;
        }
        
        @media (hover: hover) {
            .bg-dark .arrow-link:hover {
                color: #fff;
            }
        }
        
        .moreimg {
            margin-left: auto;
            margin-right: auto;
            width: 80px;
            height: 80px;
            margin-bottom: 30px;
        }
        
        @media screen and (min-width: 768px) {
            .moreimg {
                width: 116px;
                height: 116px;
                margin-bottom: 44px;
            }
        }
        
        .moreimg img {
            display: block;
        }
        
        .primary-color {
            color: var(--primary-color);
        }
        
        .morecontent {
            margin-bottom: 33px;
        }
        
        @media screen and (min-width: 768px) {
            .morecontent p {
                font-size: 16px;
                color: var(--white);
                letter-spacing: 0;
                line-height: 30px;
            }
        }
        
        @media screen and (min-width: 768px) {
            .flex-right {
                display: flex;
                justify-content: flex-end;
            }
            .txt-600 {
                max-width: 600px;
            }
            .has-line-left {
                position: relative;
            }
            .has-line-left:before {
                content: "";
                display: block;
                position: absolute;
                width: 1px;
                top: 0px;
                bottom: 0px;
                left: -22px;
                background-color: #D8D8D8;
            }
            .home .has-line-left:before {
                top: 15px;
                bottom: 15px;
                left: -50px;
            }
        }
        /* Fancy List */
        
        @media screen and (min-width: 768px) {
            .fancy-item-frame {
                display: flex;
                flex-wrap: wrap;
                justify-content: flex-end;
                align-items: flex-start;
            }
        }
        
        .fancy-item.bg-dark {
            padding-top: 85px;
            padding-bottom: 85px;
        }
        
        .fancy-item {
            position: relative;
            margin-bottom: 85px;
        }
        
        .fancy-item-inner {
            position: relative;
        }
        
        @media screen and (min-width: 768px) {
            .fancy-item-inner {
                position: relative;
                margin-bottom: 85px;
                width: 100%;
                max-width: 500px;
                justify-self: flex-end;
            }
            .fancy-item-container:nth-child(even) .fancy-item-inner {
                justify-self: flex-start;
                max-width: 600px;
                margin-right: auto;
            }
        }
        /* .fancy-item-inner:before {
            content: "";
            display: block;
            position: absolute;
            width: 400px;
            height: 400px;
            top: 20px;
            left: -150px;
            background-image: url(assets/images/content/fact-guilloche-1.svg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
        }
        
        .fancy-item-container:nth-child(2) .fancy-item-inner:before {
            width: 490px;
            height: 503px;
            left: -220px;
            background-image: url(assets/images/content/fact-guilloche-2.svg);
        }
        
        .fancy-item-container:nth-child(3) .fancy-item-inner:before {
            background-image: url(assets/images/content/fact-guilloche-3.svg);
        }
        
        .fancy-item-container:nth-child(4) .fancy-item-inner:before {
            background-image: url(assets/images/content/fact-guilloche-4.svg);
            width: 390px;
            height: 383px;
            left: -144px;
        }
        
        .fancy-item-container:nth-child(5) .fancy-item-inner:before {
            background-image: url(assets/images/content/fact-guilloche-1.svg);
        } */
        
        .fancy-number {
            position: relative;
            display: block;
            width: 80px;
            height: 80px;
            background-color: var(--primary-color);
            /* font-family: fino, serif;
    font-weight: 400;
    font-style: normal; */
            font-family: var(--primary-hl-font);
            font-size: 34px;
            color: #FFFFFF;
            letter-spacing: -0.85px;
            border-radius: 50%;
            margin-bottom: 20px;
        }
        
        @media screen and (min-width: 768px) {
            .fancy-number {
                width: 108px;
                height: 108px;
                font-size: 34px;
                letter-spacing: -0.85px;
                transform: translate(-150px, 65px);
            }
            .fancy-item-container:nth-child(even) .fancy-item .fancy-number {
                transform: translate(-54px, 0);
            }
        }
        
        .fancy-number .fancyindex {
            font-size: 55px;
            line-height: 1;
            color: #FFFFFF;
            letter-spacing: -1.75px;
            position: absolute;
            top: 5px;
            right: 48px;
        }
        
        @media screen and (min-width: 768px) {
            .fancy-number .fancyindex {
                font-size: 70px;
                line-height: 1;
                color: #FFFFFF;
                letter-spacing: -1.75px;
                position: absolute;
                top: 11px;
                right: 54px;
            }
        }
        
        .fancy-indexgroup {
            position: absolute;
            top: 38px;
            right: 20px;
            line-height: 1;
        }
        
        @media screen and (min-width: 768px) {
            .fancy-indexgroup {
                position: absolute;
                top: 60px;
                right: 28px;
                line-height: 1;
            }
        }
        
        .fancydivider {
            transform: translateY(-3px);
            position: relative;
            display: inline-block;
        }
        
        .fancy-item-img-inner {
            /* border: 1px solid #C99D66; */
            max-width: 1100px;
            margin-left: auto;
            margin-right: auto;
            box-shadow: 0 14px 30px 0 rgba(0, 0, 0, 0.50);
            border: 1px solid #C99D66;
        }
        
        .fancy-item-img img {
            display: block;
        }
        
        .section-imgoverlap {
            position: relative;
            margin-bottom: 85px;
        }
        
        .section-imgoverlap:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            background-color: var(--bg-dark);
            top: 0;
            height: 50%;
        }
        
        .has-img-bottom {
            margin-bottom: 0;
        }
        
        .txt-900 {
            max-width: 900px;
        }
        
        .section-quote {
            margin-bottom: 50px;
        }
        
        @media screen and (min-width: 768px) {
            .section-quote {
                margin-bottom: 300px;
            }
        }
        
        .quote-offset {
            position: absolute;
            left: -0.25em;
        }
        
        .section-quote blockquote p {
            margin-bottom: 0;
        }
        
        @media screen and (min-width: 1280px) {
            .dblslider-container {
                position: relative;
                display: flex;
                justify-content: flex-end;
                flex-direction: row-reverse;
                gap: 0;
                max-width: none;
            }
        }
        
        @media screen and (min-width: 1560px) {
            .dblslider-container {
                padding-left: calc((100vw - 1260px) / 2);
            }
        }
        
        .dblslider,
        .dbltxtslider {
            width: 100%;
        }
        
        @media screen and (min-width: 1280px) {
            .dblslider {
                /* max-width: 1000px;
        flex: 1 0 1000px; */
                max-width: none;
                flex: 1 0 auto;
            }
            .dbltxtslider {
                width: 100%;
                max-width: 380px;
                flex: 0 0 380px;
            }
        }
        
        @media screen and (min-width: 1280px) {
            .dbltxtslider .roof {
                min-height: 40px;
                display: flex;
                align-items: flex-end;
            }
        }
        
        .section-dblslider {
            position: relative;
            background-color: #51514D;
            padding-bottom: 30px;
        }
        
        .section-dblslider {
            padding-bottom: 100px;
        }
        
        @media screen and (min-width: 768px) {
            .section-dblslider {
                padding-bottom: 245px;
            }
        }
        
        .section-dblslider:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            height: 250px;
            background-color: var(--white);
        }
        
        @media screen and (min-width: 1280px) {
            .section-dblslider:before {
                height: 243px;
            }
        }
        
        .section-dblslider .slider-nav {
            position: relative;
            width: 220px;
            height: 28px;
            padding-left: 20px;
            padding-right: 20px;
            bottom: auto;
            transform: none;
        }
        
        @media screen and (min-width: 1280px) {
            .section-dblslider .slider-nav {
                position: absolute;
                bottom: 80px;
                top: auto;
                transform: translateX(-80px);
            }
        }
        
        .slick-prev.slick-disabled,
        .slick-next.slick-disabled {
            visibility: hidden;
        }
        
        .section-dblslider .slick-next {
            width: 117px;
            height: 28px;
            background-image: none;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            color: var(--primary-color);
            font-weight: 700;
            gap: 10px;
        }
        
        .section-dblslider .slick-prev {
            width: 44px;
            height: 28px;
            background-image: none;
        }
        
        .hide-m {
            display: none !important;
        }
        
        @media screen and (min-width: 1280px) {
            .hide-dt {
                display: none !important;
            }
            .hide-m {
                display: block !important;
            }
            .dbltxtslider-caption {
                padding-top: 32px;
            }
            .dbltxtslider-caption p {
                padding-top: 40px;
            }
        }
        
        .slick-dots {
            margin-left: 0 !important;
        }
        
        .dbltxtslider-caption p {
            color: var(--white);
        }
        
        .dblslider img {
            box-shadow: 0 20px 39px 0 rgba(0, 0, 0, 0.30);
        }
        
        .dblslider-item.module {
            max-width: 100vw;
        }
        
        .slick-prev.slick-disabled {
            visibility: hidden;
        }
        
        .dblslider {
            margin-bottom: 10px;
        }
        
        @media screen and (min-width: 768px) {
            .dblslider {
                margin-left: -30px;
            }
            .dblslider .slick-list {
                padding-left: 30px;
            }
            .dblslider .slick-dots {
                margin-left: 30px !important;
            }
        }
        
        @media screen and (min-width: 1280px) {
            .dblslider .slick-slide {
                transition: all .2s ease-in-out;
            }
            .dblslider .prev-slide-item {
                /* transform: translateX(-70px); */
                opacity: 0;
            }
            .dblslider .slick-active.prev-slide-item {
                /* transform: translateX(0); */
                opacity: 1;
            }
            .dblslide-img {
                max-width: 980px;
            }
        }
        
        .dblslider .slick-slide {
            padding-bottom: 50px;
        }
        
        .section-map {
            position: relative;
            z-index: 1;
            background-image: url(assets/images/content/bg-map.svg);
            background-position: center bottom;
            background-size: 1600px;
            background-repeat: no-repeat;
            padding-bottom: 110px;
            min-height: 1000px;
        }
        
        .section-contact {
            background-color: var(--bg-dark);
            min-height: 500px;
        }
        
        @media screen and (min-width: 768px) {
            .cols2 {
                display: flex;
                justify-content: space-around;
                align-items: flex-start;
                flex-wrap: wrap;
            }
            .cols2 .col-item {
                flex: 0 0 50%;
            }
        }
        
        .section-map {
            padding-top: 40px;
        }
        
        .section-map .col-item {
            padding-bottom: 45px;
        }
        
        @media screen and (min-width: 768px) {
            .section-map {
                padding-top: 130px;
            }
            .section-map .map-img-container {
                padding-top: 130px;
            }
            .cols2 .contact-container {
                flex: 0 0 500px;
            }
        }
        /* Form-Styling */
        
        .section-contactform {
            padding-bottom: 50px;
        }
        
        @media screen and (min-width: 768px) {
            .section-contactform {
                padding-bottom: 150px;
            }
        }
        
        .form-intro {
            margin-bottom: 40px;
        }
        
        @media screen and (min-width: 768px) {
            .form-intro,
            .form-legal-statement {
                max-width: 910px;
                padding-left: 410px;
            }
        }
        
        textarea,
        input.text,
        input[type="text"],
        input[type="button"],
        input[type="email"],
        .input-checkbox {
            -webkit-appearance: none;
            border-radius: 0;
            width: 100%;
            max-width: 500px;
            padding: 15px 4px;
            border: none;
        }
        
        .form-send-btn {
            display: flex;
            justify-content: center;
        }
        
        .wpcf7-spinner {
            position: absolute;
            top: 105%;
        }
        
        @media screen and (min-width: 768px) {
            .form-send-btn {
                display: block;
                padding-left: 410px;
            }
            .wpcf7-spinner {
                position: relative;
                top: auto;
            }
        }
        
        .form-control+.form-control {
            margin-top: 1em;
        }
        
        .form-control:focus-within {
            color: var(--black);
        }
        
        .f-input.module {
            width: 100%;
        }
        
        input[type=checkbox] {
            /* Add if not using autoprefixer */
            -webkit-appearance: none;
            /* Remove most all native input styles */
            -moz-appearance: none;
            appearance: none;
            /* For iOS < 15 */
            background-color: var(--white);
            /* Not removed via appearance */
            margin: 0;
            font: inherit;
            color: currentColor;
            width: 42px;
            height: 42px;
            border: 1px solid var(--white);
            outline: 1px solid var(--white);
            border-radius: 50%;
            transform: translateY(-0.075em);
            display: grid;
            place-content: center;
        }
        
        @media screen and (min-width: 768px) {
            input[type=checkbox] {
                width: 45px;
                height: 45px;
            }
        }
        
        .f-item-time input[type=checkbox] {
            width: 60px;
            border-radius: 21px;
        }
        
        .f-item-time input[type=checkbox] {
            width: 60px;
            height: 34px;
            border-radius: 17px;
        }
        
        @media screen and (min-width: 768px) {
            .f-item-time input[type=checkbox] {
                width: 78px;
                height: 48px;
                border-radius: 24px;
            }
        }
        
        input[type=checkbox]:checked {
            background-color: var(--primary-color);
            border: 1px solid var(--primary-color);
        }
        
        input[type=checkbox]:focus {
            outline: 1px solid currentColor;
        }
        
        @media (hover: hover) {
            input[type=checkbox]:hover {
                border: 1px solid var(--primary-color);
                outline: 1px solid var(--primary-color);
                background-color: var(--primary-color);
            }
        }
        
        .wpcf7-list-item label {
            display: block;
            position: relative;
        }
        
        .wpcf7-list-item .wpcf7-list-item-label {
            position: absolute;
            top: 5px;
            left: 0;
            right: 0;
            text-align: center;
            text-transform: uppercase;
            color: var(--black);
        }
        
        @media screen and (min-width: 768px) {
            .wpcf7-list-item .wpcf7-list-item-label {
                position: absolute;
                top: 3px;
            }
            .wpcf7-list-item .f-item-time .wpcf7-list-item-label {
                position: absolute;
                top: 7px;
            }
        }
        
        .f-item {
            position: relative;
            margin-bottom: 20px;
        }
        
        @media screen and (min-width: 768px) {
            .f-item {
                position: relative;
                margin-bottom: 20px;
                display: flex;
                justify-content: flex-start;
                align-items: flex-start;
            }
        }
        
        .f-item>label {
            display: block;
            padding-top: 5px;
            margin-bottom: 10px;
        }
        
        @media screen and (min-width: 768px) {
            .f-item>label,
            .f-item>.f-label {
                display: block;
                margin-bottom: 10px;
                max-width: 400px;
                width: 100%;
                text-align: right;
            }
        }
        
        .wpcf7-list-item {
            display: inline-block;
            margin: 0 0 0 9px;
        }
        
        .wpcf7-quiz-label {
            display: block;
        }
        
        .wpcf7-quiz {
            max-width: 125px !important;
        }
        
        @media screen and (min-width: 768px) {
            .f-item-time .wpcf7-list-item {
                margin: 0 0 0 20px;
            }
        }
        
        .wpcf7-list-item:first-child {
            display: inline-block;
            margin: 0 0 0 0;
        }
        
        .f-item-date {
            margin-bottom: 5px;
            padding-top: 5px;
        }
        
        .wpcf7 {
            position: relative;
        }
        
        .wpcf7-form {
            transition: opacity .2s ease-in-out;
        }
        
        .wpcf7-form.sent {
            opacity: 0;
            pointer-events: none;
        }
        
        .form-sent-success {
            opacity: 0;
            transition: opacity .2s ease-in-out;
        }
        
        .wpcf7-form.sent+.form-sent-success {
            opacity: 1;
            position: absolute;
            top: 0;
            font-weight: 700;
        }
        /* ANimate SVG */
        /* .fancy-icn {
        position: absolute;
        display: block;
        pointer-events: none;
    } */
        
        .fancy-icn {
            display: block;
            position: absolute;
            width: 400px;
            height: 400px;
            top: 20px;
            left: -150px;
            /* opacity: .18; */
        }
        
        .fancy-icn2 {
            width: 490px;
            height: 503px;
            left: -220px;
        }
        
        .fancy-icn5 {
            width: 390px;
            height: 383px;
            left: -144px;
        }
        
        .fancy-icn4 .st0 {
            fill: none;
            stroke: #c99d66;
            stroke-width: 0.25;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn4 path {
            stroke: #000;
            fill: #000;
            stroke-dasharray: 1800;
            opacity: 0;
        }
        
        .fancy-icn4 ellipse {
            stroke: #000;
            fill: #000;
            stroke-dasharray: 1800;
            opacity: 0;
        }
        
        .fancy-icn4 circle {
            stroke: #000;
            fill: #000;
            stroke-dasharray: 1800;
            opacity: 0;
        }
        
        .fancy-icn4.is_visible path {
            opacity: .42;
            animation: animate4 8s cubic-bezier(.55, .24, .33, .76);
        }
        
        .fancy-icn4.is_visible ellipse {
            opacity: .42;
            animation: animate4 8s cubic-bezier(.55, .24, .33, .76);
        }
        
        .fancy-icn4.is_visible circle {
            opacity: .42;
            animation: animate4 8s cubic-bezier(.55, .24, .33, .76);
        }
        
        @keyframes animate4 {
            0% {
                opacity: 0;
                fill: none;
                stroke-dashoffset: 1800;
            }
            30% {
                opacity: .42;
                fill: none;
                stroke-dashoffset: 1800;
            }
            90% {
                fill: rgba(0, 0, 0, 0);
            }
            100% {
                opacity: .42;
                fill: rgba(0, 0, 0, 0);
                stroke-dashoffset: 0;
            }
        }
        
        .fancy-icn2 .st0 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.289;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st1 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.288;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st2 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.287;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st3 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.286;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st4 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.285;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st5 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.284;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st6 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.283;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st7 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.282;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st8 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.281;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st9 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.28;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st10 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.279;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st11 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.278;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st12 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.277;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st13 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.276;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st14 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.275;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st15 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.274;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st16 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.273;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st17 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.272;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st18 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.271;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st19 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.27;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st20 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.269;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st21 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.268;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st22 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.267;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 .st23 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.266;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn2 path {
            stroke: #C99D66;
            fill: #000;
            stroke-dasharray: 1800;
            opacity: 0;
        }
        
        .fancy-icn2 ellipse {
            stroke: #000;
            fill: #000;
            stroke-dasharray: 1800;
            opacity: 0;
        }
        
        .fancy-icn2 circle {
            stroke: #000;
            fill: #000;
            stroke-dasharray: 1800;
            opacity: 0;
        }
        
        .fancy-icn2.is_visible path {
            opacity: .45;
            animation: animate2 8s cubic-bezier(.55, .24, .33, .76);
        }
        
        .fancy-icn2.is_visible ellipse {
            opacity: .45;
            animation: animate2 8s cubic-bezier(.55, .24, .33, .76);
        }
        
        .fancy-icn2.is_visible circle {
            opacity: .45;
            animation: animate2 8s cubic-bezier(.55, .24, .33, .76);
        }
        
        @keyframes animate2 {
            0% {
                opacity: 0;
                fill: none;
                stroke-dashoffset: 1800;
            }
            100% {
                opacity: 0.45;
                fill: rgba(0, 0, 0, 0);
                stroke-dashoffset: 0;
            }
        }
        
        .fancy-icn5 .st0 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn5 .st1 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn5 .st2 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn5 .st3 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn5 .st4 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn5 .st5 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn5 .st6 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn5 .st7 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn5 .st8 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn5 .st9 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn5 .st10 {
            fill: none;
            stroke: #1D1D1B;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn5 path {
            stroke: #C99D66;
            fill: #000;
            stroke-dasharray: 1800;
            opacity: 0;
        }
        
        .fancy-icn5 ellipse {
            stroke: #000;
            fill: #000;
            stroke-dasharray: 1800;
            opacity: 0;
        }
        
        .fancy-icn5 circle {
            stroke: #000;
            fill: #000;
            stroke-dasharray: 1800;
            opacity: 0;
        }
        
        .fancy-icn5.is_visible path {
            opacity: .18;
            animation: animate5 8s cubic-bezier(.55, .24, .33, .76);
        }
        
        .fancy-icn5.is_visible ellipse {
            opacity: .18;
            animation: animate5 8s cubic-bezier(.55, .24, .33, .76);
        }
        
        .fancy-icn5.is_visible circle {
            opacity: .18;
            animation: animate5 8s cubic-bezier(.55, .24, .33, .76);
        }
        
        @keyframes animate5 {
            0% {
                opacity: 0;
                fill: none;
                stroke-dashoffset: 1800;
            }
            100% {
                opacity: .18;
                fill: rgba(0, 0, 0, 0);
                stroke-dashoffset: 0;
            }
        }
        
        .fancy-icn3 .st0 {
            fill: none;
            stroke: #C99D66;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn3 .st1 {
            fill: none;
            stroke: #C99D66;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn3 .st2 {
            fill: none;
            stroke: #C99D66;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn3 .st3 {
            fill: none;
            stroke: #C99D66;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn3 .st4 {
            fill: none;
            stroke: #C99D66;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn3 .st5 {
            fill: none;
            stroke: #C99D66;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn3 .st6 {
            fill: none;
            stroke: #C99D66;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn3 .st7 {
            fill: none;
            stroke: #C99D66;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn3 .st8 {
            fill: none;
            stroke: #C99D66;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn3 .st9 {
            fill: none;
            stroke: #C99D66;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn3 .st10 {
            fill: none;
            stroke: #C99D66;
            stroke-width: 0.3;
            stroke-miterlimit: 10;
        }
        
        .fancy-icn3 path {
            stroke: #C99D66;
            fill: #000;
            stroke-dasharray: 1800;
            opacity: 0;
        }
        
        .fancy-icn3 ellipse {
            stroke: #000;
            fill: #000;
            stroke-dasharray: 1800;
            opacity: 0;
        }
        
        .fancy-icn3 circle {
            stroke: #000;
            fill: #000;
            stroke-dasharray: 1800;
            opacity: 0;
        }
        
        .fancy-icn3.is_visible path {
            opacity: .42;
            animation: animate3 8s cubic-bezier(.55, .24, .33, .76);
        }
        
        .fancy-icn3.is_visible ellipse {
            opacity: .42;
            animation: animate3 8s cubic-bezier(.55, .24, .33, .76);
        }
        
        .fancy-icn3.is_visible circle {
            opacity: .42;
            animation: animate3 8s cubic-bezier(.55, .24, .33, .76);
        }
        
        @keyframes animate3 {
            0% {
                opacity: 0;
                fill: none;
                stroke-dashoffset: 1800;
            }
            100% {
                opacity: .42;
                fill: rgba(0, 0, 0, 0);
                stroke-dashoffset: 0;
            }
        }
        
        .fancy-icn-intro,
        .fancy-icn-quote {
            left: auto;
            right: -100px;
            top: -100px;
        }
        
        .is_android_device .fancy-icn {
            display: none !important;
        }
        
        .footer-teaser {
            padding-top: 40px;
        }
        
        .footer-teaser h3 {
            font-size: 40px;
            color: var(--white);
            letter-spacing: -0.4px;
            text-align: center;
            line-height: 42px;
        }
        
        @media screen and (min-width: 768px) {
            .footer-teaser h3 {
                font-size: 60px;
                letter-spacing: -0.6px;
                line-height: 58px;
            }
            .footer-teaser p {
                font-size: 19px;
                color: #FAF9F7;
                line-height: 30px;
            }
        }
        
        .footer-teaser svg line,
        .footer-teaser svg polyline {
            stroke: #fff;
        }
        /*
==========
= FOOTER =
==========
 */
        
        footer {
            position: relative;
            background: #1C1C1A;
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 50%), url(assets/images/content/guilloche-footer.png);
            background-repeat: no-repeat;
            background-position: center bottom, center bottom;
            border-top: 1px solid var(--white);
            padding-top: 95px;
            padding-bottom: 105px;
            color: #fff;
            background-size: 100%, 340px;
        }
        
        @media screen and (min-width: 768px) {
            footer {
                padding-top: 160px;
                padding-bottom: 80px;
                background-size: 100%, 400px;
            }
        }
        /* footer:before {
        content: "";
        display: block;
        position: absolute;
        left: 15px;
        right: 15px;
        top: -1px;
        height: 1px;
        background-color: var(--white);
    } */
        
        .footer-logo {
            width: 180px;
            margin-bottom: 54px;
        }
        
        @media screen and (min-width: 768px) {
            .footer-logo {
                width: 235px;
                margin-bottom: 84px;
            }
        }
        
        .footer-nav {
            font-size: 15px;
            color: var(--white);
            letter-spacing: 0;
            line-height: 30px;
            font-weight: 400;
            margin-bottom: 68px;
        }
        
        @media screen and (min-width: 768px) {
            .footer-nav {
                margin-bottom: 10px;
            }
        }
        
        .footer-nav-ul {
            text-align: center;
        }
        
        .footer-nav li {
            position: relative;
            display: inline-block;
            padding-left: 10px;
            padding-right: 10px;
        }
        
        .footer-nav li:after {
            content: "|";
            position: absolute;
            right: -3px;
            color: var(--primary-color);
        }
        
        .footer-nav li.is_last_in_line:after {
            display: none;
        }
        
        .footer-address p {
            -webkit-hyphens: none;
            -ms-hyphens: none;
            hyphens: none;
            word-break: keep-all;
        }
        
        .footer-dt {
            display: none;
        }
        
        @media screen and (min-width: 768px) {
            .footer-dt {
                display: block;
            }
            .footer-mobile {
                display: none;
            }
        }
        
        .footer-mobile p {
            font-size: 14px;
            text-align: center;
            line-height: 30px;
        }
        
        .footer-dt p {
            font-size: 15px;
            text-align: center;
            line-height: 30px;
        }
        
        .footer-separator {
            padding-left: 7px;
            padding-right: 7px;
        }
        /*
==================
= RETINA & PRINT =
==================
 */
        /*retina and print styles here*/
        
        @media (-webkit-min-device-pixel-ratio: 2),
        (min-resolution: 192dpi) {}
        /*END MEDIA RETINA*/
        
        @media print {
            @page {
                size: A4;
            }
            @page {
                margin: 80px;
            }
            @page: left {
                @bottom-left {
                    content: "Page " counter(page) " of " counter(pages);
                }
            }
            body {
                font-size: 15px;
                color: #000000;
                letter-spacing: 0;
                line-height: 19px;
            }
            header {
                position: relative;
                width: 100%;
                height: 20px;
                width: 100%;
                max-width: 1078px;
                margin: 0 auto;
            }
            .header-container {
                box-shadow: none;
            }
            .logo {
                width: 150px;
                height: 53px;
                position: absolute;
                top: 0px;
                right: 0;
            }
            .frame {
                width: 100%;
                max-width: 1078px;
                margin: 0 auto;
            }
            .content {
                padding-top: 0;
            }
            section.section-hero {
                max-width: 1078px;
                margin: 0 auto 30px;
            }
            .post-date {
                font-weight: 700;
                font-size: 15px;
                color: #000000;
                letter-spacing: 0;
                line-height: 19px;
            }
            .post-author {
                font-size: 15px;
                color: #000000;
                letter-spacing: 0;
                line-height: 19px;
            }
            h2 {
                font-size: 30px;
                color: #000000;
                letter-spacing: 0;
            }
            * {
                background: transparent !important;
                color: black !important;
                text-shadow: none !important;
                -webkit-filter: none !important;
                filter: none !important;
                -ms-filter: none !important;
            }
            /* Black prints faster: h5bp.com/s */
            a,
            a:visited {
                text-decoration: underline;
            }
            a[href]:after {
                content: " ("attr(href) ")";
            }
            .logo:after {
                content: "" !important;
            }
            abbr[title]:after {
                content: " ("attr(title) ")";
            }
            a[href^="javascript:"]:after,
            a[href^="#"]:after {
                content: "";
            }
        }
        /*END MEDIA PRINT*/