@charset "UTF-8";

/*!
Theme Name: GMP Theme
Theme URI:
Description: Custom Theme für GMP, Design: Shuttle Design Studio;
Author: Ralf Hoffmeister
Author URI: http://ralfhoffmeister.de
Version: 1
*/

/* 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;
}

/*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;
}

/* ========================================================= */

/* = ==================== PLUGINS ======================== = */

/* ========================================================= */

/*Base Styles for third party plugins e.g. Slider, Lightbox*/

/* 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;
}

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

/* cyrillic-ext */

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWV0ewJER.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVQewJER.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVwewJER.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVMewJER.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}

/* hebrew */

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVIewJER.woff2) format("woff2");
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* vietnamese */

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWV8ewJER.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWV4ewJER.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVAewA.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}

/* hebrew */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* vietnamese */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}

/* hebrew */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* vietnamese */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}

/* hebrew */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* vietnamese */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(fonts/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufJ5qW54A.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufB5qW54A.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufO5qW54A.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufC5qW54A.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufD5qW54A.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufJ5qW54A.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufB5qW54A.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufO5qW54A.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufC5qW54A.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufD5qW54A.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufJ5qW54A.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufB5qW54A.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufO5qW54A.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufC5qW54A.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufD5qW54A.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/robotoslab/v24/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

/* Slider */

.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */

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

/* Arrows */

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

/* Dots */

.slick-dotted.slick-slider {
    padding-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -10px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
    border-color: #009ee6;
}

.slick-dots li button:before {
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    border-radius: 100%;
    content: " ";
    text-align: center;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    border-color: #009ee6;
    background-color: #009ee6;
}

/* ========== */

/* = HELPER = */

/* ========== */

/*MISC
**************************************************************/

.circle {
    border-radius: 50%;
}

.bg-white {
    background-color: #fff !important;
}

.bg-blue {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
    background-color: #009fe3 !important;
    color: #fff;
}

.bg-blue li {
    text-align: left;
    justify-content: flex-start;
    display: flex !important;
    text-align: left;
}

.bg-blue li:before {
    position: relative !important;
    top: 12px !important;
    left: -10px !important;
    color: #fff !important;
    background-color: #fff !important;
    max-width: 374px;
}

@media screen and (min-width: 768px) {
    .bg-blue li {
        top: 0 !important;
        justify-content: center !important;
        max-width: none;
    }
}

.section-centered_content {
    position: relative;
}

.section-centered_content .form-hl-icn {
    width: 137px;
}

@media screen and (min-width: 768px) {
    .section-centered_content .form-hl-icn {
        width: 183px;
    }
}

.arrow-icn-white {
    width: 59px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.bg-blue {
    margin-bottom: 100px;
}

@media screen and (min-width: 768px) {
    .bg-blue {
        margin-bottom: 165px;
    }
}

.intro-form h3 {
    margin-bottom: 60px;
}

@media screen and (min-width: 768px) {
    .intro-form h3 {
        margin-bottom: 15px;
    }
}

.bg-blue h2 {
    color: #000;
}

.bg-blue h3 {
    color: #fff;
}

.bg-transparent {
    background-color: transparent !important;
}

.page-id-1939 .img-container {
    overflow: visible !important;
}

/*Call to Action Button*/

.cta {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    outline: none;
    border: 2px solid #009fe3;
    color: #111111;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 15px;
    line-height: 1;
    transition: all 0.15s ease-in-out;
}

.cta:hover {
    background-color: #009fe3;
    color: #fff;
}

.cta:active,
.cta.active {
}

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

/*styling*/

.drop-cap {
    font-size: 3em;
    line-height: 1;
    font-weight: 600;
    padding: 2px 8px 0 0;
    float: left;
}

.run-in {
    font-weight: bold;
}

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

.r-br {
    display: none;
}

/*responsive line break - no break on mobile*/

.cols2,
.cols3,
.cols4 {
    max-width: 780px;
    -ms-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

@media screen and (min-width: 600px) {
    .r-br {
        display: block;
    }
    /*responsive line break*/
    .cols2 {
        -ms-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .cols3 {
        -ms-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
    .cols4 {
        -ms-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
    .cols2 p,
    .cols3 p,
    .cols4 p {
        padding-top: 0;
        padding-bottom: 1em;
        display: inline-block;
    }
    .cols2 h1,
    .cols2 h2,
    .cols2 h3,
    .cols2 h4,
    .cols2 h5,
    .cols2 h6,
    .cols2 img,
    .cols3 h1,
    .cols3 h2,
    .cols3 h3,
    .cols3 h4,
    .cols3 h5,
    .cols3 h6,
    .cols3 img .cols4 h1,
    .cols4 h2,
    .cols4 h3,
    .cols4 h4,
    .cols4 h5,
    .cols4 h6,
    .cols4 img {
        -moz-column-span: all;
        column-span: all;
    }
}

/*DISPLAY OPTIONS
**************************************************************/

/*floats*/

.left {
    float: left;
}

.right {
    float: right;
}

/*display*/

.block {
    display: block;
}

.inline {
    display: inline;
}

/*position*/

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.static {
    position: static;
}

/* ========================================================= */

/* = ===================== BASE STYLES =================== = */

/* ========================================================= */

/*Basic Styling for Headlines, Forms, links etc. */

html {
    min-height: 100%;
    font-size: 100%;
    -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;
}

body {
    position: relative;
    min-height: 100%;
    font-family: "Roboto Slab", Georgia, serif;
    font-size: 100%;
    color: #111;
    line-height: 1.4;
}

p {
    padding: 0.5em 0 0.5em 0;
    -epub-word-break: hyphenate;
    -ms-word-break: hyphenate;
    word-break: normal;
    word-wrap: normal;
    -webkit-hyphens: auto;
    -epub-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}

@media screen and (min-width: 600px) {
    p {
        font-size: 18px;
        line-height: 30px;
    }
}

h1 {
    position: relative;
    font-size: 20px;
    line-height: 1.2;
    color: #fff;
    background-color: #009fe3;
    display: inline-block;
    z-index: 1;
    padding: 10px 20px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 800px) {
    h1 {
        font-size: 48px;
    }
}

.h1-sub {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    color: #fff;
    background-color: #207ab3;
    padding: 2px 20px;
}

@media screen and (min-width: 800px) {
    .h1-sub {
        font-size: 21px;
        padding: 10px 20px;
    }
}

h2 {
    font-size: 20px;
    line-height: 1.2;
    padding-bottom: 15px;
}

h2 a {
    text-decoration: none;
}

@media screen and (min-width: 800px) {
    h2 {
        font-size: 30px;
        letter-spacing: 0.6;
    }
}

h3 {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #009fe3;
    padding-bottom: 30px;
    letter-spacing: 1px;
}

h3 {
    font-size: 18px;
    line-height: 1.3;
}

h4 {
    font-size: 20px;
    line-height: 1.5;
}

h5 {
    font-size: 16px;
    line-height: 1.3;
    padding-bottom: 21px;
}

@media screen and (min-width: 600px) {
    h5 {
        font-size: 18px;
        padding-bottom: 21px;
    }
}

h6 {
    font-size: 18px;
    line-height: 1.3;
}

a {
    border: 0;
    outline: 0;
    color: inherit;
    transition: color 0.25s ease-in-out;
}

a:hover {
    color: #009fe3;
    transition: color 0s ease-in-out;
}

a:focus {
}

a:active {
}

button {
    cursor: pointer;
    outline: none;
}

button:hover {
}

button:focus {
}

button:active {
}

em {
    font-style: italic;
}

strong {
    font-weight: 500;
}

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 {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li {
    list-style-position: inside;
}

nav li {
    list-style: none;
}

img {
    max-width: 100%;
    width: auto\9;
    /* ie8 */
    height: auto !important;
    -ms-interpolation-mode: bicubic;
    border: 0;
    transform: translate3d(0, 0, 0);
}

video {
    max-width: 100%;
    height: auto !important;
}

blockquote {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 500;
    max-width: 645px;
    padding-bottom: 50px;
}

@media screen and (min-width: 800px) {
    blockquote {
        padding-bottom: 100px;
    }
}

blockquote > p {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 500;
}

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

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    display: block;
    cursor: pointer;
    width: 100%;
    max-width: 420px;
    border: 1px solid #f4f4f4;
    background-color: #f4f4f4;
    color: #000;
    padding: 10px;
    margin-bottom: 0;
}

input[type="submit"] {
    padding: 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
    border: 1px solid #489ddd;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    -moz-padding-start: calc(10px - 3px);
    width: 100%;
    height: 46px;
    -moz-padding-start: calc(10px - 3px);
    padding-left: 10px;
    color: #000;
    background-color: #f4f4f4;
    /* font-family: 'Open Sans', sans-serif; */
    font-size: 16px;
    padding: 10px;
    cursor: pointer;
}

.recruiting-drop {
    padding-top: 10px;
    padding-bottom: 10px;
}

.recruiting-drop span.wpcf7-form-control-wrap::before {
    content: "";
    display: block;
    background-image: url(images/ui/dropper-select.svg);
    background-size: 14px 7px;
    position: absolute;
    width: 14px;
    height: 7px;
    right: 15px;
    top: 10px;
    pointer-events: none;
}

select::-ms-expand {
    display: none;
}

/* .wpcf7-form .custom-file-upload input[type="file"] {
    display: none;
} */

/* .custom-file-upload {
    display: inline-block;
    cursor: pointer;
} */

.form-hl-icn {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
    margin-bottom: 20px;
}

/* @media screen and (min-width: 600px) {
    .wpcf7-form .two-cols {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
    }
} */

.wpcf7-form .two-cols .col-l {
    flex: 0 0 60%;
}

.wpcf7-form .two-cols .col-l .cta {
    min-width: 225px;
    gap: 20px;
}

.wpcf7-form .two-cols .col-r {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex: 0 0 40%;
}

.wpcf7-form .two-cols .col-r svg {
    width: 20px;
    flex: 0 0 20px;
}

.wpcf7-form {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.wpcf7-form small {
    display: block;
    font-family: "Roboto Slab", Georgia, serif;
    font-size: 10px;
    color: #111111;
    line-height: 13px !important;
    max-width: 230px;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}

.wpcf7-form .cta {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    max-width: 343px;
    padding: 15px;
}

/* .wpcf7-form .custom-file-upload {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    max-width: 212px;
    padding: 15px;
}

@media screen and (min-width: 768px) {
    .wpcf7-form .custom-file-upload {
        max-width: 343px;
    }
} */

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7-not-valid-tip,
.wpcf7-response-output {
    border: none !important;
    font-family: "Roboto Slab", Georgia, serif;
    font-size: 12px;
    color: #009fe3;
    line-height: 18px;
    margin-top: 0;
}

.wpcf7-acceptance .wpcf7-list-item-label {
    font-size: 12px;
    color: #111111;
    line-height: 18px;
    display: block;
    max-width: 265px;
}

.wpcf7-acceptance label {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.wpcf7-acceptance .wpcf7-list-item {
    margin-left: 0;
}

.parallax .img-container {
    min-height: 374px;
    position: relative;
    width: 100%;
    height: 374px;
}

@media screen and (min-width: 768px) {
    .parallax .img-container {
        min-height: 374px;
        position: relative;
        width: 100%;
        height: auto;
    }
}

@media screen and (min-width: 768px) {
    .page-id-1939 .parallax {
        max-height: 21vw;
    }
}

.page-id-1939 .parallax .img-container img {
    margin-top: 0;
    transform: translate3d(0px, 0px, 0px);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right -10vw top 0px;
    object-position: right -10vw top 0px;
    display: block;
    width: 100%;
    height: 100% !important;
}

@media screen and (min-width: 768px) {
    .page-id-1939 .parallax .img-container img {
        margin-top: -3em;
        transform: translate3d(0px, 0px, 0px);
        -o-object-fit: inherit;
        object-fit: inherit;
        -o-object-position: center;
        object-position: center;
        display: block;
        width: 100%;
        height: auto !important;
    }
}

.page-id-1939 .hero-caption {
    margin-top: 0;
    margin-bottom: 55px;
    text-transform: uppercase;
}

@media screen and (min-width: 768px) {
    .page-id-1939 .hero-caption {
        margin-top: -100px;
        margin-bottom: 0;
    }
}

/*
  ::-webkit-input-placeholder,
  :-moz-placeholder,
  ::-moz-placeholder,
  :-ms-input-placeholder {

  }

  input::-webkit-input-placeholder {
    color: #fff;
  }

  input:-moz-placeholder {
    color: #fff;
  }

  input::-moz-placeholder {
    color: #fff;
  }

  input:-ms-input-placeholder {
    color: #fff;
  }
*/

input:focus::-webkit-input-placeholder,
input:focus:-moz-placeholder,
input:focus::-moz-placeholder,
input:focus:-ms-input-placeholder,
textarea:focus::-webkit-input-placeholder,
textarea:focus:-moz-placeholder,
textarea:focus::-moz-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent;
}

input[type="submit"],
button {
    /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
}

input[type="submit"]:hover,
button:hover {
}

input[type="submit"]:active,
button:active {
}

input[type="submit"]:focus,
button:focus {
}

/*  ::-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;
    -moz-font-feature-settings: "liga=1";
    -ms-font-feature-settings: "liga" 1;
    -moz-font-feature-settings: "frac=1";
    -ms-font-feature-settings: "frac" 1;
}

.base-color {
    color: #ccc;
}

.base-bg {
    background-color: #ccc;
}

.body-color {
    color: #444;
}

.body-bg {
    background-color: #444;
}

.accent-color {
    color: #f00;
}

.accent-bg {
    background-color: #f00;
}

.soft-color {
    color: #fbb;
}

.soft-bg {
    background-color: #fbb;
}

/* ========================================================= */

/* = =================PAGE STRUCTURE====================== = */

/* ========================================================= */

/* Basic Page Structure (Container and Frame Sizes, standard-Padding etc...)

  section:  always full width, contains frames that belong together, can have full-width-bg;

  .frame:   defines content width, contains page modules, often centered (margin: 0 auto);

  .module:  contains elements that belong together, can have padding;
            modules can be: widgets, forms, author-info, search-field, intro, slideshow, etc.;

  .page-pad: adds left & right padding to element;
              reccomenden for full-width modules, outer padding, so the content doesn’t stick to the window;
  .half,
  .third,
  .quarter: special modules, that are mainly used for grids. if used inside modules, containing module should have no padding;

  _____________
  How it works:

  section___________________________________________________________
  |          .frame______________________________________           |
  |          |      .module________________________      |          |
  |          |      |                              |     |          |
  |          |      |  elments, forms...           |     |          |
  |          |      |  modules have padding,       |     |          |
  |          |      |  sections and frames not     |     |          |
  |          |      |______________________________|     |          |
  |          |___________________________________________|          |
  |          .frame.clear________________________________           |
  |          |      .half__________.half___________      |          |
  |          |      |              |               |     |          |
  |          |      |              |               |     |          |
  |          |      |              |               |     |          |
  |          |      |              |               |     |          |
  |          |      |______________|_______________|     |          |
  |          |___________________________________________|          |
  |_________________________________________________________________|
  section___________________________________________________________
  |          .frame.clear________________________________           |
  |          |      .quarter_.third________________      |          |
  |          |      |        |                     |     |          |
  |          |      |        |                     |     |          |
  |          |      |        |                     |     |          |
  |          |      |        |                     |     |          |
  |          |      |________|_____________________|     |          |
  |          |___________________________________________|          |
  |_________________________________________________________________|
*/

/*PAGE-SEGMENTS
**************************************************************/

.container {
    /*contains the whole Page */
    position: relative;
    min-height: 100%;
    width: 100%;
    overflow: hidden;
}

.content {
    position: relative;
}

.frame,
[class*="frame-"] {
    /*frame, contains Content-Modules, no padding!*/
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.module,
[class*="module-"] {
    /*module, lives inside .frame, contains  */
    padding: 0 20px;
}

@media screen and (min-width: 600px) {
    .module,
    [class*="module-"] {
        /*module, lives inside .frame, contains  */
        padding: 0 9px;
    }
}

.page-pad,
.page-padding {
    /* adds l/r padding to element */
    padding: 9px;
}

/*GRID
**************************************************************/

.half,
.third,
.third.double,
.quarter,
.quarter.triple {
    width: 100%;
    position: relative;
    float: none;
}

@media screen and (min-width: 600px) {
    .half {
        width: 50%;
        float: left;
    }
    .third {
        width: 33.333333%;
        float: left;
    }
    .third.double {
        width: 66.666666%;
        float: left;
    }
    .quarter {
        width: 25%;
        float: left;
    }
    .quarter.triple {
        width: 75%;
        float: left;
    }
}

.youtube-video {
    aspect-ratio: 16 / 9;
    width: 100%;
}

/* ========================================================= */

/* = ==================== MODULES ======================== = */

/* ========================================================= */

/*
specific Layout-Modules and Components. keep it light, specifics and variations will be defined in content.css
(Class-Name System: .moduleName-componentName-state)
*/

/* ========== */

/* = HEADER = */

/* ========== */

/*Header stuff (Navigation, Logo etc.)*/

header {
    position: relative;
    background-color: #fff;
    z-index: 10;
}

.section-logo {
    position: relative;
    border-bottom: 30px solid #f4f4f4;
}

.section-logo .frame {
    position: relative;
    height: 56px;
}

@media screen and (min-width: 800px) {
    .section-logo .frame {
        height: 89px;
    }
}

.logo {
    width: 117px;
    height: 50px;
    position: absolute;
    left: 30px;
    bottom: -13px;
    display: block;
    text-decoration: none;
    transition: all 0.1s ease-in-out;
}

@media screen and (min-width: 800px) {
    .logo {
        bottom: -17px;
    }
}

.page_title {
    display: none;
    position: absolute;
    left: calc(100% + 10px);
    width: 600px;
    top: 10px;
    font-size: 14px;
    font-weight: 400;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media screen and (min-width: 800px) {
    .page_title {
        display: block;
    }
}

.page_title strong {
    font-weight: 700;
    color: #489ddd;
}

.main-nav-mobile .logo {
    top: 14px;
    bottom: auto;
    transition: none;
}

@media screen and (min-width: 800px) {
    .logo {
        width: 156px;
        height: 67px;
    }
}

/*Main-Nav*/

.main-nav-dt {
    display: none;
    background-color: #b4b4b4;
}

@media screen and (min-width: 800px) {
    .main-nav-dt {
        display: block;
    }
}

.main-nav {
    max-width: 1200px;
    padding-left: 9px;
    padding-right: 9px;
    margin: 0 auto;
}

.main-nav-dt ul {
    padding: 0;
    float: right;
}

.main-nav-dt .main-nav {
    padding-right: 50px;
}

.main-nav-dt .searchform {
    /*width: 35px;*/
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.main-nav-dt label {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    top: 0;
    z-index: 1;
}

.main-nav-dt label:hover svg path,
.main-nav-dt label:hover svg polygon {
    fill: #009fe3;
}

.main-nav-dt #s {
    max-width: 0;
    padding: 0;
    border: 0;
}

.main-nav-dt .searchform.active label {
    cursor: pointer;
    padding: 0;
    border: 0;
    top: -12px;
    right: 10px;
    background-image: url(images/ui/close-menu-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 25px;
}

.main-nav-dt .searchform.active label svg {
    display: none;
}

.main-nav-dt .searchform {
    background-color: transparent;
    top: 18px;
}

.main-nav-dt .searchform.active {
}

.main-nav-dt .searchform #s {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
}

.main-nav-dt .searchform.active #s {
    max-width: 720px;
    padding: 17px 10px;
    top: -18px;
    position: absolute;
    width: 720px;
    right: 0;
    outline: none;
    visibility: visible;
    opacity: 1;
}

.main-nav-dt #s {
    top: 60px;
    position: relative;
}

.main-nav-dt li {
    list-style: none;
    position: relative;
    float: left;
}

.main-nav-dt a {
    display: block;
    position: relative;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 18px;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.main-nav-dt > .frame > .main-nav > ul > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.main-nav-dt a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 15px;
    width: 1px;
    height: 25px;
    background-color: #fff;
}

.main-nav-dt a:hover {
    color: #009fe3;
}

.main-nav-dt li > .sub-menu {
    display: none;
}

.main-nav-dt li:hover > .sub-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    max-width: 280px;
    padding: 20px 30px;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}

.main-nav-dt .sub-menu li {
    float: none;
}

.main-nav-dt .sub-menu a {
    display: block;
    font-size: 16px;
    color: #111;
    padding: 0;
    padding-bottom: 5px;
}

.main-nav-dt .sub-menu a:hover {
    color: #009fe3;
}

.main-nav-dt .sub-menu a:after {
    content: "";
    display: none;
}

/*Toggle Nav Button (mobile)*/

.menu-button {
    display: none;
}

.menu-button,
.menu-button:hover {
    display: block;
    position: fixed;
    top: 10px;
    right: 25px;
    width: 50px;
    height: 50px;
    border: none;
    background: transparent url("images/ui/open-menu.svg") center center no-repeat;
}

.nav-open .menu-button,
.nav-open .menu-button:hover {
    background: url("images/ui/close-menu.svg") center center no-repeat;
}

.main-nav-mobile {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #009fe3;
    transition: opacity 0.25s ease-in-out 0.05s;
}

.nav-open .main-nav-mobile {
    visibility: visible;
    opacity: 1;
}

.main-nav-mobile .main-nav {
    padding-top: 0;
    padding-left: 30px;
    padding-right: 40px;
    padding-bottom: 35px;
    max-height: calc(100vh - 127px);
    overflow: auto;
}

.main-nav-mobile .main-nav > ul > li {
    position: relative;
    border-top: 1px solid #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 40px;
}

.main-nav-mobile .main-nav > ul > li > .drop-nav {
    content: "";
    display: block;
    position: absolute;
    background-image: url(images/ui/drop-nav.svg);
    background-position: center center;
    background-repeat: no-repeat;
    top: 7px;
    right: -7px;
    width: 40px;
    height: 40px;
    transform-origin: center center;
    transition: all 0.25s ease-in-out;
}

.main-nav-mobile .main-nav > ul > li.is_open > .drop-nav {
    transform: rotate(180deg);
}

.main-nav-mobile .sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: all 0.25s ease-in-out;
}

.main-nav-mobile .is_open > .sub-menu {
    max-height: 1000px;
}

.main-nav-mobile a,
.social-mobile p {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

.main-nav-mobile .current-menu-item > a,
.main-nav-mobile .current-menu-ancestor > a {
    font-weight: 700;
}

.main-nav-mobile .sub-menu {
    padding-left: 10px;
}

.main-nav-mobile .sub-menu a {
    font-size: 16px;
}

@media screen and (min-width: 800px) {
    .menu-button {
        display: none;
        background-color: transparent !important;
    }
}

.searchform-mobile {
    padding-top: 85px;
    padding-right: 40px;
    padding-left: 30px;
}

.searchform-mobile input {
    background-color: transparent;
    border: none;
    background-image: url(images/ui/search-icn.svg);
    background-position: right 2px center;
    background-repeat: no-repeat;
    color: #fff;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    transition: all 0.25s ease-in-out;
}

.searchform-mobile input:focus {
    outline: 0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

/* =========== */

/* = CONTENT = */

/* =========== */

/*Content Styling for Page Templates, e.g. variations from the module section*/

.content > section,
.main-content > section {
    padding-top: 20px;
    padding-bottom: 0;
}

section.section-centered_content {
    margin-top: 20px;
    padding-top: 0;
}

section.section-icons {
    padding-top: 13px;
    padding-bottom: 20px;
}

section.section-content-slider {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (min-width: 600px) {
    .content > section,
    .main-content > section {
        padding-top: 100px;
        padding-bottom: 0;
    }
    section.section-centered_content {
        margin-top: 100px;
        padding-top: 0;
    }
    section.section-icons {
        padding-top: 13px;
        padding-bottom: 50px;
    }
    section.section-content-slider {
        padding-top: 20px;
        padding-bottom: 90px;
    }
}

section.section-aktuelles-preview {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (min-width: 600px) {
    section.section-aktuelles-preview {
        padding-top: 70px;
        padding-left: 0;
        padding-right: 0;
    }
}

section.section-mitgliedschaft {
    padding-top: 35px;
}

/*Hero*/

.hero-item img,
.hero-item video {
    width: 140%;
    height: 140% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    max-width: none;
}

.hero-item img,
.hero-item video {
    width: 140%;
    max-width: none;
    left: -20%;
    right: -20%;
}

@media screen and (min-width: 600px) {
    .hero-item img,
    .hero-item video {
        width: 100%;
        height: 100% !important;
        max-width: none;
        left: 0;
        right: 0;
    }
}

.content > .section-hero {
    position: relative;
    padding-top: 0;
}

.parallax .img-container {
    overflow: hidden;
}

.parallax .img-container img,
.parallax .img-container video {
    margin-top: -6vw;
}

.hero-single {
    margin-left: auto;
    margin-right: auto;
    max-width: 1162px;
    margin-top: -50px;
}

.hero-caption {
    margin-top: -100px;
}

@media screen and (min-width: 600px) {
    .hero-caption {
        position: relative;
        margin-top: -130px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 50px;
    }
}

@media screen and (min-width: 800px) {
    .hero-caption {
        margin-top: -200px;
        padding-bottom: 90px;
        min-height: 177px;
    }
}

.hero-caption h1,
.hero-caption .h1-sub {
    max-width: 900px;
}

.slick-list {
    overflow: visible;
}

.hero-item {
    outline: none;
    min-height: 200px;
}

.main-content {
    position: relative;
    min-height: 550px;
}

.centered_content li,
.post-content li {
    position: relative;
    list-style-position: inside;
    padding-left: 23px;
    /* text-indent: -23px; */
    font-family: "Roboto Slab", Georgia, serif;
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 10px;
    list-style-type: none;
}

.centered_content li:before,
.post-content li:before {
    content: "";
    font-size: 26px;
    position: absolute;
    top: 12px;
    left: 5px;
    width: 3px;
    height: 3px;
    display: block;
    border-radius: 50%;
    background-color: #000;
}

/*Icons*/

.icon-container {
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    /* TWEENER - IE 10 */
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.icon-item {
    padding: 5px;
    text-align: center;
    display: block;
    text-decoration: none;
    -moz-flex: 1 0 50%;
    -o-flex: 1 0 50%;
    flex: 1 0 50%;
}

@media screen and (min-width: 800px) {
    .icon-item {
        -moz-flex: 1 0 25%;
        -o-flex: 1 0 25%;
        flex: 1 0 25%;
    }
}

@media screen and (min-width: 1000px) {
    .icon-container {
        /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        /* TWEENER - IE 10 */
        /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .leistungen-icons {
        /* max-width: 770px; */
        /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        /* TWEENER - IE 10 */
        /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .icon-item {
        max-height: 500px;
        transition: all 0.5s ease-in-out;
        overflow: hidden;
        -moz-flex: 1 0 25%;
        -o-flex: 1 0 25%;
        flex: 1 0 25%;
    }
    /* .leistungen-icons .icon-item {
      -webkit-flex: 1 0 33.333%;
         -moz-flex: 1 0 33.333%;
          -ms-flex: 1 0 33.333%;
           -o-flex: 1 0 33.333%;
              flex: 1 0 33.333%;
  } */
}

.icon-item:hover .icon-hover-invert {
    fill: #009fe3;
}

.icon {
    width: 100px;
    height: 100px;
    margin: 0 auto 10px;
    background-color: #fff;
    border-radius: 50%;
    transition: all 0.45s ease-in-out;
}

.page-template-page-referenzen .section-hero,
.page-template-page-referenzen .section-icons {
    display: none;
}

.page-template-page-referenzen .icon {
    width: 150px;
    height: 150px;
}

.icon-item:hover p {
    color: #009fe3;
    transition: all 0.45s ease-in-out;
}

.icon-item:hover .icon {
    background-color: #009fe3;
    transition: all 0s ease-in-out;
}

.icon svg {
    display: block;
    position: relative;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    max-width: 60px;
    max-height: 60px;
}

.icon .erdwaerme-svg {
    top: 54%;
}

.icon-item:hover svg path,
.icon-item:hover svg polygon,
.icon-item:hover circle,
.icon-item:hover rect,
.icon-item:hover line {
    fill: #fff;
    color: #fff;
    stroke: #fff;
}

.icon-item:hover polyline {
    stroke: #fff;
}

.icon-item p {
    font-size: 14px;
    color: #b4b4b4;
    line-height: 1.65;
}

@media screen and (min-width: 600px) {
    .icon-item p {
        font-size: 16px;
    }
}

.reveal-btn-container {
    padding-top: 35px;
}

.hide-icon {
    visibility: hidden;
    max-height: 0;
    transition: all 0 ease-in-out;
}

/*Vitrine*/

.section-vitrine {
    position: static;
    padding-top: 0 !important;
    min-height: 290px;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin-bottom: 100px;
}

.vitrine-inner {
    position: relative;
    min-height: 290px;
}

@media (orientation: portrait) {
    .iphone .section-vitrine {
        background-attachment: scroll;
    }
    .iphone .section-vitrine h3 {
        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7);
    }
}

@media (orientation: landscape) {
    .iphone .section-vitrine {
        background-attachment: scroll;
    }
    .iphone .section-vitrine h3 {
        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7);
    }
}

/* .iphone .section-vitrine {
    background-size: auto 100vh;
  } */

@media screen and (min-width: 600px) {
    .section-vitrine {
        min-height: 290px;
    }
}

.vitrine {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 auto;
    text-align: center;
    transform: translateY(-50%);
}

.vitrine h2 {
    font-size: 18px;
    padding-bottom: 10px;
    line-height: 1.1;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}

@media screen and (min-width: 600px) {
    .vitrine h2 {
        font-size: 36px;
    }
}

.vitrine h3 {
    font-size: 16px;
    line-height: 1.1;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 0;
}

@media screen and (min-width: 600px) {
    .vitrine h3 {
        font-size: 20px;
    }
}

/*Content-Slider*/

.content-slider {
    max-width: 1262px;
    margin: 0 auto;
}

.content-slider .slick-prev {
    display: none;
}

.content-slider .slick-next {
    display: none;
}

@media screen and (min-width: 600px) {
    .content-slider {
        max-width: 1262px;
        padding-left: 50px;
        padding-right: 50px;
        margin: 0 auto;
    }
    .content-slider .slick-prev {
        display: block;
        left: 0;
    }
    .content-slider .slick-next {
        display: block;
        right: 0;
    }
}

.content-slider-item:focus {
    outline: none;
}

.content-slider-inner {
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    /* TWEENER - IE 10 */
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

@media screen and (min-width: 800px) {
    .content-slider-inner {
        flex-direction: row;
        -moz-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        height: 386px;
    }
    .content-slider-item:nth-child(even) .content-slider-inner {
        flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -o-flex-direction: row-reverse;
        flex-direction: row-reverse;
        height: 386px;
    }
}

.c-slider-img {
    display: block;
    -moz-flex: 1 0 auto;
    -o-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 44%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 800px) {
    .c-slider-img {
        width: auto;
        height: auto;
        padding-bottom: 0;
        -moz-flex: 2 0 auto;
        -o-flex: 2 0 auto;
        flex: 2 0 auto;
    }
}

.c-slider-content h2 {
    font-size: 16px;
    line-height: 19px;
    padding-bottom: 10px;
}

@media screen and (min-width: 600px) {
    .c-slider-content h2 {
        font-size: 32px;
        line-height: 36px;
        padding-bottom: 15px;
    }
}

.c-slider-content h3 {
    display: inline-block;
    font-size: 16px;
    line-height: 19px;
    padding-bottom: 15px;
    border-bottom: 1px solid #111;
    margin-bottom: 0;
    text-transform: none;
    letter-spacing: 0;
}

@media screen and (min-width: 600px) {
    .c-slider-content h3 {
        font-size: 18px;
        line-height: 1.3;
        display: inline-block;
        border-bottom: 1px solid #111;
        padding-bottom: 30px;
        margin-bottom: 25px;
        letter-spacing: 1px;
    }
}

.c-slider-content p {
    font-size: 14px;
    line-height: 19px;
}

@media screen and (min-width: 600px) {
    .c-slider-content p {
        font-size: 16px;
        line-height: 26px;
    }
}

.c-slider-content {
    -moz-flex: 1 0 auto;
    -o-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    padding: 25px 30px;
    background-color: #f4f4f4;
}

@media screen and (min-width: 800px) {
    .c-slider-content {
        padding: 50px 30px;
        flex: 0 0 428px;
    }
}

@media screen and (max-width: 799px) {
    .c-slider-content:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(244, 244, 244, 0);
        border-bottom-color: #f4f4f4;
        border-width: 15px;
        margin-left: -15px;
    }
}

@media screen and (min-width: 800px) {
    .c-slider-content:after {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(244, 244, 244, 0);
        border-right-color: #f4f4f4;
        border-width: 15px;
        margin-top: -15px;
    }
    .content-slider-item:nth-child(even) .c-slider-content:after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(244, 244, 244, 0);
        border-left-color: #f4f4f4;
        border-width: 15px;
        margin-top: -15px;
    }
}

/* Team Grid / Popup-Slider */

.team-grid {
    display: flex;
    flex-wrap: wrap;
}

.team-item {
    width: 50%;
    padding: 10px;
}

.team-item-inner {
    cursor: pointer;
    transition: color 0.25s ease-in-out;
}

.team-item-inner:hover {
    color: #009fe3;
    transition: color 0s ease-in-out;
}

@media screen and (min-width: 600px) {
    .team-item {
        width: 25%;
    }
}

.popup-slider {
    position: absolute;
    top: -100%;
    right: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.85);
    transition: opacity 0.2s ease-in-out;
}

.popup-slider.popup_is_open {
    position: fixed;
    z-index: 10;
    top: 0;
    bottom: 0;
    visibility: visible;
    opacity: 1;
}

/* .team-slider {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
} */

.team-slider-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 50px;
    padding-right: 50px;
    max-width: 1280px;
    margin: 0 auto;
}

.popup-slider .team-slider-container {
    max-width: 1260px;
}

@media screen and (min-width: 800px) {
    .team-slider .content-slider-item:nth-child(even) .content-slider-inner {
        flex-direction: row;
    }
    .team-slider .content-slider-item:nth-child(even) .c-slider-content:after {
        right: 100%;
        left: auto;
        pointer-events: none;
        border-color: rgba(244, 244, 244, 0);
        border-right-color: #f4f4f4;
        border-width: 15px;
        margin-top: -15px;
    }
}

.team-slider-container .close-popup {
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 60px;
    width: 40px;
    height: 40px;
    background-image: url(images/ui/close-popup.svg);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.slick-next:before,
.slick-prev:before {
    display: none;
}

.slick-prev {
    left: -45px;
    width: 40px;
    height: 60px;
    background-image: url(images/ui/slider-popup-left.svg);
    background-position: center center;
    background-repeat: no-repeat;
    transition: background-position 0.15s ease-in-out;
}

.slick-prev:hover {
    background-position: left 7px center;
}

.slick-next {
    right: -45px;
    width: 40px;
    height: 60px;
    background-image: url(images/ui/slider-popup-right.svg);
    background-position: center center;
    background-repeat: no-repeat;
    transition: background-position 0.15s ease-in-out;
}

.slick-next:hover {
    background-position: right 7px center;
}

/*Aktuelles Modul*/

.aktuelles-preview-container {
    width: 100%;
    max-width: 386px;
    margin: 0 auto;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}

@media screen and (min-width: 800px) {
    .aktuelles-preview-container {
        max-width: 1180px;
        padding-left: 9px;
        padding-right: 9px;
    }
}

.aktuelles-thumb {
    width: 33.333%;
    max-width: 387px;
    padding-left: 1px;
    padding-right: 1px;
    float: left;
    border: 2px solid transparent;
    text-decoration: none;
}

.aktuelles-thumb:hover {
    border: 2px solid #009fe3;
}

.aktuelles-thumb:hover p {
    color: #111;
}

.aktuelles-thumb:nth-child(3n + 1) {
    padding-left: 0;
}

.aktuelles-thumb:nth-child(3n + 1) {
    padding-left: 0;
}

.aktuelles-thumb:nth-child(3n) {
    padding-right: 0;
}

.aktuelles-thumb-img {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 48.1865285%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.aktuelles-thumb-content {
    position: relative;
    padding: 10px;
    background-color: #f4f4f4;
}

@media screen and (min-width: 600px) {
    .aktuelles-thumb-content {
        padding: 30px 40px;
    }
}

.aktuelles-thumb-content h4 {
    color: #479ddd;
    margin-bottom: 0;
}

@media screen and (min-width: 600px) {
    .aktuelles-thumb-content h4 {
        margin-bottom: 10px;
    }
}

.aktuelles-thumb-content p {
    font-size: 16px;
    line-height: 22px;
}

@media screen and (min-width: 600px) {
    .aktuelles-thumb-content p {
        line-height: 25px;
    }
}

.aktuelles-thumb-content a {
    text-decoration: none;
    font-weight: 500;
}

.aktuelles-thumb-content a:hover {
    border-bottom: 1px solid;
}

.aktuelles-thumb-content:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(244, 244, 244, 0);
    border-bottom-color: #f4f4f4;
    border-width: 15px;
    margin-left: -15px;
}

.hl-fancy {
    position: relative;
    text-align: center;
}

.hl-fancy span {
    display: inline-block;
    position: relative;
    background-color: #fff;
    padding-left: 1em;
    padding-right: 1em;
}

.hl-fancy:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0.65em;
    height: 2px;
    background-color: #009fe3;
}

.all-posts-link {
    padding-top: 60px;
}

.all-posts-link .cta {
    padding: 12px 37px;
}

.post-content {
    padding-top: 117px;
}

.aktuelles-overview {
    display: flex;
    flex-wrap: wrap;
    max-width: 1180px;
}

.aktuelles-overview .aktuelles-thumb {
    flex: 1 0 250px;
}

@media screen and (min-width: 440px) {
    .aktuelles-overview .aktuelles-thumb {
        max-width: 50%;
    }
}

@media screen and (min-width: 800px) {
    .aktuelles-overview .aktuelles-thumb {
        flex: 1 0 33.33%;
        max-width: 33.3333%;
    }
}

/*Centered Content*/

.centered_content {
    max-width: 758px;
    margin-bottom: 100px;
}

.bg-blue .centered_content {
    margin-bottom: 20px;
}

/*Mitgliedschaft*/

.mitglied-item {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 50px;
    text-align: center;
}

@media screen and (min-width: 800px) {
    .mitgliedschaft {
        display: flex;
        flex-wrap: wrap;
    }
    .mitglied-item {
        -moz-flex: 0 1 25%;
        -o-flex: 0 1 25%;
        flex: 0 1 25%;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 50px;
        text-align: left;
    }
}

.mitglied-img {
    padding-bottom: 25px;
}

.mitglied-img img {
    display: block;
    margin: 0 auto;
}

@media screen and (min-width: 800px) {
    .mitglied-img img {
        margin: 0;
    }
}

.mitglied-item h4 {
    font-size: 16px;
    padding-bottom: 3px;
}

.mitglied-item p {
    font-size: 14px;
    padding: 0;
    padding-bottom: 0;
}

.mitglied-item a {
    font-size: 14px;
}

/*.section-info-box {
  width: 275px;
  position: absolute;
  top: 0;
  right: 0;
}*/

.info-box {
    background-image: url(images/ui/info-bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 285px;
    min-height: 352px;
    margin-bottom: 20px;
    padding: 25px;
    padding-top: 163px;
    color: #fff;
    -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
    -moz-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
    -ms-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
    -o-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
}

.info-box strong {
    font-weight: 700;
}

.info-box p {
    font-weight: 500;
}

.info-box-blank {
    background-image: url(images/ui/info-box-blank.svg);
    margin-left: auto;
    margin-right: auto;
    padding: 50px 50px 20px;
    height: auto;
    min-height: 0;
    max-width: 360px;
}

.info-box-blank p {
    font-size: 16px;
    text-align: center;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    line-height: 30px;
}

.info-box-blank strong {
    font-family: "Roboto Slab", Georgia, serif;
    font-size: 18px;
}

.info-box-light {
    background-image: url(images/ui/info-bg-light.svg);
}

.info-box-referenzen {
    max-width: 385px;
    background-image: url(images/ui/info-bg-projektdaten.svg);
}

.info-box-leistungen {
    max-width: 385px;
    background-image: url(images/ui/info-bg-lesitungen.svg);
}

.ansprechpartner {
    text-align: center;
}

.hero-caption .ansprechpartner {
    display: none;
}

.ansprechpartner-smallscreen {
    max-width: 970px;
}

@media screen and (min-width: 1130px) {
    .hero-caption .ansprechpartner {
        display: block;
        position: absolute;
        top: 45px;
        right: -75px;
        text-align: center;
    }
    .ansprechpartner-smallscreen {
        display: none;
    }
}

.ansprechpartner-hl,
.ansprechpartner-kontakt,
.ansprechpartner-tel {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
    text-transform: none;
    padding: 0;
}

.ansprechpartner-kontakt {
    padding-top: 10px;
}

.ansprechpartner-kontakt a {
    text-decoration: none;
}

.ansprechpartner-titel,
.ansprechpartner-name {
    font-size: 18px;
    padding: 0;
}

.ansprechpartner-name {
    padding-bottom: 10px;
    background-image: url(images/ui/dashes.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
}

/*Ruler*/

.ruler {
    display: none;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    bottom: 0;
    width: 30px;
    background-image: url(images/ui/ruler-bg.svg);
    background-repeat: repeat-y;
    background-position: 0 0;
    background-color: rgba(255, 255, 255, 0.9);
}

.ruler-unit {
    display: none;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    position: absolute;
    font-size: 10px;
    left: 14px;
    transform: rotate(-90deg);
    transform-origin: 0 0;
}

.ruler-counter {
    display: none;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    color: #fff;
    padding-top: 3px;
    position: fixed;
    z-index: 1;
    width: 69px;
    height: 22px;
    left: 35px;
    bottom: 30px;
    width: 69px;
    height: 22px;
    background-image: url(images/ui/ruler-counter-bg.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1250px) {
    .ruler,
    .ruler-counter,
    .ruler-unit {
        display: block;
    }
}

.social-media-footer {
    max-width: 200px;
}

.footer-contact-legal {
    max-width: 260px;
}

.social-link {
    display: inline-block;
    padding: 5px 10px 5px 0;
}

.social-mobile {
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 40px;
    padding-bottom: 35px;
}

.social-icn-color {
    fill: #b4b4b4;
}

@media (hover: hover) {
    a:hover .social-icn-color path {
        fill: #009fe3;
    }
}

/*Referenzen Single*/

.content-referenzen h4 {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.content-referenzen span {
    border-bottom: 1px solid #fff;
}

.term-filter {
    background: transparent;
    border: none;
    font-size: 14px;
    height: 39px;
    padding: 10px 5px;
    width: 178px;
    -webkit-appearance: button;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    border-radius: 0;
    background-image: url(images/ui/select-drop-arrow.svg);
    background-size: 10px 6px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    outline: 1px solid transparent;
}

.term-filter:focus,
.term-filter:active {
    outline: 1px solid #009fe3;
}

.frame-983.module {
    max-width: 983px;
    width: 100%;
}

.ref-main {
    width: 100%;
    max-width: 580px;
    padding-right: 30px;
    float: left;
    margin-bottom: 50px;
}

.ref-main-content {
    padding-bottom: 50px;
}

.ref-aside {
    float: left;
    width: 100%;
    max-width: 385px;
    margin-bottom: 50px;
}

.projektdaten-bezeichnung {
    float: left;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 16px;
    padding-right: 20px;
    width: 140px;
    line-height: 18px;
}

.projektdaten-beschreibung {
    float: left;
    font-size: 16px;
    font-weight: 500;
    max-width: 194px;
    width: 100%;
    line-height: 18px;
}

.leistungs-info-item {
    list-style: outside;
    margin-left: 20px;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 5px;
}

.gallery-thumb {
    max-width: 170px;
    padding-right: 10px;
    text-decoration: none;
}

.download-container {
    padding-top: 25px;
}

.download-cta {
    color: #009fe3;
    padding: 15px 37px;
}

.download-cta:hover {
    color: #fff;
}

.tos-caption {
}

.main-content .gallery {
    padding-top: 0;
}

.gallery-thumb {
    padding-right: 10px;
    padding-bottom: 10px;
    display: inline-block;
}

.ref-main-gallery .inner-content {
    line-height: 0;
    letter-spacing: 0;
    font-size: 0;
}

.ref-main-gallery {
    line-height: 0;
    letter-spacing: 0;
    font-size: 0;
}

.gallery-thumb img {
    display: block;
}

/*Aktuelles*/

.frame-narrow {
    max-width: 580px;
}

.alle-beitraege-button {
    padding-top: 50px;
}

/*Leistung Einzelseite*/

.page-template-page-leistung .centered_content,
.page-template-page-leistung .hero-caption {
    max-width: 970px;
}

.page-template-page-leistung .inner-content {
    max-width: 685px;
}

/*Beispielprojekte*/

.beispiel-container {
    max-width: 1131px;
    padding-top: 45px;
}

.section-beispielprojekte .third {
    display: block;
    text-decoration: none;
    float: none;
    max-width: 377px;
    margin: 0 auto;
    padding-bottom: 35px;
    width: 100%;
}

.section-beispielprojekte h4 {
    font-size: 20px;
}

@media screen and (min-width: 700px) {
    .section-beispielprojekte .third {
        float: left;
        width: 33.333%;
    }
    .section-beispielprojekte h4 {
        font-size: 24px;
        padding-top: 25px;
    }
    .section-beispielprojekte p {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-weight: 300;
        font-size: 16px;
        padding-top: 0;
    }
}

/*Referenz-Liste*/

.ref-row {
    display: block;
    text-decoration: none;
}

.ref-nav {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #111;
    margin-bottom: 20px;
    width: 1170px;
}

.ref-list {
    overflow: auto;
}

.ref-list-container-inner {
    width: 1170px;
}

.ref-list .ref-row:not(.ref-nav):hover {
    background-color: #009fe3 !important;
    color: #fff;
}

.ref-list .ref-row:nth-child(even) {
    background-color: #e5f5fc;
}

.ref-list p {
    font-size: 16px;
}

.ref-col-l {
    float: left;
    width: 41.66%;
    max-width: 485px;
}

.ref-col-r {
    float: left;
    width: 58.33%;
}

.ref-col-r-container {
    width: 679px;
}

.ref-name {
    padding: 5px 10px;
}

.ref-list .ref-name {
    font-weight: 500;
}

.ref-bereich {
    float: left;
    width: 290px;
    padding: 5px 10px;
    font-weight: 300;
}

.ref-item .ref-bereich span:after {
    content: ",";
}

.ref-item .ref-bereich span:last-child:after {
    content: "";
}

.is_visually_hidden {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.ref-list-container {
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
}

.sort-trigger {
    cursor: pointer;
}

.sort-trigger.is_active {
    color: #009fe3;
}

.sort-trigger-content {
    position: relative;
    padding-right: 30px;
}

.sort-trigger-content:after {
    display: none;
    content: "";
    position: absolute;
    right: 5px;
    top: 5px;
    width: 16px;
    height: 14px;
    background-image: url(images/ui/drop-arrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.25s ease-in-out;
}

.sort-trigger.is_active .sort-trigger-content:after {
    display: block;
}

.sort-trigger.is_up .sort-trigger-content:after {
    transform: rotate(180deg);
}

.processing {
    opacity: 0;
}

.ref-jahr {
    float: left;
    width: 194px;
    padding: 5px 10px;
    font-weight: 300;
}

.ref-tiefe {
    float: left;
    width: 194px;
    padding: 5px 10px;
    font-weight: 300;
}

.ref-list-thumb {
    position: absolute;
}

.ref-thumb-container {
    display: none;
    border: 3px solid #009ee6;
    position: absolute;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);
}

.ref-thumb-container img {
    display: block;
}

/*STELLEN*/

.frame-740 {
    max-width: 758px;
}

.hl-stellen {
    padding-bottom: 30px !important;
}

.stellen-bschreibung {
    margin-bottom: 30px;
}

.stellen-title {
    padding-bottom: 30px;
}

/*Ansprechpartner*/

.section-ansprechpartner .frame {
    /*width: 1140px; */
    overflow: auto;
}

.ansp-bereich {
    border-top: 1px solid #000000;
    padding-top: 13px;
    padding-bottom: 13px;
}

.ansp-bereich:last-child {
    border-bottom: 1px solid #000000;
}

.ansprechpartner-list-line {
    width: 1140px;
}

.ansprechpartner-list-hl p {
    font-size: 18px !important;
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    font-weight: normal;
}

.ansp-col {
    padding: 13px 10px;
    float: left;
}

.anspr-col-name {
    width: 370px;
    padding-left: 0;
}

.anspr-col-name p {
    font-weight: normal;
}

.anspr-col-bereich {
    width: 250px;
}

.anspr-col-tel {
    width: 200px;
}

.anspr-col-email {
    width: 320px;
    padding-right: 0;
}

.anspr-col-email a {
    text-decoration: none;
}

.anspr-col-email a:hover {
    color: #009fe3;
}

.ansp-col p {
    font-size: 16px;
    padding: 0;
}

.search-result-item {
    border-bottom: 1px solid #bbb;
}

.search-result-item h2 {
    padding-bottom: 0;
}

.search-result-item a {
    font-size: 24px;
    display: block;
    padding-top: 10px;
    padding-bottom: 15px;
}

/* ========== */

/* = FOOTER = */

/* ========== */

footer {
    position: relative;
    background-color: transparent;
    z-index: 9;
}

.footer-logo-container {
    position: relative;
    height: 170px;
    z-index: 1;
}

.footer-logo-container:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 35px;
    border-top-width: 25px;
    margin-left: -35px;
}

.footer-logo {
    background-image: url(images/ui/footer-logo.png);
    width: 123px;
    height: 90px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: -30px;
}

@media screen and (min-width: 600px) {
    .footer-logo {
        width: 273px;
        height: 189px;
        bottom: -110px;
    }
}

footer strong {
    font-weight: 600;
}

.footer-adress-container {
    background-color: #ececec;
    padding-top: 40px;
    padding-bottom: 32px;
}

.footer-adress-container p {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 25px;
    width: 386px;
    float: left;
    padding-left: 10px;
}

.footer-nav-container {
    background-color: #b4b4b4;
    padding-top: 85px;
    padding-bottom: 45px;
}

.footer-nav > ul > li {
    float: left;
    padding-right: 40px;
    width: 170px;
}

.footer-nav > ul > li > a {
    border-bottom: 1px solid #fff;
    display: block;
    font-size: 18px;
    margin-bottom: 6px;
    padding-bottom: 5px;
}

.footer-nav a {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    display: block;
    color: #fff;
    padding: 3px 0;
    text-decoration: none;
}

.footer-nav a:hover {
    color: #009fe3;
}

.footer-nav .sub-menu a {
    font-size: 14px;
}

.tos-prev,
.tos-next,
.tos-close,
.tos-caption {
    opacity: 1 !important;
}

/* ================== */

/* = RETINA & PRINT = */

/* ================== */

/*retina and print styles here*/

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
}

/*END MEDIA RETINA*/

@media print {
    * {
        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) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    /* Don't show links for images, or javascript/internal links */
    pre,
    blockquote {
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    /* h5bp.com/t */
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    html,
    body,
    p {
        font-size: 10pt;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*END MEDIA PRINT*/