/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
/* playfair-display-sc-regular - latin */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-sc-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/playfair-display-sc-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-sc-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-sc-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-sc-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-sc-v15-latin-regular.svg#PlayfairDisplaySC') format('svg'); /* Legacy iOS */
}
/* playfair-display-sc-italic - latin */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/playfair-display-sc-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/playfair-display-sc-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-sc-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-sc-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-sc-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-sc-v15-latin-italic.svg#PlayfairDisplaySC') format('svg'); /* Legacy iOS */
}
/* playfair-display-sc-700 - latin */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/playfair-display-sc-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/playfair-display-sc-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-sc-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-sc-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-sc-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-sc-v15-latin-700.svg#PlayfairDisplaySC') format('svg'); /* Legacy iOS */
}
/* playfair-display-sc-700italic - latin */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/playfair-display-sc-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/playfair-display-sc-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-sc-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-sc-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-sc-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-sc-v15-latin-700italic.svg#PlayfairDisplaySC') format('svg'); /* Legacy iOS */
}
/* playfair-display-sc-900 - latin */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/playfair-display-sc-v15-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/playfair-display-sc-v15-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-sc-v15-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-sc-v15-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-sc-v15-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-sc-v15-latin-900.svg#PlayfairDisplaySC') format('svg'); /* Legacy iOS */
}
/* playfair-display-sc-900italic - latin */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/playfair-display-sc-v15-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/playfair-display-sc-v15-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-sc-v15-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-sc-v15-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-sc-v15-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-sc-v15-latin-900italic.svg#PlayfairDisplaySC') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

:root {
    --main-color: #000;
    --secondary-color: #fff;
    --main-shadow: 10px 10px 30px rgba(0, 0, 0, .05);
}

:root {
    --main-padding: 3rem;
}

@media (min-width: 768px) {
    :root {
        --main-padding: 3rem;
    }
}

@media (min-width: 1600px) {
    :root {
        --main-padding: 5rem;
    }
}

@media (min-width: 1921px) {
    :root {
        --main-padding: 8rem;
    }
}

