/****THEME FONTS*****/

/*
Paralucent Light:
Paralucent Bold
*/
@import url(https://use.typekit.net/rbc8zwt.css);

/* @font-face {
  font-family: "paralucent";
  src: url("/wp-content/themes/visual-composer-starter-theme-child/fonts/pralucent-normal-300.woff2")
    format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "paralucent";
  src: url("/wp-content/themes/visual-composer-starter-theme-child/fonts/pralucent-normal-700.woff2")
    format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
 */
 
/* exo-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/exo-v20-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/exo-v20-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* -------------------------- start fonts body main -------------------------- */
body {
}

.content-wrapper a {
  transition: all 0.5s ease 0s;
  color: inherit !important;
  text-decoration: none !important;
}

.content-wrapper .vce-text-block ul {
  padding-left: 0.9rem;
}

.content-wrapper .vce-text-block ul {
  list-style: none;
}

.content-wrapper .vce-text-block li::before {
  content: ".";
  font-size: 2rem;
  line-height: 1rem;
  color: inherit !important;
  display: inline-block;
  width: 0.9rem;
  margin-left: -0.9rem;
  vertical-align: top;
  margin-top: -0.25rem;
}

.dsgvo p {
  font-size: 10px;
  line-height: 1.3;
}

html {
  font-size: 17px;
  font-family: paralucent;
  color: var(--color-4);
}

p,
li {
  line-height: 1.55;
  letter-spacing: 0.05em;
  color: var(--color-4);
}

#menu-footer-menue li a,
.vce-text-block a {
  position: relative;
}

.vce-text-block-wrapper h4 a:after {
  background-color: var(--green);
}

body:not(.home) .vce-text-block-wrapper a:hover {
  color: var(--green) !important;
}

#menu-footer-menue li a:after,
.home .vce-text-block-wrapper a:after {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  background-color: #fff;
  transition: all 0.5s ease 0s;
}

#menu-footer-menue li a:after {
  height: 2px;
}

#menu-footer-menue li a:hover:after,
.vce-text-block-wrapper a:hover:after {
  width: 100%;
}

/* -------------------------- end fonts body main -------------------------- */

/*--------------------- start fonts main navigation ----------------------*/
.ubermenu-responsive-toggle {
}

#main-nav .ubermenu-item-level-0 > a.ubermenu-target {
}

#main-nav .ubermenu-item-level-1 > a.ubermenu-target {
}

/*------------------------ end fonts main navigation----------------------------*/

/*------------------------------ start fonts headlines ---------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
}

h1 {
  font-size: 1.95rem;
  font-weight: 500;
  letter-spacing: 0;
}

h2 {
  font-size: 2.35rem;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0;
}

h3 {
  font-size: 1.17rem;
  letter-spacing: 0.1em;
  margin-bottom: 1.8em;
  line-height: 1.45;
  color: var(--color-1);
  text-transform: uppercase;
}

h4 {
  font-family: Erbaum;
  font-size: 1.11rem;
  font-weight: 500;
  line-height: 1.5;
}

h5 {
}

h6 {
}

/*------------------------- end fonts headlines -------------------------------*/

/* -------------------------- start fonts content -------------------------- */
/*.vce p strong {}*/
/*.vce li {}*/
/* -------------------------- end fonts content -------------------------- */

/* -------------------------- start fonts button -------------------------- */
.vce-button--style-basic {
}

/* -------------------------- end fonts button -------------------------- */

/* -------------------------- start fonts accordion -------------------------- */
.vce-classic-accordion .vce-classic-accordion-panel-title {
}

/* -------------------------- end fonts accordion -------------------------- */

/* -------------------------- start fonts tabs -------------------------- */
.vce-classic-tabs .vce-classic-tabs-panel-title {
}

/* -------------------------- end fonts tabs -------------------------- */

/* -------------------------- start fonts cookie-law-info-bar -------------------------- */
/*#cookie-law-info-bar span {font-family: 'Source Serif Pro', serif;}*/
/*#cookie-law-info-bar {font-family: 'Source Serif Pro', serif;}*/
a#cookie_action_close_header,
a#CONSTANT_OPEN_URL {
}

/* -------------------------- end fonts cookie-law-info-bar -------------------------- */

/* -------------------------- start fonts footer -------------------------- */
footer {
}

footer p,
footer li,
footer a {
}

footer h4,
footer h5,
footer h6 {
}

/* -------------------------- end fonts footer -------------------------- */

/* -------------------------- start fonts custom -------------------------- */

/* -------------------------- end fonts custom -------------------------- */

@media (max-width: 1920px) {
  /*----------------- ELEMENT -------------*/

  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1500px) {
  h2 {
    font-size: 1.55rem;
  }
}

@media (max-width: 1200px) {
  html {
    font-size: 16px;
  }
}

@media (max-width: 990px) {
}

@media (max-width: 767px) {
  #menu-footer-menue li a:after,
  .home .vce-text-block-wrapper a:after {
    display: none;
  }
}

@media (max-width: 576px) {
  html {
    font-size: 16px;
  }
}

@media (max-width: 420px) {
  h4 {
    font-size: 1.01rem;
  }
}

@media (min-width: 320px) {
  /*----------------- ELEMENT -------------*/

  /*----------------- END ELEMENT ---------*/
}