@media (min-width: 1401px) {
    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xxl-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xxl-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xxl-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xxl-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xxl-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xxl-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xxl-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xxl-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xxl-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xxl-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xxl-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xxl-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xxl-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xxl-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xxl-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xxl-0 {
        margin-left: 0;
    }

    .offset-xxl-1 {
        margin-left: 8.333333%;
    }

    .offset-xxl-2 {
        margin-left: 16.666667%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .offset-xxl-4 {
        margin-left: 33.333333%;
    }

    .offset-xxl-5 {
        margin-left: 41.666667%;
    }

    .offset-xxl-6 {
        margin-left: 50%;
    }

    .offset-xxl-7 {
        margin-left: 58.333333%;
    }

    .offset-xxl-8 {
        margin-left: 66.666667%;
    }

    .offset-xxl-9 {
        margin-left: 75%;
    }

    .offset-xxl-10 {
        margin-left: 83.333333%;
    }

    .offset-xxl-11 {
        margin-left: 91.666667%;
    }

    .d-xxl-none {
        display: none
    }
}

.clearfix * {
    zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

html {
    font-size: 15px;
}

body { background-attachment: fixed; background-position:105% center; background-size: auto 80%; background-image: url(../images/vogedes-logo-bg.svg); background-repeat: no-repeat}

@media (max-width: 767px) {
    body, html {
        -ms-overflow-style: scrollbar;
        max-width: 100% !important;
    }

    html {
        font-size: 13px;
    }
}

body {
    position: relative;
    font-style: normal;
    line-height: 1.6;
    font-size: 1.1rem;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}


p {
    font-size: 1.1rem;
}

html,
body {
    width: 100%;
}

b, strong {
    font-weight: 700;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body section p {
    position: relative;
    z-index: 2
}

hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
}

img {
    max-width: 100%;
    height: auto;
}


a {
    color: var(--main-color)
}

a:hover,
a:focus {
    color: #777;
    text-decoration: none;
    outline: none;
}


/* HEADER */
h1, h2, h3, h4, h5, h6, .page-hero span,
.h1, .h2, .h3, .h4, .h5, .h6, .page-hero span {
    clear: both;
    overflow-wrap: inherit;
    font-weight: 300;
}

h1.hasborder,
h2.hasborder,
h3.hasborder { border-left:4px solid #000; padding-left: 10px;  font-family: 'Playfair Display', serif;}

.herocol h1 span { font-family:'Roboto', sans-serif;  }

h1 {
    font-size: clamp(2.25rem, 3.3333vw, 3.25rem);
    color: var(--main-color);
    font-family: 'Playfair Display', serif;
}
.herocol h1 {
    font-size: clamp(2.25rem, 3.3333vw, 4.25rem);
}
h2 {
    font-size: clamp(2rem, 3.3333vw, 2.75rem)
}

h3 {
    font-size: clamp(1.75rem, 3.3333vw, 2.25rem)
}


.small-gap {
    margin-bottom: 15px !important;
}

.gap {
    margin-bottom: 30px !important;
}

.big-gap {
    margin-bottom: 60px !important;
}

.no-margin {
    margin: 0;
    padding: 0;
}

.tcenter {
    text-align: center;
}

.tright {
    text-align: right;
}

.versteckt {
    opacity: 0
}

.sichtbar {
    opacity: 1
}

.shadow {
    box-shadow: 0px 0px 3px 1px #333;
    -moz-box-shadow: 0px 0px 3px 1px #333;
    -webkit-box-shadow: 0px 0px 3px 1px #333;
}

.inner-shadow {
    -moz-box-shadow: inset 0 8px 8px -8px #000,
    inset 0 -8px 8px -8px #000;
    -webkit-box-shadow: inset 0 8px 8px -8px #000,
    inset 0 -8px 8px -8px #000;
    box-shadow: inset 0 8px 8px -8px #000,
    inset 0 -8px 8px -8px #000;
}

.img-responsive {
    margin: 0 auto;
}

p {
    margin-bottom: 1.2em;
}

p a {
    text-decoration: underline;
}

.vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section, .vc_section.vc_section-has-fill + .vc_section,
section {
    padding: var(--main-padding) 15px;
}

section.vc_section + section.vc_section {
    padding-top: 0
}

section.vc_section[data-vc-full-width="true"] {
    padding-top: var(--main-padding) !important
}

section.vc_section[data-vc-full-width="true"].highlight,
section.highlight {

    padding-top: calc(var(--main-padding) * 2) !important;
    padding-bottom: calc(var(--main-padding) * 2) !important;
    background-color: var(--secondary-color);
}

section.maincontent section.vc_section:last-child {
    padding-bottom: 0
}

section.vc_section {
    position: relative;
    z-index: 1;
}

section.vc_section + section.vc_section-has-fill {
    position: relative;
    z-index: 0;
    overflow: visible;
}

div.maincontent {
    padding: var(--main-padding) 0;
}

div.maincontent > .vc_section:first-of-type {
    padding-top: 0 !important
}

div.maincontent > .vc_section:last-of-type {
    padding-bottom: 0 !important
}

section.subcontent:last-of-type {
    padding-bottom: 0
}


/** NAVBAR **/

header {
    transition: transform ease .3s, top ease .3s;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: fixed;
    right: 0;
    left: 0;
    top: 0rem !important;
    transition: top ease .25s, transform ease .25s;
}

@media (min-width: 1921px) {
    header {
        max-width: 1660px;
    }
}

header nav.navbar {
    padding: 0 15px;
}

header nav.navbar .navbar-collapse {
    pointer-events: all
}

.navbar {
    z-index: 999;
    font-weight: 300;
    margin: 0;
}

@media (max-width: 767px) {
    .navbar {
        margin: 0 -15px;
        border-radius: 0
    }
}

.navbar-nav {
    background-color: rgba(255, 255, 255, 0);
    transition: box-shadow ease .3s, transform ease .3s, border-top-width ease .3s;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.navbar-nav > li {
    position: relative;
    z-index: 2;
    margin: 0 .5rem;
}

.navbar-nav > li > a {
    position: relative;
    z-index: 2;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
    color: #000;
    display: block;
    background-color: #fff;
}
.navbar-nav li:last-child a.nav-link { color:#fff;}
.navbar-nav li:last-child a.nav-link:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: -1000px;
    background-color: #000;
    z-index: -1;
}

/*
.dropdown-item.active, .dropdown-item:active {
    border-bottom-color: #fff;
}
*/

.navbar-nav li a.active.dropdown-toggle::after {
    color: #fff;
}

/*
header .dropdown-item:focus, header .dropdown-item:hover {
    background-color: #fff;
    color: var(--main-bg-color) !important
}
*/
.navbar-nav li.current-page-ancestor > a,
.navbar-nav li.current-menu-item > a,
.navbar-nav li.current-menu-parent > a {
    background-color: var(--main-color);
    color: #fff;

}
.navbar-nav li:last-child a.nav-link:hover:after,
.navbar-nav > li > a:hover {
    background-color: #ccc !important
}

.navbar-brand {
    z-index: 1000;
    overflow: hidden;
    padding: 0.5rem 1rem;
    transition: height ease .25s;
    height: calc(100px + 1rem);
}


.navbar-brand svg {
    width: auto;
    height: 100px;
    transition: width ease .25s, transform ease .25s;
}


@media (min-width: 768px) {
    .navbar-brand {
        padding: 0.5rem 1rem;
        height: calc(100px + 1rem);
    }

    .navbar-brand img {
        width: auto;
        height: 100px;
    }

}

#metanav {
    position: absolute;
    right: 0;
    top: 0;
}


header .dropdown-menu {
    border-radius: 0;
    border: 0;
    z-index: 2;
}

.dropdown-menu {
    display: block;
    max-height: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    background-color: transparent;
}

.dropdown-menu a {
    font-weight: 300;
    position: relative;
    z-index: 2;
    display: block;
    border-bottom: 1px solid transparent;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 30px;
    margin-bottom: .5rem;
    padding-left: 0.5rem;
    background-color: #fff
}

.dropdown-menu a:hover {
    background-color: var(--secondary-color) !important;
    color: #000;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--main-color);
    color: #fff;
}

.show > .dropdown-menu {
    max-height: 800px;
    visibility: visible;
}


@media (pointer: fine) {
    .navbar-nav > li.dropdown:hover > .dropdown-menu {
        display: block;
        max-height: 800px;
        visibility: visible;
    }
}

#wrapper {
    margin: 0 auto;
    overflow: hidden;
}

@media (min-width: 1921px) {
    #wrapper {
        max-width: 1920px;
    }
}

/** NAVBAR **/
/** FULL SIZE NAV **/

@media (min-width: 992px) {
    .mobilenav {
        display: none;
    }
}

@media (max-width: 991px) {


    .megamenuwrap {
        display: none !important
    }

    #secondNav .mainNav {
        padding: 5px 30px;
    }


    body.navaffix .menuicon {
        top: 0;
    }

    body.navaffix .menuicon, .menuicon {
        top: 0;
    }

    body #wrapper {
        transition: transform ease .3s;
    }

    body.menuopen .meta,
    body.menuopen header,
    body.menuopen .toplogo,
    body.menuopen #wrapper, body.menuopen header.fixed-top {
        transform: translateX(-450px);
        -webkit-transform: translateX(-450px);
        -moz-transform: translateX(-450px);
        -ms-transform: translateX(-450px);
        -o-transform: translateX(-450px);
        transform: translateX(-450px);
    }

    body.menuopen.navaffix #secondNav {
        transform: translateY(0) translateX(-450px);
        -webkit-transform: translateY(0) translateX(-450px);
        -moz-transform: translateY(0) translateX(-450px);
        -ms-transform: translateY(0) translateX(-450px);
        -o-transform: translateY(0) translateX(-450px);
        transform: translateY(0) translateX(-450px);
    }

    body.menuopen {
        overflow: hidden
    }


    body.menuopen .mobilenav {
        right: 0px;
    }

    .mobilenav {
        top: 0;
        bottom: 0;
        min-width: 140px;
        z-index: 999;
        padding: 3rem;
        position: fixed;
        height: 100%;
        overflow: auto;
        border-left: 1px solid #ddd;
        transition: right ease .3s;
        text-align: left;
        width: 450px;
        right: -450px;
        background-color: var(--secondary-color);
    }

    .mobilenav .search-form {
        margin-top: 50px;
    }

    .mobilenav .search-form input.btn {
        width: 40px;
        text-align: center;
        padding: 0;
    }

    .mobilenav .search-form input.btn:hover,
    .mobilenav .search-form input.btn:focus {
        color: #fff;
    }

    .mobilenav .table {
        display: table;
        margin-bottom: 0;
        height: 100%;
        width: 100%;
        max-width: 100%;
        padding: 50px 0
    }

    .mobilenav .form-group span,
    .mobilenav .form-control {
        display: block;
        width: 100% !important;
        color: #000;
    }

    .mobilenav .form-group label {
        color: var(--main-color)
    }

    .mobilenav .table .inner {
        display: table-cell;
        vertical-align: middle;
    }

    .mobilenav.in {
        display: table;
    }

    .mobilenav ul {
        margin: 0;
        padding: 0;
    }

    .mobilenav ul.clearfix > li {
        display: block;
        width: 100%;
    }

    .mobilenav li {
        list-style-type: none;
        list-style-image: none;
        list-style: none;
        text-align: left;
        margin: 4px 0;
        position: relative;
        clear: both;
        z-index: 2;
    }

    .mobilenav li ul {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: none;
        padding: 0 0 0 15px;
        clear: both;
        width: 100%;
    }

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

    .mobilenav li.menu-item-has-children > a:after {
        display: inline-block;
        margin-left: auto;
        vertical-align: .255em;
        content: "";
        /* border-top: .3em solid;
         border-right: .3em solid transparent;
         border-bottom: 0;
         border-left: .3em solid transparent;*/
        right: 15px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-left: 0;
        vertical-align: 0;
        content: "\f107";
        font-family: "Font Awesome 5 Pro";
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        border: 0;
        margin-left: 5px;
    }

    .mobilenav li.parent-clicked ul, .mobilenav li.current-menu-parent ul {
        display: block
    }


    .mobilenav li ul:hover {
        opacity: 1;
    }

    .mobilenav li ul li ul li {
        position: relative;
    }

    .mobilenav li a {
        padding: 5px 15px;
        font-size: 1.8rem;
        display: block;
        text-decoration: none;
        position: relative;
        border-bottom: 2px solid transparent;
        color: #000;

    }

    .mobilenav li a {
        position: relative
    }

    .mobilenav li a:hover {
        color: #333
    }


    .mobilenav li ul li a {
        font-size: 90%;
        display: block;
    }

    .mobilenav li a.active, .mobilenav li.current-menu-item > a, .mobilenav li.current-menu-parent > a, .mobilenav li:hover > a {
        background-color: var(--main-color);
        color: #fff;
    }


    .menuicon {
        z-index: 99999;
        position: relative;
        display: block;
        padding: 12px 11px;
        height: 45px;
        width: 45px;
        margin: 0px;
        top: 0px;
        right: 0;
        background-color: #fff;
    }


    .menui {
        transition: transform ease 0.3s;
        position: absolute;
        width: 16px;
        height: 1px;
        border-radius: 0;
        transform: translate(-50%, -50%);
        background-color: #222;
        border: 1px solid #222;
    }


    .top-menu {
        top: 40%;
        left: 50%;

    }

    .mid-menu {
        top: 50%;
        left: 50%;
    }

    /*.mid-animate {

      top: 3px !important; border:4px solid #000;
      border-radius: 50%; width:25px; height:25px; background:transparent;
    }*/
    .bottom-menu {
        top: 60%;
        left: 50%;
    }


    body.menuopen .top-menu {
        top: 50%;

        border-color: #00535f !important;
        background-color: #00535f !important;
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }

    body.menuopen .mid-menu {
        opacity: 0;
    }

    body.menuopen .bottom-menu {
        top: 50%;
        border-color: #00535f !important;
        background-color: #00535f !important;
        -webkit-transform: translateY(-50%) rotate(-225deg);
        transform: translate(-50%, -50%) rotate(-225deg);
    }


}

body.menuopen {
    overflow: hidden
}

@media (max-width: 768px) {
    .mobilenav {
        width: 50vW;
        max-width: 50vW;
        right: -50vw;

    }

    body.menuopen .meta,
    body.menuopen header,
    body.menuopen #wrapper, body.menuopen header.fixed-top {
        transform: translateX(-50vw);
        -webkit-transform: translateX(-50vw);
        -moz-transform: translateX(-50vw);
        -ms-transform: translateX(-50vw);
        -o-transform: translateX(-50vw);
        transform: translateX(-50vw);
    }

    body.menuopen.navaffix #secondNav, body.menuopen header.fixed-top {
        transform: translateY(0) translateX(-50vw);
        -webkit-transform: translateY(0) translateX(-50vw);
        -moz-transform: translateY(0) translateX(-50vw);
        -ms-transform: translateY(0) translateX(-50vw);
        -o-transform: translateY(0) translateX(-50vw);
        transform: translateY(0) translateX(-50vw);
    }
}


@media (max-width: 576px) {
    .mobilenav {
        width: 80vW;
        max-width: 80vW;
        right: -80vw;
    }

    body.menuopen .meta,
    body.menuopen header,
    body.menuopen #wrapper, body.menuopen header.fixed-top {
        transform: translateX(-80vw);
        -webkit-transform: translateX(-80vw);
        -moz-transform: translateX(-80vw);
        -ms-transform: translateX(-80vw);
        -o-transform: translateX(-80vw);
        transform: translateX(-80vw);
    }
}


/** SLICKS **/

.slick-list {
    padding: 0 !important
}

.slick-slider .slick-prev, .slick-slider .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 0% !important;
    color: #000;
    outline: none !important;
    z-index: 19;
    font-size: 16px;
    background-color: transparent;
}

.slick-slider .slick-prev:hover, .slick-slider .slick-next:hover {
    color: #999 !important;
}

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

.slick-next {
    right: -20px
}

@media (min-width: 768px) {
    .slick-slider .slick-prev {
        left: -40px;

    }

    .slick-slider .slick-next {
        right: -40px;
    }
}

@media (min-width: 1200px) {
    .slick-slider .slick-prev {
        left: -60px;

    }

    .slick-slider .slick-next {
        right: -60px;
    }
}

.flexslick .slick-track {
    display: flex;
}

.flexslick .slick-track .slick-slide {
    height: inherit;
}

.flexslick .slick-track .slick-slide > div {
    height: 100%
}

.flexslick .slick-track .slick-slide > div .slickitem {
    height: 100%;
}


/** FORMS **/

.wpcf7 .form-control, #newsletter input[type=text], textarea.form-control
    /*input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, textarea.form-control*/
{
    color: #222 !important;
    border: 1px solid #D5D9DE;
    background: transparent;
    margin-bottom: 15px !important;
    padding: 2rem .75rem .5rem;
    height: auto !important;
    line-height: 1;
    position: relative;
    z-index: 1;
    box-shadow: none !important;
    border-radius: 0;
}

select.form-control {
    padding: 1.25rem .75rem !important
}

.wpcf7-form-control-wrap {
    position: relative
}

.form-control:focus {
    background-color: transparent
}

input[type="file"].form-control {
    padding: 12px 9px;
}

textarea.form-control {
    height: auto;
}

.form-group {
    position: relative;
    margin-bottom: 1rem !important;
}

/** BUTTONS **/
.navbar-nav > li.menubtn > a.nav-link {
    color: #fff;
    margin: 0;
    padding-left: 1rem;
    padding-right: 1rem;
}

.mobilenav .menubtn a {
    text-align: center !important;
    margin-top: 2rem;
}

@media (max-width: 400px) {
    .navbar-nav > li.menubtn {
        display: none
    }
}

@media (max-width: 767px) {
    .navbar-nav > li.menubtn > a.nav-link {
        font-size: 85%;
        padding: 5px;
        line-height: 30px;
    }
}

.btn-default, #newsletter input[type=submit], input[type="button"], input[type="submit"], #artikelanfrage-gruppe button {
    text-decoration: none;
    background-color: #fff;
    color: #000;
    padding: 15px 25px;

    position: relative;
    line-height: 1;
    z-index: 1;
    margin-bottom: 5px !important;
    font-weight: bold;
    transition: color ease .15s, border ease .15s, background-color ease .15s;
    font-size: 1.1rem;
    border: 1px solid #000;
    border-radius: 0;
    box-shadow: 0 0 20px rgba(0,0,0,.16) ;
}

.btn.focus, .btn:focus {
    box-shadow: none !Important
}

.btn-default:focus,
.btn-default:hover,
.btn-default.btn-trans:hover {
    background-color: #000 !Important;
    color: #fff !important
}
.btn-default.btn-dark {  background-color: #000; color:#fff;}
.btn-default.btn-dark:hover {  color: #000 !important; background-color:#fff !Important;}


.btn-default.btn-invert {
    border: 2px solid #fff !important;
    color: #fff;
}

.btn-default.btn-trans {
    border: 2px solid #fff;
    color: #fff;
    background-color: transparent !Important
}

/** Bottom **/
.bottom {
    position: relative;
}

.bottomarrows {
    position: absolute;
    left: -4rem;
    top: 5rem;
    width: 30%;
    height: 100%;
    pointer-events: none;
}

.bottom .cta .container,
.bottom footer .container {
    position: relative;
    z-index: 2
}

/** CTA **/
.cta {
    background-color: var(--main-color);
    padding: var(--main-padding) 0;
    margin-bottom: 2rem;
    color: #fff;
}

.cta .h4,
.cta h4 {
    font-size: clamp(2rem, 3.3333vw, 3rem);
    font-weight: 700
}

.cta .btn-default {
    border-color: #fff;
}

.cta form {
    color: #000;
}

/** FOOTER **/
footer {
    background-color: #000;
    color: #fff;
    overflow: hidden;
    padding: 1rem;
}

footer a:hover {
    color: #fff;
    opacity: .6
}



footer .h4,
footer h4 {
    font-size: 2rem;
    font-weight: 700;
    color: var(--main-color)
}

footer h5 {
    font-weight: 700;
    color: var(--main-color)
}

footer p { font-size: .86rem}

footer .middlesection {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 3rem 0;
    font-size: 1rem;
}

footer p:last-child {
    margin-bottom: 0
}


footer ul {
    margin: 0;
    padding: 0;
    list-style: none
}
footer ul li { float: left; padding: 0 .5rem}

footer ul li a {
    color: #fff;
    font-size: .86rem;
}


footer h5 {
    font-weight: 700;
    color: var(--main-color);
    font-size: 1rem;
}

.totop {
    position: fixed;
    bottom: -100px;
    left: 0px;
    background: #555;
    z-index: 25;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.totop.in {
    bottom: 0px;
}

.totop a {
    display: block;
    color: #fff;
    line-height: 50px;
}


/** Accordion **/
.accordion-holder {
    position: relative;
    padding: 1.5rem 0 3rem;
}

.card:last-child .card-header .number {
    border-bottom-color: transparent
}

.accordion {
    border: 0;
    overflow: hidden;


}

/*
@media (min-width: 992px) {
    .accordion {
        column-count: 2;
    }

    .accordion .card {
        break-inside: avoid
    }
}
*/
.accordion .card {
    border: 0;
    border-radius: 0 !important;
    overflow: visible;
    margin-bottom: 0;
    background-color: transparent;
    box-shadow: none !Important;
}

.card-header {
    border-bottom: 1px solid;
    border-color: #ddd;
    position: relative;
    padding: 1rem;
    cursor: pointer;
    background-color: transparent;
}

.card-body {
    padding: 1rem
}

.card-header h4 {
    margin-bottom: 0;
    font-weight: 700;
    color: #000 !important;
    font-size: clamp(1rem, 3.3333vw, 1.5rem)
}

.accordion > .card > .card-header {
    margin-bottom: 0
}

.card-header a {
    font-weight: bold;
    display: block;
    cursor: pointer;
    text-decoration: none !important;
    position: relative;
}

.card-header:before {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform-origin: center;
    transition: transform ease .3s;
    transform: translateY(-50%);
    z-index: 1;
    content: "\f107";
    font-weight: 400;
    font-family: "Font Awesome 5 Pro";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.card-header:hover, .card-header:hover:before {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.card-header:hover h4 {
    color: var(--secondary-color);
}

.card-header[aria-expanded="true"] {
    border-bottom: 1px solid;
    border-color: var(--main-color);
}

.card-header[aria-expanded="true"] h4 {
    color: var(--main-color);
}

.card-header[aria-expanded="true"]:hover:before {
    background-color: #fff !Important
}

.card-header[aria-expanded="true"]:before {
    color: var(--main-color);
    transform: translateY(-50%) rotate(180deg);
}

.card-body p:empty {
    display: none
}


/** VORTEILE **/
.textbild {
    position: relative;
    z-index: 2;
    margin-bottom: 2rem;
}

.imagecol {
    position: relative;
    /*margin: 0 var(--main-padding);*/
    padding: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/*
.imagecol:before {
    content: '';
    display: block;
    padding-bottom: 65%;
}
*/
.imagecol img {
    aspect-ratio: 1/1 !important;
    object-fit: contain;
    filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, .15))
}

.imageelement {
    content: '';
    position: absolute;
    top: 0;
    left: 25%;
    bottom: 0;
    width: 45%;
    border: 1px solid var(--main-dark-color);
    z-index: -1;
    transform-origin: center;
}


.textbild.left .imageelement {
    transform: translateX(-50%) skewX(25deg);
}

.textbild.right .imageelement {
    transform: translateX(-50%) skewX(-25deg);
}

.slick-initialized .textbild.left .imageelement,
.slick-initialized .textbild.right .imageelement {
    transform: translateX(0%) skewX(25deg) !important;
}


/** ABLAUF **/
.ablaufitem {
    position: relative
}

.ablaufitem h4 {
    font-weight: 700;
    color: var(--main-color)
}


.ablaufitem .ablaufinner {
    content: '';
    display: block;
    padding-bottom: 100%;
}

.ablaufiteminner {
    border: var(--main-border);
    border-color: var(--main-dark-color);
    padding: 1rem;
    background-color: #fff;
    transition: background-color ease .25s, color ease .25s;
    margin: 1rem;
    position: relative;
    box-shadow: var(--small-shadow);
}

.ablaufiteminner:before, .ablaufiteminner:after {
    content: '';
    position: absolute;
    left: calc(100% + 1rem);
    top: 50%;
    height: 25%;
    width: 4rem;
    border: 2px solid var(--main-dark-color);
    background-color: #fff;
    opacity: 0;
    z-index: -1;
    transition: opacity ease .25s, background-color ease .25s;
}

.ablaufiteminner:before {
    transform: translateY(-100%) skew(38deg);
    border-bottom: 0;
    transform-origin: bottom;
}

.slick-current + .slick-active .ablaufiteminner:before,
.slick-current + .slick-active .ablaufiteminner:after,
.slick-current .ablaufiteminner:before,
.slick-current .ablaufiteminner:after {
    opacity: 1
}

.ablaufiteminner:after {
    transform: translateY(0%) skew(-38deg);
    border-top: 0;
    transform-origin: top;
}

.ablaufitem:hover .ablaufiteminner {
    background-color: var(--main-dark-color);
    color: #fff;
}

.ablaufslick .slick-active:last-child .ablaufiteminner:after,
.ablaufslick .slick-active:last-child .ablaufiteminner:before {
    opacity: 0
}

.slick-disabled {
    display: none !important
}


@media (max-width: 1199px) {
    .ablaufslick .slick-list {
        overflow: visible !important
    }
}

.ablaufitem:hover .ablaufiteminner:after,
.ablaufitem:hover .ablaufiteminner:before {
    background-color: var(--main-color)
}

.ablaufitem .ablaufinner .ablauficon {
    font-size: 2rem;
    height: 25%;
    position: absolute;
    left: 1.5rem;
    top: 1.5rem;
    line-height: 1;
    color: var(--main-color);
}

.ablaufitem:hover .ablaufiteminner .ablauficon {
    color: #fff;
}

.ablaufitem .ablaufinner .ablaufcontent {
    position: absolute;
    left: 1.5rem;
    top: calc(25% + 1.5rem);
    right: 1.5rem;
    bottom: 1.5rem;
    font-size: 86%;
}

.ablaufcontentinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0px;
    bottom: 0;
    padding-right: 20px;
    overflow: auto;
}


.hangtag {
    position: absolute;
    font-size: .75rem;
    padding: .25rem .5rem;
    font-weight: bold;
    color: #fff;
    top: 0;
    right: 2rem;
    background-color: var(--main-color);
    transition: background-color ease .25s, color ease .25s;
}

/* NEWS**/
a.newsitem {
    position: relative;
    height: 100%;
    background-color: #000;
    display: flex;
    flex-direction: column;
    color: #fff;
    overflow: hidden;
    transition: background-color ease .25s, box-shadow ease .25s;
}

a.newsitem h4,
a.newsitem p {color:#fff}

.slickitem .newsitem,
.newsitem:hover {
    position: relative;
    color: #000;
    background-color: #fff;
}
a.newsitem:hover h4,
a.newsitem:hover p {color:#000}


.newsitem h4 {
    font-weight: 700
}

.newsheader:after {
    content: '';
    position: relative;
    display: block;
    padding-bottom: 55%
}

.newsbody {
    padding: 30px;
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    position: relative;
    z-index: 2;
}

.newsmeta {
    font-size: .75rem;
    border-top: 1px solid #ddd;
    padding-top: 15px;
}

.newsmeta p {
    margin-bottom: 0;
    font-size: .75rem;
}


ul.paginationnumbers { diplay: block; text-align:center; list-style: none}
ul.paginationnumbers li { list-style: none; font-weight: bold; display: inline-block; }
ul.paginationnumbers a { font-weight: normal}

/** SLIDER **/
.slideimage {
    position: relative;
    overflow: hidden;
}

.slideimage:after {
    content: '';
    display: block;
    padding-bottom: 45%;
    position: relative;
}

.slideimage:before {
    content: '';
    position: absolute;
    left: -50%;
    top: -25%;
    bottom: -25%;
    right: 50%;
    background-color: rgba(248, 184, 123, .3);
    filter: blur(5rem);
    border-bottom-right-radius: 50%;
    opacity: .75;
}

.main-slider .slideimage:after {
    padding-bottom: 60%;
}

@media (min-width: 768px) {
    .slideimage:after {
        padding-bottom: 30%;
    }

    .main-slider .slideimage:after {
        padding-bottom: 45%;
    }
}

.header-slider .claim {
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 20px rgb(0 0 0 / 10%);
}

.header-slider .subclaim {
    color: #fff;
    font-weight: 700;
    font-size: clamp(1.25rem, 3.333vw, 2.5rem);
    transition-delay: .1s !important;
    transform: translateX(0px);
    text-shadow: 0 0 20px rgb(0 0 0 / 10%);
}

.header-slider .button {
    color: #fff;
    transition-delay: .2s !important;
    transform: translateX(0px);
}

.header-slider .button .btn {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}

.header-slider .claim b,
.header-slider .claim strong {
    color: #000
}

.header-slider .claim .h1 {
    font-size: clamp(2rem, 3.333vw, 4rem);
    font-weight: 700;
}

div.header-slider {
    position: relative;
    background-color: var(--main-color);
    /*height: 60vH;*/
    z-index: 0;

    overflow: hidden;
}

@media (max-width: 767px) {
    div.header-slider {
        margin: 0 -15px;
        border-radius: 0;
    }
}

div.header-slider .slidecontainer {
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    /* overflow: hidden; */
}

.claimcol {
    opacity: 0;
    transition: opacity ease .25s
}

.carousel-item.active .claimcol {
    opacity: 1
}

.carousel-fade .carousel-item-next .claim,
.carousel-fade .carousel-item-next .subclaim,
.carousel-fade .carousel-item-next .button,
.carousel-item .claim,
.carousel-item .subclaim,
.carousel-item .button {
    transition: transform .6s ease-in-out, opacity .6s ease-in-out;
    transform: translateX(-30px);
    opacity: 0;
}

.carousel-item.active .claim,
.carousel-item.active .subclaim,
.carousel-item.active .button {
    transition: transform .6s ease-in-out, opacity .6s ease-in-out;
    transform: translateX(0px);
    opacity: 1;
}

.carousel-item.carousel-item-left.active .claim,
.carousel-item.carousel-item-left.active .subclaim,
.carousel-item.carousel-item-left.active .button {
    opacity: 0;
    transform: translateX(30px);
    transition: all ease .3s;
}

.sub-slider {
    overflow: hidden
}

#simpleheader {
    background-color: var(--main-color);
    overflow: hidden;
    height: 15rem;
    position: relative;
}

#simpleheader .slidearrows {
    position: absolute;
    left: -15%;
    top: 50%;
    /* bottom: 0; */
    width: 50%;
    z-index: 2;
    transform: translateY(-50%);
    bottom: auto;
}

.carousel-control-next, .carousel-control-prev {
    color: #fff;
    opacity: 1;
    text-shadow: 0 0 20px rgb(0 0 0 / 15%);
}

/** BOX **/
.box {
    padding: 2rem;
    position: relative;

    background-color: rgba(0, 153, 163, .15);
}

section.vc_section[data-vc-full-width="true"],
.vc_row[data-vc-full-width] {
    left: initial !important
}


/** KUNDEN **/
.logoitem img {
    aspect-ratio: 1/.75;
    width: 100%;
    object-fit: contain;
}

.logoitem {
    padding: 2rem;
    margin: .5rem
}

/** TESIMONIALS**/
.testimonialitem {
    padding: 2rem;
    margin: 0;
    font-size: 1rem;
    line-height: 1.4;
}

/** GALLERIES **/
.masonry .box-item img {
    width: 100%
}


.galerieslick[data-height="false"] img {
    height: auto
}

.slickitem {
    padding: 0 15px
}

.slick-list {
    transition: all .5s ease;
}

.slickitem img {
    aspect-ratio: 2/1;
    object-fit: contain
}

.slick-slider.slick-dotted {
    padding-bottom: 3rem;
}

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

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #f0f0f0;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
}

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

.slick-dots li.slick-active, .slick-dots li.slick-active button:before {
    opacity: 1;
    color: black;
    background: var(--main-color);
}


blockquote { position: relative; display: block; padding-left: 75px; }
blockquote p {font-size: 1.5rem}
blockquote:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    font-size: 14rem;
    line-height: 1;
    content: '"';
    transform: translateY(-15%);
}

div.wpcf7 .wpcf7-post_checkbox .wpcf7-list-item { display: inline-block}